/* Ranqi Med · interna.css — páginas internas e blog no desenho novo (vem depois do site.css).
   Só estilo: o conteúdo de cada página fica como estava, byte a byte. */
.interna{background:#fff}
.interna .larg{display:contents}
.interna main{display:block;max-width:calc(46rem + 2 * var(--pad));margin:0 auto;padding:clamp(36px,5vw,64px) var(--pad) clamp(64px,8vw,104px)}
.interna main>article,.interna .texto,.interna .erro{max-width:none;padding:0}
.interna .serif{font-family:var(--sans)}
.interna main p,.interna main li{font-size:1.09rem;line-height:1.7;text-wrap:pretty}
.interna main a:not(.btn){color:var(--clinico);text-decoration-thickness:1px;text-underline-offset:3px}
.interna main a:not(.btn):hover{text-decoration-thickness:2px}

/* cabeça do artigo */
.interna .crumb{font-size:.9rem;color:var(--cinza);margin:0 0 28px}
.interna .crumb a{color:var(--cinza)!important}
.interna .eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem;color:var(--clinico);margin:0 0 16px}
.interna .eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(0,87,184,.16)}
.interna main h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 22px;max-width:15em}
.interna main h1 em{font-style:normal;font-weight:800;color:var(--clinico)}
.interna .lede{font-size:clamp(1.15rem,1.6vw,1.3rem)!important;line-height:1.55;color:var(--cinza);margin:0 0 22px}
.interna .byline,.interna .data{font:500 .84rem/1.5 var(--mono)!important;color:var(--cinza);padding-bottom:26px;margin:0 0 36px;border-bottom:1px solid var(--linha)}
.interna main h2{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.12;margin:56px 0 16px}
.interna main h3{font-size:1.25rem;margin:34px 0 10px}
.interna main ul,.interna main ol{padding-left:1.3rem;margin:14px 0 22px}
.interna main li{margin:.45rem 0}
.interna main li::marker{color:var(--clinico);font-weight:700}
.interna main strong{font-weight:700}
.interna main p+p{margin-top:16px}
.interna main code{font:500 .9em var(--mono);background:var(--nevoa);padding:.1em .35em;border-radius:5px}

/* caixas */
.interna .note{margin:30px 0;padding:20px 22px;border-radius:14px;background:var(--nevoa);box-shadow:inset 4px 0 0 var(--clinico);font-size:1.02rem;line-height:1.6}
.interna .cta-box{margin:48px 0;padding:clamp(26px,4vw,40px);border-radius:22px;background:var(--noite);color:#fff;display:grid;gap:14px;justify-items:start}
.interna .cta-box h3{color:#fff;font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0}
.interna .cta-box p{color:var(--claro-txt)!important;margin:0}
.interna .cta-box .btn{background:#fff;color:var(--noite)}
.interna .cta-box a:not(.btn){color:#fff}
.interna main .btn{margin-top:6px}
.interna main .btn:not(.btn-s){background:var(--clinico);color:#fff}
.interna main .btn:not(.btn-s):hover{box-shadow:0 12px 28px -12px rgba(0,87,184,.75)}
.interna .cta-box .btn:not(.btn-s){background:#fff;color:var(--noite)}

/* tabelas */
.interna .tablewrap{overflow-x:auto;margin:24px 0;border-radius:14px;border:1px solid var(--linha)}
.interna main table{width:100%;border-collapse:collapse;font-size:.98rem;background:#fff}
.interna main th,.interna main td{padding:12px 14px;text-align:left;border-bottom:1px solid #EAEFF4;vertical-align:middle}
.interna main thead th{background:var(--noite);color:#fff;font-weight:600;font-size:.88rem;line-height:1.3}
.interna main tbody tr:nth-child(even){background:#FAFBFC}
.interna main td{font-variant-numeric:tabular-nums}
.interna main caption{caption-side:bottom;text-align:left;font-size:.85rem;color:var(--cinza);padding:10px 14px}

/* a quadra: 10 casas por especialidade */
.interna .quadra{margin:28px 0;padding:clamp(22px,3vw,32px);border-radius:20px;background:var(--noite);color:#fff}
.interna .quadra .qt{color:#fff;margin:0 0 6px;font-size:1.15rem}
.interna .quadra .sub{color:var(--claro-txt)!important;font-size:.95rem!important;margin:0 0 18px}
.interna .quadra .ruas{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.interna .quadra .ruas li{display:grid;grid-template-columns:10rem minmax(0,1fr) 3rem;gap:14px;align-items:center;margin:0;font-size:.98rem;color:#fff}
.interna .casas{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.interna .casas i{display:block;height:14px;border-radius:3px;background:#22385A}
.interna .casas i.d{background:var(--ceu)}
.interna .quadra .q{text-align:right;font:600 .95rem var(--mono);color:#fff}
.interna .quadra .legenda{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;font-size:.86rem!important;color:var(--claro-txt)!important}
.interna .quadra .legenda span{display:inline-flex;align-items:center;gap:8px}
.interna .quadra .legenda span::before{content:"";width:12px;height:12px;border-radius:3px;background:#22385A}
.interna .quadra .legenda .ld::before{background:var(--ceu)}
@media (max-width:640px){.interna .quadra .ruas li{grid-template-columns:1fr 2.6rem;gap:6px 10px}.interna .quadra .ruas li .casas{grid-column:1/-1;grid-row:2}}

/* perguntas e guias */
.interna .faq{margin-top:56px}
.interna .faq details:first-of-type{border-top:1px solid var(--linha)}
.interna .faq summary{font-size:1.05rem}
.interna .related{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.interna .related h2{grid-column:1/-1;margin:0 0 6px}
.interna .related a{display:grid;gap:6px;padding:18px 20px;border-radius:14px;background:var(--nevoa);border:1px solid #E5EAF0;color:var(--noite)!important;text-decoration:none;font-weight:700;font-size:1.05rem;line-height:1.3;transition:transform .35s var(--mola),border-color .25s}
.interna .related a:hover{transform:translateY(-2px);border-color:var(--clinico)}
.interna .related a span{font-weight:400;font-size:.92rem;line-height:1.45;color:var(--cinza)}
@media (max-width:640px){.interna .related{grid-template-columns:1fr}}

/* 404 */
.interna .erro h1{max-width:12em}

/* rodapé: a linha da página de origem */
.rodape .base{margin:0 0 18px;color:#c3cce0}
.rodape .base a{display:inline;min-height:0;color:#fff;text-decoration:underline;text-underline-offset:3px}
.rodape .base .btn{display:inline;padding:0;border:0;background:none;font:inherit;color:#fff}
.rodape .ig{display:inline-flex;align-items:center;gap:8px;margin-top:10px}
.rodape .ig svg{width:18px;height:18px}