/* ======== 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;
}

/* ======== 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:24px; 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:14px;
  padding:14px;
  color:#e6e6e6;
}
.amz-list { display:flex; flex-direction:column; gap:8px; }
.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:28px; }
.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:14px; }

/* 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:10px 12px; 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 OWNER LOGIN: modal do proprietário (Ctrl+Shift+P / URL secreta) */
/* ===================================================================== */
.amz-owner-modal-overlay .amz-owner-hint{ /* AMZ PATCH OWNER LOGIN */
  display:inline-block;
  margin-left:8px;
  font-size:.85em;
  opacity:.85;
}
.amz-owner-feedback{ /* AMZ PATCH OWNER LOGIN */
  min-height:18px;
  margin:-6px 0 8px;
  font-size:.9rem;
  color:var(--muted,#aab4b0);
}