/* Tema "agua corrente": azul de corrego, teal de nascente e verde no CTA. */
:root {
  --brown: #0B3149;
  --brown-soft: #24506A;
  --ink: #142B38;
  --orange: #12A150;
  --orange-dark: #0C8540;
  --red: #D7263D;

  --water: #1A7FB8;
  --water-dark: #0F5F8F;
  --teal: #0E9A9A;
  --sky: #E6F3FA;
  --mist: #F3F9FC;
  --amber: #FFC94A;

  --shadow-card: 0 14px 30px rgba(11, 49, 73, 0.09);
  --shadow-premium: 0 22px 48px rgba(26, 127, 184, 0.22), 0 10px 26px rgba(11, 49, 73, 0.12);
}

p,
.plan-card li {
  color: rgba(20, 43, 56, 0.82);
}

html,
body,
.bg-page {
  background: var(--mist);
}

/* Barra de urgencia */
.urgency-bar {
  background: linear-gradient(90deg, var(--brown), var(--water-dark));
  animation: none;
}

.urgency-bar #data-hoje {
  color: var(--amber);
}

/* Hero */
.hero-section {
  position: relative;
  background:
    radial-gradient(120% 70% at 50% 0%, #ffffff 0%, var(--sky) 58%, #D3EAF5 100%);
  margin-inline: calc(50% - 50vw);
  padding-inline: max(1.25rem, calc(50vw - 36rem));
  border-bottom: 1px solid rgba(26, 127, 184, 0.14);
}

.hero-section h1 {
  color: var(--brown);
}

.hero-copy {
  color: var(--brown-soft);
}

.hero-image-shell {
  max-width: min(78vw, 420px);
  margin-left: auto;
  margin-right: auto;
}

@media (width >= 1024px) {
  .hero-image-shell {
    max-width: 460px;
  }
}

/* Secoes */
.section-block {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(1.25rem, calc(50vw - 36rem));
}

.section-block:nth-of-type(odd) {
  background: #ffffff;
}

.section-block:nth-of-type(even) {
  background: var(--mist);
}

.section-block h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin: 0.85rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--water), var(--teal));
}

.guarantee-card h2::after {
  display: none;
}

.site-footer {
  margin-inline: calc(50% - 50vw);
  background: var(--brown);
  color: rgba(255, 255, 255, 0.7);
}

.site-footer p {
  color: rgba(255, 255, 255, 0.72);
}

.site-footer .footer-aviso {
  max-width: 36rem;
  margin: 0 auto 0.75rem;
  line-height: 1.55;
  padding-inline: 1.25rem;
}

/* Botoes */
.cta-primary {
  background: linear-gradient(180deg, #17B45C, var(--orange));
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 14px 26px rgba(18, 161, 80, 0.3);
}

.cta-primary:hover {
  background: var(--orange-dark);
  box-shadow: 0 18px 34px rgba(18, 161, 80, 0.38);
}

.cta-secondary {
  border-radius: 12px;
  color: var(--water-dark);
  border: 2px solid rgba(26, 127, 184, 0.35);
}

.cta-secondary:hover {
  border-color: var(--water);
  color: var(--water);
}

/* Cartoes */
.info-card,
.bonus-card,
.review-card,
.plan-card,
.guarantee-card,
.faq-item {
  border-color: rgba(11, 49, 73, 0.08);
  border-radius: 16px;
}

.info-card {
  box-shadow: inset 0 4px 0 var(--water), var(--shadow-card);
}

.info-card:hover,
.bonus-card:hover,
.review-card:hover {
  border-color: rgba(26, 127, 184, 0.35);
  box-shadow: 0 20px 42px rgba(11, 49, 73, 0.13);
}

.info-card:hover {
  box-shadow: inset 0 4px 0 var(--water), 0 20px 42px rgba(11, 49, 73, 0.13);
}

.icon-wrap {
  color: #fff;
  background: linear-gradient(135deg, var(--water), var(--teal));
  border: 0;
  border-radius: 999px;
}

.bonus-card {
  box-shadow: inset 4px 0 0 var(--teal), var(--shadow-card);
}

.bonus-card:hover {
  box-shadow: inset 4px 0 0 var(--teal), 0 20px 42px rgba(11, 49, 73, 0.13);
}

.bonus-label {
  color: #fff;
  background: var(--teal);
  border-radius: 999px;
  padding: 0.28rem 0.7rem;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
}

.bonus-price strong {
  color: var(--orange);
}

.stars {
  color: #F5B400;
}

.check-icon {
  color: var(--teal);
}

.dot {
  background: rgba(11, 49, 73, 0.2);
}

.dot-active {
  background: var(--water);
}

.sample-slide {
  border-color: rgba(26, 127, 184, 0.18);
}

/* Total dos bonus */
.total-bonus {
  background: linear-gradient(135deg, var(--brown), var(--water-dark));
  box-shadow: 0 24px 48px rgba(11, 49, 73, 0.22);
}

.total-bonus p {
  color: rgba(255, 255, 255, 0.72);
}

.total-bonus span {
  color: #FF8A8A;
}

.total-bonus strong {
  color: var(--amber);
}

/* Planos */
.plan-price strong {
  color: var(--brown);
}

.plan-price-complete strong,
.discount-price strong {
  color: var(--orange);
}

.featured-plan {
  border-color: var(--water);
  background: linear-gradient(180deg, #F2F9FD 0%, #ffffff 40%);
}

.choice-badge {
  background: var(--water);
  color: #fff;
  letter-spacing: 0.04em;
}

/* Popup */
.discount-popup {
  border-color: var(--water);
  background: #ffffff;
}

.discount-badge {
  color: var(--water-dark);
  background: var(--sky);
  border-color: rgba(26, 127, 184, 0.3);
}

.discount-decline {
  color: rgba(11, 49, 73, 0.65);
}

/* Garantia e FAQ */
.shield-icon {
  background: linear-gradient(135deg, var(--teal), var(--water));
  border-radius: 999px;
}

.guarantee-card {
  border: 2px dashed rgba(14, 154, 154, 0.45);
}

.faq-item button {
  color: var(--brown);
}

.faq-plus {
  color: var(--water);
}

.faq-item:has(button[aria-expanded="true"]) {
  border-color: rgba(26, 127, 184, 0.4);
}