/* Sites — uma galeria de páginas reais, não um guia. */
.sites-hero { min-height: min(100svh, 920px); padding-bottom: 56px; }
.sites-hero .pg-heroi__arte img { object-position: 70% center; }
.sites-hero .pg-heroi__arte::after { background: linear-gradient(90deg, var(--carvao) 0%, rgba(11,10,9,.88) 36%, rgba(11,10,9,.63) 78%),linear-gradient(0deg,var(--carvao),transparent 43%); }
.sites-hero__grade { display: grid; grid-template-columns: minmax(0,1.07fr) minmax(0,.82fr); gap: 20px clamp(24px,4vw,72px); align-items:center; }
.sites-hero .pg-heroi__texto { max-width: 760px; }
.sites-hero .pg-heroi__titulo { font-size: clamp(3.15rem,5.9vw,6.6rem); max-width: 11ch; }
.sites-hero .lead { max-width: 51ch; }
.sites-hero__frame { align-self:center; min-width:0; transform:rotate(-3deg); filter:drop-shadow(0 45px 45px rgba(0,0,0,.65)); }
.sites-hero__frame .nav-frame {border-color:rgba(255,90,31,.35);border-radius:18px;box-shadow:0 0 65px rgba(255,90,31,.12)}
.sites-hero__tela { aspect-ratio:16/10; overflow:hidden; background:var(--osso); }.sites-hero__tela img {width:100%;height:100%;object-fit:cover;object-position:top}
.sites-hero__tag { display:flex;gap:12px;align-items:center;margin-top:14px;font-size:.68rem;letter-spacing:.08em;color:var(--cinza) }
.sites-hero__nota { grid-column:1/-1; display: flex; flex-wrap:wrap; gap: 12px; align-items: center; font-size: .7rem; letter-spacing: .04em; color: var(--cinza); border-top: 1px solid var(--linha); padding-top: 20px; }
.sites-mural { overflow: hidden; }
.sites-mural .cabeca .t-1 { max-width: 10ch; }
.sites-mural__grade { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: clamp(24px,3vw,48px); align-items: start; }
.sites-peca { grid-column: span 4; min-width: 0; display: grid; gap: 15px; color: var(--tinta); text-decoration: none; }
.sites-peca--principal { grid-column: span 7; }
.sites-peca--video { grid-column: span 5; margin-top: 12%; }
.sites-peca--ultima { grid-column: span 4; }
.sites-peca__midia { display: block; width: 100%; transform: translateZ(0); transition: transform .6s var(--ease),box-shadow .6s var(--ease); }
.sites-peca:hover .sites-peca__midia,.sites-peca:focus-visible .sites-peca__midia { transform: translateY(-8px); box-shadow: 0 35px 65px -23px rgba(11,10,9,.55); }
.sites-peca__tela { display: block; position: relative; height: 0; padding-bottom: 62.5%; overflow: hidden; background: #231d18; }
.sites-peca__tela[data-rola] img { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: none; object-fit: initial; }
.sites-peca__tela video,.sites-peca__tela .video-sem-js { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.sites-peca:focus-visible [data-rola] img { transform:translateY(var(--rola,0)); }
.sites-peca__tela[data-rola] video {display:none}
@media (hover:none) and (prefers-reduced-motion:no-preference){.sites-peca__tela[data-rola] video {display:block}}
.sites-peca--convite {min-height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;padding:clamp(24px,3vw,40px);border-radius:var(--r-l);background:radial-gradient(circle at 90% 20%,rgba(255,90,31,.35),transparent 55%),var(--carvao);color:var(--osso);border:1px solid rgba(255,90,31,.3);}
.sites-peca--convite .mono {font-size:.65rem;letter-spacing:.12em;color:var(--brasa)}.sites-peca--convite__marca {font-size:clamp(3rem,6vw,6rem);line-height:.8;color:var(--brasa);margin-left:auto}.sites-peca--convite strong {font-size:clamp(2rem,3vw,3.3rem);font-weight:820;line-height:.95;letter-spacing:-.04em;font-stretch:118%;max-width:11ch}.sites-peca--convite>span:not(.mono):not(.sites-peca--convite__marca):not(.sites-peca--convite__botao){color:var(--cinza)}.sites-peca--convite__botao{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:99px;background:var(--brasa);color:var(--carvao);font-weight:720}.sites-peca--convite:hover .sites-peca--convite__botao{background:var(--brasa-2)}
.sites-peca__legenda { display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; padding: 0 2px; }
.sites-peca__legenda .pilula { grid-column: 1/-1; width: max-content; margin-bottom: 4px; background: #fff; color: var(--tinta); border-color: rgba(11,10,9,.15); }
.sites-peca__legenda strong { font-size: clamp(1.4rem,2vw,2.1rem); line-height: 1.08; letter-spacing: -.035em; font-stretch: 116%; font-weight: 800; }
.sites-peca__legenda small { grid-column: 1/-1; font-size: .92rem; color: var(--cinza-2); line-height: 1.4; }
.sites-peca__abrir { grid-column: 2; grid-row: 2; align-self: start; font-family: var(--f-mono); color: var(--brasa-escura); font-size: .7rem; white-space: nowrap; text-transform: uppercase; letter-spacing: .06em; }
.sites-anatomia { background: radial-gradient(60% 50% at 90% 35%, rgba(255,90,31,.10),transparent),var(--carvao); }
.sites-anatomia .t-1 { max-width: 13ch; }
.sites-anatomia__grade { display: grid; gap: clamp(30px,5vw,76px); align-items: center; }
@media(min-width:950px){.sites-anatomia__grade {grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr);}}
.sites-anatomia__tela { position: relative; overflow: visible; box-shadow: 0 60px 100px -40px rgba(0,0,0,.9); }
.sites-anatomia__janela { height: clamp(260px,39vw,560px); overflow: hidden; position: relative; background: var(--carvao-3); }
.sites-anatomia__janela img { width: 100%; height: auto; max-width: none; transform: translateY(var(--anatomia-y,0)); transition: transform 1.2s var(--ease); }
.sites-anatomia__cel { position:absolute;right:-4%;bottom:-12%;width:23%;min-width:100px;z-index:2;pointer-events:none; }
.sites-anatomia__alvo { position: absolute; left: var(--alvo-x,48%); top: var(--alvo-y,32%); display: grid; place-items: center; width: 44px; height: 44px; background: var(--brasa); color: var(--carvao); border: 6px solid var(--osso); border-radius: 50%; box-shadow: 0 0 0 12px rgba(255,90,31,.27),0 0 45px var(--brasa); transition: left 1s var(--ease),top 1s var(--ease); pointer-events: none; }
.sites-anatomia__controles { display: grid; gap: 22px; }
.sites-anatomia__indice { color: var(--brasa); font-size: .7rem; letter-spacing: .13em; }
.sites-anatomia__botoes { display: grid; }
.sites-anatomia__botoes button { display: grid; grid-template-columns: 34px 1fr; gap: 0 14px; width: 100%; text-align: left; border: 0; border-top: 1px solid var(--linha-2); background: transparent; padding: 19px 10px; min-height: 72px; transition: background .25s; }
.sites-anatomia__botoes button:last-child { border-bottom: 1px solid var(--linha-2); }
.sites-anatomia__botoes button:hover,.sites-anatomia__botoes button[aria-pressed="true"] { background: rgba(255,90,31,.11); }
.sites-anatomia__botoes button span { font-family: var(--f-mono); font-size: .7rem; color: var(--brasa); margin-top: 5px; }
.sites-anatomia__botoes button strong { font-size: 1.18rem; font-weight: 740; line-height: 1.2; }
.sites-anatomia__botoes button small { grid-column: 2; color: var(--cinza); font-size: .88rem; line-height: 1.4; margin-top: 5px; }
.sites-anatomia__controles .link-seta { justify-self: start; }
.sites-tipos { background: var(--osso-2); }
.sites-tipos .t-1 { max-width: 17ch; }
.sites-tipos__grade { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(11,10,9,.22); }
.sites-tipo { padding: clamp(26px,4vw,54px) clamp(12px,3vw,45px); border-bottom: 1px solid rgba(11,10,9,.2); min-height: 270px; display: flex; flex-direction: column; gap: 12px; }
.sites-tipo:nth-child(odd) { border-right: 1px solid rgba(11,10,9,.2); padding-left: 0; }
.sites-tipo .mono { color: #A8330A; font-size: .7rem; letter-spacing: .1em; }
.sites-tipo h3 { font-size: clamp(1.6rem,3vw,3rem); line-height: 1.02; letter-spacing: -.035em; font-weight: 800; font-stretch: 118%; }
.sites-tipo p { font-size: 1.02rem; max-width: 44ch; }
.sites-tipo small { margin-top: auto; padding-top: 12px; color: #5E574E; font-size: .8rem; }.sites-tipo small a{color:#A8330A;text-decoration-thickness:1px}.sites-tipos .lead{color:#5E574E}.sites-tipos .olho{color:#A8330A}.sites-tipos .olho::before{background:#A8330A}
.sites-desempenho__grade { display: grid; gap: clamp(40px,7vw,110px); align-items: center; }
@media(min-width:850px){.sites-desempenho__grade{grid-template-columns:1fr .85fr}}
.sites-desempenho h2 { max-width: 12ch; margin: 20px 0 30px; }
.sites-desempenho .btn { margin-top: 32px; }
.sites-score { padding: clamp(26px,4vw,60px); border: 1px solid rgba(255,90,31,.32); border-radius: var(--r-xl); background: radial-gradient(80% 70% at 50% 25%,rgba(61,220,132,.13),transparent),var(--carvao-2); display: grid; gap: 17px; }
.sites-score__selo { color: var(--cinza); font-size: .68rem; letter-spacing: .1em; }
.sites-score strong { font-size: clamp(5.5rem,13vw,12rem); font-stretch: 125%; font-weight: 860; letter-spacing: -.08em; line-height: .95; color: var(--vivo); white-space: nowrap; }
.sites-score strong span { color: var(--osso); font-weight: 250; }
.sites-score p { color: var(--cinza); max-width: 37ch; }
.sites-score__trilho { width: 100%; height: 10px; background: var(--carvao-4); border-radius: 99px; overflow: hidden; }
.sites-score__trilho span { display: block; width: 96%; height: 100%; background: var(--vivo); transform-origin: left; }
@media(prefers-reduced-motion:no-preference){.sites-score:not(.visto) .sites-score__trilho span{transform:scaleX(.1)}.sites-score__trilho span{transition:transform 1.5s var(--ease)}}
.sites-score a { font-family: var(--f-mono); color: var(--vivo); font-size: .76rem; }
.sites-processo__lista { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 0; border-top: 1px solid rgba(11,10,9,.18); }
.sites-processo__lista li { padding: 26px 18px 25px 0; border-right: 1px solid rgba(11,10,9,.18); }
.sites-processo__lista li + li { padding-left: 18px; }
.sites-processo__lista li:last-child { border-right: 0; }
.sites-processo__lista span { display: block; margin-bottom: 30px; font: 700 3rem/1 var(--f-display); color: var(--brasa-escura); }
.sites-processo__lista h3 { font-size: 1.35rem; line-height: 1.1; margin-bottom: 8px; }
.sites-processo__lista p { color: var(--cinza-2); font-size: .92rem; }
.sites-faq { display: grid; gap: 38px; }
@media(min-width:900px){.sites-faq{grid-template-columns:.75fr 1.25fr;gap:70px}}
.sites-faq h2 { margin-top: 18px; }
.sites-outros { margin-top: 30px; }
body[data-pagina="sites"] .rodape__topo { grid-template-columns:1fr; }
body[data-pagina="sites"] .rodape__topo > div:first-child { display:none; }
@media(max-width:899px){.sites-hero .pg-heroi__arte{height:80vw}.sites-hero .pg-heroi__arte::after{background:linear-gradient(0deg,var(--carvao) 0%,rgba(11,10,9,.3) 60%,rgba(11,10,9,.55))}.sites-hero{min-height:0;padding-top:calc(var(--topo-h) + 32vw)}.sites-hero__grade{grid-template-columns:1fr;gap:30px}.sites-hero__frame{position:absolute;right:var(--gut);top:calc(var(--topo-h) + 12px);width:clamp(140px,42vw,300px);transform:rotate(-5deg)}.sites-hero__frame .nav-frame__barra{height:22px;padding:0 7px;gap:3px}.sites-hero__frame .nav-frame__barra i{width:5px;height:5px}.sites-hero__frame .nav-frame__url{font-size:7px;height:15px;line-height:15px}.sites-hero__tag{display:none}.sites-hero .pg-heroi__titulo{font-size:clamp(2.85rem,11vw,5.5rem)}}
@media(max-width:760px){.sites-mural__grade{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:22px;scrollbar-width:thin}.sites-peca,.sites-peca--principal,.sites-peca--video{flex:0 0 min(86vw,420px);margin-top:0;scroll-snap-align:center}.sites-peca__legenda strong{font-size:1.4rem}.sites-anatomia__janela{height:260px}.sites-anatomia__cel{width:24%;min-width:70px;bottom:-7%;right:-2%}.sites-tipos__grade{grid-template-columns:1fr}.sites-tipo,.sites-tipo:nth-child(odd){border-right:0;padding-inline:0;min-height:0}.sites-processo__lista{grid-template-columns:1fr 1fr}.sites-processo__lista li:nth-child(2){border-right:0}.sites-score strong{font-size:clamp(5.2rem,21vw,9rem)}.sites-hero__nota{align-items:flex-start;line-height:1.5}.sites-hero .pg-heroi__texto{padding:0}.sites-hero .pg-heroi__titulo{margin-bottom:20px}.sites-hero .acoes{margin-top:26px}}
@media(max-width:450px){.sites-hero {padding-top:calc(var(--topo-h) + 26vw)}.sites-hero .pg-heroi__titulo{font-size:clamp(2.65rem,12vw,3.2rem)}.sites-hero .lead{font-size:1.04rem}.sites-hero__nota{font-size:.64rem}.sites-hero__frame{width:44vw}.sites-processo__lista li{padding:20px 10px 20px 0}.sites-processo__lista li+li{padding-left:10px}.sites-processo__lista h3{font-size:1.12rem}.sites-processo__lista p{font-size:.84rem}}