/* Design tokens + componentes — espelhados 1:1 do site original */
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
img,video,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit;margin:0}
button{background:none;cursor:pointer}
a{color:inherit}

:root{--cream:#FBF9F6;--porcelain:#FEFDFB;--charcoal:#2C1A0E;--dark:#1A0F08;--gold:#BFA265;--gold-light:#D4B87A;--gold-dark:#A88B50;--navy:#3C2415;--terracotta:#5A3A28;--bg-soft:#F4EFE6;--border-soft:rgba(60,36,21,.08);--border:rgba(60,36,21,.16);--border-hsl:22 30% 84%;--text-secondary:#6b5f54;--text-tertiary:#9c8e80;--shadow-sm:0 1px 2px rgba(60,36,21,.06);--shadow-md:0 4px 16px rgba(60,36,21,.08);--shadow-lg:0 12px 40px rgba(60,36,21,.12);--shadow-gold:0 4px 20px rgba(191,162,101,.4);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}

body{background-color:var(--cream);color:var(--charcoal);font-family:Inter,sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3{font-family:"Playfair Display",serif;color:var(--dark)}
em.italic{color:var(--terracotta);font-style:italic}
.italic{font-style:italic}
.container-brand{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section-bg-white{background:#fff}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark);font-weight:600;margin-bottom:14px;font-family:Inter,sans-serif}
.heading-h1{font-family:"Playfair Display",serif;font-size:clamp(36px,6vw,60px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--dark)}
.heading-h2{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--dark)}
.subtitle{font-size:17px;color:var(--text-secondary);line-height:1.55;font-family:Inter,sans-serif}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Inter,sans-serif;text-decoration:none}
.btn:disabled{opacity:.7;cursor:wait}
.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--charcoal);padding:10px 20px;border-radius:999px;font-size:13px;font-weight:500}
.btn-outline:hover{border-color:var(--charcoal)}
.btn-divine{background:linear-gradient(to right,var(--gold),var(--gold-light),var(--gold));color:var(--dark);border:1px solid var(--gold-dark);box-shadow:var(--shadow-gold);padding:14px 32px;border-radius:999px;font-size:14px;font-weight:600}
.btn-divine:hover{transform:translateY(-1px);box-shadow:0 6px 28px #bfa2658c}
.btn-divine-large{padding:14px 32px;font-size:14px}
.btn-divine-huge{padding:18px 40px;font-size:16px;text-transform:uppercase;letter-spacing:.04em}
.btn-ghost{background:transparent;border:none;color:var(--charcoal);padding:10px 20px;border-radius:999px;font-size:13px;font-weight:500}
.btn-ghost:hover{background:var(--bg-soft)}
.hidden-mobile{display:flex!important}
.show-mobile{display:none!important}
.card-brand{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:24px;transition:all .2s ease}
.card-brand:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.logo-grad{background:linear-gradient(to right,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.field{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:15px;background:#fff;color:var(--charcoal);font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s}
.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(191,162,101,.18)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{opacity:.5}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media(max-width:1024px){.container-brand{max-width:100%!important}}
@media(max-width:760px){
  .hidden-mobile{display:none!important}.show-mobile{display:flex!important}
  .section{padding:48px 0!important}.container-brand{padding:0 18px!important}
  .plans-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important;text-align:center!important}
  .btn{min-height:44px}
  .btn-divine,.btn-divine-large,.btn-divine-huge{padding:14px 24px!important;font-size:14px!important;width:100%;max-width:360px}
  .card-brand{padding:18px!important}
  body{font-size:15px}html,body{overflow-x:hidden;max-width:100vw}
  .plan-card{transform:none!important;padding:24px 20px!important}
  .heading-h1{font-size:clamp(28px,8vw,36px)!important}.heading-h2{font-size:clamp(22px,6vw,30px)!important}.subtitle{font-size:15px!important}
}

/* Grade de mídia do quiz */
.quiz-media-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.quiz-media-item{flex:0 1 calc((100% - 24px) / 3);min-width:0}
.quiz-media-grid--duo .quiz-media-item{flex-basis:min(180px,calc((100% - 12px)/2))}
.quiz-media-choice{display:block;position:relative;width:100%;padding:0;border:2px solid transparent;border-radius:14px;background:#f4efe6;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 1px 4px #3c241514;transition:border-color .15s,transform .15s,box-shadow .15s}
.quiz-media-choice:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3c241524}
.quiz-media-choice[aria-pressed=true]{border-color:var(--gold-dark);box-shadow:0 0 0 3px #bfa26538}
.quiz-media-choice img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}
.quiz-media-shade{position:absolute;top:32%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#1a0f08c2);pointer-events:none}
.quiz-media-label{position:absolute;left:11px;right:24px;bottom:11px;color:#fff;font-size:13px;font-weight:700;line-height:1.25;text-shadow:0 1px 4px #23140b}
.quiz-media-check{display:none;position:absolute;top:9px;right:9px;width:23px;height:23px;border-radius:50%;align-items:center;justify-content:center;color:var(--dark);background:var(--gold-light);font-size:14px;font-weight:800}
.quiz-media-choice[aria-pressed=true] .quiz-media-check{display:flex}
.quiz-sample-button{width:100%;margin-top:7px;padding:8px;border:1px solid hsl(var(--border-hsl));border-radius:999px;background:#fff;color:var(--navy);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}
.quiz-sample-button:hover,.quiz-sample-button[aria-pressed=true]{border-color:var(--gold-dark);background:#f9f4e9}
.quiz-sample-note{margin:16px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}
@media(max-width:600px){.quiz-media-grid{gap:10px}.quiz-media-item,.quiz-media-grid--duo .quiz-media-item{flex-basis:calc((100% - 10px)/2)}.quiz-media-choice img{aspect-ratio:1.1}.quiz-media-label{font-size:12px}.quiz-sample-button{padding:8px 4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.quiz-media-choice{transition:none}}

/* Botão flutuante de suporte */
.wa-floating-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.4);z-index:9999;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.wa-floating-btn:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.55)}
.wa-floating-btn.mail{background:linear-gradient(135deg,var(--gold),var(--gold-dark));box-shadow:var(--shadow-gold)}
.wa-menu{position:fixed;bottom:92px;right:24px;z-index:9998;display:flex;flex-direction:column;gap:10px;animation:wa-menu-in .18s ease}
@keyframes wa-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wa-menu-item{background:#fff;color:var(--charcoal);border:1px solid var(--border-soft);border-radius:999px;padding:13px 20px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;box-shadow:0 6px 20px rgba(60,36,21,.16);cursor:pointer;text-decoration:none;white-space:nowrap;text-align:left;transition:transform .15s ease,box-shadow .15s ease}
.wa-menu-item:hover{transform:translateX(-2px);box-shadow:0 8px 26px rgba(60,36,21,.22)}
@media(max-width:760px){.wa-floating-btn{bottom:18px;right:18px;width:52px;height:52px}.wa-menu{bottom:82px;right:18px}}