/* ======================================================================
   Tema "Roda das Deusas" — v3 (mais legível, hierarquia mais clara)
   Mesma identidade: vinho, bronze, marfim · Cormorant / Work Sans / Space Mono
   ====================================================================== */
html, body{margin:0;padding:0;overflow-x:hidden;max-width:100%;background:#231320;}

#deusas{
  --wine-950:#231320; --wine-900:#2d1a2a; --wine-800:#3c2437; --wine-700:#4a2e44;
  --bronze:#c69a5c; --bronze-soft:#e3c692; --rose:#d49696; --sage:#a9b797;
  --ivory:#f4ecdf;        /* títulos */
  --text:#e6dccf;         /* texto corrido */
  --ivory-dim:#c4b6a6;    /* texto secundário */
  --line:rgba(244,236,223,0.13); --line-strong:rgba(244,236,223,0.22);
  --surface:rgba(244,236,223,0.035); --surface-2:rgba(244,236,223,0.06);
  --radius:10px; --radius-sm:6px;
  --shadow:0 18px 50px -24px rgba(0,0,0,0.65);

  background:
    radial-gradient(1200px 700px at 50% -8%, rgba(198,154,92,0.10), transparent 60%),
    radial-gradient(ellipse at 50% -10%, var(--wine-800) 0%, var(--wine-950) 58%),
    var(--wine-950);
  background-attachment:fixed;
  color:var(--text); font-family:'Work Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased; min-height:100vh; width:100%; overflow-x:hidden;
}
#deusas *{box-sizing:border-box;overflow-wrap:break-word;min-width:0;}
#deusas ::selection{background:rgba(198,154,92,0.35);color:var(--ivory);}
#deusas .wrap{max-width:680px;margin:0 auto;padding:48px 20px 40px;}
#deusas .wrap.wide{max-width:1040px;}
#deusas h1, #deusas h2, #deusas h3{font-family:'Cormorant Garamond', serif;font-weight:600;color:var(--ivory);line-height:1.15;letter-spacing:-0.005em;}
#deusas h1{font-size:clamp(32px, 7vw, 44px);margin:0 0 10px;}
#deusas a{color:var(--bronze-soft);text-underline-offset:3px;}
#deusas a:hover{color:var(--ivory);}
#deusas .eyebrow{font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--bronze-soft);display:block;margin-bottom:14px;}
#deusas .center{text-align:center;}
#deusas .muted{color:var(--ivory-dim);}
#deusas .small{font-size:13.5px;}
#deusas .hidden{display:none !important;}
#deusas .lede{font-size:17px;color:var(--ivory-dim);max-width:520px;margin:0 auto;}
#deusas .ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--bronze);margin:0 auto 18px;opacity:0.9;}
#deusas .ornament::before, #deusas .ornament::after{content:"";height:1px;width:56px;background:linear-gradient(90deg,transparent,var(--bronze));}
#deusas .ornament::after{transform:scaleX(-1);}

/* ---------- Botões ---------- */
#deusas .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Space Mono', monospace;font-size:12.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--wine-950);background:linear-gradient(180deg,#ecd3a4,var(--bronze-soft));border:none;padding:16px 30px;border-radius:999px;
  cursor:pointer;text-decoration:none;text-align:center;line-height:1.3;
  box-shadow:0 10px 26px -12px rgba(227,198,146,0.55);
  transition:transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
#deusas .btn:hover{color:var(--wine-950);transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(227,198,146,0.7);}
#deusas .btn:active{transform:translateY(0);}
#deusas .btn:disabled{opacity:0.45;cursor:not-allowed;transform:none;}
#deusas .btn:focus-visible, #deusas button:focus-visible, #deusas a:focus-visible{outline:2px solid var(--ivory);outline-offset:3px;}
#deusas .btn.ghost{background:transparent;color:var(--ivory);border:1px solid var(--line-strong);box-shadow:none;}
#deusas .btn.ghost:hover{border-color:var(--bronze);color:var(--bronze-soft);}
#deusas .btn.rose{background:var(--rose);box-shadow:none;}
#deusas .btn.block{display:flex;width:100%;}
#deusas .btn.sm{padding:10px 18px;font-size:11px;}

