/* Abonz Timone — ajustes finos de diagramação */
/* ---- faixa-tablet ---- */
/* 901–1000px: slides 1·6·4 ainda em layout de computador — manter respiro de computador */
@media (min-width:901px) and (max-width:1000px){
#metodo1 .m1-list{margin-top:64px!important}
#frentes .fe-th+.fe-row{margin-top:0!important}
#etapas .fe-tl{margin-top:88px!important;gap:40px!important}
#etapas .fe-ro{margin-bottom:40px!important}
#etapas .fe-note{margin-top:96px!important}
}
/* ---- respiro-nome-contato ---- */
/* O nome e Próximo passo: mesmo respiro interno do capítulo Método */
#nome h2{margin-top:22px!important}
#nome .rule{margin-top:44px!important}
#nome .intro{margin-top:44px!important;line-height:1.8!important}
#nome .name-sec{gap:110px!important;align-items:center!important}
#nome .etym{padding-left:36px!important;padding-top:6px;padding-bottom:6px}
#nome .etym p{margin-top:20px!important;line-height:1.8!important}
#nome .etym + .etym{margin-top:64px!important}
@media (max-width:900px){
#nome .name-sec{gap:56px!important}
#nome .rule{margin-top:32px!important}
#nome .intro{margin-top:32px!important}
#nome .etym + .etym{margin-top:44px!important}
}
/* ---- nome-diagramacao ---- */
#nome .nm-h2{white-space:nowrap}
@media (min-width:901px){#nome .name-sec{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:120px!important}}
#nome .etym{padding-left:40px!important}
#nome .etym .w{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
#nome .etym .w span{margin-left:0!important}
#nome .etym + .etym{margin-top:56px!important}
#nome .name-sec{align-items:start!important}
#nome .etym:first-child{margin-top:0!important}
#nome .rule{margin-top:58px!important}
#nome .intro{margin-top:56px!important}
@media (max-width:900px){#nome .rule{margin-top:32px!important}#nome .intro{margin-top:32px!important}#nome .nm-h2{white-space:normal}#nome .name-sec{gap:64px!important}#nome .etym + .etym{margin-top:48px!important}}
/* ---- frases-recolocadas ---- */
#metodo1 .m1-qt{margin:64px 0 0;border-left:3px solid var(--gold-500);padding:14px 0 14px 32px;font-family:'Spectral',serif;font-size:24px;line-height:1.5;color:var(--navy-900);max-width:900px}
#formatos .fx-lead{margin:72px 0 0;font-family:'Spectral',serif;font-style:italic;font-size:20px;line-height:1.5;color:var(--navy-900)}
#formatos .fx-path{margin-top:48px!important}
@media (max-width:900px){#metodo1 .m1-qt{font-size:19px;margin-top:44px;padding-left:22px}#formatos .fx-lead{margin-top:44px;font-size:18px}#formatos .fx-path{margin-top:36px!important}}
/* ---- titulo-cards ---- */
@media (min-width:1001px) and (max-width:1099px){#casa .card h3{font-size:20px}}
/* ---- valores ---- */
#nome .vals{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px}
#nome .vals>div{padding:0 28px 0 0}
#nome .vals>div+div{padding-left:28px;border-left:1px solid #1E3A55}
#nome .vals b{display:block;font:600 11px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300);margin-bottom:12px}
#nome .vals span{display:block;font:400 14px/1.6 Inter,sans-serif;color:#A9BCCD}
@media (max-width:900px){#nome .vals{grid-template-columns:1fr 1fr;row-gap:28px;margin-top:56px}#nome .vals>div:nth-child(3){padding-left:0;border-left:0}}
/* ---- compatibilidade (04/11/2026) ---- */
/* iPhone/iPad deitado: impede o Safari de aumentar o texto sozinho */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* aviso para arrastar o gráfico do ciclo de vida (só quando ele não cabe na tela) */
.swipe-hint{display:none}
@media (max-width:820px){.swipe-hint{display:block;margin:-12px 0 12px;font:600 10.5px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-600)}}