/* ======== ESTILO GERAL ======== */
body {
    font-family: "Poppins", sans-serif;
    background-color: #0d0d0d;
    color: #e6e6e6;
    /* AMZ: antes a landing usava body como flex; agora é layout de página normal */
    display: block;              /* AMZ */
    min-height: 100vh;           /* AMZ */
    margin: 0;
}


/* AMZ PATCH CROSS-BROWSER BASELINE */
*, *::before, *::after{ box-sizing:border-box; }
html{ overflow-y: scroll; }
@supports (scrollbar-gutter: stable){ html{ overflow-y:auto; scrollbar-gutter: stable; } }
/* ======== CONTAINER (Cadastro/Login antigo) ======== */
.cadastro-container {
    background: #111;
    border: 2px solid #00ff88;
    border-radius: 12px;
    box-shadow: 0 0 25px #00ff8840;
    padding: 30px;
    width: 400px;
    text-align: center;
}

/* ======== TÍTULO ======== */
.cadastro-container h1 {
    color: #00ff88;
    font-size: 1.8em;
    margin-bottom: 20px;
}

/* ======== FORM ======== */
form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

label {
    font-weight: 600;
    color: #00ff88;
    text-align: left;
}

input {
    padding: 10px;
    border: 1px solid #00ff88;
    border-radius: 8px;
    background: #222;
    color: #fff;
    transition: 0.3s;
}

input:focus {
    outline: none;
    border-color: #00ffaa;
    background: #1a1a1a;
}