/* ---------- Cartões e formulários ---------- */
#deusas .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);}
#deusas .field{margin-bottom:18px;text-align:left;}
#deusas .field label{display:block;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--bronze-soft);margin-bottom:8px;}
#deusas .field input, #deusas select{
  width:100%;background:rgba(0,0,0,0.18);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ivory);
  font-family:'Work Sans', sans-serif;font-size:16px;padding:14px 16px;outline:none;transition:border-color 0.2s ease, background 0.2s ease;
}
#deusas .field input:focus{border-color:var(--bronze);background:rgba(0,0,0,0.26);}
#deusas .field input::placeholder{color:var(--ivory-dim);opacity:0.5;}
#deusas .form-error{color:var(--rose);font-size:14px;margin:0 0 14px;text-align:center;}
#deusas .form-ok{color:var(--sage);font-size:14px;margin:0 0 14px;text-align:center;}
#deusas .notice{background:rgba(169,183,151,0.08);border:1px solid rgba(169,183,151,0.3);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;text-align:center;margin:0 0 28px;}
#deusas .consent{font-size:12.5px;color:var(--ivory-dim);margin:4px 0 22px;}

/* ---------- Quiz ---------- */
/* Barra de progresso do quiz: fixa no topo da tela enquanto ela responde */
#deusas .progress-top{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(35,19,32,0.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px -16px rgba(0,0,0,0.7);}
#deusas.quiz-on{padding-top:78px;} /* espaço para a barra fixa não cobrir o conteúdo */
#deusas .progress-inner{max-width:680px;margin:0 auto;padding:12px 20px;}
#deusas .progress-meta{display:flex;justify-content:space-between;font-family:'Space Mono', monospace;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ivory);margin-bottom:9px;}
#deusas .progress-meta #progress-pct{color:var(--bronze-soft);font-weight:700;}
#deusas .progress-meta strong{color:var(--bronze-soft);font-weight:700;}
#deusas .progress-bar{height:11px;background:rgba(244,236,223,0.14);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);}
#deusas .progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--bronze),var(--bronze-soft));border-radius:5px;transition:width 0.45s ease;}
#deusas .section-head{text-align:center;margin:8px 0 30px;}
#deusas .section-head h2{font-size:clamp(30px, 6vw, 38px);margin:0;}
#deusas .section-note{font-size:14px;color:var(--ivory-dim);font-style:italic;max-width:480px;margin:12px auto 0;}
#deusas .scale-legend{font-size:14px;color:var(--ivory-dim);margin:-14px 0 24px;text-align:center;}
#deusas .question{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 18px;margin-bottom:14px;transition:border-color 0.2s ease, background 0.2s ease;}
#deusas .question.answered{border-color:rgba(198,154,92,0.38);background:rgba(198,154,92,0.045);}
#deusas .question.missing{border-color:var(--rose);}
#deusas .question .q-num{font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.1em;color:var(--bronze);margin-bottom:6px;display:block;}
#deusas .question p{margin:0 0 16px;font-size:16.5px;line-height:1.6;color:var(--ivory);}
#deusas .options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
@media (max-width:560px){ #deusas .options{grid-template-columns:1fr 1fr;} }
#deusas .opt{
  background:rgba(0,0,0,0.16);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);
  font-family:'Work Sans', sans-serif;font-size:13px;line-height:1.3;padding:11px 8px;cursor:pointer;min-height:50px;
  transition:all 0.15s ease;
}
/* Destaque ao passar o mouse só em computador: no celular ele "grudava" numa opção ao trocar de tema */
@media (hover:hover) and (pointer:fine){ #deusas .opt:hover{border-color:var(--bronze);color:var(--ivory);} }
#deusas .opt.selected{background:var(--bronze-soft);border-color:var(--bronze-soft);color:var(--wine-950);font-weight:600;}
#deusas .quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;}

/* Testes anteriores */
#deusas .test-list{list-style:none;margin:0 0 28px;padding:0;}
#deusas .test-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;}
#deusas .test-list .date{font-family:'Space Mono', monospace;font-size:13px;color:var(--text);}

/* ---------- Loading ---------- */
#deusas .loading{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;}
#deusas .wheel-spin{width:88px;height:88px;animation:deusasSpin 3.2s linear infinite;}
@keyframes deusasSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ #deusas .wheel-spin{ animation:none; } #deusas *{scroll-behavior:auto !important;} }
#deusas .loading-text{font-family:'Cormorant Garamond', serif;font-style:italic;font-size:22px;color:var(--ivory-dim);}

/* ---------- Hero + roda ---------- */
#deusas .hero{text-align:center;margin-bottom:12px;}
#deusas .hero .sub{color:var(--ivory-dim);font-size:16px;margin:0 auto 22px;max-width:460px;}
#deusas .wheel-card{position:relative;margin:0 auto;padding:18px 10px 20px;border-radius:24px;
  background:radial-gradient(closest-side, rgba(198,154,92,0.10), transparent 75%);}
