/* 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__toque { display: none; }
.sites-mural__nav { display: none; align-items: center; justify-content: space-between; gap: 12px; padding-top: 2px; }
.sites-mural__nav button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(11,10,9,.25); border-radius: 99px; background: transparent; color: var(--tinta); font-size: .85rem; font-weight: 650; }
.sites-mural__nav button:hover:not(:disabled) { background: rgba(11,10,9,.06); }
.sites-mural__nav button:disabled { opacity: .45; cursor: default; }
.sites-mural__nav p { color: var(--cinza-2); font-size: .72rem; white-space: nowrap; }
.sites-mural__contato { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: clamp(30px,4vw,54px); padding-top: 26px; border-top: 1px solid rgba(11,10,9,.18); }
.sites-mural__contato p { color: var(--cinza-2); max-width: 43ch; }
.sites-mural__contato strong { display: block; color: var(--tinta); font-size: 1.3rem; letter-spacing: -.025em; }
.sites-hero__nota a { display: inline-flex; align-items: center; min-height: 44px; color: var(--osso); text-underline-offset: 4px; }
.sites-tipo__cta { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; min-height: 44px; color: #A8330A; font-weight: 650; text-decoration-thickness: 1px; }
.sites-tipo__cta:hover { color: var(--tinta); }
@media(max-width:760px){
  .sites-mural__mouse { display: none; }
  .sites-mural__toque { display: inline; }
  .sites-mural__nav:not([hidden]) { display: flex; }
  .sites-mural__grade .sites-peca { flex-basis: min(80vw,420px); }
  .sites-mural__contato .btn { width: 100%; white-space: normal; text-align: center; }
}
.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;opacity:0;transition:opacity .3s var(--ease)}
.sites-peca__tela[data-rola] video.sites-video-ready {opacity:1}
@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}}

@media(max-width:359px){
  .sites-hero .pg-heroi__titulo { font-size: 2.4rem; }
  .sites-hero .acoes { margin-top: 20px; }
}

/* Mobile: a primeira prova faz parte da capa, em escala de leitura. */
@media(max-width:760px){
  .sites-hero { padding-top:calc(var(--topo-h) + 16px); padding-bottom:38px; }
  .sites-hero .pg-heroi__arte { height:100%; opacity:.4; }
  .sites-hero .pg-heroi__arte::after { background:linear-gradient(180deg,rgba(11,10,9,.28),var(--carvao) 75%); }
  .sites-hero__grade { grid-template-columns:minmax(0,1fr); gap:0; }
  .sites-hero .pg-heroi__texto { display:contents; }
  .sites-hero .migalhas { order:0; margin:0 0 12px; }
  .sites-hero .olho { order:1; font-size:.68rem; letter-spacing:.09em; }
  .sites-hero .pg-heroi__titulo { order:2; max-width:12ch; margin:8px 0 18px; font-size:clamp(2.65rem,11.9vw,4.7rem); line-height:.95; text-wrap:balance; }
  .sites-hero__frame { order:3; position:relative; inset:auto; width:calc(100% - 10px); justify-self:center; margin:0 0 16px; transform:rotate(-2deg); filter:drop-shadow(0 24px 25px rgba(0,0,0,.45)); }
  .sites-hero__frame .nav-frame { border-radius:12px; border-color:rgba(244,239,230,.3); box-shadow:0 0 60px rgba(255,90,31,.13); }
  .sites-hero__frame .nav-frame__barra { height:28px; padding:0 10px; gap:5px; }
  .sites-hero__frame .nav-frame__barra i { width:6px; height:6px; }
  .sites-hero__frame .nav-frame__url { height:19px; line-height:19px; font-size:9px; }
  .sites-hero__tela { aspect-ratio:16/8; }
  .sites-hero__tag { position:absolute; bottom:11px; right:11px; display:flex; gap:7px; margin:0; padding:5px 8px; border-radius:99px; background:rgba(11,10,9,.9); font-size:.58rem; letter-spacing:.04em; }
  .sites-hero__tag .pilula { font-size:.55rem; padding:4px 7px; }
  .sites-hero .lead { order:4; font-size:1rem; line-height:1.5; max-width:44ch; }
  .sites-hero .acoes { order:5; margin-top:18px; gap:7px; }
  .sites-hero .acoes .btn--vidro { min-height:44px; background:transparent; border-color:transparent; padding-block:9px; box-shadow:none; text-decoration:underline; text-underline-offset:5px; font-size:1rem; }
  .sites-hero__nota { order:6; margin-top:24px; padding-top:19px; gap:10px; font-size:.72rem; }
  .sites-hero__nota a { width:100%; font-family:var(--f-display); font-size:.95rem; letter-spacing:0; text-transform:none; }
  .sites-mural__grade { width:calc(100% - 2 * var(--gut)); gap:18px; padding:5px 0 22px; scroll-snap-type:x mandatory; }
  .sites-mural__grade .sites-peca { flex-basis:100%; scroll-snap-align:start; }
  .sites-peca__midia { border-radius:12px; }
  .sites-peca__tela { padding-bottom:76%; }
  .sites-peca__legenda { gap:7px 10px; }
  .sites-peca__legenda strong { font-size:1.7rem; }
  .sites-peca__legenda small { font-size:1rem; line-height:1.5; }
  .sites-peca__abrir { min-height:44px; display:flex; align-items:center; font-family:var(--f-display); font-size:.9rem; letter-spacing:0; text-transform:none; }
  .sites-mural__nav { gap:8px; }
  .sites-mural__nav button { min-height:48px; padding-inline:14px; font-size:1rem; }
  .sites-mural__nav p { font-size:.8rem; }
  .sites-mural__contato { margin-top:27px; padding-top:24px; }
  .sites-mural__contato p { font-size:1rem; }
  .sites-peca--convite { min-height:360px; }
  .sites-anatomia__grade { gap:46px; }
  .sites-anatomia__janela { height:clamp(230px,68vw,380px); }
  .sites-anatomia__cel { width:26%; min-width:76px; right:0; bottom:-20px; }
  .sites-anatomia__botoes button { padding:21px 12px; grid-template-columns:24px 1fr; gap:0 10px; }
  .sites-anatomia__botoes button strong { font-size:1.16rem; }
  .sites-anatomia__botoes button small { font-size:1rem; line-height:1.5; }
  .sites-tipos__grade { border-top:2px solid var(--tinta); }
  .sites-tipo,.sites-tipo:nth-child(odd) { padding:29px 0; gap:15px; }
  .sites-tipo h3 { font-size:2rem; max-width:14ch; }
  .sites-tipo p,.sites-tipo small { font-size:1rem; line-height:1.55; }
  .sites-tipo small { padding-top:0; }
  .sites-tipo__cta { font-size:1rem; }
  .sites-score { padding:28px 22px; border-radius:22px; gap:18px; }
  .sites-score strong { font-size:clamp(4.4rem,21vw,7.5rem); }
  .sites-score p { font-size:1rem; }
  .sites-score a { min-height:44px; display:flex; align-items:center; font-family:var(--f-display); font-size:1rem; }
  .sites-desempenho__grade { gap:30px; }
  .sites-processo__lista { grid-template-columns:1fr; }
  .sites-processo__lista li,.sites-processo__lista li + li { display:grid; grid-template-columns:42px 1fr; gap:8px 16px; padding:26px 0; border-right:0; border-bottom:1px solid rgba(11,10,9,.18); }
  .sites-processo__lista span { grid-row:1/3; margin:0; font-family:var(--f-mono); font-size:1rem; line-height:1.8; }
  .sites-processo__lista h3 { font-size:1.4rem; margin:0; }
  .sites-processo__lista p { grid-column:2; font-size:1rem; line-height:1.5; }
}
@media(min-width:761px) and (max-width:899px){
  .sites-hero { padding-top:calc(var(--topo-h) + 45px); }
  .sites-hero__grade { grid-template-columns:1.1fr .9fr; gap:28px; }
  .sites-hero__frame { position:relative; inset:auto; width:100%; }
  .sites-hero .pg-heroi__titulo { font-size:clamp(3.2rem,6.5vw,4.6rem); }
}