/* ============================================================
   REGENERE K2 M — CSS Próprio (sem Elementor / WordPress)
   ============================================================ */

/* ── 1. FONTES (@font-face) ───────────────────────────────── */

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/fa-brands-400.eot");src:url("../fonts/fa-brands-400.eot") format("embedded-opentype"),url("../fonts/fa-brands-400.woff2") format("woff2"),url("../fonts/fa-brands-400.woff") format("woff"),url("../fonts/fa-brands-400.ttf") format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/fa-solid-900.eot");src:url("../fonts/fa-solid-900.eot") format("embedded-opentype"),url("../fonts/fa-solid-900.woff2") format("woff2"),url("../fonts/fa-solid-900.woff") format("woff"),url("../fonts/fa-solid-900.ttf") format("truetype")}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url("../fonts/sora-xmqbuffyt72xzqspdre2.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url("../fonts/sora-xmqbuffyt72xzqupdg.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-ucc73fwrk3iltehus_nvmrmxcp50sjia1zl7.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url("../fonts/inter-ucc53fwrk3iltcvneqg7ca725jhhknnqk6l5uum.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── 2. FONT AWESOME (ícones usados na página) ────────────── */

.fas, .fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}
.fas { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; }

.fa-check-circle:before { content: "\f058"; }
.fa-heart:before        { content: "\f004"; }
.fa-lock:before         { content: "\f023"; }
.fa-check-double:before { content: "\f560"; }
.fa-whatsapp:before     { content: "\f232"; }

/* ── 3. VARIÁVEIS ─────────────────────────────────────────── */

:root {
  --rose:       #9E827C;
  --peach:      #FFEABA;
  --dark:       #38302E;
  --green:      #00AC69;
  --green-dark: #038F58;
  --white:      #FFFFFF;
  --max-w:      1100px;
}

/* ── 4. RESET & BASE ──────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { overflow-x: hidden; }

body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--rose);
  background: #fff;
  overflow-x: hidden;
}

img  { max-width: 100%; height: auto; display: block; }
a    { color: inherit; text-decoration: none; }
ul   { list-style: none; }

/* ── 5. SCROLL REVEAL ─────────────────────────────────────── */

[data-reveal] {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
[data-reveal].revealed {
  opacity: 1;
  transform: none;
}
[data-reveal][data-delay="1"] { transition-delay: 0.10s; }
[data-reveal][data-delay="2"] { transition-delay: 0.20s; }
[data-reveal][data-delay="3"] { transition-delay: 0.30s; }
[data-reveal][data-delay="4"] { transition-delay: 0.40s; }
[data-reveal][data-delay="5"] { transition-delay: 0.50s; }

/* ── 5b. LAYOUT ───────────────────────────────────────────── */

.container {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}

/* ── 6. BOTÕES ────────────────────────────────────────────── */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 36px;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition: background 0.25s, transform 0.18s, box-shadow 0.25s;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.4px;
}
.btn:hover  { transform: translateY(-3px); }
.btn:active { transform: translateY(0); }

/* Ripple (injetado via JS) */
.btn .ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  animation: ripple-anim 0.55s linear;
  pointer-events: none;
}
@keyframes ripple-anim {
  to { transform: scale(4); opacity: 0; }
}

/* Ícone flutua sutilmente */
@keyframes icon-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-2px); }
}
.btn .fas,
.btn .fab { animation: icon-float 1.8s ease-in-out infinite; }

/* Botão principal (verde) */
.btn--primary {
  background: linear-gradient(135deg, #00C278 0%, #00AC69 50%, #038F58 100%);
  color: var(--white);
  box-shadow: 0 4px 18px rgba(0, 172, 105, 0.40);
  text-shadow: 0 1px 2px rgba(0,0,0,0.12);
}
.btn--primary:hover {
  background: linear-gradient(135deg, #01d485 0%, #00C278 50%, #00AC69 100%);
  box-shadow: 0 6px 26px rgba(0, 172, 105, 0.55);
}

/* Pulse contínuo nos CTAs principais */
@keyframes btn-pulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(0,172,105,0.4); }
  50%       { box-shadow: 0 4px 32px rgba(0,172,105,0.65), 0 0 0 10px rgba(0,172,105,0.08); }
}
.btn--pulse { animation: btn-pulse 2.2s ease-in-out infinite; }
.btn--pulse:hover { animation: none; }

