/* medicacaonline.eu — o aspeto das páginas da raiz (entrada, família não
   encontrada, licença terminada). A paleta é a de O Alpendre, a mesma da app. */
:root { --cal: #f8f6f0; --papel: #fffdf9; --sombra: #1c1611; --texto2: #5a4d40; --madeira: #634327;
        --verde: #2f6b45; --ambar: #9a5b00; --ambar-fundo: #fdf0d8; --linha: rgba(28,22,17,.12); --raio: 18px;
        --serif: Georgia, 'Times New Roman', serif; --sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--sans); color: var(--sombra); background: var(--cal); line-height: 1.5; }
.env { max-width: 40rem; margin: 0 auto; padding: 2.5rem 1.2rem 3rem; }
.simbolo { width: 72px; height: 72px; border-radius: 18px; display: block; margin: 0 auto 1rem; }
h1 { font-family: var(--serif); font-size: clamp(1.9rem, 6vw, 2.6rem); line-height: 1.1; margin: 0 0 .6rem; text-align: center; }
.lead { text-align: center; color: var(--texto2); font-size: 1.1rem; margin: 0 auto 1.6rem; max-width: 32rem; }
.botoes { display: flex; gap: .7rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .7rem 1.4rem; border-radius: var(--raio);
       font-weight: 700; text-decoration: none; background: var(--verde); color: #fff; font-size: 1.05rem; }
.btn.claro { background: var(--papel); color: var(--sombra); border: 2px solid var(--linha); }
.cartao { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio); padding: 1.1rem 1.3rem; margin-bottom: 1rem; }
.cartao h2 { font-family: var(--serif); font-size: 1.2rem; margin: 0 0 .4rem; }
.cartao p, .cartao li { color: var(--texto2); }
.cartao ul { margin: .3rem 0 0; padding-left: 1.2rem; }
.aviso { background: var(--ambar-fundo); color: var(--ambar); border-radius: var(--raio); padding: 1rem 1.2rem; font-weight: 600; }
.marca { display: flex; align-items: center; justify-content: center; gap: .5rem; color: var(--texto2); font-size: .88rem;
         text-decoration: none; margin-top: 2rem; }
.marca img { width: 28px; }
.marca strong { color: var(--madeira); }