#deusas .wheel-container{display:flex;justify-content:center;}
#deusas .wheel-container svg{max-width:100%;height:auto;}
#deusas .legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;font-family:'Space Mono', monospace;font-size:12px;color:var(--text);}
#deusas .legend > span{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);}
#deusas .dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto;}

#deusas .dom-esq{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:22px auto 0;}
#deusas .dom-esq > div{border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;background:var(--surface);text-align:center;}
#deusas .dom-esq .tag{display:block;margin-bottom:2px;}
#deusas .dom-esq strong{display:block;font-family:'Cormorant Garamond', serif;font-size:28px;font-weight:600;line-height:1.2;}
#deusas .dom-esq .pts{font-family:'Space Mono', monospace;font-size:11px;color:var(--ivory-dim);}

/* ---------- Resultado gratuito ---------- */
#deusas .tag{text-align:center;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--bronze-soft);margin-bottom:8px;}
#deusas .role{text-align:center;font-style:italic;font-size:15px;color:var(--ivory-dim);margin-bottom:20px;}
#deusas p.resumo{font-size:17px;line-height:1.75;color:var(--text);margin:0 0 22px;}
#deusas .dominant h2{text-align:center;font-size:36px;margin:0 0 4px;}
#deusas .forgotten{margin-top:36px;padding-top:32px;border-top:1px solid var(--line);}
#deusas .forgotten .tag{color:var(--rose);}
#deusas .forgotten h2{text-align:center;font-size:32px;margin:0 0 4px;}
#deusas .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;}
@media (max-width:540px){ #deusas .cols{grid-template-columns:1fr;} }
#deusas .col-box{background:rgba(0,0,0,0.14);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 18px 12px;}
#deusas .col-box h4{font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;margin:0 0 12px;color:var(--bronze-soft);}
#deusas .col-box.fracos h4, #deusas .col-box.sinais h4{color:var(--rose);}
#deusas .col-box.sinais{border-color:rgba(212,150,150,0.3);}
#deusas .col-box ul{margin:0;padding:0;list-style:none;}
#deusas .col-box li{position:relative;padding-left:18px;margin-bottom:10px;font-size:15px;line-height:1.55;color:var(--text);}
#deusas .col-box li::before{content:"";position:absolute;left:0;top:0.62em;width:7px;height:7px;border-radius:50%;background:var(--bronze);}
#deusas .col-box.fracos li::before, #deusas .col-box.sinais li::before{background:var(--rose);}

#deusas .accordion{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:28px;overflow:hidden;box-shadow:var(--shadow);}
#deusas .accordion-trigger{width:100%;display:block;background:transparent;border:none;cursor:pointer;padding:20px 22px;text-align:left;font-family:'Work Sans',sans-serif;color:inherit;}
#deusas .accordion-trigger:hover{background:rgba(198,154,92,0.06);}
#deusas .trigger-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;}
#deusas .partial-tag{font-family:'Space Mono', monospace;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--wine-950);background:var(--bronze-soft);padding:5px 11px;border-radius:999px;white-space:nowrap;}
#deusas .accordion-trigger p{margin:0;font-size:15px;color:var(--text);}
#deusas .accordion-chevron{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:14px;color:var(--bronze-soft);line-height:1;transition:transform 0.25s ease;}
#deusas .accordion-trigger[aria-expanded="true"] .accordion-chevron{transform:rotate(180deg);}
#deusas .accordion-panel{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
#deusas .accordion-panel-inner{padding:8px 22px 26px;border-top:1px solid var(--line);}
#deusas .accordion-panel-inner > :first-child{margin-top:24px;}

/* ---------- Ofertas em carrossel ---------- */
#deusas .offers{margin-top:0;padding:16px 0 8px;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,0.16) 18%, rgba(0,0,0,0.16) 82%, transparent);}
#deusas .offers-head{max-width:640px;margin:0 auto 34px;padding:0 20px;text-align:center;}
#deusas .offers-head h2{font-size:clamp(30px, 6vw, 40px);margin:0 0 14px;}
#deusas .offers-head h2 em{color:var(--bronze-soft);font-style:italic;}
#deusas .carousel{max-width:1100px;margin:0 auto;position:relative;}
#deusas .carousel-track{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:10px max(20px, calc((100% - 1040px) / 2)) 26px;scroll-padding:0 20px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;
}
#deusas .carousel-track::-webkit-scrollbar{display:none;}
#deusas .carousel-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;}
#deusas .offer{
  flex:0 0 min(84vw, 336px);scroll-snap-align:center;display:flex;flex-direction:column;
  background:linear-gradient(180deg, rgba(244,236,223,0.06), rgba(244,236,223,0.025));
  border:1px solid var(--line);border-radius:16px;padding:26px 22px 24px;box-shadow:var(--shadow);
}
#deusas .offer.featured{border-color:rgba(198,154,92,0.55);background:linear-gradient(180deg, rgba(198,154,92,0.13), rgba(198,154,92,0.03));}
#deusas .offer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;}
#deusas .offer-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(198,154,92,0.12);border:1px solid rgba(198,154,92,0.35);flex:0 0 auto;}
#deusas .ribbon{font-family:'Space Mono', monospace;font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--bronze-soft);border:1px solid rgba(198,154,92,0.4);padding:4px 10px;border-radius:999px;white-space:nowrap;}
#deusas .offer.featured .ribbon{background:var(--bronze-soft);color:var(--wine-950);border-color:var(--bronze-soft);}
#deusas .offer h3{font-size:27px;margin:0 0 10px;}
#deusas .offer .offer-sub{color:var(--ivory-dim);font-size:15px;line-height:1.6;margin:0 0 18px;}
#deusas .checklist{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px solid var(--line);}
#deusas .checklist li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--text);margin-bottom:11px;}
#deusas .checklist svg{flex:0 0 auto;margin-top:3px;}
#deusas .checklist strong{color:var(--ivory);font-weight:600;}
#deusas .offer-bottom{margin-top:auto;}
#deusas .price-block{text-align:center;margin-bottom:16px;}
#deusas .price-block .was{font-family:'Space Mono', monospace;font-size:12px;color:var(--ivory-dim);opacity:0.7;text-decoration:line-through;}
#deusas .price-block .now{font-family:'Cormorant Garamond', serif;font-weight:600;font-size:46px;color:var(--bronze-soft);line-height:1.05;}
#deusas .price-block .now small{font-size:22px;vertical-align:0.6em;margin-right:3px;}
#deusas .price-block .parcelas{font-family:'Space Mono', monospace;font-size:11px;color:var(--ivory-dim);margin-top:4px;}
#deusas .owned-tag{display:block;text-align:center;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--sage);margin-bottom:14px;}
#deusas .cta-note{text-align:center;font-family:'Space Mono', monospace;font-size:11px;color:var(--ivory-dim);margin:12px 0 0;}
#deusas .carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px;}
#deusas .car-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ivory);cursor:pointer;font-size:18px;display:grid;place-items:center;transition:all 0.15s ease;}
#deusas .car-btn:hover:not(:disabled){border-color:var(--bronze);color:var(--bronze-soft);}
#deusas .car-btn:disabled{opacity:0.3;cursor:default;}
#deusas .dots{display:flex;gap:8px;}
#deusas .dots button{width:8px;height:8px;border-radius:999px;border:none;padding:0;background:rgba(244,236,223,0.25);cursor:pointer;transition:all 0.25s ease;}
#deusas .dots button.active{width:26px;background:var(--bronze-soft);}
#deusas .swipe-hint{text-align:center;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ivory-dim);margin:14px 0 0;padding:0 20px;}
#deusas .carousel.static .carousel-nav, #deusas .carousel.static .swipe-hint{display:none;}
#deusas .carousel.static .carousel-track{justify-content:center;cursor:default;}