/* Botão WhatsApp */
.btn--whatsapp {
  background: linear-gradient(135deg, #2EE67A 0%, #25D366 50%, #1da851 100%);
  color: var(--white);
  font-size: 20px;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.40);
  text-shadow: 0 1px 2px rgba(0,0,0,0.12);
}
.btn--whatsapp:hover {
  background: linear-gradient(135deg, #3df088 0%, #2EE67A 50%, #25D366 100%);
  box-shadow: 0 6px 26px rgba(37, 211, 102, 0.55);
}

/* ── 7. LISTA DE CHECKS ───────────────────────────────────── */

.check-list { padding: 0; text-align: left; width: 100%; }
.check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: var(--white);
  line-height: 1.3;
  text-align: left;
}
.check-list li .fas { margin-top: 2px; flex-shrink: 0; }

/* ── 8. TRUST BADGE ───────────────────────────────────────── */

/* remove versão antiga */
.trust-text { display: none; }

.trust-badge {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  margin-top: 16px;
}
.trust-badge__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.14);
  padding: 7px 16px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  white-space: nowrap;
}
.trust-badge__item .fas {
  color: #4ade80;
  font-size: 13px;
}

/* Variante fundo escuro (seção pricing) */
.trust-badge--dark .trust-badge__item {
  color: var(--peach);
  background: rgba(255, 234, 186, 0.10);
  border-color: rgba(255, 234, 186, 0.25);
}
.trust-badge--dark .trust-badge__item .fas {
  color: var(--peach);
}

/* Variante fundo claro (guarantee, faq) */
.trust-badge--light .trust-badge__item {
  color: var(--rose);
  background: rgba(158, 130, 124, 0.10);
  border-color: rgba(158, 130, 124, 0.25);
}
.trust-badge--light .trust-badge__item .fas {
  color: var(--green);
}

/* ── 9. BARRA SEGURANÇA (imagem) ──────────────────────────── */

.safety-bar {
  max-width: 600px;
  margin: 28px auto 0;
  opacity: 0.85;
}

/* ── 10. DIVISOR SVG ──────────────────────────────────────── */

.shape-bottom {
  overflow: hidden;
  line-height: 0;
  margin-top: -1px;
}
.shape-bottom svg { display: block; width: 100%; }

/* ============================================================
   HEADER
   ============================================================ */

.site-header {
  background: #fff;
  padding: 16px 0;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 100;
  transition: box-shadow 0.3s;
}
.site-header.scrolled {
  box-shadow: 0 2px 16px rgba(0,0,0,0.10);
}
.site-header .logo {
  max-width: 280px;
  margin: 0 auto;
}

/* ============================================================
   HERO
   ============================================================ */

.hero {
  background: linear-gradient(135deg, #9E827C 36%, #FFEABA 100%);
  padding: 48px 0 0;
}

.hero__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
}

.hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hero__title {
  font-family: 'Sora', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--white);
  margin-bottom: 20px;
}

.hero__subtitle {
  font-family: 'Sora', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--white);
  margin-bottom: 24px;
}

.hero__image img { width: 100%; }
.hero__cta       { margin: 24px 0 12px; }

/* ============================================================
   BENEFÍCIOS
   ============================================================ */

.benefits {
  background: #fff;
  padding: 64px 0;
  text-align: center;
}

.section-banner  { max-width: 640px; margin: 0 auto 24px; }

.section-label {
  font-size: 27px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--rose);
  margin-bottom: 12px;
}

.section-title {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--rose);
  margin-bottom: 40px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin: 40px 0;
}

.feature img {
  width: 30%;
  margin: 0 auto 14px;
}
.feature h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--rose);
  margin-bottom: 10px;
  text-transform: uppercase;
}
.feature p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--rose);
}

/* ============================================================
   ANTES E DEPOIS
   ============================================================ */

.before-after {
  background: var(--rose);
  padding: 64px 0;
  text-align: center;
}

.before-after__heading {
  font-family: 'Sora', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 12px;
}
.before-after__subheading {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--white);
  margin-bottom: 40px;
}

.before-after__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  text-align: left;
  margin-bottom: 36px;
}

.comparison {
  display: flex;
  gap: 12px;
}
.comparison__item { position: relative; flex: 1; }
.comparison__item img { width: 100%; border-radius: 10px; }
.comparison__label {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  padding: 4px 16px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

/* ============================================================
   FÓRMULA / INGREDIENTES
   ============================================================ */

.formula {
  background: #fff;
  padding: 64px 0;
  text-align: center;
}

.formula__heading {
  font-family: 'Sora', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--rose);
  margin-bottom: 36px;
}

.formula__intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  text-align: left;
  margin-bottom: 48px;
}
.formula__intro img { border-radius: 10px; width: 100%; }
.formula__intro p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--rose);
}

