.elementor-364 .elementor-element.elementor-element-29d5e2e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a59f250 *//* =====================
       Design Tokens (RSB)
       ===================== */
    :root{
      --brand-green:#35c270; /* primária */
      --brand-rose:#e84b66;  /* secundária */
      --ink-900:#0f172a;     /* títulos */
      --ink-800:#1f2937;
      --ink-700:#334155;     /* textos */
      --ink-500:#64748b;     /* apoio */
      --bg:#ffffff;          /* fundo */
      --bg-alt:#fafafa;      /* faixas */
      --radius:18px;
      --shadow-sm:0 1px 2px rgba(0,0,0,.04);
      --shadow-md:0 8px 24px rgba(0,0,0,.08);
      --shadow-lg:0 20px 40px rgba(0,0,0,.10);
      
      /* aliases/helpers */
  --brand-main: var(--brand-green);
  --brand-accent: var(--brand-rose);
  --on-brand: #ffffff;

  /* derivadas (para hover/tints/focus) */
  --brand-main-700: color-mix(in oklab, var(--brand-green), black 20%);
  --brand-main-50:  color-mix(in oklab, var(--brand-green), white 88%);

  /* overlay do modal */
  --overlay-scrim:   color-mix(in oklab, var(--ink-900), transparent 45%);
  --overlay-vignette: rgba(0,0,0,.35);
    }

