/*
 * Waimiri Tech Game UI.
 *
 * Utilização:
 * - folha principal de estilos do módulo /game;
 * - atende autenticação, TRIAL, seleção de pacotes, verificação comercial e questionário ampliado;
 * - concentra componentes visuais reutilizados pelas páginas PHP carregadas via partials.
 */
:root{
  --bg:#020617; --panel:rgba(15,23,42,.55); --panel2:rgba(2,6,23,.55);
  --border:#1f2937; --text:#e2e8f0; --muted:#94a3b8; --muted2:#64748b;
  --accent:#22c55e; --accent2:#16a34a; --danger:#fda4af;
  --shadow: 0 10px 25px rgba(0,0,0,.35); --radius:16px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body.wt-body{margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:var(--font);}
a{color:inherit; text-decoration:none}
.wt-wrap{max-width:1180px; margin:0 auto; padding:40px 20px;}
.wt-header{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.wt-brand{display:flex; align-items:center; gap:12px;}
.wt-logo{height:44px; width:44px; border-radius:14px; border:1px solid var(--border); object-fit:cover; background:#0b1220;}
.wt-title{font-weight:700; line-height:1.1}
.wt-sub{font-size:12px; color:var(--muted); margin-top:2px}
.wt-link{font-size:13px; color:var(--muted);} .wt-link:hover{color:#fff}
.wt-card,.wt-q{border:1px solid var(--border); background:var(--panel); border-radius:var(--radius); box-shadow:var(--shadow);}
.wt-card-h{padding:18px 18px 12px; border-bottom:1px solid var(--border);}
.wt-card-b,.wt-q{padding:18px;}
.wt-grid{display:grid; gap:18px;}
@media (min-width:860px){ .wt-grid-2{grid-template-columns:1.2fr .8fr;} }
.wt-h1{font-size:28px; font-weight:800; letter-spacing:-.02em;}
.wt-p{margin:10px 0 0; color:var(--muted); line-height:1.6; font-size:14px;}
.wt-ol{margin:10px 0 0 16px; color:var(--muted); font-size:13px; line-height:1.7;}
.wt-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.wt-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius:14px; border:1px solid var(--border); background:transparent; color:var(--text); font-weight:700; font-size:14px; cursor:pointer;}
.wt-btn:hover{background:rgba(15,23,42,.65)}
.wt-btn-primary{background:var(--accent); color:#04110a; border-color:transparent;}
.wt-btn-primary:hover{background:var(--accent2)}
.wt-btn:disabled{opacity:.6; cursor:not-allowed}
.wt-progress{height:8px; background:#0b1220; border-radius:999px; overflow:hidden; margin-top:10px}
.wt-progress > div{height:8px; background:var(--accent); width:0%; transition:width .2s ease;}
.wt-small{font-size:12px; color:var(--muted2);}
.wt-error{font-size:12px; color:var(--danger); margin-top:10px;}
.wt-success{font-size:12px; color:#86efac; margin-top:10px;}
.wt-form{display:grid; gap:10px; margin-top:12px;}
.wt-inp{width:100%; border-radius:12px; border:1px solid var(--border); background:#0b1220; color:var(--text); padding:11px 12px; font-size:14px; outline:none;}
.wt-inp:focus{border-color:#334155}
.wt-split{display:grid; gap:14px;}
@media(min-width:860px){ .wt-split{grid-template-columns:1fr 1fr;} }
.wt-chip{display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border:1px solid #334155; border-radius:999px; background:#0b1220; font-size:12px; color:#cbd5e1;}
.wt-note,.wt-footer{margin-top:12px; font-size:12px; color:var(--muted); line-height:1.6;}
.wt-qtitle{font-size:18px; font-weight:800; line-height:1.4; margin-top:10px;}
.wt-optgrid{display:grid; gap:10px; margin-top:14px;}
.wt-opt{display:grid; gap:4px; width:100%; text-align:left; padding:14px; border-radius:14px; border:1px solid var(--border); background:#0b1220; color:var(--text); cursor:pointer;}
.wt-opt:hover{border-color:#334155; transform:translateY(-1px)}
.wt-opt.sel{border-color:var(--accent); box-shadow:0 0 0 1px rgba(34,197,94,.2) inset;}
.wt-opt b{font-size:14px}
.wt-opt span{font-size:12px; color:var(--muted)}
.wt-domains{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;}
.wt-domain-chip{display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; border:1px solid #334155; background:#0b1220; color:#cbd5e1; font-size:12px;}
.wt-domain-chip.active{border-color:var(--accent); color:#bbf7d0;}

/* Componentes comerciais de pacotes */
.wt-package-grid{display:grid; gap:14px;}
@media(min-width:980px){ .wt-package-grid{grid-template-columns:repeat(3, minmax(0, 1fr));} }
.wt-package-card{border:1px solid var(--border); background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.72)); border-radius:20px; padding:18px; display:grid; gap:10px; cursor:pointer; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;}
.wt-package-card:hover{transform:translateY(-2px); border-color:#334155;}
.wt-package-card.is-selected{border-color:var(--accent); box-shadow:0 0 0 1px rgba(34,197,94,.25) inset;}
.wt-package-card.is-highlight{background:linear-gradient(180deg, rgba(20,83,45,.30), rgba(2,6,23,.78));}
.wt-package-badge{display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:5px 10px; border-radius:999px; background:rgba(34,197,94,.14); color:#bbf7d0; border:1px solid rgba(34,197,94,.35); font-size:11px; font-weight:700;}
.wt-package-name{font-size:20px; font-weight:800;}
.wt-package-meta{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:12px; color:var(--muted);}
.wt-package-price{font-size:28px; font-weight:800; color:#86efac; line-height:1.1;}
.wt-package-price small{display:block; font-size:12px; color:var(--muted); font-weight:600; margin-top:4px;}
.wt-package-foot{font-size:12px; color:var(--muted); line-height:1.5;}
.wt-domain-selector{margin-top:16px; border:1px dashed #334155; background:rgba(2,6,23,.45); border-radius:18px; padding:16px;}
.wt-domain-selector-h{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap;}
.wt-domain-selector-chips{margin-top:14px;}
.wt-package-summary-title{font-size:16px; font-weight:800;}
.wt-package-summary-price{font-size:18px; font-weight:800; color:#86efac;}
.wt-domain-selectable{cursor:pointer; user-select:none;}
.wt-domain-selectable.is-selected{border-color:var(--accent); color:#bbf7d0; box-shadow:0 0 0 1px rgba(34,197,94,.25) inset;}


/* =====================================================================
   RECUPERAÇÃO — EXIBIÇÃO COMPLETA DAS PERGUNTAS
   Uso:
   - garante que o enunciado não seja cortado;
   - força quebra de linha em textos longos;
   - evita clipping por overflow em cards do questionário;
   - mantém legibilidade em desktop e mobile.
   ===================================================================== */

.wt-card,
.wt-card-b,
.wt-q,
.wt-stage,
#wt-stage{
  overflow: visible;
}

.wt-qtitle{
  display: block;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.6;
}

.wt-q .wt-p,
.wt-q .wt-small,
.wt-q .wt-note,
.wt-opt,
.wt-opt b,
.wt-opt span{
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.wt-opt{
  align-items: flex-start;
}

.wt-opt b,
.wt-opt span{
  display: block;
  width: 100%;
}

@media (max-width: 768px){
  .wt-wrap{
    padding: 20px 14px;
  }

  .wt-card-b,
  .wt-q{
    padding: 16px;
  }

  .wt-qtitle{
    font-size: 17px;
    line-height: 1.65;
  }

  .wt-opt{
    padding: 12px;
  }
}


/* Ajustes visuais 2026-04-22 — aderência ao layout homologado das telas */
.wt-wrap{max-width:1280px; padding:26px 18px 42px;}
.wt-card,.wt-q{background:linear-gradient(180deg, rgba(2,13,38,.92), rgba(2,10,28,.96)); border-color:rgba(60,87,131,.42); box-shadow:0 12px 34px rgba(0,0,0,.28);}
.wt-card-h{padding:16px 18px 10px;}
.wt-card-b,.wt-q{padding:18px 18px 20px;}
.wt-btn{min-height:40px; border-radius:16px; padding:11px 18px; font-weight:800; letter-spacing:.01em; transition:all .16s ease;}
.wt-btn-primary{background:#22c55e; color:#03110c;}
.wt-btn-primary:hover{background:#2dd46f; transform:translateY(-1px);}
.wt-btn-ghost{background:rgba(7,20,47,.55); color:#e5eefc; border-color:rgba(92,117,161,.36);}
.wt-btn-ghost:hover{background:rgba(10,26,61,.75); border-color:rgba(92,117,161,.56);}
.wt-btn-compact{padding-inline:22px; min-width:104px;}
.wt-domains{gap:10px;}
.wt-domains-inline{margin-top:14px; margin-bottom:14px;}
.wt-domain-chip{padding:9px 14px; font-size:13px; border-color:rgba(92,117,161,.42); background:rgba(5,16,40,.78); color:#d9e7ff;}
.wt-domain-chip.active,.wt-domain-selectable.is-selected{border-color:#22c55e; color:#dfffea; box-shadow:0 0 0 1px rgba(34,197,94,.24) inset;}
.wt-trial-shell{position:relative; overflow:visible;}
.wt-trial-topbar{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:8px;}
.wt-trial-top-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.wt-trial-counter{font-size:13px; color:#f1f5f9;}
.wt-qtitle{font-size:22px; line-height:1.42; margin-top:10px; margin-bottom:8px; color:#f5f7fb;}
.wt-crit-row{margin-top:10px; margin-bottom:14px;}
.wt-optgrid{gap:12px;}
.wt-optgrid-trial{grid-template-columns:repeat(3, minmax(0,1fr)); align-items:stretch;}
.wt-opt{min-height:110px; padding:18px 18px 16px; border-radius:18px; border-color:rgba(73,97,139,.38); background:rgba(4,15,38,.92); box-shadow:none;}
.wt-opt:hover{border-color:rgba(97,123,169,.62); background:rgba(7,22,51,.96); transform:none;}
.wt-opt.sel{border-color:#22c55e; background:rgba(8,28,39,.98); box-shadow:0 0 0 1px rgba(34,197,94,.26) inset;}
.wt-opt b{font-size:18px; line-height:1.2; color:#f8fafc;}
.wt-opt span{font-size:14px; color:#c7d2e3; line-height:1.45;}
.wt-package-grid{gap:18px;}
@media(min-width:980px){ .wt-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
.wt-package-card{padding:22px 22px 18px; border-radius:24px; border-color:rgba(73,97,139,.35); background:linear-gradient(180deg, rgba(4,15,39,.96), rgba(3,11,28,.98));}
.wt-package-card.is-highlight{background:linear-gradient(180deg, rgba(9,58,44,.92), rgba(3,24,34,.98));}
.wt-package-name{font-size:22px; line-height:1.2;}
.wt-package-meta{font-size:13px; color:#b2c0d6;}
.wt-package-price{font-size:36px; margin-top:2px;}
.wt-package-price small{font-size:13px; color:#d7e0ee; opacity:.9;}
.wt-package-foot{font-size:13px; color:#c6d2e3;}
.wt-package-installments{font-size:13px; color:#9ae6b4; font-weight:700;}
.wt-domain-selector{margin-top:18px; padding:18px 20px; border-style:dashed; border-color:rgba(107,124,160,.35); background:rgba(3,12,31,.86);}
.wt-package-summary-title{font-size:18px;}
.wt-package-summary-price{font-size:20px;}
@media (max-width: 980px){ .wt-optgrid-trial{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 680px){
  .wt-wrap{padding:18px 12px 28px;}
  .wt-trial-topbar{flex-direction:column;}
  .wt-trial-top-actions{width:100%;}
  .wt-trial-top-actions .wt-btn{flex:1 1 auto;}
  .wt-optgrid-trial{grid-template-columns:1fr;}
  .wt-qtitle{font-size:20px;}
  .wt-package-price{font-size:30px;}
}


/* Ajustes visuais v4 — sem alteração de autenticação/CSRF */
.wt-q-topbar{
  display:grid;
  grid-template-columns:minmax(260px, 1fr) auto;
  align-items:start;
  gap:18px;
  margin-bottom:8px;
}
.wt-q-top-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.wt-q-top-actions .wt-btn,
.wt-trial-top-actions .wt-btn{
  min-width:182px;
}
.wt-q-top-actions .wt-btn-compact,
.wt-trial-top-actions .wt-btn-compact{
  min-width:106px;
}
.wt-optgrid-trial{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  grid-auto-flow:row;
  grid-auto-rows:1fr;
  align-items:stretch;
}
.wt-optgrid-trial .wt-opt{
  width:100%;
  height:100%;
}
.wt-opt.is-readonly{
  cursor:default;
  opacity:1;
}
.wt-opt.is-readonly:hover{
  transform:none;
  border-color:rgba(73,97,139,.38);
  background:rgba(4,15,38,.92);
}
.wt-opt.is-readonly.sel{
  border-color:#22c55e;
  background:rgba(8,28,39,.98);
}
.wt-full-done-box{ margin-top:10px; }
.wt-full-done-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.wt-review-list{
  display:grid;
  gap:14px;
  margin-top:8px;
}
.wt-review-item{
  border:1px solid rgba(73,97,139,.38);
  border-radius:18px;
  background:rgba(4,15,38,.88);
  padding:16px 18px;
}
.wt-review-item.is-answered{ border-color:rgba(34,197,94,.32); }
.wt-review-item-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.wt-review-item-index{ font-size:13px; font-weight:800; color:#f8fafc; }
.wt-review-item-domain{
  font-size:12px;
  color:#cfe0ff;
  border:1px solid rgba(92,117,161,.36);
  border-radius:999px;
  padding:5px 10px;
  background:rgba(8,20,46,.8);
}
.wt-review-item-question{ font-size:17px; font-weight:700; line-height:1.55; color:#f8fafc; }
.wt-review-item-answer-wrap{ margin-top:12px; border-top:1px solid rgba(92,117,161,.22); padding-top:12px; }
.wt-review-item-answer-label{ font-size:12px; color:#9fb0c8; margin-bottom:6px; }
.wt-review-item-answer{ font-size:14px; line-height:1.5; color:#dfffea; font-weight:700; }
.wt-full-done-box .wt-actions{ justify-content:flex-start; }
@media (max-width: 960px){
  .wt-q-topbar,
  .wt-trial-topbar{grid-template-columns:1fr;}
  .wt-q-top-actions,
  .wt-trial-top-actions{justify-content:flex-start; width:100%;}
  .wt-q-top-actions .wt-btn,
  .wt-trial-top-actions .wt-btn{min-width:initial;}
  .wt-optgrid-trial{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 680px){
  .wt-q-top-actions,
  .wt-trial-top-actions{display:grid; grid-template-columns:1fr;}
  .wt-optgrid-trial{grid-template-columns:1fr;}
  .wt-review-item{padding:14px;}
  .wt-review-item-question{font-size:16px;}
}

/* Mercado Pago Checkout Pro frontend SDK */
.wt-ok{font-size:12px;color:#4ade80;margin-top:10px;}
.wt-mp-checkout-panel{border:1px solid rgba(96,165,250,.35);background:rgba(15,23,42,.50);border-radius:16px;padding:16px;}
.wt-mp-checkout-panel a.wt-link{font-weight:800;color:#93c5fd;text-decoration:underline;}


/* V2.x - contexto da pergunta e separação visual de domínios/pacotes */
.wt-question-context{margin:12px 0 10px;}
.wt-question-context-box{
  border:1px solid rgba(111,136,180,.32);
  background:rgba(7,20,48,.72);
  border-radius:18px;
  padding:12px 14px;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.wt-question-context-box summary{
  cursor:pointer;
  font-weight:800;
  color:#eaf2ff;
  outline:none;
}
.wt-question-context-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-top:12px;
}
.wt-question-context-item{
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(15,23,42,.62);
}
.wt-question-context-item b{
  display:block;
  font-size:12px;
  color:#93c5fd;
  margin-bottom:5px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.wt-question-context-item span{display:block; color:#e5eefc; line-height:1.45; font-size:13px;}
.wt-review-item-context{
  margin-top:10px;
  display:grid;
  gap:6px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(148,163,184,.20);
  color:#dbeafe;
  font-size:13px;
  line-height:1.45;
}
.wt-offer-group{grid-column:1/-1; display:block; margin-bottom:12px;}
.wt-offer-group + .wt-offer-group{margin-top:10px;}
.wt-offer-group-head{margin:0 0 12px;}
.wt-offer-group-title{font-size:18px; font-weight:900; color:#f8fafc;}
.wt-offer-group-sub{font-size:13px; color:#aab7d4; margin-top:3px;}
.wt-offer-card-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
.wt-domain-offer-card{border-style:solid; background:linear-gradient(180deg,rgba(13,42,76,.88),rgba(8,20,43,.9));}
.wt-package-badge-domain{background:#0ea5e9; color:#eff6ff;}
.wt-domain-fixed-label{margin-top:10px; font-size:12px; color:#bfdbfe; line-height:1.35;}
.wt-domain-selectable.is-disabled{opacity:.35; cursor:not-allowed;}
@media (max-width:980px){
  .wt-question-context-grid{grid-template-columns:1fr;}
  .wt-offer-card-grid{grid-template-columns:1fr;}
}
@media print{
  .wt-question-context-box{break-inside:avoid; background:#fff; color:#111827; border-color:#cbd5e1; box-shadow:none;}
  .wt-question-context-item{background:#fff; color:#111827; border-color:#cbd5e1;}
  .wt-question-context-item b,.wt-question-context-item span{color:#111827;}
}

/* =====================================================================
   V2.x hotfix - layout de pergunta/contexto validado por imagem 2026-05-07
   - enunciado nunca deve ser extraído do contexto;
   - bloco da pergunta deve crescer conforme texto;
   - botões ficam em commandbar e não competem com o enunciado;
   - contexto fica conectado ao question_id renderizado.
   ===================================================================== */
.wt-question-screen{
  display:grid;
  gap:14px;
  overflow:visible !important;
}
.wt-question-commandbar{
  display:grid !important;
  grid-template-columns:minmax(300px, 1fr) auto;
  align-items:start;
  gap:14px 18px;
  margin:0 0 4px !important;
  padding:14px 16px;
  border:1px solid rgba(92,117,161,.28);
  border-radius:18px;
  background:rgba(3,13,34,.78);
}
.wt-question-status{
  min-width:0;
  display:grid;
  gap:6px;
}
.wt-question-domain-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.wt-question-actions{
  display:flex !important;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.wt-question-actions .wt-btn{
  min-width:150px !important;
  white-space:normal;
  text-align:center;
}
.wt-question-actions .wt-btn-primary{
  min-width:112px !important;
  order:10;
}
.wt-question-domain-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 !important;
  padding:0 2px;
  overflow:visible;
}
.wt-question-statement-panel{
  display:block;
  width:100%;
  min-height:148px;
  padding:22px 24px;
  border:1px solid rgba(96,165,250,.22);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(4,16,42,.96), rgba(2,9,28,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 28px rgba(0,0,0,.16);
  overflow:visible !important;
}
.wt-question-statement-label{
  display:block;
  margin-bottom:10px;
  color:#93c5fd;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.wt-question-statement,
#wt-trial-text,
#wt-full-text{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:74px;
  margin:0 !important;
  padding:0 !important;
  color:#f8fafc !important;
  font-size:clamp(21px, 2.1vw, 31px) !important;
  line-height:1.55 !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
  white-space:pre-wrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  hyphens:auto;
}
.wt-question-meta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  margin:0;
}
.wt-question-context{
  margin:0 !important;
}
.wt-question-context-box{
  overflow:visible !important;
}
.wt-question-context-box summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.wt-question-context-box summary small{
  color:#8fb6e8;
  font-size:11px;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}
.wt-question-context-grid{
  align-items:stretch;
}
.wt-question-context-item{
  min-height:92px;
  overflow:visible;
}
.wt-question-context-item span{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.wt-optgrid-trial{
  margin-top:2px !important;
}
@media (max-width: 980px){
  .wt-question-commandbar{
    grid-template-columns:1fr;
  }
  .wt-question-actions{
    justify-content:flex-start;
  }
  .wt-question-actions .wt-btn{
    flex:1 1 180px;
  }
  .wt-question-statement-panel{
    min-height:auto;
    padding:18px;
  }
}
@media (max-width: 680px){
  .wt-question-actions{
    display:grid !important;
    grid-template-columns:1fr;
  }
  .wt-question-actions .wt-btn{
    width:100%;
  }
  .wt-question-statement,
  #wt-trial-text,
  #wt-full-text{
    font-size:20px !important;
    line-height:1.5 !important;
  }
}


/* Validação de acesso - cadastro e OTP */
.wt-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.wt-human-gate{
  border:1px solid rgba(34,197,94,.28);
  background:linear-gradient(135deg, rgba(34,197,94,.10), rgba(15,23,42,.44));
  border-radius:16px;
  padding:12px 14px;
  display:grid;
  gap:9px;
  box-shadow:0 10px 28px rgba(2,6,23,.18);
}
.wt-human-title{
  font-weight:800;
  font-size:13px;
  color:#d1fae5;
  letter-spacing:.01em;
}
.wt-human-options{
  display:grid;
  grid-template-columns:repeat(5, minmax(42px, 1fr));
  gap:8px;
  max-width:310px;
}
.wt-human-option{
  min-width:42px;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.32);
  background:rgba(15,23,42,.82);
  color:var(--text);
  font-weight:900;
  cursor:pointer;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.wt-human-option:hover{
  transform:translateY(-1px);
  border-color:rgba(34,197,94,.62);
}

.wt-human-option-number{
  letter-spacing:.02em;
}
.wt-human-option-vowel{
  letter-spacing:.04em;
}
.wt-human-option.is-selected{
  border-color:var(--accent);
  background:rgba(34,197,94,.18);
  color:#bbf7d0;
  box-shadow:0 0 0 1px rgba(34,197,94,.25) inset, 0 8px 18px rgba(34,197,94,.10);
}
.wt-human-refresh{
  width:max-content;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:#93c5fd;
}
@media (max-width:560px){
  .wt-human-options{
    grid-template-columns:repeat(5, minmax(36px, 1fr));
    max-width:none;
  }
}


/* Perfil do responsável pelo pagamento Mercado Pago */
.wt-payment-profile-overlay{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
  padding:18px; background:rgba(2,6,23,.82); backdrop-filter:blur(7px);
}
.wt-payment-profile-modal{
  width:min(760px, 100%); max-height:92vh; overflow:auto; border:1px solid rgba(92,117,161,.44);
  border-radius:22px; background:linear-gradient(180deg, rgba(4,15,39,.98), rgba(3,11,28,.99));
  box-shadow:0 26px 70px rgba(0,0,0,.48); padding:22px;
}
.wt-payment-profile-title{font-size:20px; font-weight:900; margin-bottom:6px; color:#f8fafc;}
.wt-payment-profile-sub{font-size:12px; color:#9fb0ca; line-height:1.6; margin-bottom:16px;}
.wt-payment-profile-grid{display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr));}
.wt-payment-profile-grid .span-2{grid-column:1 / -1;}
.wt-payment-profile-field label{display:block; font-size:12px; color:#b9c6dc; margin:0 0 5px; font-weight:700;}
.wt-payment-profile-field input{width:100%;}
.wt-payment-profile-actions{display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:18px;}
.wt-payment-profile-required{font-size:11px; color:#fda4af; margin-top:4px; display:none;}
.wt-payment-profile-field.is-invalid input{border-color:#fda4af;}
.wt-payment-profile-field.is-invalid .wt-payment-profile-required{display:block;}
@media(max-width:680px){.wt-payment-profile-grid{grid-template-columns:1fr}.wt-payment-profile-modal{padding:18px}.wt-payment-profile-actions .wt-btn{width:100%;}}