.formula__experts-title {
  font-family: 'Sora', sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: var(--rose);
  margin-bottom: 16px;
}
.formula__experts-text {
  font-size: 15px;
  color: var(--rose);
  max-width: 720px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

.ingredients-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin: 0 0 48px;
}
.ingredient { text-align: center; }
.ingredient img {
  width: 80%;
  margin: 0 auto 14px;
  border-radius: 8px;
}
.ingredient h3 {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--rose);
  margin-bottom: 8px;
  text-transform: uppercase;
}
.ingredient p {
  font-size: 12px;
  color: var(--rose);
  line-height: 1.4;
}

/* ============================================================
   RESULTADOS
   ============================================================ */

.results {
  background: var(--peach);
  padding: 64px 0;
  text-align: center;
}

.results__heading {
  font-family: 'Sora', sans-serif;
  font-size: 35px;
  font-weight: 600;
  color: var(--rose);
  margin-bottom: 12px;
}
.results__subheading {
  font-family: 'Sora', sans-serif;
  font-size: 28px;
  font-weight: 400;
  color: var(--rose);
  margin-bottom: 40px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.results-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.results-gallery img { width: 100%; border-radius: 10px; }

/* ============================================================
   GARANTIA
   ============================================================ */

.guarantee {
  background: #fff;
  padding: 64px 0;
  text-align: center;
}

.guarantee__title {
  font-family: 'Sora', sans-serif;
  font-size: 35px;
  color: var(--rose);
  margin-bottom: 24px;
}
.guarantee__img  { max-width: 280px; margin: 0 auto 28px; }
.guarantee__text {
  font-family: 'Sora', sans-serif;
  font-size: 26px;
  color: var(--rose);
  max-width: 680px;
  margin: 0 auto 36px;
  line-height: 1.4;
}

/* ============================================================
   PREÇOS
   ============================================================ */

.pricing {
  background: var(--dark);
  padding: 64px 0;
  text-align: center;
}

.pricing__heading {
  font-family: 'Sora', sans-serif;
  font-size: 35px;
  color: var(--white);
  margin-bottom: 12px;
}
.pricing__subheading {
  font-family: 'Sora', sans-serif;
  font-size: 26px;
  color: var(--white);
  margin-bottom: 28px;
}
.pricing__offer-img { max-width: 600px; margin: 0 auto 20px; }
.pricing__rec {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  color: var(--peach);
  margin-bottom: 36px;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 36px;
}
.pricing-card {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s;
}
.pricing-card:hover { transform: translateY(-4px); }
.pricing-card img   { width: 100%; }

.pricing__bottom-text {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  color: var(--peach);
  margin-bottom: 28px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

/* ============================================================
   FAQ
   ============================================================ */

.faq {
  background: var(--peach);
  padding: 64px 0;
  text-align: center;
}

.faq__title {
  font-family: 'Sora', sans-serif;
  font-size: 30px;
  color: var(--rose);
  margin-bottom: 8px;
}
.faq__subtitle {
  font-family: 'Sora', sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: var(--rose);
  margin-bottom: 36px;
  line-height: 1.3;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.faq__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-align: left;
  margin-bottom: 48px;
}

details {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 12px;
  border: 1px solid rgba(158,130,124,0.2);
}
summary {
  padding: 16px 20px;
  cursor: pointer;
  font-weight: 600;
  color: var(--rose);
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  font-size: 15px;
  line-height: 1.4;
}
summary::-webkit-details-marker { display: none; }
summary::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--green);
  flex-shrink: 0;
}
details[open] summary { color: var(--dark); border-bottom: 1px solid rgba(158,130,124,0.15); }
.faq-answer {
  padding: 14px 20px 16px;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}

.faq__whatsapp {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid var(--rose);
}
.faq__wp-title {
  font-family: 'Sora', sans-serif;
  font-size: 32px;
  color: var(--rose);
  margin-bottom: 12px;
}
.faq__wp-text {
  font-size: 18px;
  color: var(--rose);
  margin-bottom: 28px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

/* ============================================================
   FOOTER
   ============================================================ */

.footer {
  background: var(--peach);
  padding: 48px 0 24px;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 28px;
}

.footer__brand img { margin-bottom: 16px; }

.footer__heading {
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--rose);
  margin-bottom: 12px;
}

.footer__links li     { margin-bottom: 8px; }
.footer__links li a   { color: var(--rose); font-size: 14px; text-decoration: underline; }
.footer__links li a:hover { opacity: 0.75; }

.footer__divider {
  border: none;
  border-top: 1px solid rgba(158,130,124,0.4);
  margin: 20px 0;
}