button {
    background-color: #00ff88;
    color: #111;
    font-weight: bold;
    border: none;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

button:hover {
    background-color: #00ffaa;
}

/* ======== FEEDBACKS ======== */
li .feedback,
.feedback {
    font-size: 0.85em;
    margin-top: -6px;
    text-align: left;
    height: 16px;
    transition: 0.3s ease;
}

.feedback.error {
    color: #ff4d4d;
}

.feedback.success {
    color: #00ff88;
}

/* ======== CAMPO VERIFICAÇÃO ======== */
.verificacao {
    display: none;
    margin-top: 10px;
}

.verificacao input {
    width: 60%;
    text-align: center;
}

.timer {
    color: #999;
    font-size: 0.8em;
    margin-top: 5px;
}

.reenviar {
    background: none;
    color: #00ff88;
    border: none;
    font-size: 0.9em;
    cursor: pointer;
    display: none;
    text-decoration: underline;
}

/* ======== MODAL DE SUCESSO ======== */
.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    backdrop-filter: blur(6px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal-content {
    background: #111;
    border: 2px solid #00ff88;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 0 20px #00ff8840;
    animation: fadeIn 0.3s ease;
}

.modal-content img {
    width: 80px;
    height: auto;
    margin-bottom: 15px;
}

.modal-content h2 {
    color: #00ff88;
    margin-bottom: 15px;
}

.modal-content button {
    background: #00ff88;
    color: #111;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}

.modal-content button:hover {
    background: #00ffaa;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

/* ======== LINKS ======== */
a {
    color: #00ff88;
    text-decoration: none;
    font-weight: bold;
}
a:hover {               /* AMZ: remover sublinhado/linhas em hover */
    text-decoration: none; /* AMZ */
}

/* ===================================================================== */
/* ====================== APÊNDICE AMZ (landing + overlay) ============= */
/* ===================================================================== */

/* Header */
.amz-header {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  background: rgba(13,13,13,0.92);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,0.18);   /* AMZ: branco leve */
}
.amz-wrap {
  max-width: var(--amz-container, 1152px); /* AMZ PATCH RESPONSIVE XXL */
  margin: 0 auto;
  padding: 0 16px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.amz-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.amz-logo { height:28px; filter: drop-shadow(0 0 8px rgba(255,255,255,.12)); } /* AMZ */
.amz-brand-text { color:#e6e6e6; font-weight:800; letter-spacing:.2px; }
.amz-brand-text span { color:#00ff88; margin-left:6px; }
.amz-nav { display:flex; gap:12px; align-items:center; }
.amz-link { color:#bfbfbf; text-decoration:none; }
.amz-link:hover { color:#e6e6e6; }

/* AMZ: CTAs mais profissionais — fundo branco, texto escuro, borda branca */
.amz-btn {
  background:#ffffff;         /* AMZ */
  color:#0d0d0d;              /* AMZ */
  border:2px solid #ffffff;   /* AMZ */
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition: .2s ease;
}
.amz-btn:hover { filter:brightness(.95); }
.amz-btn-outline {
  background:transparent;
  color:#ffffff;              /* AMZ */
  border:2px solid #ffffff;   /* AMZ */
}

/* Layout principal da landing */
.amz-hero, .amz-section, .amz-footer { padding: 48px 0; }
.amz-hero { padding-top: 64px; }

/* Hero estilo Astra com gradiente AMZ */
.amz-hero {
  position: relative;
  background: linear-gradient(90deg, #001a12 0%, #00a86b 40%, #00ff88 100%);
  color: #0d0d0d;
}
.amz-hero .amz-wrap { height:auto; }
.amz-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:center; }
.amz-hero-copy h1 { font-size:2.2rem; margin:.3rem 0 12px; color:#0d0d0d; }
.amz-hero .muted { color:#063b2b; }
.amz-pill { display:inline-block; background:#0d0d0d; color:#00ff88; border-radius:999px; padding:4px 10px; font-weight:800; font-size:.85rem; }
.amz-cta { display:flex; gap:10px; margin:12px 0 10px; }
.amz-bullets { margin:10px 0 0 18px; color:#0d0d0d; }
.green { color:#0d0d0d; background:rgba(255,255,255,.6); padding:0 .2em; border-radius:6px; }

/* Card lateral */
.amz-card {
  background:#111;
  border:2px solid #ffffff;     /* AMZ: borda branca */
  border-radius:12px;
  padding:14px;
  color:#e6e6e6;
}
.amz-list { display:flex; flex-direction:column; gap:7px; }
.amz-item {
  display:flex; justify-content:space-between; align-items:center;
  border:2px solid #ffffff;     /* AMZ: borda branca */
  border-radius:12px; padding:10px;
}
.tag{
  border:2px solid #ffffff;     /* AMZ: borda branca */
  border-radius:999px; padding:2px 8px
}
.tag.warn{border-color:#ffd166; color:#ffd166}
.amz-wide{width:100%; text-align:center; margin-top:10px}

/* Seção de ícones */
.amz-section { background:#0d0d0d; }
.amz-section.alt { background: linear-gradient(180deg, rgba(0,255,136,.06), transparent 60%); }

/* AMZ: Títulos dos cards em branco */
.amz-icon { text-align:center; background:#111; border:2px solid #ffffff; border-radius:12px; padding:14px; } /* AMZ */
.amz-icon .i { font-size:22px; }
.amz-icon .t { margin-top:6px; font-weight:800; color:#ffffff; } /* AMZ */
.amz-icons { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }

/* Colunas 2 */
.amz-cols2 { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:start; }
.amz-checks { margin:10px 0 0 18px; }

/* ===== Spacing fix p/ evitar sobreposição com a barra seguinte ===== */
.amz-section.alt { padding-bottom: 88px; }   /* AMZ: +espaço na seção “Por que…” */
.amz-cta-bar     { margin-top: 16px; }       /* AMZ: separação visual da barra */

/* CTA barra */
.amz-cta-bar {
  background: linear-gradient(90deg, #001a12, #00ff88);
  padding: 28px 0;                 /* AMZ: altura confortável */
  position: relative; z-index: 0;  /* AMZ: não “invadir” a seção anterior */
}
.amz-cta-bar-inner { display:flex; align-items:center; justify-content:space-between; }
.amz-cta-bar h3 { margin:0; color: #0d0d0d; }

/* Rodapé */
.amz-footer { border-top:1px solid rgba(255,255,255,0.18); } /* AMZ */
.amz-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.amz-row.gap { gap:12px; }

/* Overlay de login (modal) */
.amz-overlay[hidden]{ display:none !important; }
.amz-overlay { position: fixed; inset:0; z-index: 100; display:flex; align-items:center; justify-content:center; }
.amz-overlay-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(4px); }
.amz-overlay-card { position:relative; z-index:1; }
.amz-overlay-close {
  position:absolute; top:-14px; right:-14px; width:36px; height:36px;
  border-radius:50%; border:2px solid #ffffff; background:#111; color:#ffffff; cursor:pointer; font-weight:900; /* AMZ borda branca */
}

/* Container do login (usa seu visual original) */
.login-container { box-shadow: 0 0 25px rgba(255,255,255,.25); } /* AMZ leve ajuste */

/* ===== Acessibilidade/UX ===== */
/* AMZ: remova qualquer linha/underline em elementos clicáveis (menu/links/ctas) */
.amz-link, .amz-btn { text-decoration: none; }
.amz-link:hover, .amz-btn:hover { text-decoration: none; }

/* Responsivo */
@media (max-width: 960px){
  .amz-hero-grid, .amz-icons, .amz-cols2 { grid-template-columns:1fr; }
  .amz-wrap { height:auto; }
}

/* ===================== (várias regras antigas de faixas brancas) ===================== */
/* ... (mantive seu CSS original completo até aqui) ... */

/* ===================================================================== */
/* ======================= [AMZ THEME] OVERRIDES ======================= */
/* ===================================================================== */

/* Tokens do tema do mockup */
:root{
  /* [AMZ THEME] paleta escura + verde AMZ */
  --bg:#0b0f0e;
  --panel:#0f1513;
  --text:#dfe5e2;
  --muted:#aab4b0;
  --accent:#2bd676;
  --accent-800:#21b765;
  --border:rgba(255,255,255,0.08);
}

/* Base */
body{
  background:var(--bg) !important;  /* força o fundo escuro do tema */
  color:var(--text);
}

/* Header: mantém fundo escuro; marca AMZ em verde */
.amz-brand-text span{ color:var(--accent) !important; }

/* Botões no padrão do mockup (outline verde + sólido verde) */
.amz-btn{
  background:var(--accent);           /* sólido padrão */
  color:#0b0f0e;
  border:1px solid var(--accent);
}
.amz-btn:hover{ filter:none; background:var(--accent-800); }
.amz-btn-outline{
  background:transparent !important;
  color:var(--text) !important;
  border:1px solid var(--accent) !important;
}
.amz-btn-outline:hover{ background:rgba(43,214,118,.12) !important; }

/* HERO escuro (sem faixa verde), título verde */
.amz-hero{
  background: linear-gradient(180deg, #0b0f0e 0%, #0f1513 100%) !important;
  color:var(--text);
  padding-top:72px;
}
.amz-hero-title{
  font-size: clamp(32px,6vw,64px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: .3px;
  color: var(--accent) !important;
  margin: 0 0 12px;
}
.amz-hero-sub{ color: var(--muted) !important; max-width: 760px; }

/* Cards/painéis */
.amz-card{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.amz-item{
  border: 1px solid var(--border) !important; /* AMZ FIX */
}
.tag{
  border: 1px solid var(--accent) !important;
  color: var(--accent) !important;
}
.tag.warn{ border-color:#ffd166 !important; color:#ffd166 !important; }

/* Seções padrão escuras (remove faixas brancas e metálicas antigas) */
.amz-section{ background: var(--bg) !important; }
.amz-section.alt{ background: var(--bg) !important; }

/* Remove qualquer override específico anterior nessas IDs */
#servicos, #porque{
  background: var(--bg) !important;
  color: var(--text) !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
  box-shadow: none !important;
  border: 0 !important;
}
#servicos .muted, #porque .muted{ color: var(--muted) !important; }

/* Cards/ícones conforme mockup (bordas suaves) */
.amz-icon{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
}
.amz-icon .t{
  color: var(--text) !important;
}

/* Títulos de seção em verde */
#servicos h2, #porque h2{ color: var(--accent) !important; }

/* Barra CTA escura com botão sólido verde */
.amz-cta-bar{
  background: linear-gradient(180deg, #0f1513, #0f1513) !important;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.amz-cta-bar h3{ color: var(--text) !important; }

/* Links de navegação */
.amz-link{ color:#c8cfcc; }
.amz-link:hover{ color:#eef2f0; }

/* Footer */
.amz-footer{ border-top:1px solid var(--border) !important; }

/* Responsivo: mantém o visual */
@media (max-width: 960px){
  .amz-hero{ padding-top:64px; }
}

/* ===================================================================== */
/* ============ [AMZ THEME] AJUSTES 07/11 – bullets, botão e espaçamentos ============ */
/* ===================================================================== */

/* 1) Bullets abaixo do “Saiba mais” com a MESMA cor do subtítulo (var(--muted)) */
.amz-bullets,
.amz-bullets li{
  color: var(--muted) !important;
  font-size: 0.95rem;
  line-height: 1.45;
}

/* 2) “Inscreva sua equipe” mais compacto e bem enquadrado no card */
.amz-card{ 
  display: flex; 
  flex-direction: column; 
  gap: 10px;                /* organiza conteúdo interno do card */
}
.amz-card .amz-wide{
  width: auto !important;   /* deixa de ocupar 100% */
  display: inline-flex;
  align-self: flex-start;   /* alinha à esquerda do card */
  padding: 10px 14px;
  font-weight: 800;
  font-size: 0.95rem;
  border-radius: 10px;
}

/* 3) “Pronto para competir?” com menos altura e mais respiro dos serviços */
#porque{ 
  padding-top: 72px !important;    /* afasta a seção dos cards de serviços */
}
#porque .amz-card{
  padding: 12px 14px;              /* card um pouco menor */
  margin-top: 8px;                 /* folga extra de topo no card */
}
#porque .amz-cols2{ 
  gap: 32px;                       /* espaço entre as duas colunas */
}

/* ===================================================================== */
/* ============ [AMZ THEME] AUTH MODAL REVAMP 07/11 – aparência do login ============ */
/* ===================================================================== */

/* Cartão central do modal: largura fixa, superfície do tema e sombra suave */
.amz-overlay-card{
  width: min(92vw, 420px);
  filter: drop-shadow(0 20px 60px rgba(0,0,0,.55));
}

/* Estiliza o bloco original sem mudar o HTML */
.amz-overlay-card .login-container{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 16px;
  padding: 22px 20px 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Título do modal */
.amz-overlay-card .login-container h1{
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--text);
}

/* Labels e campos */
.amz-overlay-card .login-container label{
  color: var(--muted) !important;          /* deixa de ser verde “aceso” */
  font-weight: 700;
  font-size: .92rem;
  margin-top: 10px;
}

.amz-overlay-card .login-container input{
  background: #0c1210 !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  transition: border .2s, box-shadow .2s, background .2s;
}

.amz-overlay-card .login-container input:focus{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px rgba(43,214,118,.15);
  background: #0e1513 !important;
}

/* Estados de validação (conectados ao JS que usa .is-valid / .is-invalid) */
.amz-overlay-card .login-container input.is-invalid{
  border-color: #ff5468 !important;
  box-shadow: 0 0 0 4px rgba(255,84,104,.15);
}
.amz-overlay-card .login-container input.is-valid{
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px rgba(43,214,118,.12);
}

/* Feedback textual (conectado ao JS que usa .err / .ok) */
.amz-overlay-card .login-container .feedback.err{ color:#ff5468 !important; }
.amz-overlay-card .login-container .feedback.ok { color:var(--accent) !important; }

/* Botão “Entrar” no padrão de CTA sólido e largura total */
.amz-overlay-card .login-container button[type="submit"]{
  background: var(--accent) !important;
  color: #0b0f0e !important;
  border: 1px solid var(--accent) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-weight: 900 !important;
  width: 100%;
}
.amz-overlay-card .login-container button[type="submit"]{
  background: var(--accent) !important;
}
.amz-overlay-card .login-container button[type="submit"]:hover{
  background: var(--accent-800) !important;
}

/* Link “Cadastre-se” coerente com o tema */
.amz-overlay-card .login-container .cadastro-link a{
  color: var(--accent) !important;
  text-decoration: none !important;
}
.amz-overlay-card .login-container .cadastro-link a:hover{
  opacity: .9;
}

/* Botão de fechar do modal – mais discreto e com hover */
.amz-overlay-close{
  top: -12px;
  right: -12px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
}
.amz-overlay-close:hover{
  border-color: var(--accent);
}

/* Ajustes responsivos do modal */
@media (max-width: 420px){
  .amz-overlay-card{ width: 94vw; }
  .amz-overlay-card .login-container{ padding: 18px 16px 16px; }
  .amz-overlay-card .login-container h1{ font-size: 1.25rem; }
}

/* ===================================================================== */
/* ========== [AMZ THEME] AUTH MODAL – título menor, bordas suaves,
               animação de entrada (07/11) ============================== */
/* ===================================================================== */

/* 1) Título do modal menor e mais “clean” */
.amz-overlay-card .login-container h1{
  font-size: 1.25rem !important;   /* AMZ FIX: corrigido !amist */
  letter-spacing: .3px;
  line-height: 1.1;
}

/* 2) Bordas mais suaves (container, inputs e botão) */
.amz-overlay-card .login-container{
  border-color: rgba(255,255,255,.10) !important; /* suaviza a borda */
  box-shadow: 0 20px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.03); /* profundidade elegante */
}
.amz-overlay-card .login-container input{
  border-color: rgba(255,255,255,.12) !important;
}
.amz-overlay-card .login-container button[type="submit"]{
  border-radius: 14px !important; /* cantos um pouco mais suaves */
}

/* Close mais “stealth” e com foco acessível */
.amz-overlay-close{
  border-color: rgba(255,255,255,.12);
  transition: border-color .2s, transform .15s;
}
.amz-overlay-close:hover{ border-color: var(--accent); transform: scale(1.04); }
.amz-overlay-close:focus-visible{ outline: 3px solid rgba(43,214,118,.35); }

/* 3) Animação sutil de entrada (cartão + backdrop) */
@keyframes amzModalIn {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to   { opacity: 1; transform: translateY(0)    scale(1);   }
}
@keyframes amzBackdropIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* aplica ao abrir (o overlay já some com [hidden]) */
.amz-overlay-card{
  animation: amzModalIn .24s ease-out both;
}
.amz-overlay-backdrop{
  animation: amzBackdropIn .18s ease-out both;
}

/* Responsivo fino para telas muito pequenas */
@media (max-width: 380px){
  .amz-overlay-card{ width: 95vw; }
}

/* ===================================================================== */
/* [AMZ THEME] AJUSTE BLOCO "PRONTO PARA COMPETIR?" (07/11)
   Enquadra melhor o card da direita na seção #porque                    */
/* ===================================================================== */

#porque .amz-cols2 > .amz-card{
  align-self: start;          /* garante alinhamento pelo topo da coluna */
  margin-top: 0 !important;   /* remove qualquer aproximação extra */
  padding: 10px 12px !important;   /* card mais compacto */
  border-radius: 12px;        /* cantos suaves e consistentes */
}

#porque .amz-card h3{
  margin: 0 0 6px;            /* título ocupa menos altura */
  font-size: 1.05rem;
}

#porque .amz-card .muted{
  margin: 0 0 10px;
  font-size: .95rem;
  line-height: 1.35;
}

#porque .amz-card .amz-btn.amz-wide{
  width: auto !important;     /* não estica 100% */
  padding: 10px 14px;
  margin-top: 6px;
  align-self: flex-start;     /* fica bem alinhado no bloco */
}

/* Espaço extra entre as duas colunas para evitar qualquer “toque” visual */
#porque .amz-cols2{
  gap: 36px !important;
}

/* Responsivo: quando empilha, mantém o card compacto e espaçado */
@media (max-width: 960px){
  #porque .amz-card{
    padding: 12px 14px !important;
    margin-top: 6px !important;
  }
}

/* ===================================================================== */
/* [AMZ THEME] FINISH 07/11-B – Serviços: cantos menores + sombra;
   “Pronto para competir?” ainda menor e protegido                      */
/* ===================================================================== */

/* 1) Cards dos serviços mais “clean” (cantos -2px e sombra suave) */
.amz-icon{
  border-radius: 10px !important;                        /* antes 12px */
  box-shadow: 0 6px 18px rgba(0,0,0,.18),
              inset 0 0 0 1px var(--border) !important;  /* leve relevo */
}

/* 2) Reduz ainda mais o card da direita e evita ser “mastigado” */
#porque{
  padding-bottom: 64px !important;    /* dá respiro antes da barra de CTA */
}
.amz-cta-bar{
  margin-top: 48px !important;        /* garante separação visual */
}
#porque .amz-cols2 > .amz-card{
  position: relative; z-index: 1;     /* garante que não fique por baixo */
  padding: 8px 10px !important;       /* mais compacto que antes */
  max-width: 420px;                    /* não alarga demais */
  justify-self: start;                 /* segura à esquerda da coluna */
}
#porque .amz-card h3{ font-size: 1rem !important; }
#porque .amz-card .muted{ font-size: .9rem !important; }
#porque .amz-card .amz-btn.amz-wide{
  padding: 8px 12px !important;       /* botão proporcional ao card */
  margin-top: 6px !important;
}

/* ===================================================================== */
/* ====================== AMZ: SETTINGS (Sidebar + Abas) ================ */
/* ===================================================================== */

.settings-grid{ display:grid; grid-template-columns:260px 1fr; gap:16px; align-items:start; } /* AMZ: SETTINGS */
.settings-nav{ background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:12px; position:sticky; top:16px; } /* AMZ: SETTINGS */
.settings-nav h3{ margin:8px 8px 10px; font-size:0.95rem; font-weight:800; color:var(--text); opacity:.9; } /* AMZ: SETTINGS */
.settings-nav .nav-group{ display:flex; flex-direction:column; gap:6px; margin:8px 0 14px; } /* AMZ: SETTINGS */

.settings-nav button{ 
  width:100%; text-align:left; background:transparent; 
  border:1px solid transparent; color:var(--text); 
  padding:9px 10px; border-radius:10px; cursor:pointer; 
  font-weight:700; transition:background .15s, border-color .15s, color .15s; 
} /* AMZ: SETTINGS */
.settings-nav button:hover{ background:rgba(255,255,255,.05); } /* AMZ: SETTINGS */
.settings-nav button.is-active{ border-color:var(--border); background:rgba(255,255,255,.08); } /* AMZ: SETTINGS */
.settings-nav button:focus-visible{ outline:3px solid rgba(43,214,118,.35); } /* AMZ: SETTINGS */

.settings-content .card{ margin-bottom:16px; } /* AMZ: SETTINGS */
.settings-panel{ display:none; }               /* AMZ: SETTINGS */
.settings-panel.is-active{ display:block; }    /* AMZ: SETTINGS */

@media (max-width: 980px){
  .settings-grid{ grid-template-columns:1fr; } /* AMZ: SETTINGS */
}

/* ===================================================================== */
/* ========== AMZ PATCH: Modal interno do painel do jogador (Free Fire) = */
/* ===================================================================== */

.amz-panel-modal-root[hidden]{               /* AMZ PATCH */
  display:none !important;
}
.amz-panel-modal-root{                       /* AMZ PATCH */
  position:fixed;
  inset:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:center;
}
.amz-panel-modal-backdrop{                   /* AMZ PATCH */
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(4px);
}
.amz-panel-modal{                            /* AMZ PATCH */
  position:relative;
  z-index:1;
  background:var(--panel,#0f1513);
  border:1px solid var(--border,rgba(255,255,255,.12));
  border-radius:14px;
  padding:20px 18px 16px;
  width:min(420px,92vw);
  box-shadow:0 18px 40px rgba(0,0,0,.65);
}
.amz-panel-modal-title{                      /* AMZ PATCH */
  margin:0 0 6px;
  font-size:1rem;
  font-weight:800;
}
.amz-panel-modal-message{                    /* AMZ PATCH */
  margin:4px 0 12px;
  font-size:.95rem;
  color:var(--muted,#aab4b0);
}
.amz-panel-modal-input{                      /* AMZ PATCH */
  width:100%;
  margin-bottom:12px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--border,rgba(255,255,255,.12));
  background:#0c1210;
  color:var(--text,#dfe5e2);
  box-sizing:border-box;       /* AMZ PATCH: impede extrapolar as bordas do modal */
  max-width:100%;              /* AMZ PATCH */
}
.amz-panel-modal-input:focus{                /* AMZ PATCH */
  outline:none;
  border-color:var(--accent,#2bd676);
  box-shadow:0 0 0 3px rgba(43,214,118,.22);
}
.amz-panel-modal-actions{                    /* AMZ PATCH */
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:6px;
}

/* ===================================================================== */
/* AMZ PATCH RESPONSIVE XXL: melhor enquadramento em monitores maiores    */
/* - aumenta o container em telas grandes (mantém igual no mobile)        */
/* ===================================================================== */
:root{
  --amz-container: 1152px; /* AMZ PATCH: padrão atual */
}

@media (min-width: 1200px){
  :root{ --amz-container: 1280px; } /* AMZ PATCH */
}
@media (min-width: 1440px){
  :root{ --amz-container: 1440px; } /* AMZ PATCH */
}
@media (min-width: 1700px){
  :root{ --amz-container: 1560px; } /* AMZ PATCH */
}

/* AMZ PATCH: páginas que usam .wrap (ex.: painel) ficam mais “cheias” só em telas grandes */
@media (min-width: 1440px){
  .wrap{ max-width: 1280px !important; } /* AMZ PATCH */
}
@media (min-width: 1700px){
  .wrap{ max-width: 1440px !important; } /* AMZ PATCH */
}


/* ===================================================================== */
/* ====================== AMZ PATCH INDEX HERO REF ====================== */
/* ===================================================================== */
/* Escopo total do novo index para não quebrar as outras páginas */
body.amz-index{
    --amz-index-header-height:84px; /* AMZ PATCH: altura de compensação da faixa fixa */
  --amz-hero-logo-text-gap:-12px; /* AMZ PATCH: ajuste manual da distância entre a logo do hero e o título */
  --amz-preview-height:360px; /* AMZ PATCH: altura da prévia grande do menu */
  --amz-preview-image:url("img/preview-menu-site.jpg"); /* AMZ PATCH: coloque aqui a url da imagem grande do menu */
}
body.amz-index a{
  text-decoration:none;
}
body.amz-index *{
  box-sizing:border-box;
}
body.amz-index .amz-index-wrap{
  max-width:1240px;
  margin:0 auto;
  padding:calc(var(--amz-index-header-height) + 16px) 22px 46px; /* AMZ PATCH: compensação da faixa fixa */
}

/* Header */
body.amz-index .site-header{
  position:fixed; /* AMZ PATCH: faixa fixa no topo */
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index:30;
  width:min(calc(100% - 18px), 1320px); /* AMZ PATCH */
  border:1px solid rgba(255,255,255,.08);
  border-top:none;
  border-radius:0;
  background:rgba(2,5,7,.96);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 34px rgba(0,0,0,.34);
  padding:9px 22px 8px;
  margin-bottom:0;
}
body.amz-index .site-header::after{
  content:""; /* AMZ PATCH */
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(43,214,118,.08) 14%, rgba(43,214,118,.42) 50%, rgba(43,214,118,.08) 86%, transparent 100%);
  pointer-events:none;
}
body.amz-index .topbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px; /* AMZ PATCH */
  min-height:52px; /* AMZ PATCH */
}
body.amz-index .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
}
body.amz-index .brand img{
  width:74px; /* AMZ PATCH */
  height:74px; /* AMZ PATCH */
  object-fit:contain;
  margin:-4px 0 -4px; /* AMZ PATCH */
  filter:
    drop-shadow(0 0 18px rgba(43,214,118,.12))
    drop-shadow(0 0 22px rgba(0,0,0,.42));
}
body.amz-index .brand-title{
  display:flex;
  flex-direction:column;
  line-height:1.08;
}
body.amz-index .brand-title span:first-child{
  font-size:13px; /* AMZ PATCH */
  font-weight:800;
  letter-spacing:.08em;
  color:#f8faf8;
}
body.amz-index .brand-title span:last-child{
  font-size:10px; /* AMZ PATCH */
  color:#9fa8a4;
  margin-top:2px; /* AMZ PATCH */
}
body.amz-index .top-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px; /* AMZ PATCH */
}
body.amz-index .top-nav a{
  font-size:13px; /* AMZ PATCH */
  font-weight:500;
  color:#c7cfca;
  transition:color .18s ease, opacity .18s ease, transform .18s ease;
  opacity:.92;
  white-space:nowrap;
}
body.amz-index .top-nav a:hover{
  color:#ffffff;
  opacity:1;
  transform:translateY(-1px);
}
body.amz-index .nav-actions{
  display:flex;
  align-items:center;
  gap:10px; /* AMZ PATCH */
}
body.amz-index .amz-btn,
body.amz-index .amz-btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:8px 16px; /* AMZ PATCH */
  font-size:13px; /* AMZ PATCH */
  font-weight:700;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
body.amz-index .amz-btn{
  background:linear-gradient(90deg,#16d86d 0%, #3de38b 100%);
  color:#041009;
  border:1px solid #22df76;
  box-shadow:0 12px 28px rgba(22,216,109,.18);
}
body.amz-index .amz-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 30px rgba(22,216,109,.22);
}
body.amz-index .amz-btn-outline{
  background:transparent;
  color:#f5f7f6;
  border:1px solid #1fe07a;
}
body.amz-index .amz-btn-outline:hover{
  transform:translateY(-1px);
  background:rgba(31,224,122,.08);
}

/* Hero */
body.amz-index main{
  display:flex;
  flex-direction:column;
  gap:18px;
}
body.amz-index .hero{
  position:relative;
  overflow:hidden;
  min-height:430px; /* AMZ PATCH */
  padding:8px 0 18px; /* AMZ PATCH */
}
body.amz-index .hero::before{
  content:"";
  position:absolute;
  inset:8% 20% 14% 8%;
  background:
    radial-gradient(circle, rgba(25,140,84,.18), transparent 42%),
    radial-gradient(circle at 72% 48%, rgba(43,214,118,.10), transparent 32%);
  filter:blur(12px);
  pointer-events:none;
}
body.amz-index .hero::after{
  content:"";
  position:absolute;
  right:15%;
  top:18%;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(20,232,115,.10), transparent 62%);
  filter:blur(22px);
  pointer-events:none;
}
body.amz-index .hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(320px, 390px);
  gap:32px;
  align-items:start; /* AMZ PATCH */
}
body.amz-index .hero-left{
  display:flex;
  flex-direction:column;
  justify-content:flex-start; /* AMZ PATCH */
  min-height:100%;
  padding-top:0; /* AMZ PATCH */
  gap:0; /* AMZ PATCH */
}
body.amz-index .hero-left > *{
  flex-shrink:0; /* AMZ PATCH */
}
body.amz-index .hero-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  font-size:11px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(8,11,16,.72);
  border:1px solid rgba(255,255,255,.10);
  color:#aeb6b2;
  margin-bottom:10px; /* AMZ PATCH */
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
body.amz-index .hero-tag .label{
  background:rgba(31,224,122,.14);
  color:#2de27c;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.amz-index .hero-tag .text{
  font-size:12px;
}
body.amz-index .hero-brand-large{
  display:flex;
  align-items:center;
  margin:0 0 var(--amz-hero-logo-text-gap); /* AMZ PATCH: ajuste fino da distância logo/título */
}
body.amz-index .hero-brand-large img{
  width:min(248px, 58%); /* AMZ PATCH */
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 0 22px rgba(43,214,118,.10))
    drop-shadow(0 0 28px rgba(0,0,0,.40));
}
body.amz-index .hero h1{
  margin:0 0 10px;
  max-width:600px;
  font-size:clamp(22px, 2.7vw, 40px); /* AMZ PATCH */
  line-height:1.04;
  letter-spacing:-.03em;
  color:#f6faf8;
}
body.amz-index .hero h1 .emph{
  color:#26e278;
  text-shadow:0 0 10px rgba(38,226,120,.14);
}
body.amz-index .hero .lead{
  margin:0 0 18px; /* AMZ PATCH */
  max-width:540px;
  font-size:clamp(12px, .9vw, 16px); /* AMZ PATCH */
  line-height:1.55;
  color:#acb5b0;
}
body.amz-index .hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px; /* AMZ PATCH */
  align-items:center;
}

/* Card lateral */
body.amz-index .hero-right{
  position:relative;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
body.amz-index .hero-card{
  width:min(100%, 420px);
  background:rgba(7,10,12,.95);
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  padding:16px 15px 16px;
  box-shadow:
    0 16px 34px rgba(0,0,0,.52),
    0 0 0 1px rgba(43,214,118,.03);
  position:relative;
  overflow:hidden;
}
body.amz-index .hero-card::before{
  content:"";
  position:absolute;
  right:-26%;
  bottom:-36%;
  width:170px;
  height:170px;
  background:radial-gradient(circle, rgba(31,224,122,.07), transparent 60%);
  pointer-events:none;
}
body.amz-index .hero-card-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
body.amz-index .hero-card-header .title{
  font-size:22px;
  font-weight:700;
  line-height:1.08;
  color:#f4f7f5;
}
body.amz-index .hero-card-header .badge{
  font-size:11px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:#aab1ae;
  white-space:nowrap;
}
body.amz-index .hero-card-rooms{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:120px;
}
body.amz-index .hero-room{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 9px;
  border-radius:12px;
  background:linear-gradient(120deg, rgba(16,21,19,.96), rgba(8,12,10,.96));
  border:1px solid rgba(255,255,255,.04);
  font-size:11px;
}
body.amz-index .hero-room-main{
  display:flex;
  flex-direction:column;
  gap:3px;
}
body.amz-index .hero-room-main .mode{
  font-size:11px;
  font-weight:600;
  color:#f4f7f5;
}
body.amz-index .hero-room-main .meta{
  font-size:9px;
  color:#9fa8a4;
  line-height:1.45;
}
body.amz-index .hero-room-prize{
  min-width:92px;
  text-align:right;
  font-size:11px;
  font-weight:600;
  color:#ffd166;
}
body.amz-index .hero-room-prize small{
  display:block;
  font-size:9px;
  color:#9fa8a4;
  margin-top:2px;
  font-weight:400;
}
body.amz-index .hero-indicators{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:10px;
  font-size:10px;
  line-height:1.5;
  color:#9fa8a4;
}
body.amz-index .hero-indicators strong{
  display:inline-block;
  margin-left:6px;
  font-size:12px;
  color:#25e178;
}
/* AMZ PATCH: showcase grande para imagem de prévia do menu */
body.amz-index .preview-showcase{
  position:relative;
  margin:4px 0 2px;
}

body.amz-index .preview-frame{
  position:relative;
  padding:12px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(10,15,18,.96), rgba(5,8,10,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 44px rgba(0,0,0,.48),
    inset 0 0 0 1px rgba(43,214,118,.03);
  overflow:hidden;
}

body.amz-index .preview-frame::before{
  content:"";
  position:absolute;
  inset:auto -8% -42% auto;
  width:340px;
  height:340px;
  background:radial-gradient(circle, rgba(36,225,119,.08), transparent 62%);
  filter:blur(10px);
  pointer-events:none;
}

body.amz-index .preview-screen{
  position:relative;
  min-height:var(--amz-preview-height);
  border-radius:18px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(11,16,19,.88), rgba(4,7,9,.96)),
    radial-gradient(circle at 14% 16%, rgba(43,214,118,.10), transparent 22%),
    linear-gradient(135deg, rgba(17,24,28,.96), rgba(6,9,11,.98));
  border:1px solid rgba(255,255,255,.06);
}

body.amz-index .preview-screen::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--amz-preview-image);
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:1;
}

body.amz-index .preview-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(2,5,7,.08), rgba(2,5,7,.28) 52%, rgba(2,5,7,.78) 100%);
  pointer-events:none;
}

body.amz-index .preview-window-bar{
  position:absolute;
  top:14px;
  left:16px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
}

body.amz-index .preview-window-bar span{
  width:11px;
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.16);
}

body.amz-index .preview-window-bar span:nth-child(1){
  background:#ff5f57;
  border-color:#ff5f57;
}

body.amz-index .preview-window-bar span:nth-child(2){
  background:#febc2e;
  border-color:#febc2e;
}

body.amz-index .preview-window-bar span:nth-child(3){
  background:#28c840;
  border-color:#28c840;
}

body.amz-index .preview-overlay{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  max-width:680px;
}

body.amz-index .preview-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(7,11,12,.72);
  border:1px solid rgba(255,255,255,.10);
  color:#2be27c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

body.amz-index .preview-overlay h2{
  margin:0;
  font-size:clamp(20px, 2.1vw, 32px);
  line-height:1.08;
  color:#f6faf8;
  letter-spacing:-.03em;
  max-width:620px;
}

body.amz-index .preview-overlay p{
  margin:0;
  max-width:600px;
  font-size:13px;
  line-height:1.6;
  color:#b0b9b4;
}
/* Cards e seções abaixo */
body.amz-index .cards-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:10px; /* AMZ PATCH: cria espaço acima dos cards de baixo para futura imagem preview */
}
body.amz-index .card{
  background:rgba(10,14,16,.86);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  padding:12px 12px 12px;
  box-shadow:0 10px 26px rgba(0,0,0,.40);
  font-size:12px;
}
body.amz-index .card-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
body.amz-index .card-header h2{
  margin:0;
  font-size:15px;
  color:#f5f7f6;
}
body.amz-index .card-header small{
  color:#97a09b;
  font-size:11px;
}
body.amz-index .pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  font-size:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color:#9fa8a4;
}
body.amz-index .dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:999px;
  background:#24e177;
  box-shadow:0 0 10px rgba(36,225,119,.7);
}
body.amz-index .card ul{
  list-style:none;
  padding:0;
  margin:8px 0 0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.amz-index .card li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#9fa8a4;
  font-size:12px;
}
body.amz-index .card li span{
  flex:1 1 56%;
}
body.amz-index .card li strong{
  flex:0 0 40%;
  text-align:right;
  color:#f5f7f6;
  font-size:12px;
  line-height:1.35;
}
body.amz-index .modes-section{
  margin-top:2px;
}
body.amz-index .section-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:18px 0 8px;
}
body.amz-index .section-title h2{
  margin:0;
  font-size:18px;
}
body.amz-index .section-title small{
  color:#97a09b;
  font-size:12px;
}
body.amz-index .modes{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
body.amz-index .mode-card{
  position:relative;
  overflow:hidden;
  background:rgba(10,14,16,.86);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  padding:12px 12px 13px;
}
body.amz-index .mode-card h3{
  margin:0 0 6px;
  font-size:16px;
  color:#f5f7f6;
}
body.amz-index .mode-card p{
  margin:0;
  color:#9fa8a4;
  font-size:11px;
  line-height:1.6;
}
body.amz-index .mode-tag{
  position:absolute;
  top:10px;
  right:10px;
  font-size:10px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,5,7,.92);
  color:#9fa8a4;
}
body.amz-index .footer{
  margin-top:24px;
  padding-top:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:#97a09b;
  font-size:11px;
}
body.amz-index .footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
body.amz-index .footer-links a{
  color:#97a09b;
}
body.amz-index .socials{
  display:flex;
  gap:8px;
}
body.amz-index .socials a{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  color:#97a09b;
  font-size:11px;
}

