/* Os 3 blocos <style> do <head> de nervolyn.com/about/,
   extraidos pelo montar.js. NAO editar a mao: o proximo montar sobrescreve. */

html { scroll-behavior: smooth; }
*,*::before,*::after { box-sizing: border-box; margin:0; padding:0; }

:root {
  --navy:       #1e1033;
  --navy-mid:   #2b1750;
  --navy-card:  #3a2265;
  --blue-deep:  #4c2e8f;
  --blue:       #6b3fa0;
  --blue-bright:#8b5cf6;
  --blue-light: #b794f4;
  --sky:        #f3ecfd;
  --gold:       #f5c518;
  --gold-soft:  #ffe168;
  --white:      #ffffff;
  --off-white:  #faf7ff;
  --light-blue: #ece0fb;
  --gray-light: #d7c8ec;
  --gray-mid:   #4a4e52;
  --green:      #00c87a;
  --red-soft:   #ff6b6b;
  --font-head:  'Barlow Condensed', sans-serif;
  --font-body:  'DM Sans', sans-serif;
  --font-ui:    'Space Grotesk', sans-serif;
}

body { font-family:var(--font-body); background:var(--white); color:var(--navy); font-size:16px; line-height:1.65; overflow-x:hidden; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

/* URGENCY BAR */
.urgency-bar {
  background:linear-gradient(90deg, #8b0000, #c0392b, #8b0000);
  text-align:center; padding:12px 20px;
  font-family:var(--font-head); font-size:1rem; font-weight:800;
  text-transform:uppercase; letter-spacing:1px; color:#fff;
  animation:urgblink 2.5s ease-in-out infinite;
}
@keyframes urgblink { 0%,100%{opacity:1;} 50%{opacity:0.88;} }

/* TOPBAR */
.topbar {
  background: linear-gradient(90deg, #1e1033 0%, #4c2e8f 45%, #1e1033 100%);
  text-align:center; padding:11px 20px;
  font-family:var(--font-ui); font-size:12.5px; font-weight:600;
  letter-spacing:0.6px; color:var(--blue-light);
  border-bottom: 1px solid rgba(139,92,246,0.25);
}
.topbar b { color:var(--gold); }

/* HERO */
.hero {
  background:
    radial-gradient(ellipse at 10% 80%, rgba(139,92,246,0.16) 0%, transparent 50%),
    radial-gradient(ellipse at 90% 20%, rgba(74,127,212,0.20) 0%, transparent 55%),
    linear-gradient(160deg, #1e1033 0%, #2b1750 50%, #190c28 100%);
  padding:60px 40px 50px;
  position:relative; overflow:hidden;
}
.wave-lines {
  position:absolute; inset:0; pointer-events:none; overflow:hidden; opacity:0.08;
}
.wave-lines svg { width:100%; height:100%; }
.hero-inner {
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:1fr 440px;
  gap:60px; align-items:center; position:relative; z-index:2;
}
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(139,92,246,0.16); border:1px solid rgba(139,92,246,0.42);
  border-radius:4px; padding:7px 16px;
  font-family:var(--font-ui); font-size:11px; font-weight:700; letter-spacing:2.5px;
  text-transform:uppercase; color:var(--blue-light); margin-bottom:18px;
}
.hero h1 {
  font-family:var(--font-head); font-size:clamp(2.8rem,5vw,4.9rem);
  font-weight:900; line-height:1.0; color:#fff; margin-bottom:20px;
  text-transform:uppercase; letter-spacing:-0.5px;
}
.hero h1 .hl { color:var(--blue-light); }
.hero h1 .hg { color:var(--gold); }
.hero-sub {
  font-size:1.05rem; color:rgba(255,255,255,0.72); line-height:1.8;
  max-width:520px; margin-bottom:28px;
}
.hero-sub strong { color:#fff; }
.hero-stats { display:flex; gap:28px; margin-bottom:32px; flex-wrap:wrap; }
.stat-item { text-align:center; }
.stat-num { font-family:var(--font-head); font-size:2.4rem; font-weight:900; color:var(--blue-light); line-height:1; }
.stat-label { font-size:0.7rem; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:0.8px; margin-top:3px; }
.stat-div { width:1px; background:rgba(139,92,246,0.25); align-self:stretch; }
.hero-checks { display:flex; flex-direction:column; gap:10px; margin-bottom:34px; }
.hchk { display:flex; align-items:center; gap:12px; font-size:0.97rem; color:rgba(255,255,255,0.88); font-weight:500; }
.hchk-dot {
  width:22px; height:22px; border-radius:50%;
  background:linear-gradient(135deg, var(--blue), var(--blue-bright));
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:12px; color:#fff; font-weight:900;
}

/* BTN */
.btn-buy {
  display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(135deg, var(--gold) 0%, #e67e00 100%);
  color:var(--navy); padding:18px 44px; border-radius:6px;
  font-family:var(--font-head); font-size:1.3rem; font-weight:900;
  letter-spacing:1px; border:none; cursor:pointer; text-transform:uppercase;
  transition:transform .2s, box-shadow .2s;
  box-shadow: 0 8px 30px rgba(245,197,24,0.4);
  animation:btnpulse 3s ease-in-out infinite;
}
@keyframes btnpulse {
  0%,100% { box-shadow:0 8px 30px rgba(245,197,24,0.4); }
  50%      { box-shadow:0 14px 50px rgba(230,126,0,0.6); }
}
.btn-buy:hover { transform:scale(1.04) translateY(-2px); color:var(--navy); }
.btn-sub { display:block; margin-top:10px; font-size:0.78rem; color:rgba(255,255,255,0.35); }

/* HERO VISUAL */
.hero-visual { position:relative; display:flex; justify-content:center; align-items:center; }
.glow-ring {
  position:absolute; width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle, rgba(139,92,246,0.20) 0%, rgba(74,127,212,0.12) 45%, transparent 75%);
  animation:glowPulse 4s ease-in-out infinite;
}

.animation-01{
            animation: pulse 3s infinite;
        }

        @keyframes pulse {
            0%,
            100% {
                transform: scale(.9);
            }

            50% {
                transform: scale(1);
            }
        }

        @-webkit-keyframes pulse {
            0%,
            100% {
                -webkit-transform: scale(.95);
            }

            50% {
                -webkit-transform: scale(1);
            }
        }

/* TRUST BAR */
.trust-bar {
  background:var(--navy-mid);
  border-top:1px solid rgba(139,92,246,0.18);
  border-bottom:1px solid rgba(139,92,246,0.18);
  padding:14px 40px;
}
.trust-inner {
  max-width:1100px; margin:0 auto;
  display:flex; justify-content:center; align-items:center;
  gap:32px; flex-wrap:wrap;
}
.ti { display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--blue-light); white-space:nowrap; font-family:var(--font-ui); }
.ti .ico { font-size:17px; }

/* SCIENCE BAR */
.sci-bar {
  background:linear-gradient(90deg, #12406e, #1565c0, #12406e);
  padding:20px 40px;
}
.sci-inner {
  max-width:1000px; margin:0 auto;
  display:flex; justify-content:space-between; flex-wrap:wrap;
  gap:20px; align-items:center;
}
.sci-item { text-align:center; }
.sci-num { font-family:var(--font-head); font-size:2rem; font-weight:900; color:var(--gold); line-height:1; }
.sci-label { font-size:0.72rem; color:rgba(255,255,255,0.65); text-transform:uppercase; letter-spacing:1px; margin-top:3px; font-family:var(--font-ui); }

/* SECTIONS */
.sec { padding:80px 40px; }
.sec-inner { display: flex; flex-direction: column; max-width:1100px; margin:0 auto; justify-content: center; align-items: center; }
.sec-eyebrow {
  font-family:var(--font-ui); font-size:11.5px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase; color:var(--blue-bright);
  margin-bottom:12px;
}
.sec-title {
  font-family:var(--font-head); font-size:clamp(2rem,3.5vw,3rem);
  font-weight:900; line-height:1.1; text-transform:uppercase;
  color:var(--navy); margin-bottom:14px;
}
.sec-title span { color:var(--blue-bright); }
.sec-sub { font-size:1rem; color:var(--gray-mid); max-width:640px; margin:0 auto 50px; text-align:center; line-height:1.8; }
.blue-rule { width:60px; height:3px; background:linear-gradient(90deg,var(--blue-bright),var(--blue-light)); border:none; margin:14px auto 30px; border-radius:2px; }

/* PROBLEM SEC */
.problem-sec {
  background:
    radial-gradient(ellipse at 30% 50%, rgba(139,92,246,0.08) 0%, transparent 60%),
    var(--navy-mid);
  color:#fff;
}
.problem-sec .sec-title { color:#fff; }
.problem-sec .sec-sub { color:rgba(255,255,255,0.5); }
.problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.pbox { padding:32px; border-radius:8px; }
.pbox.bad {
  background:rgba(255,107,107,0.05);
  border:1px solid rgba(255,107,107,0.2);
}
.pbox.good {
  background:rgba(0,200,122,0.06);
  border:1px solid rgba(0,200,122,0.25);
}
.pbox h4 {
  font-family:var(--font-head); font-size:1.2rem; font-weight:800;
  text-transform:uppercase; letter-spacing:0.5px; margin-bottom:18px;
  padding-bottom:12px;
}
.pbox.bad h4 { color:var(--red-soft); border-bottom:1px solid rgba(255,107,107,0.2); }
.pbox.good h4 { color:var(--green); border-bottom:1px solid rgba(0,200,122,0.2); }
.pbox ul { list-style:none; display:flex; flex-direction:column; gap:11px; }
.pbox ul li {
  font-size:0.94rem; color:rgba(255,255,255,0.82); padding-left:22px;
  position:relative; line-height:1.4;
}
.pbox.bad ul li::before { content:'✗'; position:absolute; left:0; color:var(--red-soft); font-weight:700; }
.pbox.good ul li::before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:700; }

/* HOW IT WORKS */
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:50px; }
.step-card {
  background:#fff; border:1px solid #e2d3f7;
  border-radius:10px; padding:32px 26px; text-align:center;
  box-shadow:0 4px 24px rgba(107,63,160,0.08);
  transition:transform .2s, box-shadow .2s;
}
.step-card:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(107,63,160,0.15); }
.step-num {
  width:54px; height:54px; border-radius:50%;
  background:linear-gradient(135deg, var(--blue), var(--blue-bright));
  color:#fff; font-family:var(--font-head); font-size:1.8rem; font-weight:900;
  display:flex; align-items:center; justify-content:center; margin:0 auto 18px;
}
.step-card h4 { font-family:var(--font-head); font-size:1.3rem; font-weight:800; text-transform:uppercase; letter-spacing:0.3px; color:var(--navy); margin-bottom:10px; }
.step-card p { font-size:0.93rem; color:var(--gray-mid); line-height:1.7; }

/* INGREDIENTS */
.ingr-grid {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(310px,1fr));
  gap:22px;
}
.ingr-card {
  display:flex; align-items:flex-start; gap:18px;
  background:#fff; border:1px solid #e2d3f7;
  border-radius:10px; padding:22px;
  box-shadow:0 3px 16px rgba(107,63,160,0.07);
  transition:transform .2s;
}
.ingr-card:hover { transform:translateY(-4px); }
.ingr-img {
  width:80px; height:80px; border-radius:8px;
  object-fit:cover; flex-shrink:0;
  border:2px solid rgba(139,92,246,0.28);
}
.ingr-info h5 {
  font-family:var(--font-head); font-size:1.1rem; font-weight:800;
  text-transform:uppercase; letter-spacing:0.3px; color:var(--navy); margin-bottom:5px;
}
.ingr-dose {
  display:inline-block; background:rgba(139,92,246,0.12);
  color:var(--blue-bright); font-family:var(--font-ui); font-size:10.5px;
  font-weight:700; padding:2px 10px; border-radius:3px; margin-bottom:8px;
  letter-spacing:1px;
}
.ingr-info p { font-size:0.88rem; color:var(--gray-mid); line-height:1.6; }

/* TESTIMONIALS */
.test-sec { background:var(--navy-mid); }
.test-sec .sec-title { color:#fff; }
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.tcard {
  background:var(--navy-card); border:1px solid rgba(139,92,246,0.2);
  border-radius:10px; padding:28px;
  position:relative; transition:transform .2s;
}
.tcard:hover { transform:translateY(-5px); }
.tcard::before {
  content:'"'; font-size:5rem; line-height:1;
  font-family:Georgia,serif; color:rgba(139,92,246,0.14);
  position:absolute; top:10px; left:20px;
}
.tcard-stars { color:var(--gold); font-size:1rem; margin-bottom:12px; letter-spacing:2px; }
.tcard-text { font-size:0.94rem; color:rgba(255,255,255,0.8); line-height:1.75; margin-bottom:18px; font-style:italic; position:relative; z-index:1; }
.tcard-author { display:flex; align-items:center; gap:12px; }
.tcard-avatar {
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg, var(--blue), var(--blue-bright));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-head); font-size:1.1rem; font-weight:900; color:#fff;
  flex-shrink:0;
}
.tcard-name { font-family:var(--font-ui); font-weight:700; color:#fff; font-size:0.9rem; }
.tcard-loc { font-size:0.78rem; color:var(--gray-mid); margin-top:2px; }
.tcard-verified { font-size:0.75rem; color:var(--green); margin-top:3px; font-weight:600; }

/* ORDER SECTION */
.order-sec {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(139,92,246,0.12) 0%, transparent 60%),
    var(--navy-mid);
}
.order-sec .sec-title { color:#fff; }
.pkg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }

