/* AJUSTE #2: seção de abas fiel ao protótipo aprovado, isolada das demais seções; editado em 08/10/2026 23:13 GMT-3, autorizado por Mateus. */
#funcionalidades{
  color-scheme:dark;
  --ferro:#0B0A09; --ferro-2:#151311; --ferro-3:#1F1C19; --linha:#3a3229;
  --ouro:#C9A227; --ouro-claro:#F0D98A; --brasa:#E2691F; --texto:#DCD5C8; --apagado:#968d80;
  --f-titulo:"Cinzel",Georgia,serif; --f-texto:"Barlow",system-ui,sans-serif; --f-rotulo:"Oswald","Arial Narrow",sans-serif;
  --chanfro:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
#funcionalidades{background:var(--ferro);color:var(--texto);font:16px/1.55 var(--f-texto)}
#funcionalidades{position:relative;padding:56px 16px 72px;background:linear-gradient(180deg,rgba(11,10,9,.72),rgba(11,10,9,.55) 30%,rgba(11,10,9,.92) 78%,var(--ferro)),url("../img/fundo-exclusivas.webp") center/cover no-repeat var(--ferro)}
/* AJUSTE #9: a grade respeita a largura da tela mesmo com fontes substitutas; editado em 09/10/2026 11:19 GMT-3, autorizado por Mateus. */
#funcionalidades .exclusivas-caixa{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
#funcionalidades .exclusivas-cab{text-align:center;display:grid;gap:10px;justify-items:center}
#funcionalidades .exclusivas-olho{font:600 12px/1 var(--f-rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro)}
#funcionalidades h2{margin:0;font:700 clamp(1.9rem,4vw,2.9rem)/1.1 var(--f-titulo);text-transform:uppercase;color:#F4EEE2;text-wrap:balance}
#funcionalidades h2 em{font-style:normal;color:var(--ouro-claro)}
#funcionalidades .exclusivas-lead{margin:0;max-width:56ch;color:#cfc7b8}
/* AJUSTE #11: controle curto acima à direita; barra reservada aos seis slots e unida ao painel; editado em 09/10/2026 11:36 GMT-3, autorizado por Mateus. */
#funcionalidades .exclusivas-conjunto{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
#funcionalidades .exclusivas-barra{display:grid;grid-template-columns:minmax(0,1fr);padding:6px 10px;background:linear-gradient(180deg,rgba(31,28,25,.92),rgba(15,13,12,.92));border:1px solid var(--linha);box-shadow:inset 0 1px 0 rgba(240,217,138,.08)}
#funcionalidades .exclusivas-barra-topo{display:flex;justify-content:flex-end;margin-bottom:6px}
#funcionalidades .exclusivas-contagem{font:600 12px/1 var(--f-rotulo);letter-spacing:.14em;color:var(--apagado);font-variant-numeric:tabular-nums}
#funcionalidades .exclusivas-auto{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;background:var(--ferro-2);border:1px solid rgba(201,162,39,.55);color:var(--ouro-claro);font:600 11px/1 var(--f-rotulo);letter-spacing:.03em;white-space:nowrap;cursor:pointer}
#funcionalidades .exclusivas-auto:hover{border-color:var(--ouro)}
#funcionalidades .exclusivas-auto .exclusivas-contagem{font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:inherit}
#funcionalidades .exclusivas-auto__icone{display:grid;place-items:center;width:12px;font-size:10px;letter-spacing:0}
#funcionalidades .exclusivas-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:4px;min-width:0}
#funcionalidades .exclusivas-slot{position:relative;display:grid;justify-items:center;gap:4px;padding:5px 4px 9px;background:none;border:0;color:var(--apagado);cursor:pointer;font:inherit;min-width:0}
#funcionalidades .exclusivas-slot__icone{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;filter:saturate(.55) brightness(.78);transition:filter .2s,box-shadow .2s,transform .2s}
#funcionalidades .exclusivas-slot__icone img{width:100%;height:100%;display:block}
#funcionalidades .exclusivas-slot__nome{font:600 11px/1.2 var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;text-align:center}
#funcionalidades .exclusivas-slot__prog{position:absolute;left:12%;right:12%;bottom:2px;height:2px;background:#2c261f;overflow:hidden}
#funcionalidades .exclusivas-slot__prog i{display:block;height:100%;background:linear-gradient(90deg,var(--ouro),var(--ouro-claro));transform-origin:left;transform:scaleX(0)}
#funcionalidades .exclusivas-slot:hover .exclusivas-slot__icone{filter:none}
#funcionalidades .exclusivas-slot[aria-selected="true"]{color:var(--ouro-claro)}
#funcionalidades .exclusivas-slot[aria-selected="true"] .exclusivas-slot__icone{filter:none;box-shadow:0 0 0 2px rgba(240,217,138,.55),0 0 22px rgba(226,105,31,.45);transform:translateY(-2px)}
#funcionalidades .exclusivas-slot[aria-selected="true"] .exclusivas-slot__prog i{transform:scaleX(var(--p,0))}
#funcionalidades .exclusivas-slot:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:2px}
#funcionalidades .exclusivas-palco{position:relative}
#funcionalidades .exclusivas-painel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start;padding:22px;background:rgba(17,15,13,.9);border:1px solid var(--linha);border-top:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));touch-action:pan-y}
#funcionalidades .exclusivas-painel.exclusivas-entra-dir{animation:exclusivasEntraDir .32s ease}
#funcionalidades .exclusivas-painel.exclusivas-entra-esq{animation:exclusivasEntraEsq .32s ease}
@keyframes exclusivasEntraDir{from{opacity:0;transform:translateX(40px)}
to{opacity:1;transform:none}
}
@keyframes exclusivasEntraEsq{from{opacity:0;transform:translateX(-40px)}
to{opacity:1;transform:none}
}
#funcionalidades .exclusivas-midia{position:relative;aspect-ratio:16/9;max-width:100%;background:#000;border:1px solid #2c261f;overflow:hidden}
#funcionalidades .exclusivas-midia video{width:100%;height:100%;object-fit:cover;display:block}
#funcionalidades .exclusivas-midia--medalhao{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#2a241d,#0e0c0b 70%)}
#funcionalidades .exclusivas-midia--medalhao img{width:42%;height:auto;max-width:220px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}
#funcionalidades .exclusivas-texto{display:grid;gap:14px;min-width:0}
#funcionalidades .exclusivas-texto .exclusivas-olho{font-size:11px}
#funcionalidades h3{margin:0;font:700 clamp(1.5rem,2.6vw,2rem)/1.15 var(--f-titulo);color:var(--ouro-claro);text-transform:uppercase;text-wrap:balance}
#funcionalidades .exclusivas-texto p{margin:0}
#funcionalidades .exclusivas-sub{font:500 13px/1.3 var(--f-rotulo);letter-spacing:.08em;color:var(--apagado)}
#funcionalidades .exclusivas-abre{font-size:17px;color:#efe7d6}
#funcionalidades .exclusivas-faz{margin:0;padding:0;list-style:none;display:grid;gap:10px;border-top:1px solid var(--linha);padding-top:14px}
#funcionalidades .exclusivas-faz li{position:relative;padding-left:20px;color:#cfc7b8;font-size:15px}
#funcionalidades .exclusivas-faz li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:var(--ouro);transform:rotate(45deg)}
#funcionalidades .exclusivas-nao{margin:0;padding:12px 14px;list-style:none;display:grid;gap:8px;background:rgba(155,43,38,.12);border-left:2px solid #9B2B26}
#funcionalidades .exclusivas-nao li{position:relative;padding-left:22px;color:#e2d6c6;font-size:15px}
#funcionalidades .exclusivas-nao li::before{content:"✕";position:absolute;left:0;top:0;color:#e0705f;font-weight:700}
#funcionalidades .exclusivas-regras{display:grid;gap:8px;padding-top:12px;border-top:1px dashed var(--linha)}
#funcionalidades .exclusivas-regras__tit{font:600 10px/1 var(--f-rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--apagado)}
#funcionalidades .exclusivas-regras ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
#funcionalidades .exclusivas-regras li{position:relative;padding-left:14px;font-size:13px;line-height:1.5;color:var(--apagado)}
#funcionalidades .exclusivas-regras li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;background:#6b5a3c}
#funcionalidades .exclusivas-nota{margin-top:4px!important;padding-left:12px;border-left:2px solid #9B2B26;color:#bdb4a5;font-size:14px}
#funcionalidades .exclusivas-seta{position:absolute;top:50%;width:44px;height:64px;margin-top:-32px;display:grid;place-items:center;background:rgba(15,13,12,.92);border:1px solid var(--linha);color:var(--ouro-claro);cursor:pointer;z-index:2}
#funcionalidades .exclusivas-seta:hover{border-color:var(--ouro)}
#funcionalidades .exclusivas-seta:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:2px}
#funcionalidades .exclusivas-seta svg{width:18px;height:18px}
#funcionalidades .exclusivas-seta--ant{left:-58px}
#funcionalidades .exclusivas-seta--prox{right:-58px}
#funcionalidades .exclusivas-pontos{display:none}
@media (max-width:1320px){#funcionalidades .exclusivas-seta--ant{left:-14px}
#funcionalidades .exclusivas-seta--prox{right:-14px}
#funcionalidades .exclusivas-painel{padding-inline:40px}
}
@media (max-width:900px){#funcionalidades .exclusivas-painel{grid-template-columns:1fr;padding:16px}
#funcionalidades .exclusivas-seta{display:none}
#funcionalidades .exclusivas-pontos{display:flex;justify-content:center;align-items:center;gap:14px}
#funcionalidades .exclusivas-pontos button{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--linha);color:var(--ouro-claro)}
#funcionalidades .exclusivas-pontos svg{width:16px;height:16px}
}
/* AJUSTE #11: seis slots iguais em três colunas, com o mesmo controle externo no celular. */
@media (max-width:640px){#funcionalidades .exclusivas-barra{padding:6px}
#funcionalidades .exclusivas-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
#funcionalidades .exclusivas-slot{padding:5px 2px 8px}
#funcionalidades .exclusivas-slot__icone{width:44px;height:44px}
#funcionalidades .exclusivas-slot__nome{min-height:2.4em}
}
@media (prefers-reduced-motion:reduce){#funcionalidades .exclusivas-painel.exclusivas-entra-dir,#funcionalidades .exclusivas-painel.exclusivas-entra-esq{animation:none}
#funcionalidades .exclusivas-slot__icone{transition:none}
}
/* AJUSTE #2: foco visível, toque de 44px e limites do painel em telas menores. */
#funcionalidades, #funcionalidades * { box-sizing:border-box; }
#funcionalidades { border:0; overflow-x:clip; }
#funcionalidades .exclusivas-caixa { min-width:0; }
#funcionalidades button { min-width:44px; min-height:44px; }
#funcionalidades button:focus-visible, #funcionalidades [role="tabpanel"]:focus-visible { outline:2px solid var(--ouro-claro);outline-offset:3px; }
#funcionalidades .exclusivas-auto:disabled { opacity:.65;cursor:default; }
#funcionalidades .exclusivas-midia > img { display:block;object-fit:contain; }
#funcionalidades .exclusivas-midia--imagem > img { width:100%;height:100%;object-fit:cover; }
#funcionalidades .exclusivas-pontos button { cursor:pointer; }

/* AJUSTE #18: espaçamentos iguais à referência aprovada do site; editado em 09/10/2026 14:22 GMT-3, autorizado por Mateus. */
#funcionalidades{padding-top:40px}
#funcionalidades .exclusivas-caixa{gap:14px}
#funcionalidades .exclusivas-cab{gap:6px}
#funcionalidades .exclusivas-barra-topo{margin-top:-6px}