/* ---------- Leitura paga (markdown) ---------- */
#deusas .reading-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:20;background:linear-gradient(90deg,var(--bronze),var(--bronze-soft));transition:width 0.1s linear;}
#deusas .analysis{counter-reset:sec;font-size:17px;}
#deusas .analysis h2{counter-increment:sec;font-size:clamp(26px, 5vw, 32px);margin:64px 0 18px;padding-top:34px;border-top:1px solid var(--line);}
#deusas .analysis h2::before{content:counter(sec, decimal-leading-zero);display:block;font-family:'Space Mono', monospace;font-size:11px;font-weight:700;letter-spacing:0.2em;color:var(--bronze);margin-bottom:10px;}
#deusas .analysis h2:first-child{border-top:none;padding-top:0;margin-top:0;}
#deusas .analysis h3{font-size:22px;color:var(--bronze-soft);margin:34px 0 10px;}
#deusas .analysis p{margin:0 0 18px;color:var(--text);line-height:1.8;}
#deusas .analysis strong{color:var(--ivory);font-weight:600;}
#deusas .analysis em{color:var(--bronze-soft);font-style:italic;}
#deusas .analysis ul, #deusas .analysis ol{margin:0 0 22px;padding:0;list-style:none;}
#deusas .analysis li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--text);line-height:1.7;}
#deusas .analysis ul li::before{content:"";position:absolute;left:4px;top:0.72em;width:7px;height:7px;border-radius:50%;background:var(--bronze);}
#deusas .analysis ol{counter-reset:li;}
#deusas .analysis ol li{counter-increment:li;padding-left:34px;}
#deusas .analysis ol li::before{content:counter(li);position:absolute;left:0;top:0.15em;width:24px;height:24px;border-radius:50%;border:1px solid var(--bronze);color:var(--bronze-soft);font-family:'Space Mono', monospace;font-size:11px;display:grid;place-items:center;}
#deusas .analysis blockquote{margin:0 0 22px;padding:14px 20px;border-left:2px solid var(--bronze);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
#deusas .analysis blockquote p{margin:0;font-family:'Cormorant Garamond', serif;font-size:21px;font-style:italic;color:var(--ivory);}
#deusas .analysis hr{border:none;height:1px;background:var(--line);margin:34px 0;}
#deusas .analysis table{border-collapse:collapse;width:100%;margin:6px 0 24px;font-size:14.5px;display:block;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);}
#deusas .analysis th, #deusas .analysis td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;color:var(--text);vertical-align:top;line-height:1.5;}
#deusas .analysis tr:last-child td{border-bottom:none;}
#deusas .analysis th{background:var(--surface-2);color:var(--bronze-soft);font-family:'Space Mono', monospace;font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:0.08em;}
#deusas .analysis td:first-child{color:var(--ivory);font-weight:500;white-space:nowrap;}
#deusas .closing{margin-top:56px;padding:34px 28px;border:1px solid rgba(198,154,92,0.4);border-radius:16px;text-align:center;background:radial-gradient(closest-side, rgba(198,154,92,0.10), transparent);}
#deusas .closing p{font-family:'Cormorant Garamond', serif;font-style:italic;font-size:24px;line-height:1.4;color:var(--bronze-soft);margin:0;}

