/* Priht: camada visual editorial e organizada. Só aparência: não altera textos, contas nem scripts. Carregada depois do estilo.css. */
h1,h2{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-weight:500;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(2.5rem,6.2vw,4.6rem);line-height:1.04}
h2{font-size:clamp(1.95rem,4vw,2.95rem);line-height:1.1}
section{padding:100px 0}
@media(max-width:620px){section{padding:64px 0}}
/* numeração das seções: dá ordem à leitura */
main{counter-reset:sec}
main .eyebrow{counter-increment:sec;font-weight:600;letter-spacing:.16em}
main .eyebrow:before{content:counter(sec,decimal-leading-zero) "  /  ";opacity:.55}
/* menu em "ilha" flutuante */
header.top{background:transparent;border-bottom:0;backdrop-filter:none;top:10px}
header.top .wrap{height:60px;margin-top:10px;padding:0 12px 0 20px;background:rgba(6,24,15,.74);backdrop-filter:blur(18px);border:1px solid var(--bd);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
nav.menu a{font-weight:500;opacity:.92}
.btn{border-radius:999px}
@media(max-width:1200px){header.top nav.menu{top:76px;left:12px;right:12px;border:1px solid var(--bd);border-radius:16px}}
/* cartões mais finos */
.glass{border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 60%),var(--glass)}
/* trilho de seções (só na página inicial) */
#rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:4px;padding:10px 6px;background:rgba(2,16,10,.62);backdrop-filter:blur(10px);border:1px solid var(--bd);border-radius:999px}
#rail a{position:relative;display:block;width:22px;height:22px}
#rail a:before{content:"";position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:50%;background:rgba(233,245,238,.35);transition:.25s}
#rail a.on:before{background:var(--ac);box-shadow:0 0 0 4px rgba(47,224,143,.22);transform:scale(1.25)}
#rail a span{position:absolute;right:30px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 10px;border-radius:999px;font:600 .78rem system-ui,sans-serif;color:#e9f5ee;background:rgba(2,16,10,.92);border:1px solid var(--bd);opacity:0;pointer-events:none;transition:opacity .2s}
#rail a:hover span,#rail a:focus-visible span{opacity:1}
@media(max-width:1200px){#rail{display:none}}