/* =====================================================================
   RAMA STUDIO — Identidade visual aplicada
   Tipografia: Archivo (títulos e texto)
   Paleta:  #3F3A35 dark  ·  #7E5847 marrom  ·  #D29672 caramelo
            #DDD2C6 creme  ·  #F7F2EB papel
   ===================================================================== */
:root{
  /* cores da marca */
  --dark:#3F3A35;        /* marrom-carvão: textos, seções escuras */
  --dark-2:#2F2B27;      /* variação mais profunda */
  --brown:#7E5847;       /* marrom médio: acento */
  --caramel:#D29672;     /* caramelo: destaque */
  --caramel-soft:#E3B79A;/* caramelo claro p/ detalhes sobre escuro */
  --cream:#DDD2C6;       /* greige da marca */
  --cream-2:#EADFD2;     /* creme claro p/ faixas */
  --paper:#F7F2EB;       /* fundo geral (off-white quente) */
  --white:#ffffff;

  --ink:#3F3A35;         /* texto principal */
  --ink-soft:#6E6459;    /* texto secundário (marrom acinzentado) */

  --grad:linear-gradient(135deg,#8A6047 0%,#3F3A35 100%);      /* botões / caixas escuras */
  --grad-warm:linear-gradient(135deg,#E3B79A 0%,#B77A56 100%); /* faixas quentes */

  --shadow:0 18px 50px rgba(63,58,53,.14);
  --shadow-soft:0 10px 30px rgba(63,58,53,.10);
  --radius:20px;

  --display:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --sans:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}
.center{text-align:center}

/* ---------- BOTÃO ---------- */
.btn{
  display:inline-block;
  background:var(--grad);
  color:#fff;
  font-family:var(--sans);
  font-weight:700;
  font-size:1.02rem;
  letter-spacing:1.2px;
  text-transform:uppercase;
  padding:19px 40px;
  border-radius:60px;
  box-shadow:0 12px 28px rgba(126,88,71,.35);
  transition:transform .2s ease, box-shadow .2s ease;
  border:none;cursor:pointer;
  text-align:center;
}
.btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(126,88,71,.45)}
.btn small{display:block;font-weight:500;font-size:.68rem;opacity:.85;letter-spacing:1.5px;margin-top:4px}
.pulse{animation:pulse 2.6s infinite}
@keyframes pulse{0%{box-shadow:0 12px 28px rgba(126,88,71,.30)}50%{box-shadow:0 12px 34px rgba(210,150,114,.60)}100%{box-shadow:0 12px 28px rgba(126,88,71,.30)}}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  background:
    radial-gradient(1100px 560px at 82% -10%, rgba(210,150,114,.30), transparent 60%),
    radial-gradient(900px 520px at -10% 25%, rgba(126,88,71,.34), transparent 58%),
    var(--dark);
  color:#f4ece2;
  padding:26px 0 96px;
  overflow:hidden;
}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0 48px}
.logo{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.3px;color:#f4ece2}
.logo span{color:var(--caramel);font-style:normal}
/* .nav .tag{font-size:.78rem;opacity:.85;color:#e6d8c8;border:1px solid rgba(227,183,154,.4);padding:7px 15px;border-radius:40px;letter-spacing:.5px} */
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
/* .badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(210,150,114,.14);color:var(--caramel-soft);
  border:1px solid rgba(210,150,114,.4);
  padding:8px 16px;border-radius:40px;font-weight:500;font-size:.82rem;margin-bottom:24px;letter-spacing:.4px;
} */
.hero h1{font-family:var(--display);font-size:clamp(2.3rem,5.2vw,3.7rem);line-height:1.06;font-weight:800;letter-spacing:-1.5px;color:#fbf5ee}
.hero h1 em{font-style:normal;font-weight:800;color:var(--caramel)}
.hero p.sub{font-size:1.15rem;color:#ddccbc;margin:24px 0 34px;max-width:545px;font-weight:400}
.hero-cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mini-proof{font-size:.9rem;color:#c9b8a6}
.mini-proof b{color:#fbf5ee;font-weight:600}
.hero-visual{position:relative}
.hero-card{
  background:var(--grad-warm);border-radius:26px;padding:5px;box-shadow:var(--shadow);
  transform:rotate(1.5deg);
}
.hero-card .inner{
  background:var(--dark-2);border-radius:22px;padding:34px 30px;
}
.hero-card h3{font-family:var(--display);font-size:1.2rem;color:#fbf5ee;margin-bottom:18px;font-weight:700}
.hero-card ul{list-style:none;display:grid;gap:13px}
.hero-card li{display:flex;gap:11px;align-items:flex-start;color:#e3d5c5;font-size:.98rem}
.hero-card li::before{content:"✦";color:var(--caramel);font-weight:700}
.float{
  position:absolute;background:#fbf5ee;color:var(--dark);border-radius:14px;padding:12px 16px;
  box-shadow:0 12px 30px rgba(0,0,0,.28);font-weight:700;font-size:.85rem;
}
.float.one{top:-30px;left:-16px}
.float.two{bottom:-18px;right:-12px;background:var(--caramel);color:#3a2b22}
.float small{display:block;font-weight:500;color:#8a7a6a;font-size:.72rem}
.float.two small{color:#3a2b22}

/* ---------- VÍDEO APRESENTAÇÃO ---------- */
section.block.video-sec{padding:76px 0 64px}
.video-head{margin-bottom:36px}
.video-frame{position:relative;max-width:860px;margin:0 auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--dark);border:1px solid rgba(126,88,71,.25)}
.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;cursor:pointer;
  background:radial-gradient(circle at 50% 38%, rgba(210,150,114,.42), transparent 62%),radial-gradient(circle at 50% 100%, rgba(126,88,71,.4), transparent 60%),var(--dark);color:#f4ece2}
.play-btn{width:86px;height:86px;border-radius:50%;background:var(--grad-warm);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(210,150,114,.45);transition:transform .2s}
.video-placeholder:hover .play-btn{transform:scale(1.08)}
.play-btn::before{content:"";border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #fff;margin-left:6px}
.video-placeholder strong{font-family:var(--display);font-size:1.2rem;font-weight:700}
.video-placeholder small{color:#d5c4b2;font-size:.85rem;max-width:380px;line-height:1.5}
.video-cta{margin-top:32px}

/* ---------- FAIXA PROVA ---------- */
.strip{background:var(--cream-2);color:var(--brown);padding:18px 0;font-size:.9rem;border-top:1px solid #ded1c1;border-bottom:1px solid #ded1c1}
.strip .wrap{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;align-items:center}
.strip b{color:var(--dark);font-weight:700}

/* ---------- SEÇÕES ---------- */
section.block{padding:92px 0}
.kicker{font-family:var(--sans);color:var(--brown);font-weight:600;letter-spacing:3.5px;text-transform:uppercase;font-size:.78rem}
h2.title{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;letter-spacing:-1px;margin:12px 0 16px;line-height:1.14}
.lead{color:var(--ink-soft);font-size:1.1rem;max-width:660px;font-weight:400}
.center .lead{margin-left:auto;margin-right:auto}

/* dor / transformação */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.pain,.gain{border-radius:var(--radius);padding:34px;box-shadow:var(--shadow-soft)}
.pain{background:var(--white);border:1px solid #e7dccd}
.gain{background:var(--grad);color:#f4ece2}
.pain h3,.gain h3{font-family:var(--display);font-size:1.35rem;margin-bottom:20px;font-weight:700}
.pain h3{color:var(--dark)}
.pain ul,.gain ul{list-style:none;display:grid;gap:14px}
.pain li,.gain li{display:flex;gap:12px;align-items:flex-start}
.pain li{color:var(--ink-soft)}
.pain li::before{content:"✕";color:#b98a6f;font-weight:700}
.gain li::before{content:"✓";color:var(--caramel);font-weight:700}

/* módulos */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px}
.card{background:var(--white);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-soft);transition:transform .22s, box-shadow .22s;border:1px solid #ece2d4}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .num{font-family:var(--display);display:inline-flex;width:50px;height:50px;border-radius:14px;background:var(--grad-warm);color:#fff;font-weight:800;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:18px}
.card h4{font-family:var(--display);font-size:1.2rem;margin-bottom:9px;font-weight:700;color:var(--dark)}
.card p{color:var(--ink-soft);font-size:.96rem}

/* para quem é */
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who .item{background:var(--white);border-radius:18px;padding:26px 22px;text-align:center;box-shadow:var(--shadow-soft);border:1px solid #ece2d4}
.who .emoji{font-size:2rem}
.who h4{font-family:var(--display);margin:12px 0 7px;font-size:1.08rem;font-weight:700;color:var(--dark)}
.who p{font-size:.88rem;color:var(--ink-soft)}

/* bônus */
.bonus-wrap{background:var(--dark);color:#f4ece2;border-radius:28px;padding:56px;margin-top:20px;box-shadow:var(--shadow);
  background-image:radial-gradient(600px 300px at 90% 0%, rgba(210,150,114,.16), transparent 60%);}
.bonus-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.bonus{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.055);border:1px solid rgba(227,183,154,.2);border-radius:16px;padding:22px}
.bonus .b-ic{font-size:1.6rem}
.bonus h4{font-family:var(--display);font-size:1.08rem;font-weight:700;color:#fbf5ee}
.bonus .val{color:var(--caramel);font-weight:700;font-size:.85rem;font-family:var(--sans)}
.bonus p{color:#cdbca9;font-size:.9rem}

/* depoimentos */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.quote{background:var(--white);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-soft);border:1px solid #ece2d4}
.stars{color:var(--caramel);letter-spacing:3px;margin-bottom:14px}
.quote p{font-family:var(--display);font-style:normal;font-size:1.05rem;color:var(--dark)}
.who-said{display:flex;align-items:center;gap:12px;margin-top:20px}
.avatar{font-family:var(--display);width:46px;height:46px;border-radius:50%;background:var(--grad-warm);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.who-said b{display:block;font-size:.95rem;color:var(--dark)}
.who-said span{font-size:.8rem;color:#9c8c7b}

/* oferta / preço */
.offer{background:linear-gradient(135deg,#7E5847 0%,#3F3A35 100%);padding:92px 0;
  background-image:radial-gradient(700px 360px at 50% -10%, rgba(210,150,114,.22), transparent 60%),linear-gradient(135deg,#7E5847 0%,#3F3A35 100%);}
.price-box{background:var(--white);max-width:560px;margin:0 auto;border-radius:26px;padding:48px 40px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.30)}
/* .price-box .old{color:#9c8c7b;text-decoration:line-through;font-size:1.15rem} */
.price-box .now{font-family:var(--display);font-size:3.4rem;font-weight:800;line-height:1;margin:8px 0 6px;color:var(--dark)}
.price-box .install{color:var(--brown);font-weight:700;font-size:1.4rem;margin-bottom:6px}
.price-box .cash{color:var(--ink-soft);font-size:.95rem;margin-bottom:26px}
.guarantee{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:28px;color:var(--ink-soft);font-size:.9rem;text-align:left}
.seal{flex:none;width:52px;height:52px;border-radius:50%;background:#f1e7da;border:2px solid var(--caramel);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.guarantee b{color:var(--dark)}
.safe{margin-top:18px;font-size:.82rem;color:#9c8c7b}

/* countdown */
.timer{display:flex;gap:10px;justify-content:center;margin:24px 0 4px}
.timer .u{background:rgba(0,0,0,.28);border:1px solid rgba(227,183,154,.3);color:#fbf5ee;border-radius:12px;padding:11px 15px;min-width:66px}
.timer .u b{font-family:var(--display);font-size:1.7rem;font-weight:800;display:block;line-height:1}
.timer .u span{font-size:.66rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.85}

/* faq */
details{background:var(--white);border-radius:16px;padding:4px 26px;margin-bottom:14px;box-shadow:var(--shadow-soft);border:1px solid #ece2d4}
summary{cursor:pointer;font-family:var(--display);font-weight:700;padding:20px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:var(--dark)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--caramel);font-size:1.7rem;font-weight:400}
details[open] summary::after{content:"–"}
details p{padding:0 0 22px;color:var(--ink-soft)}

/* footer */
footer{background:var(--dark-2);color:#c9b8a6;padding:60px 0 32px;text-align:center}
footer .logo{justify-content:center;margin-bottom:16px;color:#f4ece2}
footer p{font-size:.85rem;max-width:640px;margin:8px auto}
footer a{color:#f4ece2;text-decoration:underline}
.footer-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:.88rem}
.footer-links span{color:#7f7063}

/* páginas legais */
.legal-header{
  background:
    radial-gradient(800px 380px at 82% -20%,rgba(210,150,114,.28),transparent 60%),
    var(--dark);
  color:#f4ece2;
  padding:24px 0 62px;
}
.legal-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 52px}
.legal-back{color:#eadfd2;font-size:.9rem;border:1px solid rgba(227,183,154,.36);border-radius:40px;padding:9px 16px;transition:background .2s,border-color .2s}
.legal-back:hover{background:rgba(210,150,114,.12);border-color:var(--caramel)}
.legal-heading{max-width:780px}
.legal-heading .kicker{color:var(--caramel-soft)}
.legal-heading h1{font-family:var(--display);font-size:clamp(2.25rem,5vw,3.65rem);line-height:1.08;letter-spacing:-1.5px;margin:12px 0 18px;color:#fbf5ee}
.legal-heading p{color:#ddccbc;font-size:1.05rem;max-width:680px}
.legal-main{padding:64px 0 90px}
.legal-content{max-width:860px;margin:0 auto;background:var(--white);border:1px solid #e7dccd;border-radius:24px;padding:clamp(28px,5vw,58px);box-shadow:var(--shadow-soft)}
.legal-content section+section{border-top:1px solid #eadfd2;margin-top:34px;padding-top:34px}
.legal-content h2{font-family:var(--display);font-size:1.35rem;line-height:1.3;color:var(--dark);margin-bottom:12px}
.legal-content h3{font-family:var(--display);font-size:1.08rem;color:var(--dark);margin:24px 0 8px}
.legal-content p,.legal-content li{color:var(--ink-soft)}
.legal-content p+p{margin-top:14px}
.legal-content ul,.legal-content ol{padding-left:22px;margin-top:12px}
.legal-content li+li{margin-top:8px}
.legal-content a{color:var(--brown);text-decoration:underline}
.legal-updated{display:inline-block;margin-bottom:34px;padding:8px 13px;border-radius:30px;background:var(--cream-2);color:var(--brown)!important;font-size:.82rem;font-weight:600}
.legal-placeholder{border:1px dashed #c9aa95;border-radius:12px;background:#fbf8f3;padding:16px;color:#826e5f!important}

/* barra fixa mobile */
.sticky{position:fixed;bottom:0;left:0;right:0;background:var(--dark);padding:12px 16px;display:none;z-index:50;box-shadow:0 -8px 24px rgba(0,0,0,.32);align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(227,183,154,.25)}
.sticky .p b{color:#fbf5ee;font-weight:700;font-family:var(--display);font-size:1.15rem}
.sticky .p span{color:#cdbca9;font-size:.76rem;display:block}
.sticky .btn{padding:14px 22px;font-size:.9rem}

/* responsivo */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .two-col{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .who{grid-template-columns:1fr 1fr}
  .bonus-list{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
  section.block,.offer{padding:72px 0}
  section.block.video-sec{padding:60px 0 52px}
}
@media(max-width:620px){
  .cards{grid-template-columns:1fr}
  .bonus-wrap{padding:34px 22px}
  /* .nav .tag{display:none} */
  .sticky{display:flex}
  body{padding-bottom:92px}
  .hero-card{transform:none}
  .btn{padding:16px 22px;letter-spacing:.5px;font-size:.96rem}
  .btn small{letter-spacing:.8px}
  .price-box{padding:34px 24px}
  .price-box .now{font-size:clamp(2.2rem,9vw,3.4rem)}
  .sticky .p{min-width:0}
  .sticky .p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky .btn{flex-shrink:0;white-space:nowrap;padding:12px 16px;font-size:.8rem;letter-spacing:.4px}
  .legal-page{padding-bottom:0}
  .legal-header{padding-bottom:46px}
  .legal-nav{align-items:flex-start;padding-bottom:40px}
  .legal-back{font-size:.8rem;padding:7px 11px;text-align:center}
  .legal-main{padding:36px 0 56px}
}
@media(max-width:430px){
  .who{grid-template-columns:1fr}
}