/* ---------- Topo ---------- */
#deusas .topbar{max-width:1040px;margin:0 auto;padding:18px 20px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;}
#deusas .topbar .brand{color:var(--bronze-soft);text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
#deusas .topbar .brand-mark{font-size:14px;line-height:1;}
#deusas .topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;margin-left:auto;}
#deusas .topbar a{color:var(--ivory-dim);text-decoration:none;white-space:nowrap;}
/* Celular: a marca vira só o símbolo ✦, para os links caberem numa linha */
@media (max-width:520px){
  #deusas .topbar{padding:16px 16px 0;letter-spacing:0.06em;}
  #deusas .topbar .brand-text{display:none;}
  #deusas .topbar .brand-mark{font-size:20px;}
  #deusas .topbar nav{gap:8px 16px;}
}
#deusas .admin-head nav a, #deusas .period a{white-space:nowrap;}
#deusas .topbar a:hover{color:var(--bronze-soft);}

/* ---------- Rodapé ---------- */
#deusas .site-footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);text-align:center;}
#deusas .site-footer p{margin:0 0 4px;font-family:'Space Mono', monospace;font-size:10.5px;color:var(--ivory-dim);opacity:0.7;}

/* ---------- Admin ---------- */
#deusas .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:26px;}
#deusas .kpi{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;background:var(--surface);}
#deusas .kpi .label{font-family:'Space Mono', monospace;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivory-dim);}
#deusas .kpi .value{font-family:'Cormorant Garamond', serif;font-size:36px;font-weight:600;color:var(--ivory);line-height:1.15;margin-top:4px;}
#deusas .kpi .hint{font-size:12.5px;color:var(--ivory-dim);}
#deusas .panel{border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;background:var(--surface);margin-bottom:22px;}
#deusas .panel h3{font-size:22px;margin:0 0 4px;}
#deusas .panel .panel-sub{font-size:13px;color:var(--ivory-dim);margin:0 0 16px;}
#deusas .grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media (max-width:760px){ #deusas .grid2{grid-template-columns:1fr;} }
#deusas .grid2 > .panel{margin-bottom:0;}
#deusas .chart-box{position:relative;height:260px;}
#deusas table.data{width:100%;border-collapse:collapse;font-size:14px;}
#deusas table.data th{font-family:'Space Mono', monospace;font-weight:400;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--bronze-soft);text-align:left;padding:9px 8px;border-bottom:1px solid var(--line-strong);white-space:nowrap;}
#deusas table.data td{padding:10px 8px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;}
#deusas table.data td.num, #deusas table.data th.num{text-align:right;font-variant-numeric:tabular-nums;}
#deusas table.data tr:hover td{background:rgba(244,236,223,0.03);}
#deusas .table-scroll{overflow-x:auto;}
#deusas .search{display:flex;gap:10px;margin-bottom:26px;}
#deusas .search input{flex:1;background:rgba(0,0,0,0.18);border:1px solid var(--line-strong);border-radius:999px;color:var(--ivory);font-size:15px;padding:13px 20px;outline:none;font-family:'Work Sans',sans-serif;}
#deusas .search input:focus{border-color:var(--bronze);}
#deusas .pill{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono', monospace;font-size:11px;padding:3px 10px;border-radius:999px;border:1px solid var(--line-strong);white-space:nowrap;}
#deusas .admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px;}
#deusas .admin-head h1{margin:0;font-size:34px;}
#deusas .admin-head nav{display:flex;gap:18px;flex-wrap:wrap;font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;}
#deusas .admin-head nav a{color:var(--ivory-dim);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;}
#deusas .admin-head nav a:hover, #deusas .admin-head nav a.active{color:var(--bronze-soft);border-bottom-color:var(--bronze);}

