/* Kreative · coleção de cards */
@font-face{font-family:"Rokkitt";src:url(fonts/rokkitt-latin.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(fonts/atkinson-next-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(fonts/courier-prime-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(fonts/courier-prime-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --chao:#E1E3E2;--chao-2:#D4D7D6;--carta:#FFFFFF;--verso:#C8CBC9;
  --tinta:#151515;--tinta-2:#45474A;--fio:#B6BAB9;
  --azul:#1D4FA3;--verde:#1E6B45;--marinho:#18264A;
  --ouro:#C9A227;--ouro-claro:#E3C65A;--vermelho:#A00E28;
  --f-nome:"Rokkitt",Georgia,serif;
  --f-texto:"Atkinson Next",system-ui,sans-serif;
  --f-tabela:"Courier Prime",ui-monospace,monospace;
  --wrap:1200px;
  --sombra:0 1px 0 rgba(21,21,21,.06),0 18px 34px -16px rgba(21,21,21,.42);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-color:var(--marinho) var(--chao-2)}
body{background:var(--chao);color:var(--tinta);font:400 18px/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;caret-color:var(--azul)}
::selection{background:var(--ouro-claro);color:var(--tinta)}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
section{padding:clamp(72px,9vw,120px) 0}
section + section{border-top:1px solid var(--fio)}
h1,h2,h3{font-family:var(--f-nome);line-height:1;letter-spacing:-.01em;text-wrap:balance}
h1{font-weight:800;font-size:clamp(44px,6.6vw,92px);line-height:.92;text-transform:uppercase}
h2{font-weight:700;font-size:clamp(34px,4.4vw,54px);margin-bottom:20px;max-width:22ch}
h3{font-weight:700;font-size:26px;margin-bottom:8px}
p{max-width:68ch}
.lead{font-size:clamp(19px,2vw,22px);line-height:1.5;color:var(--tinta-2)}
.muted{color:var(--tinta-2)}
.mt{margin-top:48px}
.note{margin-top:20px;font-size:15px;color:var(--tinta-2)}
.src{margin-top:16px;font:400 13px/1.5 var(--f-tabela);color:var(--tinta-2)}
.tnum{font-variant-numeric:tabular-nums}

/* botões: tinta chapada com filete interno, como os do verso */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border:0;border-radius:6px;background:var(--marinho);color:#fff;font:700 18px/1 var(--f-nome);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 3px var(--marinho),inset 0 0 0 5px rgba(255,255,255,.6);transition:background .2s var(--ease),transform .2s var(--ease)}
.btn:hover{background:var(--azul);box-shadow:inset 0 0 0 3px var(--azul),inset 0 0 0 5px rgba(255,255,255,.6)}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:var(--carta);color:var(--marinho);box-shadow:inset 0 0 0 2px var(--marinho)}
.btn-ghost:hover{background:var(--carta);color:var(--azul);box-shadow:inset 0 0 0 2px var(--azul)}
.btn-sm{min-height:42px;padding:10px 16px;font-size:15px}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link{font:700 17px/1 var(--f-nome);letter-spacing:.04em;text-transform:uppercase;color:var(--marinho);text-decoration:underline;text-decoration-thickness:2px}
.link:hover{color:var(--azul)}

/* cabeçalho */
header.nav{position:sticky;top:0;z-index:40;background:var(--chao);border-bottom:3px solid var(--marinho)}
header.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{flex:none;font:800 28px/1 var(--f-nome);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:var(--marinho)}
.logo span{color:var(--ouro)}
.menu{display:flex;gap:24px;margin-left:auto}
.menu a{white-space:nowrap;font:700 15px/1 var(--f-nome);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--marinho);padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a.on{border-bottom-color:var(--ouro)}
.menu-btn{display:none;margin-left:auto;background:none;border:2px solid var(--marinho);border-radius:6px;padding:8px 12px;font:700 15px/1 var(--f-nome);letter-spacing:.06em;text-transform:uppercase;color:var(--marinho);cursor:pointer}

/* card: frente branca com borda do time, verso cinza com tabela */
.kc{--time:var(--azul);position:relative;width:100%}
.kc.f1{--time:var(--azul)}
.kc.f2{--time:var(--verde)}
.kc.f3{--time:var(--marinho)}
.kc-inner{display:grid;transition:transform .8s var(--ease);transform-style:preserve-3d}
.kc-face,.kc-back{grid-area:1/1;border-radius:12px;box-shadow:var(--sombra);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.kc-face{background:var(--carta);padding:12px;aspect-ratio:5/7}
.kc-frame{position:relative;height:100%;display:flex;flex-direction:column;border:7px solid var(--time);border-radius:6px;overflow:hidden;background:var(--carta)}
.kc-name{background:var(--time);color:#fff;font:800 clamp(24px,2.4vw,32px)/.95 var(--f-nome);text-transform:uppercase;letter-spacing:.01em;padding:14px 72px 14px 16px}
h3.kc-name{margin:0}
.kc-photo{flex:1;position:relative;background:var(--chao-2);min-height:0}
.kc-photo img{width:100%;height:100%;object-fit:cover}
.kc-photo .ph{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font:400 13px/1.4 var(--f-tabela);color:var(--tinta-2);background:repeating-linear-gradient(135deg,var(--chao-2) 0 10px,#CBCFCE 10px 20px)}
.kc-pos{position:absolute;top:8px;right:8px;width:52px;height:52px;border-radius:50%;background:var(--time);border:3px solid #fff;color:#fff;display:grid;place-items:center;font:800 19px/1 var(--f-nome);letter-spacing:.02em}
.kc-flag{position:absolute;left:-46px;bottom:26px;width:200px;transform:rotate(45deg);background:var(--ouro);color:var(--tinta);text-align:center;font:800 15px/1 var(--f-nome);letter-spacing:.12em;text-transform:uppercase;padding:9px 0;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.kc-body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.kc-body .q{font:700 22px/1.15 var(--f-nome);color:var(--time);margin-bottom:12px}
.kc-body ul{list-style:none;margin-bottom:16px}
.kc-body li{padding:9px 0;border-top:1px solid var(--fio);font-size:16px;line-height:1.35}
.kc-body .go{margin-top:auto;font:700 17px/1 var(--f-nome);letter-spacing:.04em;text-transform:uppercase;color:var(--time);text-decoration:underline;text-decoration-thickness:2px}
.kc-back{background:var(--verso);padding:14px;transform:rotateY(180deg);display:flex;flex-direction:column;font:400 15px/1.45 var(--f-tabela);color:var(--tinta)}
.kc-back header{display:flex;justify-content:space-between;gap:12px;background:var(--tinta);color:#fff;padding:10px 12px;border-radius:4px;font:700 14px/1.2 var(--f-tabela);letter-spacing:.04em;text-transform:uppercase}
.kc-back dl{display:grid;grid-template-columns:auto 1fr;margin-top:12px;border-top:2px solid var(--tinta)}
.kc-back dt,.kc-back dd{padding:8px 4px;border-bottom:1px solid #9f9d95}
.kc-back dt{font-weight:700;padding-right:14px}
.kc-back dd{text-align:right;font-variant-numeric:tabular-nums}
.kc-back dl.empilhado{grid-template-columns:1fr}
.kc-back dl.empilhado dt{border-bottom:0;padding-bottom:2px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.kc-back dl.empilhado dd{text-align:left;padding-top:0;font:400 16px/1.4 var(--f-texto)}
.kc-back dl.empilhado dd.perda{color:var(--vermelho);font-weight:700}
.kc-back p{margin-top:12px;font-size:14px}
.kc-back .perda{color:var(--vermelho);font-weight:700}
.kc-back .src{margin-top:auto;padding-top:12px}
.kc-flip{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;font:700 15px/1 var(--f-nome);letter-spacing:.06em;text-transform:uppercase;color:var(--marinho);cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
.kc-flip svg{width:18px;height:18px}
.js .kc.is-virado .kc-inner{transform:rotateY(180deg)}
html:not(.js) .kc-back{transform:none;grid-area:auto;margin-top:16px}
html:not(.js) .kc-flip{display:none}

/* topo da home: título, card do responsável e pacote */
.hero{position:relative;padding:56px 0 96px;overflow:hidden;border-top:0}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,27vw,380px);column-gap:clamp(24px,4vw,64px);align-items:start}
.hero h1{grid-column:1;position:relative;z-index:3}
.hero h1 span{display:block}
.hero h1 span:nth-child(2){padding-left:1.2em}
.hero h1 em{display:block;font-style:normal;color:var(--azul);padding-left:2.4em}
.hero-card{grid-column:2;grid-row:1 / span 2;position:relative;z-index:2;transform:rotate(2.5deg);margin-top:8px}
.hero-card .kc-flip{transform:rotate(-2.5deg)}
.pacote{grid-column:1;position:relative;z-index:4;margin-top:40px;max-width:660px;background:var(--ouro);color:var(--tinta);padding:34px 30px 30px;box-shadow:var(--sombra)}
.pacote::before,.pacote::after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(-45deg,var(--ouro) 6px,transparent 0),linear-gradient(45deg,var(--ouro) 6px,transparent 0);background-size:12px 12px}
.pacote::before{top:-12px;background-position:left bottom;background-repeat:repeat-x}
.pacote::after{bottom:-12px;transform:scaleY(-1)}
.pacote h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:10px;text-transform:uppercase;letter-spacing:.02em}
.pacote p{font-size:17px;line-height:1.5}
.pacote form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:20px;align-items:end}
.pacote label span{color:var(--tinta)}
.pacote input{border-color:var(--tinta);background:#FFFDF4}
.pacote .note{color:var(--tinta);margin-top:14px}
.pacote .btn-ghost{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}

/* topo das landings */
.hero-lp .wrap{grid-template-columns:minmax(0,1fr) clamp(280px,26vw,360px)}
.hero-lp h1{font-size:clamp(42px,5.6vw,80px)}
.hero-lp h1 em{display:inline;padding:0}
.hero-lp .lead{grid-column:1;margin-top:24px;position:relative;z-index:3}

/* abas e caminho, como um placar */
.tabs{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tabs button{border:2px dashed var(--marinho);background:transparent;color:var(--marinho);font:700 16px/1 var(--f-nome);letter-spacing:.05em;text-transform:uppercase;padding:13px 18px;border-radius:6px;cursor:pointer}
.tabs button[aria-selected="true"]{border-style:solid;background:var(--marinho);color:#fff}
.path{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;background:var(--carta);border:2px solid var(--tinta);border-radius:8px;overflow:hidden}
.path > div{display:flex;flex-direction:column;padding:0 0 22px;border-right:1px solid var(--tinta)}
.path > div:last-child{border-right:0}
.path .num{display:flex;align-items:baseline;gap:10px;background:var(--tinta);color:#fff;padding:12px 18px;font:700 14px/1 var(--f-tabela)}
.path .stage{font:800 30px/1 var(--f-nome);text-transform:uppercase;padding:18px 18px 8px}
.path .muted{padding:0 18px;font-size:16px;line-height:1.45}
.path .loss{margin:16px 18px 0;padding-top:12px;border-top:2px solid var(--vermelho);color:var(--vermelho);font-weight:700;font-size:16px;line-height:1.4}
.path .front{display:flex;align-items:center;gap:10px;margin:auto 18px 0;padding-top:16px;font:700 14px/1.3 var(--f-tabela);color:var(--tinta-2)}
.path .front::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--azul)}
.path .front.f2::before{background:var(--verde)}
.path .front.f3::before{background:var(--marinho)}
.path .front.f12::before{background:linear-gradient(90deg,var(--azul) 50%,var(--verde) 50%)}

/* frentes: três cards dados na mesa */
.mao{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);margin-top:56px;align-items:start}
.mao > :nth-child(1){transform:rotate(-2deg)}
.mao > :nth-child(2){transform:translateY(28px)}
.mao > :nth-child(3){transform:rotate(2deg)}
.mao .kc-face{aspect-ratio:auto;min-height:100%}
.mao .kc-inner > *{min-height:520px}

/* série numerada (como funciona, fluxos) */
.serie{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-top:48px;border-top:3px solid var(--tinta);counter-reset:s}
.serie > li,.serie > div{position:relative;padding:22px 24px 8px 0}
.serie > li::before,.serie > div::before{counter-increment:s;content:counter(s);display:block;font:800 64px/1 var(--f-nome);color:var(--marinho);margin-bottom:14px}
.serie h3{font-size:24px}
.serie p{font-size:16px;color:var(--tinta-2)}
.flow{list-style:none;margin-top:44px;border-top:3px solid var(--tinta)}
.flow li{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--fio)}
.flow .n{font:800 56px/1 var(--f-nome);color:var(--verde)}
.flow h3{margin-bottom:4px}
.flow a.lime{color:var(--azul);font-weight:700}

/* pacotes: embalagem dourada para a oferta de entrada */
.pk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.embalagem{position:relative;background:var(--ouro);color:var(--tinta);padding:40px 34px 34px;box-shadow:var(--sombra);transform:rotate(-1.5deg)}
.embalagem::before,.embalagem::after{content:"";position:absolute;left:0;right:0;height:14px;background:linear-gradient(-45deg,var(--ouro) 7px,transparent 0),linear-gradient(45deg,var(--ouro) 7px,transparent 0);background-size:14px 14px}
.embalagem::before{top:-14px;background-position:left bottom;background-repeat:repeat-x}
.embalagem::after{bottom:-14px;transform:scaleY(-1)}
.embalagem .marca{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:2px solid var(--tinta);padding-bottom:12px;font:700 14px/1.2 var(--f-tabela);text-transform:uppercase;letter-spacing:.04em}
.embalagem h3{font:800 clamp(34px,3.6vw,46px)/1 var(--f-nome);text-transform:uppercase;margin:18px 0 6px}
.price{font:800 clamp(52px,6vw,76px)/1 var(--f-nome);letter-spacing:-.02em}
.embalagem ul{list-style:none;margin:18px 0 0;border-top:1px solid rgba(21,21,21,.35)}
.embalagem li{padding:9px 0;border-bottom:1px solid rgba(21,21,21,.35);font-size:16px}
.embalagem .meta{margin-top:16px;font:400 14px/1.5 var(--f-tabela)}
.embalagem .btn{margin-top:22px}
.avulsos{display:grid;gap:14px}
.avulso{background:var(--carta);border:2px solid var(--tinta);border-radius:8px;padding:22px 24px}
.avulso header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.avulso header span{font:700 13px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2)}
.avulso h3{margin:0}
.avulso .meta{margin-top:10px;font:400 14px/1.5 var(--f-tabela);color:var(--tinta-2)}
.avulso .price{font-size:40px;margin:6px 0}

/* verso de card avulso: exemplos reais, serviços e fichas */
.versos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:28px;margin-top:48px;align-items:start}
.verso{background:var(--verso);border-radius:12px;padding:16px;box-shadow:var(--sombra);font-family:var(--f-tabela)}
.verso > header{display:flex;justify-content:space-between;gap:12px;background:var(--tinta);color:#fff;padding:12px 14px;border-radius:4px;font:700 14px/1.2 var(--f-tabela);letter-spacing:.04em;text-transform:uppercase}
.verso h3{font:700 26px/1.1 var(--f-nome);margin:18px 4px 8px}
.verso p{font:400 16px/1.55 var(--f-texto);margin:10px 4px 0}
.verso .src{margin:16px 4px 0}
.verso ul{list-style:none;margin:10px 4px 0;border-top:2px solid var(--tinta)}
.verso li{padding:10px 0;border-bottom:1px solid #9f9d95;font:400 15px/1.45 var(--f-texto);color:var(--tinta-2)}
.verso li strong{display:block;font:700 16px/1.3 var(--f-texto);color:var(--tinta)}
.carimbo{display:inline-block;margin:14px 4px 0;padding:8px 12px;border:3px solid var(--vermelho);border-radius:4px;color:var(--vermelho);font:700 15px/1 var(--f-tabela);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-3deg)}

/* barras em tabela */
.bars{display:grid;gap:0;margin:14px 4px 0;border-top:2px solid var(--tinta)}
.bar{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #9f9d95;font:400 15px/1.2 var(--f-tabela)}
.bar .track{height:12px;background:rgba(21,21,21,.12)}
.bar .fill{height:100%;background:var(--tinta-2)}
.bar.you{font-weight:700;color:var(--vermelho)}
.bar.you .fill{background:var(--vermelho)}
.bar.low .fill{background:var(--vermelho)}
.bar .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.card .bars,.carta-solta .bars{border-top-color:var(--tinta)}
.carta-solta{background:var(--carta);border:2px solid var(--tinta);border-radius:8px;padding:22px}

/* sinais: lista de checagem com marca de perda */
.signals{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));column-gap:40px;margin-top:40px;border-top:3px solid var(--tinta)}
.signals li{position:relative;padding:18px 0 18px 44px;border-bottom:1px solid var(--fio);font-size:18px;line-height:1.45}
.signals li::before,.signals li::after{content:"";position:absolute;left:6px;top:31px;width:20px;height:3px;background:var(--vermelho);border-radius:2px}
.signals li::before{transform:rotate(45deg)}
.signals li::after{transform:rotate(-45deg)}

/* lista de módulos */
.modulos{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:40px;margin-top:44px;border-top:3px solid var(--tinta)}
.modulos li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--fio)}
.modulos b{grid-row:span 2;font:700 15px/1.6 var(--f-tabela);color:var(--marinho)}
.modulos strong{font:700 22px/1.15 var(--f-nome)}
.modulos span{font-size:16px;color:var(--tinta-2)}

/* tabela */
.table-wrap{overflow-x:auto;margin-top:32px;background:var(--verso);border-radius:12px;padding:16px;box-shadow:var(--sombra)}
table{width:100%;border-collapse:collapse;font:400 15px/1.45 var(--f-tabela)}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #9f9d95;vertical-align:top}
th{background:var(--tinta);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
td.muted{color:var(--tinta-2)}

/* demonstração do sistema */
.demo{margin-top:40px;background:var(--verso);border:2px solid var(--tinta);border-radius:8px;overflow:hidden}
.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--tinta);color:#fff;font:700 14px/1.2 var(--f-tabela);text-transform:uppercase;letter-spacing:.04em}
.demo-bar b{color:var(--ouro-claro);font-weight:700}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px;padding:18px;overflow-x:auto}
.col h3{font:700 14px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--tinta)}
.ticket{background:var(--carta);border-radius:6px;padding:12px 14px;margin-bottom:10px;font-size:15px;line-height:1.35;border:1px solid #9f9d95;box-shadow:0 1px 0 rgba(21,21,21,.08),0 6px 14px -8px rgba(21,21,21,.4)}
.ticket small{display:block;color:var(--tinta-2);font:400 13px/1.4 var(--f-tabela);margin-top:6px}
.ticket.late{border:2px solid var(--vermelho)}
.ticket.late small{color:var(--vermelho);font-weight:700}

/* ponte para a próxima frente */
.bridge{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.bridge h2{margin:0}
.pontes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.ponte{display:block;background:var(--carta);border:2px solid var(--tinta);border-radius:8px;padding:24px;text-decoration:none;transition:transform .25s var(--ease)}
.ponte:hover{transform:translateY(-3px)}
.ponte span{display:block;font:700 14px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2);margin-bottom:12px}

/* perguntas frequentes */
.faq{margin-top:36px;border-top:3px solid var(--tinta)}
details{border-bottom:1px solid var(--fio)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:700 24px/1.2 var(--f-nome)}
summary::-webkit-details-marker{display:none}
summary .mais{position:relative;flex:none;width:22px;height:22px}
summary .mais::before,summary .mais::after{content:"";position:absolute;left:0;top:10px;width:22px;height:3px;background:var(--marinho);transition:transform .3s var(--ease)}
summary .mais::after{transform:rotate(90deg)}
details[open] summary .mais::after{transform:rotate(0)}
details p{padding:0 0 24px;color:var(--tinta-2)}

/* responsável e time */
.sobre-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.sobre-texto{max-width:820px}
.sobre-grid .lead,.sobre-texto .lead{margin-bottom:18px}
.sobre-texto p + p{margin-top:14px}
.sobre-grid p + p{margin-top:14px}

/* página pessoal de 1999 */
.n99{margin-top:clamp(48px,6vw,80px);border:2px solid #000;background:#C0C0C0;box-shadow:inset -2px -2px 0 #808080,inset 2px 2px 0 #fff,var(--sombra);font-family:"Times New Roman",Times,serif}
.n99-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#000080,#0B5C9E);color:#fff;padding:5px 8px;font:700 14px/1.2 Tahoma,Verdana,sans-serif}
.n99-bar i{display:inline-block;width:16px;height:14px;background:#C0C0C0;box-shadow:inset -1px -1px 0 #808080,inset 1px 1px 0 #fff;margin-left:3px}
.n99-tela{background-color:#06061a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' shape-rendering='crispEdges'%3E%3Crect x='12' y='18' width='1' height='1' fill='%23fff'/%3E%3Crect x='52' y='74' width='1' height='1' fill='%23fff'/%3E%3Crect x='90' y='30' width='2' height='2' fill='%23ffffaa'/%3E%3Crect x='120' y='100' width='1' height='1' fill='%23aaaaff'/%3E%3Crect x='30' y='120' width='1' height='1' fill='%23fff'/%3E%3Crect x='104' y='62' width='1' height='1' fill='%23fff'/%3E%3C/svg%3E");color:#fff;padding:28px clamp(16px,3vw,40px) 32px;margin:4px;border:2px inset #808080}
.n99 h3{font:700 clamp(28px,3.4vw,40px)/1.1 "Times New Roman",Times,serif;color:#39FF14;text-align:center;letter-spacing:0;text-shadow:2px 2px 0 #FF2BD6}
.n99 .sub{text-align:center;color:#00E5FF;font-size:18px;margin:8px auto 18px;max-width:none}
.n99 .obras{height:14px;margin:0 auto 22px;max-width:520px;background:repeating-linear-gradient(-45deg,#FFD800 0 12px,#000 12px 24px)}
.n99 table{font:400 17px/1.4 "Times New Roman",Times,serif;border:3px outset #C0C0C0;border-collapse:separate;border-spacing:3px;background:#000040;color:#fff}
.n99 th{background:#800080;color:#FFFF00;font:700 15px/1.2 "Times New Roman",Times,serif;text-transform:none;letter-spacing:0;border:2px inset #C0C0C0}
.n99 td{border:2px inset #C0C0C0;color:#fff;vertical-align:middle}
.n99 td b{color:#39FF14}
.n99 td.ava{width:64px;text-align:center}
.n99 td.ava svg{width:48px;height:48px;image-rendering:pixelated;shape-rendering:crispEdges}
.n99 .rodape99{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:24px;font-size:16px;color:#ccc;text-align:center}
.n99 .contador{display:inline-flex;gap:2px;font:700 18px/1 "Courier New",monospace}
.n99 .contador b{background:#000;color:#39FF14;border:1px solid #39FF14;padding:3px 5px;min-width:1.3em}
.n99 a{color:#00E5FF}
.n99 a:visited{color:#FF2BD6}
.btn-99{background:#C0C0C0;color:#000;border:0;padding:8px 16px;font:400 16px/1.2 "Times New Roman",Times,serif;box-shadow:inset -2px -2px 0 #808080,inset 2px 2px 0 #fff;cursor:pointer}
.btn-99:active{box-shadow:inset 2px 2px 0 #808080,inset -2px -2px 0 #fff}

/* formulário: ficha do diagnóstico */
.ficha-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:start}
.ficha{background:var(--verso);border-radius:12px;padding:16px;box-shadow:var(--sombra)}
.ficha > header{background:var(--tinta);color:#fff;padding:12px 14px;border-radius:4px;font:700 14px/1.2 var(--f-tabela);text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}
.ficha form{padding:0 6px 6px}
form{display:grid;gap:14px}
label span{display:block;font:700 13px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.06em;color:var(--tinta);margin-bottom:8px}
input,select{width:100%;min-height:50px;padding:12px 14px;border-radius:6px;border:2px solid var(--tinta);background:var(--carta);color:var(--tinta);font:400 17px var(--f-texto)}
input::placeholder{color:#6A6964}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(135deg,var(--tinta) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
input:focus-visible,select:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
input:user-invalid{border-color:var(--vermelho)}
.form-msg{font-size:15px;color:var(--tinta)}
.form-msg:empty{display:none}
textarea{width:100%;padding:12px 14px;border-radius:6px;border:2px solid var(--tinta);background:var(--carta);color:var(--tinta);font:400 17px var(--f-texto);resize:vertical}
textarea:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.hp-campo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* rodapé */
footer{background:var(--marinho);color:#fff;padding:64px 0 32px;font-size:16px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
footer .logo{color:#fff}
footer h2{font:700 14px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.06em;color:var(--ouro-claro);margin-bottom:14px}
footer a{text-decoration:none;color:#fff;display:block;padding:4px 0}
footer a:hover{text-decoration:underline}
footer p{color:#D5D9E3}
footer .legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.25);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;font:400 13px/1.6 var(--f-tabela);color:#D5D9E3}

/* whatsapp flutuante */
.wa-float{position:fixed;right:16px;bottom:16px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.wa-float svg{width:28px;height:28px}
[hidden]{display:none!important}

@media (max-width:1000px){
  .hero .wrap,.hero-lp .wrap{grid-template-columns:1fr}
  .hero-card{grid-column:1;grid-row:auto;width:min(340px,82vw);margin:40px auto 0}
  .pacote{grid-column:1;margin-top:48px}
  .mao{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .mao > *{transform:none!important}
  .pk-grid,.sobre-grid,.ficha-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  header.nav .btn-sm{display:none}
  .path{grid-template-columns:1fr 1fr}
  .path > div:nth-child(2){border-right:0}
  .path > div:nth-child(-n+2){border-bottom:1px solid var(--tinta)}
}
@media (max-width:560px){
  body{font-size:17px}
  .wrap{padding:0 16px}
  .hero{padding:32px 0 72px}
  .hero h1 span:nth-child(2),.hero h1 em{padding-left:0}
  .pacote{padding:28px 18px 22px}
  .pacote form{grid-template-columns:1fr}
  .path{grid-template-columns:1fr}
  .path > div{border-right:0;border-bottom:1px solid var(--tinta)}
  .path > div:last-child{border-bottom:0}
  .tabs{display:grid;grid-template-columns:1fr;width:100%}
  .actions .btn{width:100%}
  .bar{grid-template-columns:110px 1fr 34px;font-size:14px}
  .flow li{grid-template-columns:56px 1fr}
  .flow .n{font-size:40px}
  .embalagem{transform:none;padding:34px 20px 26px}
  .n99 table,.n99 tbody,.n99 tr,.n99 td{display:block}
  .n99 thead{display:none}
  .n99 tr{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* versão 1999: o site inteiro volta para a web de 1999 */
html[data-era="1999"]{--chao:#06061a;--chao-2:#000040;--carta:#000040;--verso:#C0C0C0;--tinta:#FFFFFF;--tinta-2:#CCCCFF;--fio:#4040A0;--azul:#00E5FF;--verde:#39FF14;--marinho:#800080;--ouro:#FFFF00;--ouro-claro:#FFFF00;--vermelho:#FF2BD6;--f-nome:"Times New Roman",Times,serif;--f-texto:"Times New Roman",Times,serif;--f-tabela:"Courier New",monospace;--sombra:none}
html[data-era="1999"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' shape-rendering='crispEdges'%3E%3Crect x='12' y='18' width='1' height='1' fill='%23fff'/%3E%3Crect x='52' y='74' width='1' height='1' fill='%23fff'/%3E%3Crect x='90' y='30' width='2' height='2' fill='%23ffffaa'/%3E%3Crect x='120' y='100' width='1' height='1' fill='%23aaaaff'/%3E%3Crect x='30' y='120' width='1' height='1' fill='%23fff'/%3E%3Crect x='104' y='62' width='1' height='1' fill='%23fff'/%3E%3C/svg%3E")}
html[data-era="1999"] h1,html[data-era="1999"] h2{color:#39FF14;text-shadow:2px 2px 0 #FF2BD6;text-transform:none}
html[data-era="1999"] header.nav{background:#000080;border-bottom:4px ridge #C0C0C0}
html[data-era="1999"] .logo,html[data-era="1999"] .menu a{color:#FFFF00}
html[data-era="1999"] .btn{background:#C0C0C0;color:#000;border-radius:0;box-shadow:inset -2px -2px 0 #808080,inset 2px 2px 0 #fff;text-transform:none;letter-spacing:0}
html[data-era="1999"] .kc-face,html[data-era="1999"] .avulso,html[data-era="1999"] .path,html[data-era="1999"] .carta-solta,html[data-era="1999"] .ponte{border:3px outset #C0C0C0;border-radius:0}
html[data-era="1999"] .kc-back,html[data-era="1999"] .verso,html[data-era="1999"] .ficha,html[data-era="1999"] .table-wrap,html[data-era="1999"] .demo{color:#000;border-radius:0;border:3px outset #fff}
html[data-era="1999"] .kc-back,html[data-era="1999"] .verso p,html[data-era="1999"] .verso li,html[data-era="1999"] .verso h3,html[data-era="1999"] .ficha label span,html[data-era="1999"] td,html[data-era="1999"] .ticket small{color:#000}
html[data-era="1999"] .pacote,html[data-era="1999"] .embalagem{color:#000}
html[data-era="1999"] .pacote *,html[data-era="1999"] .embalagem *{color:#000}
html[data-era="1999"] input,html[data-era="1999"] select{background:#fff;color:#000;border:2px inset #C0C0C0;border-radius:0}
html[data-era="1999"] footer{background:#000080;border-top:4px ridge #C0C0C0}
html[data-era="1999"] .ticket{color:#fff}

/* ajustes de composição */
.hero-lp .hero-card{grid-row:1 / span 3}
.signals.rico li{padding-top:20px;padding-bottom:20px}
.signals.rico h3{font-size:26px;margin-bottom:6px}
.signals.rico p{font-size:17px;color:var(--tinta-2)}
.verso > header h3{font:inherit;margin:0;color:inherit;letter-spacing:inherit}
.ponte span{margin:16px 0 0}
.pk-grid > h2{align-self:start}
footer .cols p{margin-top:14px}
.hero:not(.hero-lp) h1{font-size:clamp(40px,4.9vw,68px)}
.hero h1 span:nth-child(2){padding-left:.9em}
.hero:not(.hero-lp) h1 em{padding-left:1.8em}
.pacote{margin-top:32px}
.kc.rt{--time:var(--tinta)}
.pacote h2{max-width:none}
.mao .kc-inner > *{min-height:470px}
@media (max-width:1000px){.hero-card{width:min(280px,66vw)}}
@media (max-width:560px){
  .hero h1 span:nth-child(2),.hero:not(.hero-lp) h1 em{padding-left:0}
  .n99 tr{display:grid;grid-template-columns:60px 1fr;border:2px inset #C0C0C0;margin-bottom:8px}
  .n99 td{border:0}
  .n99 td.ava{grid-row:span 2;width:auto}
}
.kc-inner{grid-template-columns:minmax(0,1fr)}
.kc-face,.kc-back{min-width:0}
.kc-back dd,.kc-back dt{overflow-wrap:anywhere}
.js .kc-inner{position:relative}
.js .kc-back{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain}
@media (max-width:560px){.kc-back{font-size:14px}.kc-back dl{margin-top:8px}.kc-back dt,.kc-back dd{padding:6px 2px}}
html[data-era="1999"] .kc.rt{--time:#FF2BD6}
html[data-era="1999"] .path .num,html[data-era="1999"] .kc-back header,html[data-era="1999"] .verso > header,html[data-era="1999"] .ficha > header,html[data-era="1999"] th,html[data-era="1999"] .demo-bar{background:#000080;color:#FFFF00}
html[data-era="1999"] .kc-flip,html[data-era="1999"] .link,html[data-era="1999"] .kc-body .go{color:#00E5FF}
html[data-era="1999"] .tabs button{color:#FFFF00;border-color:#FFFF00}
html[data-era="1999"] .tabs button[aria-selected="true"]{background:#FFFF00;color:#000}
html[data-era="1999"] .btn-ghost{background:#C0C0C0;color:#000}
html[data-era="1999"] .kc-pos{border-color:#C0C0C0}

/* revisão: sobreposição da primeira tela, pilha sob o card e cards sem vazio */
@media (min-width:1001px){
  .hero:not(.hero-lp) .hero-card{margin-left:-56px}
  .hero:not(.hero-lp) .pacote{max-width:none;width:calc(100% + 140px)}
  .hero:not(.hero-lp) .pacote form{max-width:620px}
  .hero:not(.hero-lp) .pacote p{max-width:600px}
}
.hero-card .kc.rt .kc-face{box-shadow:0 3px 0 -1px #fff,0 4px 0 -1px #a9acab,0 7px 0 -2px #fff,0 8px 0 -2px #a9acab,0 11px 0 -3px #fff,0 12px 0 -3px #a9acab,var(--sombra)}
.hero-lp .kc-face{aspect-ratio:auto}
.hero-lp .kc-inner > *{min-height:380px}
.mao .kc-inner > *{min-height:400px}
@media (min-width:1001px){
  .hero:not(.hero-lp) .hero-card .kc-flip{position:absolute;top:-40px;right:4px;margin:0}
}
.kc.rt .kc-flag{left:auto;right:-46px;transform:rotate(-45deg)}

/* trajetória: linha do tempo e tabela de números */
.linha{list-style:none;margin-top:44px;border-top:3px solid var(--tinta)}
.linha li{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--fio)}
.linha .quando{font:700 15px/1.4 var(--f-tabela);color:var(--marinho);padding-top:4px}
.linha h3{margin-bottom:4px}
.linha .papel{font:700 15px/1.4 var(--f-tabela);color:var(--tinta-2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}
.linha p + p{margin-top:0}
.tabela-num{display:grid;grid-template-columns:1fr auto;margin:14px 4px 0;border-top:2px solid var(--tinta)}
.tabela-num dt,.tabela-num dd{padding:11px 0;border-bottom:1px solid #9f9d95}
.tabela-num dt{font:400 15px/1.4 var(--f-texto);padding-right:18px}
.tabela-num dd{font:700 20px/1.2 var(--f-tabela);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:560px){.linha li{grid-template-columns:1fr;gap:6px}}

/* ajustes de UX: card sobre o pacote, campos maiores, números no menu */
@media (min-width:1001px){
  .hero:not(.hero-lp) .hero-card{z-index:5}
  .hero:not(.hero-lp) .pacote{width:calc(100% + 40px)}
  .hero:not(.hero-lp) .pacote form{max-width:none}
}
.pacote form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.pacote form .btn{grid-column:1 / -1;justify-self:start}
.pacote input{min-height:56px;font-size:18px}
.pacote .note .link{display:inline-block;white-space:nowrap}
.menu a{display:inline-flex;align-items:center;gap:8px}
.disco{display:inline-grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--azul);color:#fff;font:800 12px/1 var(--f-nome);letter-spacing:0}
.disco.f2{background:var(--verde)}
.disco.f3{background:var(--marinho)}
@media (max-width:560px){.pacote form{grid-template-columns:1fr}.pacote form .btn{justify-self:stretch}}
@media (min-width:1001px){.hero:not(.hero-lp) .pacote form{max-width:640px}}

.foto-99{display:none}
html[data-era="1999"] .foto-99{display:block}
html[data-era="1999"] .foto-atual{display:none}
/* 1999: textos que usavam roxo/preto sobre fundo escuro */
html[data-era="1999"] .n99 td{color:#fff}
html[data-era="1999"] .n99 td b{color:#39FF14}
html[data-era="1999"] .serie > li::before,html[data-era="1999"] .serie > div::before,html[data-era="1999"] .linha .quando,html[data-era="1999"] .modulos b{color:#FFFF00}
html[data-era="1999"] .kc.f3{--time:#FF2BD6}
html[data-era="1999"] .note,html[data-era="1999"] .src,html[data-era="1999"] .linha .papel,html[data-era="1999"] .modulos span,html[data-era="1999"] .serie p,html[data-era="1999"] details p{color:#CCCCFF}
html[data-era="1999"] .verso .src,html[data-era="1999"] .kc-back .src{color:#000}
html[data-era="1999"] .path .front{color:#CCCCFF}
html[data-era="1999"] .disco.f3{background:#FF2BD6}
html[data-era="1999"] .pacote .note,html[data-era="1999"] .pacote .src,html[data-era="1999"] .embalagem .src{color:#000}

/* hero de gestão: título, lead, plataformas e convite à esquerda, pilha à direita */
.hero-gestao h1 span,.hero-gestao h1 em{display:inline;padding:0}
.hero-gestao h1{font-size:clamp(38px,4.4vw,62px);line-height:1.04;max-width:16em}
.hero-gestao .lead{grid-column:1;margin-top:24px;max-width:34em;position:relative;z-index:3}
.hero-gestao .hero-card{grid-row:1 / span 4}
.plataformas{grid-column:1;margin-top:32px;position:relative;z-index:3}
.plataformas p{font:700 13px/1 var(--f-tabela);text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);margin-bottom:12px}
.plataformas ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;border-top:2px solid var(--tinta);padding-top:14px}
.plataformas li{font:800 22px/1 var(--f-nome);letter-spacing:.02em}
.hero-gestao .actions{grid-column:1;margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;position:relative;z-index:3}
.hero.hero-gestao h1 em,.hero.hero-gestao h1 span{padding-left:0}
.hero-gestao .plataformas{padding-right:24px}
.btn-sm{white-space:nowrap}
.hero.hero-lp h1{font-size:clamp(34px,3.9vw,54px);line-height:1.06}
.versos{align-items:stretch}

/* estampa de verso de carta no hero, uma por frente */
.hero-pat{position:relative;isolation:isolate}
.hero-pat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--estampa);background-size:260px 240px;opacity:.12;-webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 45%,transparent 78%)}
.hero-pat-f1{--estampa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='240' viewBox='0 0 260 240' fill='none' stroke='%231D4FA3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2810 10%29 rotate%28-8 24 24%29'%3E%3Cpath d='M24 44C24 44 10 31 10 20a14 14 0 0 1 28 0C38 31 24 44 24 44z'/%3E%3Ccircle cx='24' cy='20' r='5'/%3E%3C/g%3E%3Cg transform='translate%28130 0%29 rotate%2810 24 24%29'%3E%3Cpath d='M24 5l5.6 12.6 13.4 1.4-10 9 3 13.4L24 34.4 12 41.4l3-13.4-10-9 13.4-1.4z'/%3E%3C/g%3E%3Cg transform='translate%2870 80%29 rotate%280 24 24%29'%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Cpath d='M29 29l13 13'/%3E%3C/g%3E%3Cg transform='translate%28165 95%29 rotate%286 24 24%29'%3E%3Crect x='4' y='8' width='40' height='32' rx='3'/%3E%3Cpath d='M4 18h40'/%3E%3Ccircle cx='10' cy='13' r='1'/%3E%3Ccircle cx='15' cy='13' r='1'/%3E%3Cpath d='M10 26h20M10 32h14'/%3E%3C/g%3E%3Cg transform='translate%2820 150%29 rotate%28-6 24 24%29'%3E%3Cpath d='M10 6v32l8-7 6 12 5-2.5-6-11.5h11z'/%3E%3C/g%3E%3Cg transform='translate%28110 170%29 rotate%28-12 24 24%29'%3E%3Cpath d='M24 5l5.6 12.6 13.4 1.4-10 9 3 13.4L24 34.4 12 41.4l3-13.4-10-9 13.4-1.4z'/%3E%3C/g%3E%3Cg transform='translate%28200 175%29 rotate%288 24 24%29'%3E%3Cpath d='M24 44C24 44 10 31 10 20a14 14 0 0 1 28 0C38 31 24 44 24 44z'/%3E%3Ccircle cx='24' cy='20' r='5'/%3E%3C/g%3E%3C/svg%3E")}
html[data-era="1999"] .hero-pat::before{display:none}

/* hero com a cor da frente: 100% no topo, degradê até a próxima seção */
.hero-pat{--hero-cor:var(--azul);padding-bottom:210px;margin-bottom:-110px;background:linear-gradient(to bottom,var(--hero-cor) 0,var(--hero-cor) 62%,var(--chao) 100%)}
.hero-pat-f1{--estampa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='240' viewBox='0 0 260 240' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2810 10%29 rotate%28-8 24 24%29'%3E%3Cpath d='M24 44C24 44 10 31 10 20a14 14 0 0 1 28 0C38 31 24 44 24 44z'/%3E%3Ccircle cx='24' cy='20' r='5'/%3E%3C/g%3E%3Cg transform='translate%28130 0%29 rotate%2810 24 24%29'%3E%3Cpath d='M24 5l5.6 12.6 13.4 1.4-10 9 3 13.4L24 34.4 12 41.4l3-13.4-10-9 13.4-1.4z'/%3E%3C/g%3E%3Cg transform='translate%2870 80%29 rotate%280 24 24%29'%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Cpath d='M29 29l13 13'/%3E%3C/g%3E%3Cg transform='translate%28165 95%29 rotate%286 24 24%29'%3E%3Crect x='4' y='8' width='40' height='32' rx='3'/%3E%3Cpath d='M4 18h40'/%3E%3Ccircle cx='10' cy='13' r='1'/%3E%3Ccircle cx='15' cy='13' r='1'/%3E%3Cpath d='M10 26h20M10 32h14'/%3E%3C/g%3E%3Cg transform='translate%2820 150%29 rotate%28-6 24 24%29'%3E%3Cpath d='M10 6v32l8-7 6 12 5-2.5-6-11.5h11z'/%3E%3C/g%3E%3Cg transform='translate%28110 170%29 rotate%28-12 24 24%29'%3E%3Cpath d='M24 5l5.6 12.6 13.4 1.4-10 9 3 13.4L24 34.4 12 41.4l3-13.4-10-9 13.4-1.4z'/%3E%3C/g%3E%3Cg transform='translate%28200 175%29 rotate%288 24 24%29'%3E%3Cpath d='M24 44C24 44 10 31 10 20a14 14 0 0 1 28 0C38 31 24 44 24 44z'/%3E%3Ccircle cx='24' cy='20' r='5'/%3E%3C/g%3E%3C/svg%3E")}
.hero-pat::before{opacity:.3;background-size:300px 277px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 90%);mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 90%)}
.hero-pat h1{color:#fff}
.hero-pat h1 em{color:#BFD4FF}
.hero-pat .lead{color:#EAF0FF}
.hero-pat .btn{background:#fff;color:var(--hero-cor);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--hero-cor)}
.hero-pat .btn:hover{background:#EAF0FF}
.hero-pat .actions .link{color:#fff}
html[data-era="1999"] .hero-pat{background:none;padding-bottom:96px;margin-bottom:0}
html[data-era="1999"] .hero-pat h1{color:#39FF14}
html[data-era="1999"] .hero-pat .lead{color:#CCCCFF}
html[data-era="1999"] .hero-pat .btn{background:#C0C0C0;color:#000}
.hero-pat{background:linear-gradient(to bottom,var(--hero-cor) 0,var(--hero-cor) 70%,var(--chao) 100%)}
.hero-pat::before{opacity:.26;-webkit-mask-image:linear-gradient(to left,#000 0,rgba(0,0,0,.6) 38%,transparent 66%),linear-gradient(to bottom,#000 0,#000 50%,transparent 88%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,#000 0,rgba(0,0,0,.6) 38%,transparent 66%),linear-gradient(to bottom,#000 0,#000 50%,transparent 88%);mask-composite:intersect}
.hero-pat .kc-flip{color:#fff}

/* estampa: 3 ícones grandes, cortados pelas bordas do hero */
.hero-pat::before{opacity:1;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 55%,transparent 90%);mask-image:linear-gradient(to bottom,#000 0,#000 55%,transparent 90%);-webkit-mask-composite:initial;mask-composite:initial}
.hero-pat-f1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-opacity='0.28' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M24 45C24 45 9 31 9 19a15 15 0 0 1 30 0C39 31 24 45 24 45z'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='24' cy='19' r='5.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-opacity='0.14' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Ccircle vector-effect='non-scaling-stroke' cx='20' cy='20' r='13'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M30 30l14 14'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-opacity='0.28' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Crect vector-effect='non-scaling-stroke' x='3' y='7' width='42' height='34' rx='3'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M3 17h42'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='9' cy='12' r='1'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='14' cy='12' r='1'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M9 25h22M9 32h15'/%3E%3C/svg%3E");background-size:620px 620px,760px 760px,640px 640px;background-position:left -230px top 30px,left 46% bottom -330px,right -250px top 40px}

.hero-pat-f1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff' fill-opacity='0.06' stroke='%23fff' stroke-opacity='0.3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M24 45C24 45 9 31 9 19a15 15 0 0 1 30 0C39 31 24 45 24 45z'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='24' cy='19' r='5.5' fill='none'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff' fill-opacity='0.04' stroke='%23fff' stroke-opacity='0.2' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle vector-effect='non-scaling-stroke' cx='20' cy='20' r='13'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M30 30l14 14' fill='none'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23fff' fill-opacity='0.06' stroke='%23fff' stroke-opacity='0.3' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect vector-effect='non-scaling-stroke' x='3' y='7' width='42' height='34' rx='3'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M3 17h42' fill='none'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M9 25h22M9 32h15' fill='none'/%3E%3C/svg%3E");background-size:640px 640px,760px 760px,680px 680px;background-position:left -210px top 40px,left 46% bottom -300px,right -260px top 30px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 95%);mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 95%)}

/* estampa só com preenchimento, discreta, em escala maior */
.hero-pat-f1::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M24 46C24 46 8 31 8 19a16 16 0 0 1 32 0C40 31 24 46 24 46zM24 13a6 6 0 1 0 0 12a6 6 0 1 0 0-12z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.08' fill-rule='evenodd' d='M20 6a14 14 0 1 0 0 28a14 14 0 1 0 0-28zM20 11a9 9 0 1 1 0 18a9 9 0 1 1 0-18zM29.5 33.5l3.5-3.5 12 12-3.5 3.5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M6 6h36a3 3 0 0 1 3 3v30a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM3 15h42v2.5H3zM8 24h20v3H8zM8 31h13v3H8z'/%3E%3C/svg%3E");background-size:860px 860px,980px 980px,880px 880px;background-position:left -330px top 10px,left 44% bottom -470px,right -360px top -20px}
.hero-pat-f1::before{background-size:640px 640px,720px 720px,660px 660px;background-position:left -230px top 150px,left 50% top -340px,right -260px bottom 40px}
/* degradê longo e suave, até o fim da primeira tela */
.hero-pat-f1{--hero-rgb:29,79,163}
.hero-pat{margin-bottom:0;padding-bottom:140px;background:linear-gradient(to bottom,rgba(var(--hero-rgb),1) 0,rgba(var(--hero-rgb),1) 46%,rgba(var(--hero-rgb),.9) 56%,rgba(var(--hero-rgb),.72) 66%,rgba(var(--hero-rgb),.52) 75%,rgba(var(--hero-rgb),.32) 84%,rgba(var(--hero-rgb),.14) 92%,rgba(var(--hero-rgb),0) 100%),var(--chao)}
@media (min-width:1001px){.hero-pat{min-height:calc(100vh - 74px)}}
.hero-pat::before{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 98%);mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 98%)}
/* conteúdo centralizado na vertical quando o hero ocupa a tela inteira */
@media (min-width:1001px){.hero-pat{display:flex;align-items:center}.hero-pat > .wrap{width:100%}}
.btn .seta{flex:none;transition:transform .25s var(--ease)}
.btn:hover .seta{transform:translateY(3px)}
#continua{scroll-margin-top:72px}
@media (prefers-reduced-motion:reduce){.btn:hover .seta{transform:none}}
.btn .seta{flex:none;transition:transform .25s var(--ease)}
.btn:hover .seta{transform:translateY(3px)}
#continua{scroll-margin-top:72px}
@media (prefers-reduced-motion:reduce){.btn:hover .seta{transform:none}}

/* estampas das demais páginas */
[class*="hero-pat-"]::before{background-size:640px 640px,720px 720px,660px 660px;background-position:left -230px top 150px,left 50% top -340px,right -260px bottom 40px}
.hero-pat-f1{--hero-claro:#BFD4FF}
.hero-pat h1 em{color:var(--hero-claro,#BFD4FF)}
.hero-pat-f2{--hero-rgb:30,107,69;--hero-cor:#1E6B45;--hero-claro:#BDE8D0}
.hero-pat-f2::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M8 6h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H22l-10 8v-8H8a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4zM12 17h5v5h-5zM21.5 17h5v5h-5zM31 17h5v5h-5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.08' fill-rule='evenodd' d='M24 4a20 20 0 1 0 0 40a20 20 0 1 0 0-40zM22 12h4v11l7 4-2 3.5-9-5.5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M24 4a20 20 0 1 0 0 40a20 20 0 1 0 0-40zM13.5 25l4-4 5 5 11-12 4 4-15 16z'/%3E%3C/svg%3E")}
.hero-pat-f3{--hero-rgb:24,38,74;--hero-cor:#18264A;--hero-claro:#C5D0F5}
.hero-pat-f3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M5 5h17v17H5zM26 5h17v17H26zM5 26h17v17H5zM26 26h17v17H26z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.08' fill-rule='evenodd' d='M4 6h40v36H4zM8 10h10v12H8zM8 26h10v12H8zM19 10h10v20H19zM30 10h10v8H30zM30 22h10v16H30z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M39.7 20.8L45.8 21.4L45.8 26.6L39.7 27.2L37.3 32.8L41.3 37.6L37.6 41.3L32.8 37.3L27.2 39.7L26.6 45.8L21.4 45.8L20.8 39.7L15.2 37.3L10.4 41.3L6.7 37.6L10.7 32.8L8.3 27.2L2.2 26.6L2.2 21.4L8.3 20.8L10.7 15.2L6.7 10.4L10.4 6.7L15.2 10.7L20.8 8.3L21.4 2.2L26.6 2.2L27.2 8.3L32.8 10.7L37.6 6.7L41.3 10.4L37.3 15.2zM24 17a7 7 0 1 0 0 14a7 7 0 1 0 0-14z'/%3E%3C/svg%3E")}
.hero-pat-home{--hero-rgb:24,38,74;--hero-cor:#18264A;--hero-claro:#C5D0F5}
.hero-pat-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M24 46C24 46 8 31 8 19a16 16 0 0 1 32 0C40 31 24 46 24 46zM24 13a6 6 0 1 0 0 12a6 6 0 1 0 0-12z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.08' fill-rule='evenodd' d='M8 6h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H22l-10 8v-8H8a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4zM12 17h5v5h-5zM21.5 17h5v5h-5zM31 17h5v5h-5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M5 5h17v17H5zM26 5h17v17H26zM5 26h17v17H5zM26 26h17v17H26z'/%3E%3C/svg%3E")}
.hero-pat-tj{--hero-rgb:31,33,36;--hero-cor:#1F2124;--hero-claro:#D5DDF5}
.hero-pat-tj::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M24 4a20 20 0 1 0 0 40a20 20 0 1 0 0-40zM22 12h4v11l7 4-2 3.5-9-5.5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.08' fill-rule='evenodd' d='M4 6h40v36H4zM8 10h10v12H8zM8 26h10v12H8zM19 10h10v20H19zM30 10h10v8H30zM30 22h10v16H30z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' fill-opacity='0.11' fill-rule='evenodd' d='M39.7 20.8L45.8 21.4L45.8 26.6L39.7 27.2L37.3 32.8L41.3 37.6L37.6 41.3L32.8 37.3L27.2 39.7L26.6 45.8L21.4 45.8L20.8 39.7L15.2 37.3L10.4 41.3L6.7 37.6L10.7 32.8L8.3 27.2L2.2 26.6L2.2 21.4L8.3 20.8L10.7 15.2L6.7 10.4L10.4 6.7L15.2 10.7L20.8 8.3L21.4 2.2L26.6 2.2L27.2 8.3L32.8 10.7L37.6 6.7L41.3 10.4L37.3 15.2zM24 17a7 7 0 1 0 0 14a7 7 0 1 0 0-14z'/%3E%3C/svg%3E")}
.hero-pat .plataformas p{color:var(--hero-claro,#EAF0FF)}
.hero-pat .plataformas ul{border-top-color:rgba(255,255,255,.55)}
.hero-pat .plataformas li{color:#fff}
@media (min-width:1001px){.hero-gestao .lead{max-width:30em}}
/* cor-guia por página: home em tinta, trajetória em ouro escuro (o Responsável), frentes em azul, verde e marinho */
.hero-pat-home{--hero-rgb:21,21,21;--hero-cor:#151515;--hero-claro:#D3DCF2}
.hero-pat-tj{--hero-rgb:124,94,16;--hero-cor:#7C5E10;--hero-claro:#F5E6B0}

/* home: o verde-limão da marca, com texto em tinta */
.hero-pat-home{--hero-rgb:182,242,58;--hero-cor:#151515;--hero-claro:#0E5A2B}
.hero-pat-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23151515' fill-opacity='0.09' fill-rule='evenodd' d='M24 46C24 46 8 31 8 19a16 16 0 0 1 32 0C40 31 24 46 24 46zM24 13a6 6 0 1 0 0 12a6 6 0 1 0 0-12z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23151515' fill-opacity='0.07' fill-rule='evenodd' d='M8 6h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H22l-10 8v-8H8a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4zM12 17h5v5h-5zM21.5 17h5v5h-5zM31 17h5v5h-5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23151515' fill-opacity='0.09' fill-rule='evenodd' d='M5 5h17v17H5zM26 5h17v17H26zM5 26h17v17H5zM26 26h17v17H26z'/%3E%3C/svg%3E")}
.hero-pat-home h1,.hero-pat-home .lead,.hero-pat-home .plataformas li{color:#151515;text-shadow:none}
.hero-pat-home h1 em{color:#0E5A2B}
.hero-pat-home .btn{background:#151515;color:#B6F23A;box-shadow:inset 0 0 0 3px #151515,inset 0 0 0 5px #B6F23A}
.hero-pat-home .btn:hover{background:#2A2D2B}
.hero-pat-home .plataformas p{color:#2D3A1A}
.hero-pat-home .plataformas ul{border-top-color:rgba(21,21,21,.6)}
.hero-pat-home .actions .link{color:#151515}

/* home: floresta profunda com o verde-limão só como destaque */
.hero-pat-home{--hero-rgb:14,43,30;--hero-cor:#0E2B1E;--hero-claro:#B6F23A}
.hero-pat-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23B6F23A' fill-opacity='0.12' fill-rule='evenodd' d='M24 46C24 46 8 31 8 19a16 16 0 0 1 32 0C40 31 24 46 24 46zM24 13a6 6 0 1 0 0 12a6 6 0 1 0 0-12z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23B6F23A' fill-opacity='0.09' fill-rule='evenodd' d='M8 6h32a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H22l-10 8v-8H8a4 4 0 0 1-4-4V10a4 4 0 0 1 4-4zM12 17h5v5h-5zM21.5 17h5v5h-5zM31 17h5v5h-5z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23B6F23A' fill-opacity='0.12' fill-rule='evenodd' d='M5 5h17v17H5zM26 5h17v17H26zM5 26h17v17H5zM26 26h17v17H26z'/%3E%3C/svg%3E")}
.hero-pat-home h1,.hero-pat-home .lead,.hero-pat-home .plataformas li{color:#fff;text-shadow:none}
.hero-pat-home h1 em{color:#B6F23A}
.hero-pat-home .btn{background:#B6F23A;color:#0E2B1E;box-shadow:inset 0 0 0 3px #B6F23A,inset 0 0 0 5px #0E2B1E}
.hero-pat-home .btn:hover{background:#CBF76A}
.hero-pat-home .plataformas p{color:#B6F23A}
.hero-pat-home .plataformas ul{border-top-color:rgba(182,242,58,.55)}
.hero-pat-home .actions .link{color:#fff}

/* quadro de gestão na hero da home */
.hero-card.hero-board{transform:none;margin-top:0;grid-row:1 / span 4;background:var(--chao);border-radius:12px;padding:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);color:var(--tinta)}
.bd-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--tinta);color:#fff;border-radius:6px;padding:10px 14px;font:700 14px/1 var(--f-nome);letter-spacing:.06em;text-transform:uppercase}
.bd-bar b{font:400 12px/1 var(--f-tabela);letter-spacing:.02em;text-transform:none;color:#B6F23A}
.bd-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.bd-col .bd-h{font:700 12px/1 var(--f-tabela);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--tinta)}
.bd-col ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.tk{position:relative;background:#fff;border-radius:6px;padding:10px 10px 10px 12px;border:1px solid var(--fio);border-top:4px solid var(--time,var(--azul))}
.tk.f1{--time:var(--azul)}.tk.f2{--time:var(--verde)}.tk.f3{--time:var(--marinho)}
.tk .disco{width:22px;height:22px;font-size:11px;margin-bottom:6px}
.tk p{font:700 14px/1.25 var(--f-nome);margin:0 0 4px;color:var(--tinta)}
.tk small{font:400 12px/1.3 var(--f-tabela);color:var(--tinta-2)}
.bd-rod{margin:12px 2px 2px;font:400 13px/1.4 var(--f-tabela);color:var(--tinta-2)}
@media (max-width:1000px){.hero-card.hero-board{width:100%;margin:32px 0 0;grid-row:auto;order:3}}
@media (max-width:560px){.bd-cols{grid-template-columns:1fr}}
html[data-era="1999"] .hero-board{background:#C0C0C0;border:3px outset #fff;border-radius:0;color:#000}
@media (min-width:1001px){.hero.hero-gestao .wrap{grid-template-columns:minmax(0,1fr) 440px}.hero.hero-gestao h1{font-size:clamp(38px,3.9vw,56px);max-width:none}}
.hero-pat h1,.hero-pat .lead,.hero-pat-home h1,.hero-pat-home .lead{text-shadow:none}
@media (max-width:560px){.hero-card.hero-board{display:none}}
.hero-pat *{text-shadow:none}
/* 1999: contraste real nas superfícies cinza, ciano e verde */
html[data-era="1999"] .disco,html[data-era="1999"] .kc-name,html[data-era="1999"] .kc-pos,html[data-era="1999"] .kc-flag{color:#000}
html[data-era="1999"] .bd-bar{background:#000080;color:#fff}
html[data-era="1999"] .hero-board .tk{background:#fff;border-color:#000}
html[data-era="1999"] .hero-board .tk p,html[data-era="1999"] .hero-board .tk small,html[data-era="1999"] .hero-board .bd-h,html[data-era="1999"] .hero-board .bd-rod{color:#000}
html[data-era="1999"] .hero-board .bd-h{border-bottom-color:#000}
html[data-era="1999"] .verso strong,html[data-era="1999"] .verso li,html[data-era="1999"] .verso .link{color:#000}
html[data-era="1999"] .verso .link,html[data-era="1999"] .kc-back .link{color:#0000CC}
html[data-era="1999"] .verso .perda,html[data-era="1999"] .perda,html[data-era="1999"] .bar.you span,html[data-era="1999"] .carimbo,html[data-era="1999"] .bar .n{color:#800080}
html[data-era="1999"] .verso header h3{color:#fff}
html[data-era="1999"] .kc-back .perda,html[data-era="1999"] .kc-back dd.perda{color:#800080}
html[data-era="1999"] .ticket small{color:#CCCCFF}

/* 1999: cantos retos em tudo, como era antes do border-radius */
html[data-era="1999"] *,html[data-era="1999"] *::before,html[data-era="1999"] *::after{border-radius:0!important}

/* 1999: assinaturas de gif animado e html da época (movimento em poucos quadros) */
.marquee99,.selos99{display:none}
html[data-era="1999"] .marquee99{display:block;overflow:hidden;white-space:nowrap;background:#000080;color:#FFFF00;border-bottom:2px solid #fff;font:700 15px/1 "Courier New",monospace;padding:7px 0}
html[data-era="1999"] .marquee99>div{display:inline-flex;animation:marq99 28s linear infinite}
@keyframes marq99{to{transform:translateX(-50%)}}
@keyframes blink99{50%{visibility:hidden}}
@keyframes cor99{0%{color:#B6F23A}25%{color:#FFFF00}50%{color:#00E5FF}75%{color:#FF2BD6}}
@keyframes obras99{to{background-position:34px 0}}
@keyframes selo99{0%{background:#FF0000}25%{background:#FFFF00}50%{background:#00FF00}75%{background:#00E5FF}}
@keyframes pula99{50%{transform:translateY(-4px)}}
@keyframes brilho99{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.3) translateY(14px)}}
html[data-era="1999"] .menu a:nth-child(3)::after{content:" NEW!";color:#FF0000;background:#FFFF00;font:700 11px/1 "Courier New",monospace;padding:1px 3px;margin-left:6px;animation:blink99 1s steps(1) infinite}
html[data-era="1999"] .hero h1 em{animation:cor99 1.6s steps(1) infinite}
html[data-era="1999"] .plataformas>p:first-child,html[data-era="1999"] .carimbo{animation:blink99 1.2s steps(1) infinite}
html[data-era="1999"] .n99 .obras{background-size:34px 14px;animation:obras99 .6s steps(4) infinite}
html[data-era="1999"] .n99 h3{animation:cor99 2s steps(1) infinite}
html[data-era="1999"] .wa-float{animation:pula99 .8s steps(2) infinite}
html[data-era="1999"] .selos99{display:inline-flex;gap:6px;align-items:center}
html[data-era="1999"] .selos99 b{display:inline-block;width:88px;height:31px;font:700 10px/1.05 Verdana,sans-serif;text-align:center;color:#000;border:2px outset #C0C0C0;padding:3px 0;text-transform:none;letter-spacing:0}
html[data-era="1999"] .selos99 .selo-ns{animation:selo99 1s steps(1) infinite}
html[data-era="1999"] .selos99 .selo-html{background:#fff;color:#000080}
html[data-era="1999"] .selos99 .selo-mail{background:#C0C0C0;animation:pula99 .6s steps(2) infinite;line-height:25px}
.brilho99{position:fixed;z-index:60;pointer-events:none;color:#FFFF00;font:700 16px/1 "Courier New",monospace;text-shadow:1px 1px 0 #FF2BD6;animation:brilho99 .7s steps(5) forwards}

/* hero da home e da página em breve: ações secundárias só com contorno */
.hero-pat-home .btn.btn-ghost{background:transparent;color:#B6F23A;border:2px solid #B6F23A}
.hero-pat-home .btn.btn-ghost:hover{background:rgba(182,242,58,.14)}
html[data-era="1999"] .hero-pat-home .btn.btn-ghost{background:#C0C0C0;color:#000;border:0}

/* edição comemorativa de 25 anos: botão piscando na barra de navegação */
.edicao{position:relative;margin-left:auto}
.edicao-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:800 13px/1 var(--f-nome);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta);background:transparent;border:2px solid var(--ouro);padding:8px 12px 8px 10px;cursor:pointer}
.edicao-btn::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ouro);animation:edicao-pisca 1.2s steps(1) infinite}
.edicao-btn:hover,.edicao-btn[aria-expanded="true"]{background:var(--ouro-claro,#F5E6B0)}
.edicao-btn[aria-expanded="true"]::before,html[data-era="1999"] .edicao-btn::before{animation:none}
@keyframes edicao-pisca{0%{opacity:1}50%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.edicao-btn::before{animation:none}}
.edicao-pop{position:absolute;top:calc(100% + 12px);right:0;z-index:50;width:min(300px,86vw);background:var(--carta);color:var(--tinta);border:2px solid var(--tinta);padding:14px 16px;box-shadow:0 8px 0 -2px rgba(21,21,21,.25)}
.edicao-pop[hidden]{display:none}
.edicao-pop label{display:flex;gap:10px;align-items:flex-start;font:700 15px/1.3 var(--f-nome);cursor:pointer}
.edicao-pop input{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;min-height:20px;padding:0;border:0;background:none;flex:none;margin:1px 0 0;accent-color:var(--marinho)}
header.nav-simples .menu{display:flex;position:static;flex-direction:row;padding:0;border:0;background:none;margin-left:auto}
header.nav-simples .menu a{border:0;padding:0}
header.nav-simples .edicao{margin-left:0}
@media (max-width:860px){
  header.nav-simples .btn-sm{display:inline-flex}
  header.nav-simples .menu{display:none}
  header.nav-simples .edicao{margin-left:auto}
}
html[data-era="1999"] .edicao-btn{background:#FFFF00;color:#000;border:2px outset #C0C0C0}
html[data-era="1999"] .edicao-pop{background:#C0C0C0;color:#000;border:2px outset #fff;box-shadow:none}

/* seletor de idioma na barra de navegação */
.idiomas{position:relative;margin-left:12px}
.idiomas + .edicao{margin-left:0}
.idioma-sel summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font:800 13px/1 var(--f-nome);letter-spacing:.06em;color:var(--tinta);background:var(--carta);padding:9px 10px;border:2px solid var(--tinta)}
.idioma-sel summary::-webkit-details-marker{display:none}
.idioma-sel summary::after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.idioma-sel[open] summary::after{margin-top:3px;transform:rotate(-135deg)}
.idioma-sel summary:focus-visible,.idioma-sel a:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.idioma-sel svg{display:block;flex:none;width:20px;height:14px}
.idioma-sel ul{position:absolute;top:calc(100% + 12px);right:0;z-index:50;min-width:190px;margin:0;padding:6px;list-style:none;background:var(--carta);color:var(--tinta);border:2px solid var(--tinta);box-shadow:0 8px 0 -2px rgba(21,21,21,.25)}
.idioma-sel li a{display:flex;align-items:center;gap:10px;padding:11px 10px;font:700 15px/1.2 var(--f-nome);color:var(--tinta);text-decoration:none}
.idioma-sel li a b{font-weight:800;letter-spacing:.06em;min-width:24px}
.idioma-sel li a span{font-weight:400;font-family:var(--f-texto)}
.idioma-sel li a:hover{background:var(--chao)}
.idioma-sel li a[aria-current]::after{content:"✓";margin-left:auto;font-weight:800}
html[data-era="1999"] .idioma-sel summary{background:#000080;color:#00E5FF;border:2px outset #fff}
html[data-era="1999"] .idioma-sel ul{background:#C0C0C0;color:#000;border:2px outset #fff;box-shadow:none}
html[data-era="1999"] .idioma-sel li a{color:#000}
html[data-era="1999"] .idioma-sel li a:hover{background:#000080;color:#FFFF00}

/* menu recolhido abaixo de 1060px: os itens nunca quebram de linha */
@media (max-width:1060px){
  .menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--chao);border-bottom:3px solid var(--marinho);padding:8px 24px 16px}
  .menu a{padding:14px 0;border-bottom:1px solid var(--fio)}
  .menu.aberto{display:flex}
  .menu-btn{display:block}
  header.nav .edicao{margin-left:auto}
  header.nav:not(.nav-simples) .menu-btn{margin-left:12px}
}

/* cabeçalho enxuto no celular: logo, idiomas e edição comemorativa cabem em 320px */
@media (max-width:560px){
  header.nav .wrap{gap:6px}
  header.nav .logo{font-size:19px}
  header.nav:not(.nav-simples) .menu-btn{margin-left:auto;padding:8px 8px;font-size:11px}
  .idiomas{margin-left:0}
  .idioma-sel summary{gap:6px;padding:8px 8px;font-size:12px}
  .idioma-sel svg{width:18px;height:12px}
  .idioma-sel ul{min-width:170px}
  .edicao-btn{gap:6px;padding:7px 8px;font-size:11px}
}

/* telas muito estreitas (320 a 380px): o seletor de idioma fica só com a bandeira */
@media (max-width:380px){
  header.nav .wrap{padding-inline:14px;gap:5px}
  header.nav .logo{font-size:17px}
  .idioma-sel summary span{display:none}
  .idioma-sel summary{gap:5px}
}

/* trajetória no celular: a tabela de números não pode alargar a página */
.pk-grid > *{min-width:0}
@media (max-width:560px){
  .tabela-num{grid-template-columns:minmax(0,1fr) auto}
  .tabela-num dd{font-size:17px;white-space:normal;max-width:9ch;overflow-wrap:anywhere}
  .verso > header{flex-wrap:wrap;gap:4px 12px}
}

/* grades no celular: filhos podem encolher abaixo do conteúdo */
.versos > *,.signals > *,.serie > *,.sobre-grid > *,.ficha-grid > *{min-width:0}

html[data-era="1999"] .menu-btn{background:#000080;color:#FFFF00;border:2px outset #fff}