/* Accessibility: Skip to Main Content */
      .skip-link {
        position: absolute;
        top: -100px;
        left: 1rem;
        background-color: #3f9c60;
        color: #ffffff !important;
        padding: 0.75rem 1.25rem;
        border-radius: 0.5rem;
        font-weight: 700;
        z-index: 99999;
        text-decoration: none;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        transition: top 0.2s ease-in-out;
      }
      .skip-link:focus {
        top: 1rem;
        outline: 3px solid #3f9c60;
        outline-offset: 2px;
      }

      /* Accessibility: Focus Indicators */
      :focus-visible {
        outline: 2px solid #3f9c60 !important;
        outline-offset: 2px !important;
      }

      /* Performance: GPU-Accelerated Marquee Tracks */
      .marquee-gpu {
        will-change: transform;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
      }

      /* Performance: Content Visibility for Below-the-Fold Sections */
      .content-auto {
        content-visibility: visible;
      }

      /* Accessibility: Prefers Reduced Motion */
      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }

      /* Hero Headline Responsive & Beautiful */
      .hero-title-responsive {
        font-size: clamp(1.5rem, 4.8vw, 2.55rem) !important;
        line-height: 1.22 !important;
        font-weight: 800 !important;
        color: #111111 !important;
        margin-bottom: 1.25rem !important;
        text-wrap: balance !important;
        letter-spacing: -0.02em !important;
      }
      .hero-badge-highlight {
        display: inline-block !important;
        background: linear-gradient(135deg, #3f9c60 0%, #2b6a41 100%) !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        padding: 0.12em 0.55em !important;
        margin-top: 0.25em !important;
        box-shadow: 0 4px 12px rgba(62, 155, 95, 0.25) !important;
        letter-spacing: -0.01em !important;
      }

      /* Testimonials Square Cards */
      .depoimento-quadrado {
        width: 290px !important;
        min-width: 290px !important;
        max-width: 290px !important;
        height: 290px !important;
        min-height: 290px !important;
        max-height: 290px !important;
        background-color: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 20px !important;
        padding: 22px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        text-align: left !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
      }
      .depoimento-quadrado .estrelas {
        display: flex !important;
        gap: 3px !important;
        color: #f59e0b !important;
        margin-bottom: 10px !important;
      }
      .depoimento-quadrado .texto {
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: #374151 !important;
        margin: 0 !important;
        font-weight: 400 !important;
      }
      .depoimento-quadrado .divisoria {
        border-top: 1px solid #f0f0f0 !important;
        margin: 12px 0 10px 0 !important;
      }
      .depoimento-quadrado .autor-box {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
      }
      .depoimento-quadrado .autor-avatar {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        flex-shrink: 0 !important;
      }
      .depoimento-quadrado .autor-nome {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #111827 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
      }
      .depoimento-quadrado .autor-cargo {
        font-size: 11.5px !important;
        color: #6b7280 !important;
        display: block !important;
        margin-top: 2px !important;
      }
    
      .guarantee-badge { width: 190px; height: 190px; margin: 0 auto 2rem; border: 4px solid #3f9c60; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #2b6a41; background: #f0f9f3; box-shadow: 0 0 0 8px #22b14c14; }
      .guarantee-badge > span { font-size: 64px; font-weight: 800; line-height: 1; }
      .guarantee-badge > strong { font-size: 20px; letter-spacing: .12em; }
      .guarantee-badge > small { font-size: 9px; font-weight: 700; margin-top: 8px; }
      .hero-badge-highlight { max-width: 100%; }

      /* Organized collection overview and visual learning sections */
      .learning-section { padding: 80px 24px; color: #111; }
      .learning-overview { background: #f9fbfa; border-block: 1px solid #e9f0eb; }
      .learning-benefits { background: #fff; }
      .learning-container { max-width: 1040px; margin: 0 auto; }
      .learning-heading { max-width: 800px; margin: 0 auto 36px; text-align: center; }
      .learning-eyebrow { display: inline-block; margin-bottom: 14px; color: #2b6a41; font-size: 11px; font-weight: 800; letter-spacing: .14em; line-height: 1.5; }
      .learning-heading h2 { margin: 0; font-size: clamp(27px, 3.5vw, 42px); font-weight: 800; line-height: 1.17; letter-spacing: -.025em; text-wrap: balance; }
      .learning-heading h2 span { display: block; margin-top: 4px; color: #2b6a41; }
      .learning-grid { display: grid; gap: 20px; align-items: stretch; }
      .learning-overview .learning-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .learning-benefits .learning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .learning-card { min-width: 0; padding: 28px; border: 1px solid #dfe9e3; border-radius: 20px; background: #fff; box-shadow: 0 4px 16px #182d1905; }
      .learning-step { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; border-radius: 11px; color: #2b6a41; background: #eaf7ef; font-size: 13px; font-weight: 800; }
      .learning-card h3 { margin: 0 0 12px; font-size: 19px; font-weight: 750; line-height: 1.35; letter-spacing: -.015em; text-wrap: balance; }
      .learning-card p { margin: 0; color: #4b5563; font-size: 15px; line-height: 1.75; }
      .learning-card strong { color: #212d49; font-weight: 650; }
      .learning-benefits .learning-card:last-child { background: #eff9f3; border-color: #cce8d6; }
      .learning-benefits .learning-card:last-child .learning-step { background: #2b6a41; color: #fff; }
      .currency-note { margin: 16px auto 0; text-align: center; color: #626b65; font-size: 12px; line-height: 1.6; }
      @media (max-width: 760px) {
        .learning-section { padding: 56px 20px; }
        .learning-heading { margin-bottom: 28px; }
        .learning-overview .learning-grid, .learning-benefits .learning-grid { grid-template-columns: 1fr; gap: 16px; }
        .learning-card { padding: 24px; }
        .learning-step { margin-bottom: 16px; }
      }


      .learner-section { padding: 72px 0; background: #f9fbfa; border-block: 1px solid #e9f0eb; overflow: hidden; }
      .learner-section .learning-heading { padding: 0 24px; }
      .learner-disclosure { max-width: 620px; margin: 18px auto 0; font-size: 14px; line-height: 1.7; color: #626b65; }
      .learner-gallery { overflow: hidden; padding: 8px 0 16px; }
      .learner-track { display: flex; width: max-content; animation: rt-marquee-left 48s linear infinite; }
      .learner-group { display: flex; gap: 20px; padding-right: 20px; flex-shrink: 0; }
      .learner-card { margin: 0; }
      .learner-card .texto { font-size: 13px !important; line-height: 1.65 !important; }
      .learner-avatar { display: block; flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #eaf7ef; border: 2px solid #e3eee7; }
      @media (max-width: 760px) { .learner-section { padding: 52px 0; } }
      @media (prefers-reduced-motion: reduce) { .learner-gallery { overflow-x: auto; } .learner-track { animation: none; } .learner-group[aria-hidden="true"] { display: none; } }


      /* Facial anatomy update */
      .facial-hero-subtitle { font-size: clamp(1.15rem, 3vw, 1.7rem); font-weight: 700; line-height: 1.35; color: #222; margin: 0 auto 1rem; }
      .facial-hero-mockup { animation: facial-mockup-pulse 3.4s ease-in-out infinite; transform-origin: center; }
      @keyframes facial-mockup-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
      .facial-section { padding: 64px 20px; background: #faf9f7; }
      .facial-section:nth-of-type(even) { background: #fff; }
      .facial-container { max-width: 1024px; margin: 0 auto; }
      .facial-container > h2 { text-align: center; font-size: clamp(1.7rem, 4vw, 2.8rem); font-weight: 800; line-height: 1.13; margin-bottom: 22px; color: #111; text-wrap: balance; }
      .facial-intro { max-width: 800px; margin: 0 auto 32px; text-align: center; color: #4b5563; font-size: 1rem; line-height: 1.75; }
      .facial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
      .facial-topic { display: flex; gap: 16px; padding: 24px; background: white; border: 1px solid #e8e8e4; border-radius: 18px; }
      .facial-topic-number { flex: 0 0 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: #3f9c60; color: white; font-weight: 700; font-size: 13px; }
      .facial-topic h3 { font-size: 17px; font-weight: 750; line-height: 1.35; margin-bottom: 9px; color: #111; }
      .facial-topic p { color: #4b5563; font-size: 14px; line-height: 1.7; }
      .facial-faq-container { max-width: 780px; }
      .facial-faq { margin-top: 14px; padding: 20px; border: 1px solid #e2e1dc; border-radius: 14px; background: #fff; }
      .facial-faq summary { cursor: pointer; font-weight: 700; color: #111; }
      .facial-faq p { margin-top: 14px; font-size: 14px; line-height: 1.75; color: #4b5563; }
      @media (max-width: 640px) { .facial-grid { grid-template-columns: 1fr; } .facial-section { padding: 44px 16px; } .facial-topic { padding: 20px; gap: 12px; } }
      @media (prefers-reduced-motion: reduce) { .facial-hero-mockup { animation: none; } }


      .atlas-carousel-section { padding: 48px 0; overflow: hidden; background: #f7f7f3; }
      .atlas-carousel-heading { max-width: 1024px; margin: 0 auto 28px; padding: 0 20px; text-align: center; }
      .atlas-carousel-heading h2 { font-size: clamp(1.65rem, 4vw, 2.7rem); font-weight: 800; line-height: 1.15; color: #111; text-wrap: balance; }
      .atlas-carousel-window { overflow: hidden; padding: 10px 0 20px; }
      .atlas-carousel-track { display: flex; width: max-content; animation: atlas-infinite-scroll 95s linear infinite; }
      .atlas-carousel-reverse { animation-direction: reverse; animation-duration: 105s; }
      .atlas-carousel-group { display: flex; flex: 0 0 auto; gap: 20px; padding-right: 20px; }
      .atlas-carousel-group img { flex: 0 0 auto; width: clamp(290px, 82vw, 420px); height: auto; object-fit: contain; background: white; border: 1px solid #e2e1dc; border-radius: 12px; box-shadow: 0 6px 18px #12231912; }
      @keyframes atlas-infinite-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      @media (max-width: 640px) { .atlas-carousel-section { padding: 36px 0; } .atlas-carousel-group { gap: 14px; padding-right: 14px; } }
      @media (prefers-reduced-motion: reduce) { .atlas-carousel-track { animation: none; } .atlas-carousel-window { overflow-x: auto; } .atlas-carousel-group[aria-hidden="true"] { display: none; } }


      /* Distinct atlas overview */
      .atlas-overview { padding: 78px 24px; background: radial-gradient(ellipse at top left, #244f33 0, #141b2c 55%, #0e131e 100%); color: #f4f8f5; }
      .atlas-overview-inner { max-width: 1080px; margin: auto; display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; }
      .atlas-overview-eyebrow { color: #9ed5b2; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
      .atlas-overview-copy h2 { margin: 20px 0; font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 750; line-height: 1.12; letter-spacing: -.035em; }
      .atlas-overview-copy h2 em { display: block; color: #aaddbc; font-style: normal; }
      .atlas-overview-copy > p { color: #c0cec5; line-height: 1.8; font-size: 15px; max-width: 420px; }
      .atlas-overview-stats { display: flex; gap: 44px; margin: 30px 0 22px; }
      .atlas-overview-stats > div { display: flex; flex-direction: column; gap: 4px; }
      .atlas-overview-stats strong { color: #fff; font-size: 44px; font-weight: 750; line-height: 1; letter-spacing: -.04em; }
      .atlas-overview-stats span, .atlas-overview-note { color: #aec2b5; font-size: 12px; }
      .atlas-overview-note { display: block; border-top: 1px solid #ffffff20; padding-top: 18px; }
      .atlas-overview-steps { display: grid; gap: 16px; }
      .atlas-overview-steps article { display: flex; gap: 18px; padding: 24px; border: 1px solid #86b89936; background: #ffffff06; border-radius: 16px; }
      .atlas-overview-number { flex: 0 0 34px; color: #91cba6; font-size: 14px; padding-top: 3px; font-weight: 650; }
      .atlas-overview-steps h3 { color: #f6f8f7; font-size: 18px; font-weight: 700; margin-bottom: 8px; line-height: 1.3; }
      .atlas-overview-steps p { color: #bfcec4; font-size: 14px; line-height: 1.75; }
      #atlas-topics-carousel { background: #edf4ef; border-block: 1px solid #dfe8e2; }
      #atlas-topics-carousel .atlas-carousel-track { animation-duration: 170s; }
      .atlas-carousel-heading > p { font-size: 15px; color: #647068; margin-top: 14px; }
      /* Simple white quotation cards */
      .perspectives { padding: 58px 0; background: #f9fbfa; overflow: hidden; border-block: 1px solid #e9f0eb; }
      .perspectives-heading { max-width: 760px; margin: 0 auto 28px; padding: 0 24px; text-align: center; }
      .perspectives-heading h2 { color: #171f32; font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 800; line-height: 1.2; margin-bottom: 12px; }
      .perspectives-heading p { font-size: 12px; color: #626b65; line-height: 1.65; }
      .perspectives-window { overflow: hidden; padding: 8px 0 18px; }
      .perspectives-track { display: flex; width: max-content; animation: perspectives-scroll 75s linear infinite; }
      .perspectives-group { display: flex; flex: 0 0 auto; gap: 20px; padding-right: 20px; }
      .perspective-card { display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 290px; width: 290px; min-height: 290px; padding: 23px 22px 20px; margin: 0; border: 1px solid #e3e7eb; border-radius: 21px; background: #fff; box-shadow: 0 3px 12px #15291f06; box-sizing: border-box; }
      .perspective-card blockquote { margin: 0 0 24px; color: #475367; font-size: 13px; line-height: 1.65; font-weight: 400; }
      .perspective-card figcaption { display: flex; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid #edf0f2; color: #202938; font-size: 13px; font-weight: 700; }
      .perspective-avatar { position: relative; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%; overflow: hidden; border: 2px solid #e4ebe6; background: #eef3f0; }
      .perspective-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
      .perspective-avatar-maya img { width: 300%; height: auto; max-width: none; transform: translate(-8%, -2%); }
      .perspective-avatar-aisha img { width: 300%; height: auto; max-width: none; transform: translate(-62%, -6%); }
      @keyframes perspectives-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
      @media (max-width: 1000px) { .atlas-overview-inner { gap: 32px; } }
      @media (max-width: 700px) { .atlas-overview { padding: 48px 20px; } .atlas-overview-inner { grid-template-columns: 1fr; gap: 30px; } .atlas-overview-steps article { padding: 20px 16px; gap: 10px; } .atlas-overview-copy > p { max-width: none; } }
      @media (max-width: 600px) { .perspectives { padding: 42px 0; } .perspective-card { width: 280px; flex-basis: 280px; } .perspectives-group { gap: 16px; padding-right: 16px; } }
      @media (prefers-reduced-motion: reduce) { .perspectives-track { animation: none; } .perspectives-window { overflow-x: auto; } .perspectives-group[aria-hidden="true"] { display: none; } }


      #atlas-access-carousel { padding: 16px 0 28px; background: #fff; }
      #atlas-access-carousel .atlas-carousel-track { animation-duration: 100s; }

/* ---- */
h1{text-wrap:balance;line-height:1.18}h1 .atelier-headline-emphasis{font-weight:800;color:var(--primary,var(--color-primary,inherit))}
/* ---- */
.atelier-hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin:18px auto 26px;width:100%;max-width:520px}.atelier-hero-buy{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:22px;width:100%;padding:20px 22px;border-radius:16px;background:#3f9c60;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:clamp(15px,3.8vw,18px);line-height:1.4;text-align:center;text-transform:uppercase;box-shadow:0 5px 23px #22b14c66}.atelier-hero-buy:hover{background:#34814f}.atelier-hero-content{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #cbd5e1;border-radius:12px;padding:14px 22px;background:#fff;color:#26394a!important;text-decoration:none!important;font-size:15px;font-weight:700;box-shadow:0 2px 4px #0000000d}.atelier-hero-actions a:focus-visible{outline:3px solid #173b70;outline-offset:4px}#atlas-carousel-title-1{scroll-margin-top:24px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* ---- */
h1.hero-title-responsive .hero-badge-highlight,
h1.hero-title-responsive .atelier-headline-emphasis {
  display: inline !important;
  background: none !important;
  color: var(--primary, #2A9D8F) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  text-decoration-line: underline;
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.16em;
  text-decoration-skip-ink: none;
}
/* Vitrine dupla (padrão educandovisual): duas faixas de páginas reais em sentidos opostos, repetida ao longo da página */
.vitrine-dupla { padding: 3.5rem 0; background: linear-gradient(180deg, #ffffff 0%, #f6f8f7 100%); overflow: hidden; }
.vitrine-dupla.alt { background: linear-gradient(180deg, #f6f8f7 0%, #ffffff 100%); }
.vitrine-dupla-cab { text-align: center; padding: 0 1.25rem; margin-bottom: 2rem; }
.vitrine-dupla-selo { display: inline-block; background: #eaf7ef; color: #2b6a41; padding: .45rem 1.2rem; border-radius: 2rem; font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 1rem; }
.vitrine-dupla-cab h2 { font-size: clamp(1.45rem, 4vw, 2.2rem); font-weight: 800; line-height: 1.2; color: #111; text-wrap: balance; max-width: 760px; margin: 0 auto; }
.vitrine-dupla-cab p { font-size: 15px; color: #647068; margin-top: .8rem; }
.vitrine-dupla .atlas-carousel-window { padding: 6px 0 14px; }
.vitrine-dupla .atlas-carousel-group img { width: clamp(250px, 66vw, 340px); }
.vitrine-dupla .linha-2 .atlas-carousel-track { animation-direction: reverse; animation-duration: 110s; }
.vitrine-dupla .linha-1 .atlas-carousel-track { animation-duration: 100s; }
.vitrine-dupla-rodape { text-align: center; margin-top: 1.6rem; padding: 0 1.25rem; font-size: 15px; color: #4b5563; }
.vitrine-dupla-rodape b { color: #111; }

/* avaliações (opcional: só aparece com "depoimentos" no conteudo.json) */
.depo{background:#faf9f7;padding:64px 16px}.depo-in{max-width:1100px;margin:0 auto;text-align:center}
.depo h2{font-weight:800;text-transform:uppercase;color:#111;font-size:1.6rem;line-height:1.1;margin:12px 0 8px}
.depo-nota{color:#6b7280;font-size:.85rem;margin:0 auto 28px;max-width:560px}
.depo-grade{display:grid;gap:16px;grid-template-columns:1fr;text-align:left}
@media(min-width:768px){.depo h2{font-size:2.3rem}.depo-grade{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.depo-grade{grid-template-columns:repeat(3,1fr)}}
.depo-card{background:#fff;border:1px solid #e8e8e4;border-radius:16px;padding:22px;margin:0;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.depo-card blockquote{margin:0;color:#1f2937;font-size:.98rem;line-height:1.6}
.depo-card figcaption{display:flex;align-items:center;gap:12px;margin-top:auto}
.depo-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3f9c60;color:#fff;font-weight:800;font-size:.9rem;flex:none}
.depo-card b{display:block;color:#111;font-size:.92rem}.depo-card small{color:#6b7280;font-size:.8rem}
.depo-foto{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px #3f9c60}
.depo-nota{background:#fff;border:1px solid #e8e8e4;border-radius:999px;display:inline-block;padding:6px 14px}
@media(min-width:1024px){.depo-grade{display:flex;flex-wrap:wrap;justify-content:center}.depo-card{width:calc((100% - 32px)/3)}}
.depo-nota{border-radius:12px}
.depo-card small{font-size:.875rem}

/* avaliações em faixa horizontal infinita */
.depo-janela{overflow:hidden;margin:0 -16px;padding:6px 0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.depo-trilho{display:flex;width:max-content;animation:depo-rolar 55s linear infinite}

.depo-grupo{display:flex;gap:16px;padding-right:16px}
.depo-trilho .depo-card{width:300px;flex:none;text-align:left;gap:14px}
.depo-trilho .depo-card figcaption{margin-top:0}
.depo-trilho .depo-card blockquote{font-size:.95rem}
.depo-estrelas{display:block;color:#F5B301;font-size:1.15rem;letter-spacing:2px;line-height:1}
@keyframes depo-rolar{to{transform:translateX(-50%)}}
@media(min-width:768px){.depo-trilho .depo-card{width:340px}}
@media(prefers-reduced-motion:reduce){.depo-trilho{animation:none}.depo-janela{overflow-x:auto}}

/* bônus v2: cards centrados com arte quadrada grande (estilo vitrine de bônus) */
.bonus-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;padding-top:14px}
@media(min-width:768px){.bonus-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(min-width:1100px){.bonus-v2{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bonus-v2-card{position:relative;background:#fff;border:1px solid #e8e8e4;border-radius:18px;padding:26px 14px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.bonus-v2-selo{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#E2694B;color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;padding:5px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px rgba(224,43,32,.3)}
.bonus-v2-img{width:100%;max-width:220px;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.bonus-v2-card h3{font-weight:800;color:#111;font-size:1rem;line-height:1.3;margin:16px 0 8px}
.bonus-v2-card p{color:#4b5563;font-size:.85rem;line-height:1.5;margin:0 0 12px;flex:1}
.bonus-v2-valor{color:#b91c1c;font-weight:700;font-size:.82rem;text-decoration:line-through;margin-bottom:6px}
.bonus-v2-incl{display:inline-block;background:#111;color:#ffe600;font-weight:800;font-size:.72rem;letter-spacing:.04em;padding:6px 12px;border-radius:8px;text-transform:uppercase}
@media(max-width:420px){.bonus-v2-card{padding:24px 10px 14px}.bonus-v2-card h3{font-size:.92rem}.bonus-v2-card p{font-size:.82rem}}

/* páginas do material: tocar abre em tela cheia e arrastar para o lado passa as páginas (as gravações mostraram gente tentando ampliar) */
.atlas-carousel-window img{cursor:zoom-in}
.zoom-pg{position:fixed;inset:0;z-index:2147483000;background:rgba(10,10,12,.95);display:flex;flex-direction:column;align-items:center}
.zoom-pg[hidden]{display:none}
.zoom-topo{position:relative;z-index:3;width:100%;display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 12px 6px 18px;box-sizing:border-box}
.zoom-n{color:#fff;font:700 14px/1 system-ui,sans-serif;letter-spacing:.04em;opacity:.85}
.zoom-x{width:42px;height:42px;border-radius:21px;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
.zoom-trilho{position:relative;z-index:1;flex:1;min-height:0;width:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}
.zoom-trilho::-webkit-scrollbar{display:none}
@media (hover:hover){.zoom-trilho{cursor:grab}.zoom-trilho:active{cursor:grabbing}}
.zoom-sl{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;padding:4px 12px 6px;box-sizing:border-box;touch-action:pan-x pinch-zoom}
.zoom-sl img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#fff}   /* a página inteira sempre cabe entre a barra de cima e o botão */
.zoom-seta{position:fixed;z-index:3;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:23px;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.zoom-seta:disabled{opacity:.25;cursor:default}
.zoom-ant{left:8px}.zoom-prox{right:8px}
@media (hover:none){.zoom-seta{display:none}}   /* no celular, arrastar; as setas cobririam o texto da página */
.zoom-dica{flex:1;margin:0 10px;color:#fff;font:600 13px system-ui,sans-serif;opacity:.7}
.zoom-dica[hidden]{display:none}
.zoom-cta{position:relative;z-index:2;margin:10px 16px 16px;display:block;width:calc(100% - 32px);max-width:520px;text-align:center;background:#3f9c60;color:#fff!important;font-weight:800;text-decoration:none!important;padding:16px;border-radius:14px;text-transform:uppercase}