/* Selo "Teste 100% gratuito" na abertura do teste */
#deusas .free-badge{display:inline-flex;align-items:center;gap:8px;margin:0 auto 18px;padding:9px 18px;border-radius:999px;
  background:linear-gradient(180deg,#ecd3a4,var(--bronze-soft));color:var(--wine-950);
  font-family:'Space Mono', monospace;font-size:12.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  box-shadow:0 10px 30px -10px rgba(227,198,146,0.6);}
#deusas .free-badge span{font-size:14px;}

/* Situação do mapa no cartão (sendo escrito / confirmando pagamento) */
#deusas .map-status{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 14px;border:1px dashed rgba(198,154,92,0.45);border-radius:var(--radius);background:rgba(198,154,92,0.06);}
#deusas .map-status strong{font-family:'Cormorant Garamond', serif;font-size:21px;font-weight:600;color:var(--ivory);}
#deusas .map-status span{font-size:13.5px;color:var(--ivory-dim);}
#deusas .mini-spin{width:30px;height:30px;animation:deusasSpin 1.1s linear infinite;}

/* Popup "leve mais" */
#deusas .modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(15,8,14,0.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;}
#deusas .modal{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(180deg,#3a2335,#2a1727);border:1px solid rgba(198,154,92,0.45);border-radius:18px;padding:28px 22px 22px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.8);}
#deusas .modal h3{font-size:27px;margin:0 0 8px;}
#deusas .modal-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:none;background:transparent;color:var(--ivory-dim);font-size:26px;cursor:pointer;border-radius:50%;}
#deusas .modal-close:hover{color:var(--ivory);background:rgba(244,236,223,0.06);}
#deusas .choices{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
#deusas .choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background:rgba(0,0,0,0.14);transition:border-color 0.15s ease, background 0.15s ease;}
#deusas .choice:hover{border-color:var(--bronze);}
#deusas .choice:has(input:checked){border-color:var(--bronze-soft);background:rgba(198,154,92,0.12);}
#deusas .choice input{accent-color:#e3c692;width:18px;height:18px;flex:0 0 auto;}
#deusas .choice-body{flex:1;display:flex;flex-direction:column;gap:2px;}
#deusas .choice-body strong{color:var(--ivory);font-weight:600;font-size:15px;line-height:1.35;}
#deusas .choice-save{font-size:12.5px;color:var(--sage);}
#deusas .choice-badge{align-self:flex-start;font-family:'Space Mono', monospace;font-size:9.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;background:var(--bronze-soft);color:var(--wine-950);padding:2px 8px;border-radius:999px;margin-bottom:3px;}
#deusas .choice-price{font-family:'Cormorant Garamond', serif;font-size:24px;font-weight:600;color:var(--bronze-soft);white-space:nowrap;}

