/* Reglow v129 — alinhamento visual com a LP MD Ceuticals. */
:root {
  --md-pink: #AA438C;
  --md-black: #353136;
  --md-gray: #f3f3f5;
  --md-white: #ffffff;
}

/* CTA dos casos clínicos no rosa sólido da LP MD Ceuticals. */
.story .section-cta-button,
.story .button.button-primary {
  color: #fff !important;
  background: #b43f91 !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(180, 63, 145, .28) !important;
}
.story .section-cta-button:hover,
.story .button.button-primary:hover {
  background: #a93686 !important;
  box-shadow: 0 20px 40px rgba(180, 63, 145, .36) !important;
}

/* Cabeçalho na mesma guia horizontal da MD Ceuticals. */
.site-header {
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(53, 49, 54, .09) !important;
}
.site-header .site-header-inner { position: relative; }
.site-header .header-cta { display: none !important; }
.site-header nav a { color: #514b52 !important; }
.site-header nav a:hover { color: var(--md-pink) !important; }

@media (min-width: 901px) {
  .site-header .site-header-inner {
    width: calc(100% - clamp(144px, 18.8vw, 354px));
    max-width: 1500px;
    margin-left: clamp(72px, 9.4vw, 177px);
    margin-right: auto;
  }
  .site-header .header-brand {
    position: static;
    left: auto;
    margin: 0 auto 0 0 !important;
  }
  .site-header nav { margin-left: auto; }
}

@media (max-width: 900px) {
  .site-header .site-header-inner {
    width: min(100% - 30px, 1180px);
    margin-left: auto;
    margin-right: auto;
  }
  .site-header .header-brand {
    position: static;
    left: auto;
    margin: 0 auto 0 0 !important;
  }
}

/* Paleta de superfícies: branco, rosa e cinza-claro. */
body { color: var(--md-black); background: var(--md-white); }
.hero { background-color: var(--md-gray) !important; }
.story,
.knowledge,
.faq,
.social { background: var(--md-white) !important; }
.protocol,
.milestone,
.downloads,
.individualized { background: var(--md-gray) !important; }
.experiences,
.purchase-banner,
.closing-cta {
  background: var(--md-pink) !important;
  background-image: none !important;
}
.products-ecosystem {
  background: var(--md-gray) !important;
  background-image: none !important;
}
.reglow-explainer {
  background: var(--md-white) !important;
  background-image: none !important;
  color: var(--md-black) !important;
}
.reglow-explainer::before,
.reglow-explainer::after { display: none !important; }
.reglow-explainer-heading .eyebrow {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
}
.reglow-explainer-heading h2 {
  color: var(--md-black) !important;
  -webkit-text-fill-color: var(--md-black) !important;
  font-weight: 300 !important;
}
.reglow-explainer-heading h2 strong {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
  font-weight: 760 !important;
}
.reglow-explainer-heading > p:last-child {
  color: #554f56 !important;
  -webkit-text-fill-color: #554f56 !important;
}
.products-ecosystem::before,
.products-ecosystem::after,
.experiences::before,
.purchase-banner::before,
.closing-cta::before,
.closing-cta::after { display: none !important; }

/* Tipografia MD: preto leve com palavras-chave fortes em rosa. */
.hero h1,
.gradient-heading,
.individualized h2,
.protocol h2,
.knowledge h2,
.milestone h2,
.revenue-heading h3,
.downloads h2,
.social h2 {
  color: var(--md-black) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 300 !important;
}
.hero h1 strong,
.gradient-heading strong,
.individualized h2 strong,
.protocol h2 strong,
.knowledge h2 strong,
.milestone h2 strong,
.revenue-heading h3 strong,
.downloads h2 strong,
.social h2 strong {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
  font-weight: 760 !important;
}
.hero-content > p,
.body-copy,
.section-intro,
.individualized-intro,
.individualized-note { color: #554f56 !important; }
.body-copy strong,
.section-intro strong { color: var(--md-pink) !important; }
.eyebrow { color: var(--md-pink); }

/* Aplicações em fundo claro, seguindo a mesma leitura preto + rosa. */
.individualized { color: var(--md-black) !important; }
.individualized::before,
.individualized-glow { display: none !important; }
.individualized-editorial-copy .eyebrow {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
}
.individualized-video-card figcaption { color: #746d76 !important; }
.individualized .video-status-dot {
  background: var(--md-pink) !important;
  box-shadow: 0 0 0 5px rgba(170, 67, 140, .13) !important;
}
.individualized .application-option {
  color: #554f56 !important;
  background: #fff !important;
  border-color: rgba(170, 67, 140, .18) !important;
}

/* Blocos rosas permanecem claros e legíveis. */
.experiences h2,
.experiences h2 strong,
.purchase-banner .eyebrow,
.purchase-banner h2,
.purchase-banner h2 strong,
.purchase-banner-description,
.closing-cta,
.closing-cta h2,
.closing-cta h2 strong { color: #fff !important; -webkit-text-fill-color: currentColor !important; }

.products-ecosystem .eyebrow {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
}
.products-ecosystem h2 {
  color: var(--md-black) !important;
  -webkit-text-fill-color: var(--md-black) !important;
  font-weight: 300 !important;
}
.products-ecosystem h2 strong {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
  font-weight: 760 !important;
}
.products-ecosystem .products-heading > p {
  color: #554f56 !important;
  -webkit-text-fill-color: #554f56 !important;
}

/* Troca degradês decorativos por rosa sólido nos elementos principais. */
.button-primary,
.header-cta,
.product-cta,
.reglow-kit-cta,
.rat-cta,
.timeline-trigger > span,
.revenue-equation .revenue-total {
  background: var(--md-pink) !important;
  background-image: none !important;
}
.protocol-upgrade,
.reglow-kit-solution {
  background: var(--md-pink) !important;
  background-image: none !important;
}
.purchase-banner-button {
  color: var(--md-pink) !important;
  background: #fff !important;
  background-image: none !important;
}

/* Botões no mesmo padrão da LP MD Ceuticals. */
.header-cta,
.button,
.button-primary,
.section-cta-button,
.product-cta,
.reglow-kit-cta,
.rat-cta,
.upgrade-product-cta,
.purchase-banner-button,
.closing-whatsapp,
.other-solutions-button {
  min-height: 54px;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: linear-gradient(100deg, #AA438C 0%, #864b8b 100%) !important;
  color: #fff !important;
  font-weight: 720 !important;
  box-shadow: 0 15px 34px rgba(104, 40, 101, .18) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.header-cta:hover,
.button:hover,
.product-cta:hover,
.reglow-kit-cta:hover,
.rat-cta:hover,
.upgrade-product-cta:hover,
.purchase-banner-button:hover,
.closing-whatsapp:hover,
.other-solutions-button:hover {
  filter: saturate(1.08);
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(104, 40, 101, .27) !important;
}
.section-gradient .section-cta-button,
.experiences .section-cta-button,
.purchase-banner .purchase-banner-button,
.closing-cta .closing-whatsapp,
.protocol-upgrade .button,
.protocol-upgrade .section-cta-button {
  border-color: rgba(255, 255, 255, .74) !important;
  color: #864b8b !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 16px 36px rgba(55, 28, 57, .20) !important;
}
.purchase-cart-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}

/* CTAs de compra em formato cápsula, como na seção de formatos da MD. */
.section-cta-button,
.product-cta,
.reglow-kit-cta,
.upgrade-product-cta,
.purchase-banner-button {
  min-height: 56px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  border-color: transparent !important;
  color: #fff !important;
  background: #b43f91 !important;
  background-image: none !important;
  box-shadow: 0 16px 30px rgba(180, 63, 145, .25) !important;
}
.section-cta-button:hover,
.product-cta:hover,
.reglow-kit-cta:hover,
.upgrade-product-cta:hover,
.purchase-banner-button:hover {
  background: #a93686 !important;
  filter: none !important;
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(180, 63, 145, .32) !important;
}
.section-cta-button .purchase-cart-icon,
.product-cta .purchase-cart-icon,
.reglow-kit-cta .purchase-cart-icon,
.purchase-banner-button .purchase-cart-icon { color: currentColor; }

.experiences .section-cta-button,
.purchase-banner .purchase-banner-button,
.section-gradient .section-cta-button {
  color: var(--md-pink) !important;
  background: #fff !important;
  box-shadow: 0 16px 30px rgba(73, 34, 67, .20) !important;
}
.protocol-upgrade .upgrade-product-cta {
  border-color: rgba(255, 255, 255, .78) !important;
  color: var(--md-pink) !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 16px 30px rgba(73, 34, 67, .20) !important;
}
.protocol-upgrade .upgrade-product-cta:hover {
  color: #913578 !important;
  background: #fff !important;
  box-shadow: 0 20px 36px rgba(73, 34, 67, .28) !important;
}

/* Navegação dos casos clínicos fora da imagem, no rosa institucional. */
.result-card {
  position: relative;
  overflow: visible !important;
}
.result-card .case-viewport { overflow: visible !important; }
.result-card .case-track {
  position: relative;
  aspect-ratio: 1600 / 1143;
  transform: none !important;
  overflow: visible !important;
}
.result-card .case-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  border-radius: 26px;
  transition: opacity .3s ease;
}
.result-card .case-slide[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.result-card .case-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.result-card .case-arrow {
  top: 50%;
  transform: translateY(-50%) !important;
  z-index: 4;
  width: 56px;
  height: 56px;
  border: 1px solid #fff !important;
  border-radius: 50%;
  color: #fff !important;
  background: #b43f91 !important;
  box-shadow: 0 14px 30px rgba(180, 63, 145, .28) !important;
}
.result-card .case-arrow-prev { left: -72px !important; }
.result-card .case-arrow-next { right: -72px !important; }
.result-card .case-arrow:hover {
  background: #a93686 !important;
  box-shadow: 0 18px 34px rgba(180, 63, 145, .36) !important;
}

.rat-gallery {
  position: relative;
  overflow: visible !important;
}
.rat-gallery .rat-gallery-frame { overflow: visible !important; }
.rat-gallery .rat-gallery-photo { border-radius: inherit; }
.rat-gallery .rat-arrow {
  top: 45%;
  z-index: 4;
  width: 56px;
  height: 56px;
  border: 1px solid #fff !important;
  border-radius: 50%;
  color: #fff !important;
  background: #b43f91 !important;
  box-shadow: 0 14px 30px rgba(180, 63, 145, .28) !important;
}
.rat-gallery .rat-arrow.case-arrow-prev { left: -28px !important; }
.rat-gallery .rat-arrow.case-arrow-next { right: -28px !important; }
.rat-gallery .rat-arrow:hover {
  background: #a93686 !important;
  box-shadow: 0 18px 34px rgba(180, 63, 145, .36) !important;
}

.transplant-journey .protocol-pain-cases > header h3 strong {
  color: inherit !important;
  font-weight: 760 !important;
}

.protocol#protocolo h2 strong {
  color: var(--md-pink) !important;
  -webkit-text-fill-color: var(--md-pink) !important;
  font-weight: 760 !important;
}

.experiences .section-intro,
.experiences .section-intro.light-text {
  color: #fff !important;
}

/* FAQ em rosa com cartões claros para máxima legibilidade. */
.faq {
  color: #fff !important;
  background: var(--md-pink) !important;
  background-image: none !important;
}
.faq::before,
.faq::after { display: none !important; }
.faq h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.faq details {
  border-color: rgba(255, 255, 255, .68) !important;
  background: rgba(132, 49, 111, .20) !important;
  box-shadow: none !important;
}
.faq details[open] {
  background: rgba(132, 49, 111, .30) !important;
}
.faq summary {
  color: #fff !important;
  font-weight: 720 !important;
}
.faq summary span { color: #fff !important; }
.faq details p { color: rgba(255, 255, 255, .88) !important; }

@media (max-width: 680px) {
  .site-header .site-header-inner { min-height: 68px; }
  .hero h1,
  .gradient-heading,
  .individualized h2,
  .knowledge h2,
  .milestone h2,
  .downloads h2,
  .social h2 { line-height: 1.02 !important; }
  .result-card .case-arrow {
    top: 40%;
    width: 46px;
    height: 46px;
    font-size: 1.9rem;
  }
  .result-card .case-arrow-prev { left: -12px !important; }
  .result-card .case-arrow-next { right: -12px !important; }
  .rat-gallery .rat-arrow {
    top: 43%;
    width: 46px;
    height: 46px;
    font-size: 1.9rem;
  }
  .rat-gallery .rat-arrow.case-arrow-prev { left: -10px !important; }
  .rat-gallery .rat-arrow.case-arrow-next { right: -10px !important; }
  .button,
  .section-cta-button,
  .product-cta,
  .reglow-kit-cta,
  .rat-cta,
  .upgrade-product-cta,
  .purchase-banner-button,
  .other-solutions-button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px;
    padding: 14px 18px !important;
    justify-content: center;
    white-space: normal !important;
    text-align: center;
    line-height: 1.25;
  }
}