/* Overlays do login/cadastro que estavam inline */
body.amz-index .overlay{
  position:fixed;
  inset:0;
  background:rgba(1,4,5,.92);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:40;
}
body.amz-index .overlay.is-open{
  display:flex;
}
body.amz-index .overlay-backdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top, rgba(36,225,119,.22), transparent 60%);
  opacity:.9;
}
body.amz-index .overlay-dialog{
  position:relative;
  z-index:1;
  width:100%;
  max-width:420px;
  background:#0f1412;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 50px rgba(0,0,0,.8);
  padding:18px 18px 16px;
}
body.amz-index .overlay-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
body.amz-index .overlay-header h2{
  margin:0;
  font-size:16px;
  color:#f4f7f5;
}
body.amz-index .overlay-header button{
  background:transparent;
  border:none;
  color:#97a09b;
  cursor:pointer;
  padding:4px;
  border-radius:999px;
}
body.amz-index .overlay-header button:hover{
  background:rgba(255,255,255,.06);
}
body.amz-index .overlay-body{
  font-size:12px;
  color:#97a09b;
}
body.amz-index .overlay-body form{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.amz-index .field{
  display:flex;
  flex-direction:column;
  gap:4px;
}
body.amz-index .field label{
  font-size:11px;
  color:#24e177;
  font-weight:600;
}
body.amz-index .field input,
body.amz-index .code-input{
  background:#0e1412;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.16);
  padding:9px 10px;
  font-family:inherit;
  font-size:12px;
  color:#f4f7f5;
}
body.amz-index .field input:focus,
body.amz-index .code-input:focus{
  outline:none;
  border-color:#24e177;
  box-shadow:0 0 0 1px rgba(36,225,119,.35);
}
body.amz-index .feedback{
  font-size:10px;
  min-height:11px;
  margin:0;
}
body.amz-index .feedback.error,
body.amz-index .err{
  color:#ff5d5d;
}
body.amz-index .feedback.success,
body.amz-index .ok{
  color:#24e177;
}
body.amz-index .overlay-footer{
  margin-top:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  color:#97a09b;
}
body.amz-index .overlay-footer a,
body.amz-index .muted a{
  color:#24e177;
  font-weight:600;
}
body.amz-index #signupOverlay .overlay-dialog{
  max-width:480px;
  padding:10px 18px 12px;
}
body.amz-index #signupOverlay .signup-container{
  width:100%;
  max-width:560px;
  margin:0 auto;
  padding-top:2px;
}
body.amz-index #signupOverlay .signup-title{
  text-align:center;
  font-size:1.35rem;
  margin:0 0 6px;
  font-weight:700;
  color:#f4f7f5;
}
body.amz-index #signupOverlay .step{
  display:none;
}
body.amz-index #signupOverlay .step.active{
  display:block;
}
body.amz-index #signupOverlay form{
  margin-top:4px;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
}
body.amz-index #signupOverlay .field{
  width:100%;
  max-width:340px;
}
body.amz-index #signupOverlay .requirements{
  color:#97a09b;
  margin:0 0 0 2px;
  font-size:10px;
}
body.amz-index #signupOverlay .requirements ul{
  margin:3px 0 0 14px;
  padding:0;
  line-height:1.2;
}
body.amz-index #signupOverlay .requirements li{
  list-style:disc;
}
body.amz-index #signupOverlay .is-valid{
  outline:1px solid rgba(36,225,119,.6);
}
body.amz-index #signupOverlay .is-invalid{
  outline:1px solid rgba(255,93,93,.7);
}
body.amz-index #signupOverlay .actions{
  margin-top:2px;
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;
}
body.amz-index #signupOverlay .btn{
  width:100%;
  max-width:340px;
  background:linear-gradient(90deg,#16d86d 0%, #3de38b 100%);
  color:#041009;
  border:1px solid #22df76;
  border-radius:999px;
  padding:10px 12px;
  font-weight:700;
  font-size:12px;
  cursor:pointer;
}
body.amz-index #signupOverlay .btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}
body.amz-index #signupOverlay .muted{
  color:#97a09b;
  text-align:center;
  font-size:11px;
  margin:0;
}
body.amz-index #signupOverlay .verify-box{
  width:100%;
  max-width:340px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:stretch;
}
body.amz-index #signupOverlay .code-input{
  letter-spacing:.35em;
  text-align:center;
  font-size:1.06rem;
  padding:9px 12px;
}
body.amz-index #signupOverlay .hint{
  color:#97a09b;
  font-size:10px;
  text-align:center;
  margin-top:2px;
}
body.amz-index #signupOverlay .timer{
  text-align:center;
  font-size:10px;
}
body.amz-index #signupOverlay .success{
  width:100%;
  max-width:360px;
  margin:0 auto;
  text-align:center;
}
body.amz-index #signupOverlay .success h2{
  color:#f4f7f5;
}
body.amz-index #signupOverlay .success p{
  margin:4px 0 10px;
  font-size:12px;
}