/* Sugestão de e-mail no cadastro */
#deusas .email-hint{margin:8px 0 0;font-size:13.5px;color:var(--ivory-dim);}
#deusas .email-hint button{background:none;border:none;padding:0;color:var(--bronze-soft);font:inherit;text-decoration:underline;cursor:pointer;}

/* Funil de vendas (admin) */
#deusas .funnel{display:flex;flex-direction:column;gap:10px;}
#deusas .funnel-row{display:grid;grid-template-columns:170px 1fr 60px 170px;align-items:center;gap:12px;font-size:14px;}
#deusas .funnel-label{color:var(--text);}
#deusas .funnel-bar{height:14px;background:rgba(244,236,223,0.06);border-radius:7px;overflow:hidden;}
#deusas .funnel-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--bronze),var(--bronze-soft));border-radius:7px;}
#deusas .funnel-num{text-align:right;font-family:'Space Mono', monospace;color:var(--ivory);}
#deusas .funnel-pct{font-size:12px;color:var(--ivory-dim);}
@media (max-width:640px){ #deusas .funnel-row{grid-template-columns:1fr 50px;} #deusas .funnel-bar{grid-column:1 / -1;order:3;} #deusas .funnel-pct{grid-column:1 / -1;order:4;} }

/* Abas do dashboard */
#deusas .subtabs{display:flex;gap:6px;margin:0 0 20px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;flex-wrap:wrap;}
#deusas .subtabs a{font-family:'Space Mono', monospace;font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;color:var(--ivory-dim);padding:10px 18px;border-radius:999px;white-space:nowrap;}
#deusas .subtabs a:hover{color:var(--ivory);}
#deusas .subtabs a.active{background:var(--bronze-soft);color:var(--wine-950);font-weight:700;}

/* Funil do teste (admin) */
#deusas .quiz-funnel{display:flex;flex-direction:column;gap:6px;}
#deusas .qf-row{display:grid;grid-template-columns:minmax(150px,260px) 1fr 52px 52px 110px;align-items:center;gap:10px;font-size:13.5px;padding:3px 6px;border-radius:6px;}
#deusas .qf-row.big-drop{background:rgba(212,150,150,0.10);outline:1px solid rgba(212,150,150,0.35);}
#deusas .qf-label{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#deusas .qf-bar{height:12px;background:rgba(244,236,223,0.06);border-radius:6px;overflow:hidden;}
#deusas .qf-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--bronze),var(--bronze-soft));}
#deusas .qf-num{text-align:right;font-family:'Space Mono', monospace;color:var(--ivory);}
#deusas .qf-pct{text-align:right;font-family:'Space Mono', monospace;font-size:12px;color:var(--ivory-dim);}
#deusas .qf-drop{font-family:'Space Mono', monospace;font-size:11.5px;color:var(--rose);}
@media (max-width:640px){ #deusas .qf-row{grid-template-columns:1fr 44px 44px;} #deusas .qf-bar{grid-column:1 / -1;order:5;} #deusas .qf-drop{grid-column:1 / -1;order:6;} }

/* Funil visual (admin) */
#deusas .funnel-viz{min-width:620px;--n:5;}
#deusas .fv-row{display:grid;grid-template-columns:repeat(var(--n),1fr);}
#deusas .fv-row > div{text-align:center;border-left:1px solid rgba(160,135,181,0.35);padding:0 6px;}
#deusas .fv-row > div:first-child{border-left:none;}
#deusas .fv-head > div{font-family:'Work Sans',sans-serif;font-weight:600;font-size:13.5px;color:var(--ivory-dim);padding-bottom:12px;}
#deusas .fv-body{position:relative;height:260px;}
#deusas .fv-body svg{position:absolute;inset:0;width:100%;height:100%;}
#deusas .fv-pcts{position:absolute;inset:0;}
#deusas .fv-pcts > div{display:flex;align-items:center;justify-content:center;}
#deusas .fv-pcts span{font-family:'Work Sans',sans-serif;font-weight:700;font-size:20px;color:#fff;text-shadow:0 1px 3px rgba(35,19,32,0.9), 0 0 12px rgba(35,19,32,0.6);}
#deusas .fv-foot > div{padding-top:12px;display:flex;flex-direction:column;gap:2px;}
#deusas .fv-foot strong{font-family:'Space Mono', monospace;font-size:15px;color:var(--ivory);}
#deusas .fv-foot small{font-size:11.5px;color:var(--ivory-dim);}
#deusas .kpis.money .kpi.highlight{border-color:rgba(198,154,92,0.6);background:linear-gradient(180deg, rgba(198,154,92,0.16), rgba(198,154,92,0.04));}
#deusas .kpis.money .kpi.highlight .value{color:var(--bronze-soft);}

/* Filtros (aba Testes) */
#deusas .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;}
#deusas .filters label, #deusas .period-custom label{display:flex;flex-direction:column;gap:6px;font-family:'Space Mono', monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ivory-dim);}
#deusas .filters select, #deusas .filters input, #deusas .period-custom input{
  width:100%;background:rgba(0,0,0,0.22);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ivory);
  font-family:'Work Sans', sans-serif;font-size:14px;padding:10px 12px;outline:none;color-scheme:dark;text-transform:none;letter-spacing:0;
}
#deusas .filters select:focus, #deusas .filters input:focus, #deusas .period-custom input:focus{border-color:var(--bronze);}
#deusas .filters-actions{display:flex;gap:8px;}
#deusas .pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:8px 0 24px;}