/* fallbacks caso o navegador não suporte color-mix */
@supports not (color-mix(in oklab, white, black)) {
  :root{
    --brand-main-700: var(--brand-green);
    --brand-main-50:  var(--bg-alt);
    --overlay-scrim:  rgba(15,23,42,.55);
  }
}

    /* ============ Base ============ */
    html{scroll-behavior:smooth}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--ink-900);font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
    *{box-sizing:border-box}
    .container{max-width:1140px;margin:0 auto;padding: clamp(16px,4vw,28px);}    
    h1{font-size: clamp(28px,5.2vw,54px);line-height:1.1;margin:0 0 8px;font-weight:900}
    h2{font-size: clamp(22px,4vw,38px);line-height:1.2;margin:0 0 14px;font-weight:900}
    h3{font-size: clamp(18px,3vw,22px);line-height:1.25;margin:0 0 8px;font-weight:800}
    p{font-size: clamp(14px,2.6vw,18px);line-height:1.7;margin:0 0 12px;color:var(--ink-700)}
    .lead{font-size: clamp(16px,2.8vw,20px);color:var(--ink-700)}
    .muted{color:var(--ink-500)}
    section{padding: clamp(28px,7vw,72px) 0;border-bottom:1px solid #eee;scroll-margin-top:80px}

    /* Adicionando animações e micro-interações */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }
    
    @keyframes shimmer {
      0% { background-position: -200px 0; }
      100% { background-position: calc(200px + 100%) 0; }
    }
    
    .animate-in {
      animation: fadeInUp 0.6s ease-out forwards;
    }
    
    .pulse-animation {
      animation: pulse 2s infinite;
    }

    /* ======= Header Pro (sticky + shrink) ======= */
    .site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid rgba(0,0,0,.08);transition:all 0.3s ease}
    .nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}
    .brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand-green),var(--brand-rose));box-shadow:var(--shadow-sm)}
    .nav-cta{display:inline-block;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,var(--brand-green),var(--brand-rose));color:#fff;text-decoration:none;font-weight:800;box-shadow:0 10px 24px rgba(232,75,102,.18),0 4px 10px rgba(53,194,112,.18);transition:all 0.3s ease;position:relative;overflow:hidden}
    .nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(232,75,102,.25),0 8px 15px rgba(53,194,112,.25)}

    /* ======= HERO ======= */
    .hero{position:relative;overflow:hidden;border-radius: clamp(0px,1vw,22px);margin: clamp(10px,2vw,20px) 0;background: radial-gradient(1200px 600px at -5% -10%, rgba(53,194,112,.18), transparent 60%), radial-gradient(1200px 600px at 105% 110%, rgba(232,75,102,.18), transparent 60%), linear-gradient(90deg,#fefefe,#ffffff);}
    /*
     .hero-grid{display:grid;gap: clamp(16px,4vw,28px);grid-template-columns: 1.1fr .9fr;align-items:center;}
    */
    .hero h1{letter-spacing:.2px}
    .hero p{max-width:56ch}
    .badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
    .badge{background:#fff;border:1px solid #eaeaea;color:var(--ink-700);border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:var(--shadow-sm);transition:all 0.3s ease}
    .badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
    .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .btn{display:inline-block;padding:14px 22px;border-radius:14px;text-decoration:none;font-weight:800;transition:all 0.3s ease;position:relative;overflow:hidden}
    .btn-primary{background: linear-gradient(90deg,var(--brand-green),var(--brand-rose));color:#fff;box-shadow:0 10px 24px rgba(232,75,102,.18),0 4px 10px rgba(53,194,112,.18)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(232,75,102,.25),0 8px 15px rgba(53,194,112,.25)}
    .btn-outline{border:2px solid #eaeaea;color:var(--ink-900);background:#fff}
    .btn-outline:hover{border-color:var(--brand-green);background:rgba(53,194,112,.05)}
    .video{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;transition:all 0.3s ease}
    .video:hover{transform:translateY(-4px);box-shadow:0 25px 50px rgba(0,0,0,.15)}
    .video iframe{position:absolute;inset:0;width:100%;height:100%}
    /* HERO com áreas: head em largura total, left+right abaixo */
    .hero-grid{
      display:grid;
      gap: clamp(16px,4vw,28px);
      grid-template-columns: 1.1fr .9fr;
      grid-template-areas:
        "head head"
        "left right";
      align-items:center;
    }

    /* Cabeçalho do hero ocupa largura total e centraliza */
    .hero-head{
      grid-area: head;
      text-align: center;
      max-width: 900px;      /* ajuste fino do comprimento do texto */
      margin: 0 auto;
    }

    /* Colunas do conteúdo */
    .hero-left{ grid-area: left; }
    .hero-right{ grid-area: right; }

    /* Mobile: tudo empilhado */
    @media (max-width: 900px){
      .hero-grid{
        grid-template-columns: 1fr;
        grid-template-areas:
          "head"
          "left"
          "right";
      }
      .hero-head{ text-align:left; margin:0; }
    }


    /* Adicionando elemento de urgência */
    .urgency-bar{background:linear-gradient(90deg,#ff6b6b,#ee5a24);color:#fff;text-align:center;padding:8px;font-size:14px;font-weight:700;animation:pulse 2s infinite}
    .urgency-bar .blink{animation:pulse 1s infinite}
    
    /* === Teasers essenciais (Hero) === */
    .aula-keys{
      margin:14px auto 0;
      text-align:left;
      background:#fff;
      border:1px solid #eee;
      border-radius:14px;
      padding:14px;
      box-shadow:var(--shadow-sm);
    }
    .aula-keys h4{
      margin:0 0 10px;
      font-size:16px;
      color:var(--ink-700);
      font-weight:800;
    }
    .aula-keys ul{
      list-style:none;
      padding:0;margin:0;
      display:grid;
      grid-template-columns:repeat(2,minmax(260px,1fr));
      gap:10px 18px;
    }
    .aula-keys li{
      display:flex; gap:10px; align-items:flex-start;
      color:var(--ink-700);
    }
    .aula-keys li .dot{
      width:10px;height:10px;border-radius:50%;
      margin-top:6px;
      background:linear-gradient(135deg,var(--brand-green),var(--brand-rose));
      flex:0 0 10px;
    }
    .aula-keys li b{ color:var(--ink-900); }
    .watch-now{
      display:inline-flex;align-items:center;gap:8px;
      margin-top:12px;font-weight:800;
      border:2px solid #eaeaea;border-radius:12px;padding:10px 14px;
      text-decoration:none;color:var(--ink-900);background:#fff;
    }
    .watch-now:hover{border-color:var(--brand-green);background:rgba(53,194,112,.05)}
    @media (max-width:900px){ .aula-keys ul{ grid-template-columns:1fr; } }


    /* ======= DOR / IDENTIFICAÇÃO ======= */
    .pill-title{display:inline-flex;gap:8px;align-items:center;background:linear-gradient(90deg,#35c2701a,#e84b661a);border-radius:999px;padding:8px 12px;font-weight:800;color:var(--ink-700);border:1px solid #eee}
    .grid{display:grid;gap:16px;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));}
    .card{background:#fff;border-radius:14px;border:1px solid #eee;padding:16px;box-shadow:var(--shadow-sm);color:var(--ink-700);font-weight:500;transition:all 0.3s ease}
    .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
    .card--accent{border-left:4px solid var(--brand-rose)}

    /* ======= MÉTODO ======= */
    .feature{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
    .box{border:1px solid #eee;border-radius:16px;padding:18px;box-shadow:var(--shadow-sm);transition:all 0.3s ease}
    .box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
    .icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand-green),var(--brand-rose));box-shadow:var(--shadow-sm)}
    .stack{display:grid;gap:10px;margin:10px 0 0}
    .stack li{margin:0;color:var(--ink-700)}
    .icon-escudo, .icon-vfa {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;
      height:28px;
      margin-right:8px;
    }

      .porque { margin-top:28px }
      .porque-sub {
        color: var(--ink-700);
        font-weight: 800;
        margin: 6px 0 14px;
        text-align: center;
      }
      .porque-text {
        display: grid;
        gap: 12px;
        color: var(--ink-800);
        text-align: justify;
      }
      .porque-callout{
        margin-top:14px;
        padding:12px 14px;
        border-radius:12px;
        border:1px solid #e8f5ed;
        background:linear-gradient(180deg,#f5fff9,#f9fffb);
        font-weight:700;
        color:var(--ink-900);
        text-align: left;
      }
      .porque-next{
        display:inline-flex; align-items:center; gap:8px;
        margin-top:12px;
        color:var(--brand-green); font-weight:800; text-decoration:none;
      }
      .porque-next svg{ width:16px; height:16px; display:block }
      @media (max-width:900px){
        .porque-sub{ margin-bottom:12px }
      }

    
    /* === Comparativo: Tradicional × RSB === */
    .compare{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:22px;
      margin-top:16px;
    }
    .compare-card{
      background:#fff;
      border:2px solid #eee;
      border-radius:18px;
      padding:20px;
      box-shadow:var(--shadow-sm);
    }
    .compare-card h3{margin:0 0 10px;font-weight:900}
    .compare-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
    .compare-list li{display:flex;align-items:flex-start;gap:8px;line-height:1.5}
    .compare-list li span{font-weight:700;font-size:16px}

    .compare--old{border-color:#fecaca}
    .compare--old h3{color:#dc2626}
    .compare--old li span{color:#dc2626}

    .compare--rsb{border-color:#bbf7d0;box-shadow:0 0 0 1px rgba(16,185,129,.15),0 16px 32px rgba(16,185,129,.12)}
    .compare--rsb h3{color:#059669}
    .compare--rsb li span{color:#059669}


    /* ======= COMO FUNCIONA (Timeline) ======= */
    .timeline{display:grid;gap:18px;grid-template-columns:1fr}
    .step{position:relative;border:1px solid #eee;border-radius:14px;padding:16px 16px 16px 46px;box-shadow:var(--shadow-sm);transition:all 0.3s ease}
    .step:hover{transform:translateX(5px);box-shadow:var(--shadow-md)}
    .step:before{content:"";position:absolute;left:16px;top:16px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--brand-green),var(--brand-rose))}
    .step:after{content:"";position:absolute;left:23px;top:32px;bottom: -18px;width:2px;background:linear-gradient(var(--brand-green),var(--brand-rose));opacity:.25}
    .step:last-child:after{display:none}

    /* ======= PARA QUEM É / NÃO É ======= */
    .forwho{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
    .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #eaeaea;border-radius:999px;padding:6px 10px;background:#fff;box-shadow:var(--shadow-sm);margin:6px 6px 0 0;transition:all 0.3s ease}
    .chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
    .forwho-contrast{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:20px;
      margin-top:16px;
    }
    .forwho-card{
      border-radius:16px;
      padding:18px;
      box-shadow:var(--shadow-sm);
    }
    .forwho-card h3{margin:0 0 10px;font-weight:900}
    .forwho-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
    .forwho-list li{display:flex;align-items:center;gap:8px;font-size:15px}

    .forwho--yes{
      border:2px solid #bbf7d0;
      background:#f0fdf4;
    }
    .forwho--yes h3{color:#059669}
    .forwho--yes li span{color:#059669;font-weight:700}

    .forwho--no{
      border:2px solid #fecaca;
      background:#fef2f2;
    }
    .forwho--no h3{color:#dc2626}
    .forwho--no li span{color:#dc2626;font-weight:700}


    /* ======= O QUE RECEBE / STACK ======= */
    .columns{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
    /* ======= Recebe (visual refinado) ======= */
    .benefits{display:grid;gap:12px}
    .benefit{
      display:flex;align-items:flex-start;gap:10px;
      padding:10px 12px;border:1px solid #eef0f2;border-radius:12px;background:#fff;
    }
    .benefit b{color:var(--ink-900)}
    .benefit .ico{flex:0 0 24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
    .benefit{
      display:flex; align-items:flex-start; gap:10px;
      padding:10px 12px; border:1px solid #eef0f2; border-radius:12px; background:#fff;
    }
    .benefit .ico{flex:0 0 24px; height:24px; display:inline-flex; align-items:center; justify-content:center}
    .benefit .ico svg{width:24px; height:24px; display:block; fill:none; stroke:url(#rsb-grad); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
    .benefit > div{flex:1; min-width:0}


    .guarantee-callout{
      margin-top:14px;padding:14px 16px;border-radius:14px;
      background:linear-gradient(135deg,#ecfdf5,#f0fff9);
      border:1px solid #bbf7d0;box-shadow:var(--shadow-sm)
    }
    .guarantee-callout b{color:#065f46}

    
    /* SVGs herdarem cor do gradiente via stroke */
    svg[data-rsb]{stroke-width:2;fill:none;stroke:url(#rsb-grad)}

    .checklist{list-style:none;padding:0;margin:0}
    .checklist li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--ink-700);transition:all 0.3s ease}
    .checklist li:hover{transform:translateX(5px)}
    .checklist li:before{content:"";width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#d1fae5;box-shadow:inset 0 0 0 6px var(--brand-green);margin-top:4px}
    .mock{min-height:220px;border-radius:16px;border:1px dashed #e3e3e3;background:linear-gradient(90deg,#ffffff,#fcfcfc);display:flex;align-items:center;justify-content:center;color:var(--ink-500)}
    /* ======= PROVA SOCIAL (masonry) ======= */
    .proof-wall{
      columns: 4 260px;            /* até 4 colunas, min 260px cada */
      column-gap: 16px;
      margin-top: 18px;
    }
    .proof-card{
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
      display: block;
      margin: 0 0 16px;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(0,0,0,.08);
      border: 1px solid #eceff3;
      overflow: hidden;
      transition: transform .15s ease, box-shadow .15s ease;
    }
    .proof-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,.12); }
    .proof-card img{ width: 100%; height: auto; display: block; }
    .proof-cap{ padding: 10px 12px; font-size: 13px; color: var(--ink-500); border-top: 1px solid #f1f3f6; }

    /* responsivo */
    @media (max-width: 900px){ .proof-wall{ columns: 3 220px; } }
    @media (max-width: 640px){ .proof-wall{ columns: 2 180px; } }
    @media (max-width: 420px){ .proof-wall{ columns: 1 100%; } }



    /* ======= SOBRE A LUANA ======= */
    .about{
      display:grid;
      gap:24px;
      grid-template-columns:1fr 1fr;
      align-items:start;
    }
    @media(max-width:800px){
      .about{ grid-template-columns:1fr; }
    }

      .bio-list li{
        position:relative;
        display:flex;
        flex-direction:column; /* empilha rótulo e conteúdo */
        gap:6px;
        padding:12px 14px;
        border:1px solid #edf1f5;
        border-radius:12px;
        background:#fff;
      }

      .bio-list li strong{
        display:flex;
        align-items:center;
        gap:6px;
      }

      .bio-list li strong::before{
        content:"";
        width:8px; height:8px;
        border-radius:50%;
        background:linear-gradient(135deg,var(--brand-green),var(--brand-rose));
      }

      .bio-list li span{
        color:var(--ink-700);
        line-height:1.5;
      }

      .bio-list .links{
        display:flex;
        flex-wrap:wrap;
        gap:8px 12px;
        margin-top:4px;
      }
      .bio-list .links a{
        color:var(--brand-green);
        font-weight:600;
        text-decoration:none;
      }
      .bio-list .links a:hover{ text-decoration:underline; }




    /* ======= OFERTA ======= */
    .pricing{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
    .price-card{border:2px solid var(--brand-green);border-radius:18px;padding:22px;box-shadow:var(--shadow-lg);position:relative;background:#fff;transition:all 0.3s ease}
    .price-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px rgba(53,194,112,.15)}
    .price-card::before{content:"OFERTA ESPECIAL";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--brand-green),var(--brand-rose));color:#fff;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:800}
    .price{font-size: clamp(24px,5vw,36px);font-weight:900;margin:6px 0;color:var(--brand-green)}
    .price-old{text-decoration:line-through;color:var(--ink-500);font-size:18px;margin-right:8px}
    .micro{font-size:13px;color:var(--ink-500)}

    /* Adicionando contador de tempo */
    .countdown{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:16px;border-radius:12px;text-align:center;margin:16px 0}
    .countdown-timer{display:flex;justify-content:center;gap:16px;margin-top:8px}
    .countdown-item{text-align:center}
    .countdown-number{font-size:24px;font-weight:900;display:block}
    .countdown-label{font-size:12px;opacity:0.9}

    /* Melhorando testimonials */
    .testimonial{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);border-left:4px solid var(--brand-green);transition:all 0.3s ease}
    .testimonial:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
    .testimonial-text{font-style:italic;margin-bottom:12px;color:var(--ink-700)}
    .testimonial-author{font-weight:700;color:var(--brand-green)}
    
    /* === CTA Final destacado === */
    .cta-band{
      position:relative;
      margin:24px 0;
      padding:28px 20px;
      border-radius:20px;
      border:1px solid #e8eaef;
      background:linear-gradient(180deg,#f7fafc, #edf2f7);
      box-shadow:0 10px 30px rgba(20,23,28,.06);
      text-align:center;
    }
    .cta-band::before{ /* halo sutil ao redor */
      content:""; position:absolute; inset:-2px;
      border-radius:22px;
      background:linear-gradient(135deg,rgba(53,194,112,.25),rgba(232,75,102,.25));
      z-index:-1; filter:blur(16px); opacity:.55;
    }
    .cta-badge{
      display:inline-block; font-weight:800; font-size:12px; letter-spacing:.4px;
      color:#0f172a; padding:6px 10px; border-radius:999px;
      background:linear-gradient(135deg,#bbf7d0,#fecaca);
      border:1px solid #e6e6e6; box-shadow:var(--shadow-sm);
      margin-bottom:10px;
    }
    .cta-band h2{ margin:6px 0 6px; }
    .cta-sub{ margin:0 auto 14px; max-width:680px; color:var(--ink-600); }

    .btn-hero{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:16px 28px; font-weight:900; font-size:18px; border-radius:14px;
      color:#fff; background:linear-gradient(135deg,var(--brand-green),var(--brand-rose));
      box-shadow:0 14px 30px rgba(232,75,102,.25), 0 8px 18px rgba(53,194,112,.18);
      border:none;
    }
    .btn-hero:hover{ transform:translateY(-1px); filter:saturate(1.05); }
    .btn-hero .arrow{ width:18px; height:18px; border:2px solid #fff; border-left:0; border-top:0; transform:rotate(-45deg); }

    .cta-micro{
      margin-top:10px; color:var(--ink-500); display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
    }
      .cta-micro .item{
        display:inline-flex;
        align-items:center;
        gap:6px;
        font-size:14px;
        line-height:1.4;
      }

      .cta-micro .item svg{
        width:16px;
        height:16px;
        flex-shrink:0;
        display:block;
      }

.cta-trigger {
  color: #fff !important;             /* força texto branco */
  font-weight: 700;
}


    /* ======= FAQ ======= */
    details{border:1px solid #eee;border-radius:12px;padding:12px 14px;background:#fff;transition:all 0.3s ease}
    details:hover{box-shadow:var(--shadow-sm)}
    details+details{margin-top:10px}
    summary{cursor:pointer;font-weight:800;color:var(--ink-900);position:relative;padding-right:20px}
    summary::after{content:"▼";position:absolute;right:0;transition:transform 0.3s ease}
    details[open] summary::after{transform:rotate(180deg)}
    details p{margin:8px 0 0;color:var(--ink-700)}

    /* ======= CTA  ======= */
    .cta-bar{position:sticky;bottom:0;z-index:35;margin:0;padding:12px;border-top:1px solid #eee;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);display:flex;gap:12px;justify-content:center;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,.08)}


    /* ======= Modal Form ======= */
    .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
    .modal.active{display:flex}
    .modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;position:relative;box-shadow:var(--shadow-lg)}
    .modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--ink-500);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}
    .modal-close:hover{background:var(--bg-alt);color:var(--ink-900)}
    .form-group{margin-bottom:20px}
    .form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ink-900)}
    .form-input{width:100%;padding:12px 16px;border:2px solid #eaeaea;border-radius:12px;font-size:16px;transition:all 0.3s ease}
    .form-input:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(53,194,112,0.1)}
    .form-submit{width:100%;padding:16px;background:linear-gradient(90deg,var(--brand-green),var(--brand-rose));color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer;transition:all 0.3s ease}
    .form-submit:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(232,75,102,.25),0 8px 15px rgba(53,194,112,.25)}

    /* ======= Media ======= */
    @media (max-width:1000px){.about{grid-template-columns:1fr}}
    @media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
    @media (max-width:600px){.countdown-timer{gap:8px}.countdown-number{font-size:20px}}
    

  /* ===============================
     Tema RSB para formulário Brevo
     (override seguro, só dentro #sib-container)
     =============================== */

  :root{
    --rsb-ink-900:#0c1724;
    --rsb-ink-800:#1b2634;
    --rsb-ink-600:#5a6a7d;
    --rsb-line:#e7edf4;
    --rsb-bg:#0b0f1a; /* fundo do modal/section escuro */
    --rsb-white:#fff;
    --rsb-radius:14px;
    --rsb-focus: 0 0 0 3px rgba(64, 224, 140, .25);
  }

  /* container geral (você pode aplicar em um modal/section) */
  .rsb-modal-like{
    background: var(--rsb-bg);
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
  }
  
  
  
 /* ======= BREVO FORMULARIO ======= */
 @font-face {
    font-display: block;
    font-family: Roboto;
    src: url(../../fonts/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(../../fonts/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(../../fonts/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(../../fonts/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(../../fonts/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(../../fonts/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
  }

  #sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
  }

  #sib-container textarea::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
  }

  #sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
  }


/* >>> CSS DO MODAL */
#leadModal{
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
  padding: 24px;
  background:
    radial-gradient(60% 60% at 50% 20%, var(--overlay-vignette), transparent 70%),
    var(--overlay-scrim);
  backdrop-filter: blur(6px);
}
#leadModal.active{ display: flex; }

/* cartão */
#leadModal .modal__panel{
  width: min(720px, 100%);
  background: var(--bg);
  color: var(--ink-900);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(15,23,42,.06);
  overflow: clip;
}

/* topo com cor da marca */
#leadModal .modal__header{
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px;
  color: var(--on-brand);
  background: linear-gradient(90deg,
              var(--brand-main),
              color-mix(in oklab, var(--brand-main), white 16%));
}
@supports not (color-mix(in oklab, white, black)){
  #leadModal .modal__header{ background: var(--brand-main); }
}

/* botão fechar */
#leadModal #closeModal{
  margin-left: auto;
  appearance: none; border: 0; background: transparent;
  color: var(--on-brand);
  font-size: 22px; line-height: 1;
  cursor: pointer; opacity: .9;
}
#leadModal #closeModal:hover{ opacity: 1; transform: scale(1.06); }

/* conteúdo */
#leadModal .modal__body{ padding: 20px; background: var(--bg); }
#leadModal .modal__eyebrow{
  font-size: 12px; text-transform: uppercase; letter-spacing: .08em; opacity: .9;
}
#leadModal .modal__title{
  margin: 2px 0 10px; font-weight: 800;
  font-size: clamp(20px, 3vw, 24px); color: var(--ink-900);
}
#leadModal .modal__sub{ margin: 0 0 14px; color: var(--ink-700); }

/* campos do Brevo dentro do modal */
#leadModal #sib-form input,
#leadModal #sib-form select,
#leadModal #sib-form textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.12);
  background: var(--bg-alt);
  color: var(--ink-900);
  border-radius: calc(var(--radius) - 8px);
  padding: 12px 14px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#leadModal #sib-form ::placeholder{ color: var(--ink-500); }

/* focus com cor da marca (acessível) */
#leadModal #sib-form :is(input,select,textarea):focus-visible{
  outline: 0;
  border-color: var(--brand-main);
  box-shadow:
    0 0 0 3px color-mix(in oklab, var(--brand-main), white 60%),
    0 0 0 6px color-mix(in oklab, var(--brand-main), transparent 85%);
}
@supports not (color-mix(in oklab, white, black)){
  #leadModal #sib-form :is(input,select,textarea):focus-visible{
    box-shadow: 0 0 0 3px rgba(53,194,112,.28);
  }
}

/* CTA principal */
#leadModal .btn-primary{
  appearance: none; border: 0; cursor: pointer; user-select: none;
  width: 100%;
  padding: 14px 18px;
  border-radius: calc(var(--radius) - 6px);
  font-weight: 800;
  color: var(--on-brand);
  background: var(--brand-main);
  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease, background .2s ease;
  box-shadow: 0 10px 24px color-mix(in oklab, var(--brand-main), transparent 70%);
}
#leadModal .btn-primary:hover{ background: var(--brand-main-700); filter: saturate(108%); }
#leadModal .btn-primary:active{ transform: translateY(1px); }

/* badge de reforço */
#leadModal .badge{
  display: inline-block;
  background: var(--brand-main-50);
  color: color-mix(in oklab, var(--brand-main), black 25%);
  padding: 6px 10px; border-radius: 999px; font-weight: 700; font-size: 12px;
}

/* responsivo e motion-safe */
@media (max-width: 520px){
  #leadModal{ padding: 12px; }
  #leadModal .modal__body{ padding: 16px; }
}
@media (prefers-reduced-motion: reduce){
  #leadModal *{ transition: none !important; animation: none !important; }
}



/* Controle de CTAs para visualização mobile e desktop */
.only-mobile { display: none; }
@media (max-width: 768px){
  .only-desktop { display: none; }     
  .only-mobile { display: block; }
  .cta-inline{
    margin: 16px 0 8px;
    padding: 12px;
    background: #0f131a0d; /* leve “card” */
    border: 1px solid #0f131a1a;
    border-radius: 12px;
    text-align: center;
  }
  .cta-inline .btn{
    width: 100%;
  }
  /* Esconde a barra fixa no mobile para reduzir pressão */
  .cta-bar{ display:none; }
}/* End custom CSS */