/* Responsivo */
@media (max-width:1100px){  body.amz-index .preview-overlay{
    max-width:none;
  }
  body.amz-index{
    --amz-index-header-height:132px; /* AMZ PATCH */
  }
  body.amz-index .topbar{
    grid-template-columns:1fr;
    justify-items:start;
    gap:16px;
  }
  body.amz-index .top-nav{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:18px;
  }
  body.amz-index .nav-actions{
    width:100%;
    justify-content:flex-start;
  }
  body.amz-index .hero-inner{
    grid-template-columns:1fr;
    gap:30px;
  }
  body.amz-index .hero-right{
    justify-content:flex-start;
  }
  body.amz-index .cards-grid,
  body.amz-index .modes{
    grid-template-columns:1fr;
  }
  body.amz-index .hero-indicators{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  body.amz-index{
    --amz-index-header-height:150px; /* AMZ PATCH */
    --amz-hero-logo-text-gap:-8px; /* AMZ PATCH */
  }
  body.amz-index .amz-index-wrap{
    padding:calc(var(--amz-index-header-height) + 10px) 14px 44px;
  }
  body.amz-index .site-header{
    width:100%; /* AMZ PATCH */
    padding:10px 14px 9px;
    border-radius:0;
  }
  body.amz-index .brand img{
    width:64px; /* AMZ PATCH */
    height:64px; /* AMZ PATCH */
    margin:-4px 0 -4px; /* AMZ PATCH */
  }
  body.amz-index .top-nav{
    gap:14px;
  }
  body.amz-index .top-nav a{
    font-size:13px;
  }
  body.amz-index .nav-actions{
    flex-wrap:wrap;
  }
  body.amz-index .hero{
    min-height:auto;
    padding:16px 0 14px; /* AMZ PATCH */
  }
  body.amz-index .hero-tag{
    width:100%;
    max-width:none;
    align-items:flex-start;
  }
  body.amz-index .hero-brand-large img{
    width:min(210px, 74%); /* AMZ PATCH */
  }
    body.amz-index .preview-frame{
    padding:9px;
    border-radius:18px;
  }
  body.amz-index .preview-screen{
    min-height:260px;
    border-radius:14px;
  }
  body.amz-index .preview-window-bar{
    top:10px;
    left:12px;
    gap:6px;
  }
  body.amz-index .preview-window-bar span{
    width:9px;
    height:9px;
  }
  body.amz-index .preview-overlay{
    left:16px;
    right:16px;
    bottom:16px;
    gap:8px;
  }
  body.amz-index .preview-pill{
    padding:5px 10px;
    font-size:10px;
  }
  body.amz-index .preview-overlay h2{
    font-size:20px;
  }
  body.amz-index .preview-overlay p{
    font-size:12px;
    line-height:1.5;
  }
  body.amz-index .hero h1{
    font-size:24px; /* AMZ PATCH */
  }
  body.amz-index .hero .lead{
    font-size:15px;
  }
  body.amz-index .card li{
    flex-direction:column;
  }
  body.amz-index .card li strong{
    flex:unset;
    text-align:left;
  }
  body.amz-index .overlay-dialog{
    margin:0 12px;
  }
}


/* AMZ PATCH 2026-03-09: hero menor e sem roxo */
body.amz-index .hero-card-header .title{max-width:220px;}
body.amz-index .hero-left{max-width:680px;}
body.amz-index .hero-room-main .mode{font-size:11px;}
body.amz-index .hero-room-main .meta{font-size:9px;}
body.amz-index .hero-room-prize{font-size:11px;}
body.amz-index .card-header small{font-size:10px;}
body.amz-index .section-title small{font-size:11px;}
@media (max-width:640px){
  body.amz-index .hero-brand-large img{width:min(220px,74%);} 
  body.amz-index .hero h1{font-size:24px;}
}


/* AMZ PATCH 2026-03-09 B: compactação visual + só verde/preto */
body.amz-index .hero-right{align-items:flex-start; padding-top:6px;}
body.amz-index .hero-card{background:rgba(6,10,8,.96);}
body.amz-index .hero-card-header .title{max-width:200px;}
body.amz-index .hero-tag .text{font-size:11px;}
body.amz-index .card-header h2{font-size:15px;}
body.amz-index .mode-card h3{font-size:14px;}
body.amz-index .top-nav{gap:18px;}
@media (max-width:1100px){
  body.amz-index .hero-right{padding-top:0;}
}

/* AMZ PATCH 2026-03-09 C: header fixo + hero mais compacto */
body.amz-index .site-header{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index:30;
  width:min(calc(100% - 18px), 1320px);
  border:1px solid rgba(255,255,255,.08);
  border-top:none;
  border-radius:0 0 18px 18px;
  background:rgba(2,5,7,.96);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 34px rgba(0,0,0,.34);
  padding:9px 22px 8px;
  margin-bottom:0;
}
body.amz-index .topbar{gap:24px;min-height:52px;}
body.amz-index .brand img{width:74px;height:74px;margin:-4px 0 -4px;}
body.amz-index .brand-title span:first-child{font-size:13px;}
body.amz-index .brand-title span:last-child{font-size:10px;margin-top:2px;}
body.amz-index .top-nav{gap:22px;}
body.amz-index .top-nav a{font-size:13px;white-space:nowrap;}
body.amz-index .nav-actions{gap:10px;}
body.amz-index .site-header .top-nav,
body.amz-index .site-header .nav-actions,
body.amz-index .site-header .brand{
  position:relative;
  z-index:1;
}
body.amz-index .amz-btn,
body.amz-index .amz-btn-outline{padding:8px 16px;font-size:13px;border-radius:12px;}
body.amz-index .hero{min-height:430px;padding:8px 0 18px;}
body.amz-index .hero-inner{align-items:start;gap:32px;}
body.amz-index .hero-left{justify-content:flex-start;padding-top:0;max-width:650px;gap:0;}
body.amz-index .hero-tag{margin-bottom:10px;}
body.amz-index .hero-brand-large{margin:0 0 var(--amz-hero-logo-text-gap);}
body.amz-index .hero-brand-large img{width:min(248px,58%);}
body.amz-index .hero h1{max-width:600px;font-size:clamp(22px,2.7vw,40px);margin:0 0 10px;line-height:1.04;}
body.amz-index .hero .lead{max-width:540px;font-size:clamp(12px,.9vw,16px);margin:0 0 18px;line-height:1.55;}
body.amz-index .hero-cta{gap:10px;}
@media (max-width:640px){
  body.amz-index .site-header{width:calc(100% - 12px);padding:10px 14px 9px;border-radius:0 0 16px 16px;}
  body.amz-index .brand img{width:64px;height:64px;margin:-4px 0 -4px;}
  body.amz-index .hero{padding:16px 0 14px;}
  body.amz-index .hero-brand-large img{width:min(210px,74%);}
  body.amz-index .hero h1{font-size:24px;}
}

/* AMZ PATCH 2026-03-09 D: sobe o bloco principal de verdade e abaixa o card de salas */
body.amz-index{
  --amz-hero-block-offset:-42px; /* AMZ PATCH: sobe TODO o bloco da logo+título+texto+botões */
  --amz-hero-card-offset:42px;   /* AMZ PATCH: abaixa o card de salas */
}

body.amz-index .hero-inner{
  align-items:flex-start;
}

body.amz-index .hero-left{
  margin-top:var(--amz-hero-block-offset) !important; /* AMZ PATCH */
}

body.amz-index .hero-right{
  padding-top:var(--amz-hero-card-offset) !important; /* AMZ PATCH */
}

body.amz-index .hero h1{
  font-size:clamp(20px,2.45vw,36px) !important; /* AMZ PATCH: reduz mais o texto principal */
  max-width:560px !important; /* AMZ PATCH */
}

@media (max-width:1100px){
  body.amz-index{
    --amz-hero-block-offset:-20px; /* AMZ PATCH */
    --amz-hero-card-offset:12px;   /* AMZ PATCH */
  }
}

@media (max-width:640px){
  body.amz-index{
    --amz-hero-block-offset:-12px; /* AMZ PATCH */
    --amz-hero-card-offset:8px;    /* AMZ PATCH */
  }

  body.amz-index .hero h1{
    font-size:22px !important; /* AMZ PATCH */
  }
}
/* ===================================================================== */
/* AMZ PATCH 2026-03-10 E: remove linha do header + hero em camadas soltas */
/* - remove a linha abaixo da faixa superior                              */
/* - destrava a largura lateral da landing e do header                    */
/* - separa offsets do hero por camada independente                       */
/* - afina mais a faixa superior e encosta na borda esquerda              */
/* ===================================================================== */
body.amz-index{
  --amz-index-header-height: 66px;   /* AMZ PATCH */
  --amz-index-page-max: 1600px;      /* AMZ PATCH */
  --amz-index-page-gutter: 38px;     /* AMZ PATCH */
  --amz-index-header-edge-gap: 0px;  /* AMZ PATCH */

  --amz-hero-left-offset-x: 5px;     /* AMZ PATCH */
  --amz-hero-left-offset-y: -50px;   /* AMZ PATCH */

  --amz-hero-tag-offset-x: 0px;      /* AMZ PATCH */
  --amz-hero-tag-offset-y: 30px;      /* AMZ PATCH */

  --amz-hero-logo-offset-x: -0px;     /* AMZ PATCH */
  --amz-hero-logo-offset-y: -20px;     /* AMZ PATCH */

  --amz-hero-title-offset-x: 0px;    /* AMZ PATCH */
  --amz-hero-title-offset-y: -60px;   /* AMZ PATCH */

  --amz-hero-lead-offset-x: 0px;     /* AMZ PATCH */
  --amz-hero-lead-offset-y: -70px;    /* AMZ PATCH */

  --amz-hero-cta-offset-x: 0px;      /* AMZ PATCH */
  --amz-hero-cta-offset-y: -50px;     /* AMZ PATCH */

  --amz-hero-card-offset-x: 0px;     /* AMZ PATCH */
  --amz-hero-card-offset-y: 70px;    /* AMZ PATCH */
}

body.amz-index .wrap.amz-index-wrap{
  width:min(100%, var(--amz-index-page-max)) !important; /* AMZ PATCH */
  max-width:min(100%, var(--amz-index-page-max)) !important; /* AMZ PATCH */
  padding-left:var(--amz-index-page-gutter); /* AMZ PATCH */
  padding-right:var(--amz-index-page-gutter); /* AMZ PATCH */
}

body.amz-index .site-header{
  width:calc(100% - var(--amz-index-header-edge-gap)) !important; /* AMZ PATCH */
  max-width:calc(var(--amz-index-page-max) + (var(--amz-index-page-gutter) * 2)) !important; /* AMZ PATCH */
  left:50% !important; /* AMZ PATCH */
  right:auto !important; /* AMZ PATCH */
  transform:translateX(-50%) !important; /* AMZ PATCH */
  padding:4px 18px 3px !important; /* AMZ PATCH */
  border-radius:0 !important; /* AMZ PATCH */
}

body.amz-index .topbar{
  gap:18px !important; /* AMZ PATCH */
  min-height:38px !important; /* AMZ PATCH */
}

body.amz-index .brand img{
  width:56px !important; /* AMZ PATCH */
  height:56px !important; /* AMZ PATCH */
  margin:-2px 0 -2px !important; /* AMZ PATCH */
}

body.amz-index .brand-title span:first-child{
  font-size:12px !important; /* AMZ PATCH */
}

body.amz-index .brand-title span:last-child{
  font-size:9px !important; /* AMZ PATCH */
  margin-top:1px !important; /* AMZ PATCH */
}

body.amz-index .top-nav{
  gap:18px !important; /* AMZ PATCH */
}

body.amz-index .top-nav a{
  font-size:12px !important; /* AMZ PATCH */
}

body.amz-index .nav-actions{
  gap:8px !important; /* AMZ PATCH */
}

body.amz-index .amz-btn,
body.amz-index .amz-btn-outline{
  padding:7px 14px !important; /* AMZ PATCH */
  font-size:12px !important; /* AMZ PATCH */
}

body.amz-index .site-header::after{
  display:none !important; /* AMZ PATCH: remove a linha abaixo da faixa superior */
}

body.amz-index .hero{
  overflow:visible; /* AMZ PATCH */
}

body.amz-index .hero-inner{
  isolation:isolate; /* AMZ PATCH */
  align-items:start; /* AMZ PATCH */
  gap:40px; /* AMZ PATCH */
  grid-template-columns:minmax(0, 1fr) minmax(360px, 420px); /* AMZ PATCH */
}

body.amz-index .hero-left,
body.amz-index .hero-tag,
body.amz-index .hero-brand-large,
body.amz-index .hero h1,
body.amz-index .hero .lead,
body.amz-index .hero-cta,
body.amz-index .hero-right{
  position:relative; /* AMZ PATCH */
  will-change:transform; /* AMZ PATCH */
}

body.amz-index .hero-left{
  margin-top:0 !important; /* AMZ PATCH */
  transform:translate(var(--amz-hero-left-offset-x), var(--amz-hero-left-offset-y)); /* AMZ PATCH */
  max-width:720px; /* AMZ PATCH */
}

body.amz-index .hero-tag{
  transform:translate(var(--amz-hero-tag-offset-x), var(--amz-hero-tag-offset-y)); /* AMZ PATCH */
}

body.amz-index .hero-brand-large{
  margin:0 0 var(--amz-hero-logo-text-gap); /* AMZ PATCH */
  transform:translate(var(--amz-hero-logo-offset-x), var(--amz-hero-logo-offset-y)); /* AMZ PATCH */
}

body.amz-index .hero h1{
  transform:translate(var(--amz-hero-title-offset-x), var(--amz-hero-title-offset-y)); /* AMZ PATCH */
  max-width:620px !important; /* AMZ PATCH */
}

body.amz-index .hero .lead{
  transform:translate(var(--amz-hero-lead-offset-x), var(--amz-hero-lead-offset-y)); /* AMZ PATCH */
  max-width:580px; /* AMZ PATCH */
}

body.amz-index .hero-cta{
  transform:translate(var(--amz-hero-cta-offset-x), var(--amz-hero-cta-offset-y)); /* AMZ PATCH */
}

body.amz-index .hero-right{
  padding-top:0 !important; /* AMZ PATCH */
  justify-content:flex-end; /* AMZ PATCH */
  align-items:flex-start; /* AMZ PATCH */
  transform:translate(var(--amz-hero-card-offset-x), var(--amz-hero-card-offset-y)); /* AMZ PATCH */
}

@media (min-width:1700px){
  body.amz-index{
    --amz-index-page-max: 1700px; /* AMZ PATCH */
    --amz-index-page-gutter: 44px; /* AMZ PATCH */
  }
}

@media (max-width:1100px){
  body.amz-index{
    --amz-index-header-height: 104px; /* AMZ PATCH */
    --amz-index-page-gutter: 24px; /* AMZ PATCH */
    --amz-index-header-edge-gap: 0px; /* AMZ PATCH */
    --amz-hero-left-offset-y: -12px; /* AMZ PATCH */
    --amz-hero-title-offset-y: -4px; /* AMZ PATCH */
    --amz-hero-lead-offset-y: -4px; /* AMZ PATCH */
    --amz-hero-cta-offset-y: -4px; /* AMZ PATCH */
    --amz-hero-card-offset-y: 12px; /* AMZ PATCH */
  }

  body.amz-index .wrap.amz-index-wrap{
    width:100% !important; /* AMZ PATCH */
    max-width:100% !important; /* AMZ PATCH */
  }

  body.amz-index .site-header{
    max-width:calc(100% - var(--amz-index-header-edge-gap)) !important; /* AMZ PATCH */
  }

  body.amz-index .hero-inner{
    grid-template-columns:1fr; /* AMZ PATCH */
    gap:28px; /* AMZ PATCH */
  }

  body.amz-index .hero-left{
    max-width:none; /* AMZ PATCH */
  }

  body.amz-index .hero-right{
    justify-content:flex-start; /* AMZ PATCH */
  }
}

@media (max-width:640px){
  body.amz-index{
    --amz-index-header-height: 118px; /* AMZ PATCH */
    --amz-index-page-gutter: 14px; /* AMZ PATCH */
    --amz-index-header-edge-gap: 0px; /* AMZ PATCH */
    --amz-hero-left-offset-y: -6px; /* AMZ PATCH */
    --amz-hero-title-offset-y: 0px; /* AMZ PATCH */
    --amz-hero-lead-offset-y: 0px; /* AMZ PATCH */
    --amz-hero-cta-offset-y: 0px; /* AMZ PATCH */
    --amz-hero-card-offset-y: 6px; /* AMZ PATCH */
  }

  body.amz-index .site-header{
    width:100% !important; /* AMZ PATCH */
    max-width:100% !important; /* AMZ PATCH */
    left:0 !important; /* AMZ PATCH */
    right:0 !important; /* AMZ PATCH */
    transform:none !important; /* AMZ PATCH */
    padding:6px 12px 5px !important; /* AMZ PATCH */
  }

  body.amz-index .brand img{
    width:52px !important; /* AMZ PATCH */
    height:52px !important; /* AMZ PATCH */
    margin:-2px 0 -2px !important; /* AMZ PATCH */
  }
}