/* Filtro de período (dashboard) */
#deusas .period{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;}
#deusas .period a{font-family:'Space Mono', monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;
  color:var(--text);padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;transition:all 0.15s ease;}
#deusas .period a:hover{border-color:var(--bronze);color:var(--bronze-soft);}
#deusas .period a.active{background:var(--bronze-soft);border-color:var(--bronze-soft);color:var(--wine-950);font-weight:700;}
#deusas .period-custom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 10px;}
#deusas .period-custom label{flex:0 1 170px;}
#deusas .period-label{font-size:14px;color:var(--ivory-dim);margin:0 0 24px;}
#deusas .period-label strong{color:var(--ivory);}
#deusas .delta{font-family:'Space Mono', monospace;font-size:11px;}
#deusas .delta.up{color:var(--sage);}
#deusas .delta.down{color:var(--rose);}

@media (max-width:480px){
  #deusas .btn{letter-spacing:0.04em;padding:15px 20px;}
  #deusas .btn.sm{padding:10px 14px;}
  #deusas .swipe-hint{letter-spacing:0.04em;font-size:10.5px;}
  #deusas .wrap{padding:36px 16px 32px;}
  #deusas .card{padding:22px 18px;}
  #deusas .accordion-trigger{padding:18px 16px;}
  #deusas .accordion-panel-inner{padding:4px 16px 22px;}
}

@media print{
  #deusas, #deusas *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
  #deusas .no-print, #deusas .topbar, #deusas .reading-progress{display:none !important;}
}