/* Pricing cards */
.pricing-card {
  border-radius:12px; padding:30px 24px; text-align:center;
  display:flex; flex-direction:column;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  background:var(--navy-card);
  border:1.5px solid rgba(139,92,246,0.2);
}
.pricing-card:hover {
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,0.3);
}
.pricing-card.best {
  border:2px solid var(--gold);
  background:linear-gradient(180deg, rgba(245,197,24,0.05) 0%, var(--navy-card) 100%);
  position:relative; transform:scale(1.03);
}
.pricing-card.best:hover { transform:scale(1.03) translateY(-8px); }
.best-badge {
  position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  background:linear-gradient(90deg, var(--gold), #e67e00);
  color:var(--navy); font-family:var(--font-head); font-size:0.85rem;
  font-weight:900; text-transform:uppercase; letter-spacing:1.5px;
  padding:6px 24px; border-radius:20px; white-space:nowrap;
  box-shadow:0 4px 16px rgba(245,197,24,0.4);
}
.pcard-label { font-family:var(--font-head); font-size:1.5rem; font-weight:900; color:#fff; text-transform:uppercase; margin-bottom:4px; }
.pcard-supply { font-size:0.8rem; color:var(--gray-mid); font-family:var(--font-ui); margin-bottom:16px; }
.pcard-img-wrap { height:200px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.pcard-img-wrap img { max-width:260px; max-height:200px; filter:drop-shadow(0 10px 30px rgba(139,92,246,0.35)); }
.pcard-price-row { display:flex; align-items:flex-end; justify-content:center; gap:4px; margin-bottom:10px; }
.p-dollar { font-family:var(--font-head); font-size:1.5rem; font-weight:900; color:var(--blue-light); line-height:1.8; }
.p-amount { font-family:var(--font-head); font-size:4rem; font-weight:900; color:var(--blue-light); line-height:1; }
.p-per { font-size:0.75rem; color:var(--gray-mid); text-align:left; line-height:1.4; padding-bottom:8px; font-family:var(--font-ui); }
.pcard-savings { color:#00e87a; font-weight:700; font-size:0.95rem; margin-bottom:18px; font-family:var(--font-ui); }
.pricing-card-btn {
  display:inline-block;
  background:linear-gradient(135deg, var(--gold), #e67e00);
  color:#1e1033;
  font-family:var(--font-head);
  font-weight:900;
  font-size:1.15rem;
  letter-spacing:1px;
  padding:15px 30px;
  border-radius:6px;
  text-decoration:none;
  text-align:center;
  cursor:pointer;
  border:none;
  text-transform:uppercase;
  transition:transform 0.25s, box-shadow 0.25s;
  box-shadow:0 6px 20px rgba(245,197,24,0.35);
  width:100%;
  animation:btnpulse 3s ease-in-out infinite;
}
.pricing-card-btn:hover {
  transform:scale(1.04);
  box-shadow:0 10px 30px rgba(230,126,0,0.5);
  color:#1e1033;
}
.pcard-guarantee { font-size:0.8rem; color:var(--gray-mid); margin:14px 0 12px; font-family:var(--font-ui); }
.pcard-cards { max-width:140px; margin:0 auto 12px; opacity:0.7; }
.pcard-total { font-family:var(--font-ui); font-size:0.95rem; color:rgba(255,255,255,0.6); margin-bottom:6px; }
.pcard-total strong { color:var(--blue-light); font-size:1.1rem; }
.pcard-total s { color:var(--gray-mid); }
.pcard-ship { font-size:0.8rem; font-weight:700; margin-bottom:0; font-family:var(--font-ui); }
.pcard-ship.paid { color:var(--gray-mid); }
.pcard-ship.free { color:var(--green); }

/* GUARANTEE */
.guarantee-box {
  background:#fff;
  border:2px solid #e2d3f7;
  border-radius:12px;
  padding:50px 60px;
  text-align:center;
  max-width:780px;
  margin:0 auto;
  box-shadow:0 6px 40px rgba(107,63,160,0.08);
}
.guarantee-box .shield {display: flex; justify-content: center; align-items: center;}
.shield>img {max-width: 250px;}
.guarantee-box h2 { font-family:var(--font-head); font-size:2.5rem; font-weight:900; text-transform:uppercase; color:var(--navy); margin-bottom:16px; }
.guarantee-box h2 span { color:var(--blue-bright); }
.guarantee-box p { font-size:1rem; color:var(--gray-mid); line-height:1.85; margin-bottom:16px; }

/* FAQ */
.faq-wrap { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:16px; text-align:left; }
.faq-item {
  background:#fff; border:1px solid #e2d3f7;
  border-radius:8px; padding:24px 28px;
  box-shadow:0 2px 12px rgba(107,63,160,0.06);
}
.faq-q { font-family:var(--font-ui); font-weight:700; font-size:1rem; color:var(--navy); margin-bottom:10px; }
.faq-a { font-size:0.93rem; color:var(--gray-mid); line-height:1.75; }

/* FINAL CTA */
.final-cta {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(139,92,246,0.18) 0%, transparent 65%),
    linear-gradient(160deg, #1e1033 0%, #2b1750 60%, #190c28 100%);
  padding:50px 40px;
  text-align:center; color:#fff;
}
.final-cta h2 {
  font-family:var(--font-head); font-size:clamp(2.2rem,4vw,3.6rem);
  font-weight:900; text-transform:uppercase; margin-bottom:20px;
}
.final-cta h2 span { color:var(--blue-light); }
.final-cta p { font-size:1rem; color:rgba(255,255,255,0.55); max-width:720px; margin:0 auto 36px; line-height:1.8; }

/* INGREDIENT HERO IMAGE */
.ingr-hero {
  background: var(--off-white);
  padding: 70px 40px;
}
.ingr-hero-inner {
  max-width: 1100px; margin: 0 auto; display: grid;
  grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.ingr-hero-text h2 {
  font-family: var(--font-head); font-size: clamp(2rem,3vw,2.8rem); font-weight:900;
  text-transform:uppercase; color: var(--navy); margin-bottom:16px; line-height:1.1;
}
.ingr-hero-text h2 span { color:var(--blue-bright); }
.ingr-hero-text p { font-size:1rem; color:var(--gray-mid); line-height:1.8; margin-bottom:16px; }

/* RESPONSIVE */
@media (max-width:900px) {
  .hero-inner { grid-template-columns:1fr; }
  .hero-visual { display:none; }
  .problem-grid { grid-template-columns:1fr; }
  .steps-grid { grid-template-columns:1fr; }
  .testi-grid { grid-template-columns:1fr; }
  .pkg-grid { grid-template-columns:1fr; }
  .pricing-card.best { transform:scale(1); }
  .ingr-hero-inner { grid-template-columns:1fr; }
  .guarantee-box { padding:36px 24px; }
  .hero { padding:40px 20px 36px; }
  .sec { padding:60px 20px; }
}

@media (max-width:580px) {
  .trust-inner { flex-direction:column; gap:14px; }
  .sci-inner { flex-direction:column; gap:16px; }
  .btn-buy { font-size:1rem; padding:16px 28px; }
  .art-ing { width: 100%; max-width: 280px;}
}

/* CARDS PAYMENT IMG */
.cards-img { max-width:160px; margin:0 auto 12px; }

.art-02{
    display: flex;
    justify-content: center;
    align-items: center;
}


/* ---- proximo bloco ---- */


        .row {
            justify-content: center;
            align-items: center;
            width: 100%;
        }

        .mob-1{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .header-bg{
            background: linear-gradient(135deg, #534d78, #9c98b4);
            color: #f0f0f0;
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
        }

        .pricing-card {
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .pricing-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 50px #38393933;
        }

        .pricing-card-btn {
            display: inline-block;
            background: #ffc107;
            color: #0a0a0a !important;
            font-family: 'Inter', 'Barlow', sans-serif;
            font-weight: 800;
            font-size: 20px;
            letter-spacing: 1px;
            padding: 16px 60px;
            border-radius: 50px;
            text-decoration: none !important;
            text-align: center;
            cursor: pointer;
            border: none;
            position: relative;
            overflow: hidden;
            transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.3s ease;
        }

        .pricing-card-btn:hover {
            transform: scale(1.06);
            box-shadow: 0 8px 28px rgba(186, 168, 10, 0.4);
            background: #f9c016;
            color: #0a0a0a !important;
        }

        .pricing-card-btn:active {
            transform: scale(0.97);
            box-shadow: 0 2px 8px rgba(186, 168, 10, 0.4);
        }

        .pricing-card-btn::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 60%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
            transition: left 0.5s ease;
        }

        .pricing-card-btn:hover::after {
            left: 120%;
        }

        .card-bv {
            background: radial-gradient(circle, #a49ecb 0%, #534d78 70%);
            color: #f0f0f0;
            border: #534d78;
        }

        .bg-01{
            background-color: #fff;
        }

        .border{
            border: 2px solid #9c98b4 !important;
        }

        .img-2-3 {
            max-width: 70% !important;
        }

        .offer{
                max-width: 45%;
            }

        .sat-01{
            background: #ffc107a8;
        }

        /* ============ COUNTDOWN + STATUS BAR ============ */
        .status{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .countdown-pill {
            display: block;
            width: 50%;
            border: 2px solid #9c98b4;
            border-radius: 5px;
            font-size: 30px;
            font-weight: 700;
            text-align: center;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .status-bar {
            display: flex;
            width: 50%;
            border: 2px solid #9c98b4;
            border-radius: 5px;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            padding-top: 3px;
            padding-bottom: 3px;
            justify-content: space-evenly;
        }

        .status-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
        }

        .status-item strong {
            color: var(--color-heading);
            font-weight: 800;
        }

        .status-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #2cc934;
            display: inline-block;
        }

        @media (max-width: 770px) {
            .container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .row{
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .flex {
                display: flex;
                flex-direction: column;
                gap: 15px;
                justify-content: center;
                align-items: center;
            }

            h3 {
                font-size: 16px;
            }

            h4 {
                font-size: 35px !important;
            }

            .span-1 {
                font-size: 14px;
            }

            p {
                font-size: 12px;
            }

            .pricing-card {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
            }

            .mb-2,
            .mb-4,
            .mb-3 {
                margin-bottom: 0px !important;
            }

            .pricing-card-btn {
                width: 90%;
                margin-top: 20px;
                font-size: 15px;
                padding: 10px 20px;
            }

            .offer{
                max-width: 100%;
            }

            .countdown-pill {
            width:90%;
            font-size: 16px;
        }

        .status-bar {
            display: block;
            width: 90%;
            font-size: 16px;
        }
        }
    

/* ---- proximo bloco ---- */


            #footer-bg-1 {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

            #footer-bg-2 {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

            @media (max-width: 580px) {
                #footer-bg-1 {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                #footer-bg-2 {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    padding: 16px;
                }
            }
        