/* ===== OiClinic — Artigos (usa as variáveis e o cabeçalho/rodapé de landing.css) ===== */
.art-hero{background:linear-gradient(165deg,#152a52 0%,var(--navy) 55%,var(--navy2) 100%);color:#fff;padding:56px 0 48px}
.art-hero .wrap{max-width:820px}
.art-hero .eyebrow{color:#86eaf6;background:rgba(16,190,216,.16);border-color:rgba(16,190,216,.4)}
.art-hero h1{font-size:clamp(2rem,4.4vw,3rem);margin:1rem 0 .9rem;color:#fff}
.art-hero .lead{font-size:1.1rem;color:rgba(255,255,255,.84)}
.art-meta{margin-top:18px;font-size:.86rem;color:rgba(255,255,255,.7);display:flex;flex-wrap:wrap;gap:6px 18px}
.art-meta i{color:#7fe9f6;margin-right:4px}
.crumbs{font-size:.84rem;color:rgba(255,255,255,.7);margin-bottom:6px}.crumbs a{color:#7fe9f6}.crumbs a:hover{text-decoration:underline}

.art{padding:48px 0 70px}
.art .wrap{max-width:820px}
.art h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:2.4rem 0 .9rem}
.art h3{font-size:1.18rem;margin:1.8rem 0 .6rem;font-family:var(--sans)}
.art p{margin:0 0 1rem}
.art ul,.art ol{margin:0 0 1.1rem;padding-left:1.3rem}.art li{margin-bottom:.45rem}
.art a{color:var(--cyan-d);text-decoration:underline;text-underline-offset:2px}
.art strong{color:var(--navy)}
.art .sumario{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:0 0 1.6rem}
.art .sumario b{display:block;margin-bottom:.5rem}
.art .sumario ol{margin:0}
.art .resposta{background:rgba(16,190,216,.08);border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 1.6rem}
.art .nota{background:#fff8ec;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 18px;margin:1.2rem 0;font-size:.95rem}
.art figure{margin:1.6rem 0}
.art figure img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--sh);display:block;background:#fff}
.art figcaption{font-size:.86rem;color:var(--muted);margin-top:.6rem}
.art .tabela{overflow-x:auto;margin:0 0 1.4rem}
.art table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--card)}
.art th,.art td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.art th{background:var(--paper2)}
.art .formula{font-family:ui-monospace,Consolas,monospace;background:var(--navy);color:#e7f9fc;border-radius:12px;padding:14px 18px;margin:0 0 1.2rem;overflow-x:auto;font-size:.95rem}
.art .cta-art{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:18px;padding:26px 26px;margin:2.4rem 0}
.art .cta-art h3{color:#fff;margin:0 0 .5rem}
.art .cta-art p{color:rgba(255,255,255,.84)}
.art .cta-art a.btn{color:#fff;text-decoration:none;margin-top:6px}
.art .fontes{font-size:.9rem;color:var(--muted)}
.art .fontes li{margin-bottom:.6rem}
.art .qa{margin-bottom:10px}

.art-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:10px}
.art a.art-card{text-decoration:none;color:var(--ink)}
.art-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:.6rem;transition:.2s}
.art-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.art-card .tag{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-d)}
.art-card h2{font-size:1.3rem;margin:0}
.art-card p{color:var(--muted);font-size:.95rem}
.art-card span.ler{margin-top:auto;font-weight:700;color:var(--coral-d)}

@media(max-width:600px){.art-hero{padding:40px 0 34px}.art{padding:34px 0 54px}.art .wrap,.art-hero .wrap{padding:0 16px}footer .cols{grid-template-columns:1fr}}