.footer__copy {
  text-align: center;
  font-size: 13px;
  color: var(--rose);
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

/* ── Tablet (≤ 900px) ──────────────────────────────────────── */
@media (max-width: 900px) {

  /* Padding geral das seções */
  .benefits, .before-after, .formula,
  .results, .guarantee, .pricing, .faq  { padding: 48px 0; }

  /* Hero */
  .hero                  { padding: 36px 0 0; }
  .hero__grid            { grid-template-columns: 1fr; }
  .hero__title           { font-size: 28px; }
  .hero__subtitle        { font-size: 18px; }
  .hero__content         { align-items: stretch; }
  .hero__image           { text-align: center; }
  .hero__image img       { max-width: 320px; margin: 0 auto; }

  /* Listas */
  .check-list li         { font-size: 16px; }

  /* Benefícios */
  .features-grid         { grid-template-columns: repeat(2, 1fr); gap: 24px; }

  /* Antes/Depois */
  .before-after__heading    { font-size: 30px; }
  .before-after__subheading { font-size: 18px; }
  .before-after__grid    { grid-template-columns: 1fr; gap: 32px; }

  /* Fórmula */
  .formula__heading      { font-size: 26px; }
  .formula__intro        { grid-template-columns: 1fr; }
  .formula__experts-title{ font-size: 24px; }
  .ingredients-grid      { grid-template-columns: repeat(3, 1fr); gap: 16px; }

  /* Resultados */
  .results__heading      { font-size: 28px; }
  .results__subheading   { font-size: 22px; }
  .results-gallery       { grid-template-columns: 1fr; gap: 16px; }

  /* Garantia */
  .guarantee__title      { font-size: 28px; }
  .guarantee__text       { font-size: 20px; }

  /* Preços */
  .pricing__heading      { font-size: 26px; }
  .pricing__subheading   { font-size: 20px; }
  .pricing-grid          { grid-template-columns: repeat(2, 1fr); }

  /* FAQ */
  .faq__title            { font-size: 26px; }
  .faq__subtitle         { font-size: 20px; }
  .faq__grid             { grid-template-columns: 1fr; }
  .faq__wp-title         { font-size: 26px; }

  /* Footer */
  .footer__grid          { grid-template-columns: 1fr 1fr; }
}

/* ── Mobile (≤ 640px) ──────────────────────────────────────── */
@media (max-width: 640px) {

  /* Padding geral */
  .benefits, .before-after, .formula,
  .results, .guarantee, .pricing, .faq  { padding: 40px 0; }
  .footer                               { padding: 36px 0 20px; }

  /* Botões full-width */
  .btn {
    width: 100%;
    font-size: 15px;
    padding: 16px 20px;
    text-align: center;
  }
  .btn--whatsapp { font-size: 17px; }

  /* Safety bar */
  .safety-bar { max-width: 100%; }

  /* Header */
  .site-header .logo { max-width: 200px; }

  /* Hero */
  .hero                  { padding: 32px 0 0; }
  .hero__title           { font-size: 24px; }
  .hero__subtitle        { font-size: 16px; }
  .hero__image img       { max-width: 260px; }
  .check-list li         { font-size: 15px; gap: 8px; }

  /* Banner de seção */
  .section-banner        { max-width: 100%; }
  .section-label         { font-size: 20px; }
  .section-title         { font-size: 17px; }

  /* Benefícios */
  .features-grid         { grid-template-columns: 1fr; gap: 28px; }
  .feature img           { width: 20%; }

  /* Antes/Depois */
  .before-after__heading    { font-size: 24px; }
  .before-after__subheading { font-size: 16px; }
  .before-after__grid    { gap: 24px; }
  .comparison            { gap: 8px; }
  .comparison__label     { font-size: 12px; padding: 3px 10px; }

  /* Fórmula */
  .formula__heading      { font-size: 22px; }
  .formula__experts-title{ font-size: 20px; }
  .ingredients-grid      { grid-template-columns: 1fr; gap: 32px; max-width: 380px; margin-left: auto; margin-right: auto; }
  .ingredient img        { width: 50%; }

  /* Resultados */
  .results__heading      { font-size: 24px; }
  .results__subheading   { font-size: 18px; }

  /* Garantia */
  .guarantee__title      { font-size: 24px; }
  .guarantee__text       { font-size: 18px; }
  .guarantee__img        { max-width: 200px; }

  /* Preços */
  .pricing__heading      { font-size: 22px; }
  .pricing__subheading   { font-size: 17px; }
  .pricing__rec          { font-size: 17px; }
  .pricing__bottom-text  { font-size: 17px; }
  .pricing-grid          { grid-template-columns: 1fr; gap: 12px; }

  /* FAQ */
  .faq__title            { font-size: 24px; }
  .faq__subtitle         { font-size: 18px; }
  .faq__wp-title         { font-size: 22px; }
  .faq__wp-text          { font-size: 15px; }
  summary                { font-size: 14px; padding: 14px 16px; }

  /* Footer */
  .footer__grid          { grid-template-columns: 1fr; gap: 24px; }
  .footer__brand img     { max-width: 180px; }
}