/* ═══════════════════════════════════════════════════════════════
   Tema espiritual — inspirado en estadodeser.com · lialuzinterior.com
   · redmaestracuantica.com
   ═══════════════════════════════════════════════════════════════ */

body.wb-theme-espiritual {
  --wb-morado-oscuro: #2d1344;
  --wb-morado-medio: #5a2d82;
  --wb-morado-claro: #4b2c71;
  --wb-lavanda: #e6dcf5;
  --wb-lila-fondo: #f3ebff;
  --wb-dorado: #d4af37;
  --wb-teal: #1fafb5;
  --wb-text: #3f3f3f;
  --wb-text-muted: #4a4a4a;
  font-family: 'Inter', var(--wb-font), sans-serif;
  color: var(--wb-text);
  background: #fff;
}

body.wb-theme-espiritual h1,
body.wb-theme-espiritual h2,
body.wb-theme-espiritual h3,
body.wb-theme-espiritual .wb-section__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--wb-morado-oscuro);
}

body.wb-theme-espiritual .wb-section:nth-of-type(even) {
  background: #fafafa;
}

/* Navbar morado */
body.wb-theme-espiritual .wb-navbar {
  background: var(--wb-morado-oscuro);
  border-bottom: none;
  box-shadow: none;
}
body.wb-theme-espiritual .wb-logo,
body.wb-theme-espiritual .wb-logo span {
  color: #fff !important;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.15rem;
}
body.wb-theme-espiritual .wb-nav a {
  color: #fff;
  font-weight: 400;
  font-size: 0.95rem;
}
body.wb-theme-espiritual .wb-nav a:hover { color: var(--wb-lavanda); }
body.wb-theme-espiritual .wb-nav .wb-btn {
  background: transparent;
  color: var(--wb-teal);
  border: 1px solid transparent;
  box-shadow: none;
}
body.wb-theme-espiritual .wb-nav .wb-btn:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}

body.wb-preset-luz_interior .wb-navbar {
  border-bottom: 3px solid var(--wb-dorado);
}
body.wb-preset-luz_interior .wb-nav a:hover { color: var(--wb-dorado); }

/* Hero púrpura */
body.wb-theme-espiritual .wb-hero {
  background: var(--wb-morado-medio);
  min-height: auto;
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
}
body.wb-theme-espiritual .wb-hero::before,
body.wb-theme-espiritual .wb-hero::after { display: none; }
body.wb-theme-espiritual .wb-hero__eyebrow { display: none; }
body.wb-theme-espiritual .wb-hero h1 {
  color: #f5f0fa;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(2rem, 4.5vw, 2.85rem);
}
body.wb-theme-espiritual .wb-hero .wb-lead {
  color: var(--wb-lavanda);
  font-size: 1.1rem;
  max-width: 36rem;
}
body.wb-theme-espiritual .wb-hero .wb-btn {
  background: var(--wb-teal);
  color: #fff;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: none;
}
body.wb-theme-espiritual .wb-hero .wb-btn:hover {
  background: #17979c;
  transform: none;
}
body.wb-theme-espiritual .wb-hero .wb-btn--ghost {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
}

body.wb-preset-luz_interior .wb-hero {
  background: linear-gradient(135deg, var(--wb-morado-claro) 0%, var(--wb-morado-oscuro) 100%);
}
body.wb-preset-luz_interior .wb-hero h1 { color: var(--wb-dorado); }
body.wb-preset-luz_interior .wb-hero .wb-btn {
  background: var(--wb-dorado);
  color: var(--wb-morado-oscuro);
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
body.wb-preset-luz_interior .wb-hero .wb-btn:hover {
  background: var(--wb-morado-oscuro);
  color: var(--wb-dorado);
}

body.wb-preset-maestra_cuantica .wb-hero {
  background: linear-gradient(135deg, #6a1b9a 0%, #4a148c 100%);
}
body.wb-preset-maestra_cuantica .wb-hero h1 { color: var(--wb-dorado); }
body.wb-preset-maestra_cuantica .wb-hero .wb-btn {
  background: var(--wb-dorado);
  color: #2d1344;
  border-radius: 50px;
  font-weight: 700;
}

/* Split / about */
body.wb-theme-espiritual .wb-about__inner {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  max-width: 1200px;
}
body.wb-theme-espiritual .wb-about--reverse .wb-about__content { order: 2; }
body.wb-theme-espiritual .wb-about--reverse .wb-about__media { order: 1; }
body.wb-theme-espiritual .wb-about__content p {
  font-size: 1.05rem;
  color: #4a4a4a;
  max-width: 32rem;
  line-height: 1.75;
}
body.wb-theme-espiritual .wb-about__media img {
  border-radius: 8px;
  width: 100%;
}

/* Modalidades / features cards */
body.wb-theme-espiritual .wb-features {
  background: var(--wb-lila-fondo);
}
body.wb-theme-espiritual .wb-features .wb-grid {
  max-width: 1100px;
  margin: 0 auto;
}
body.wb-theme-espiritual .wb-features .wb-card {
  background: #fff;
  border-radius: 8px;
  padding: 2rem;
  border: none;
  box-shadow: 0 8px 24px rgba(45, 19, 68, 0.06);
  text-align: left;
}
body.wb-theme-espiritual .wb-features .wb-card h3 {
  color: var(--wb-morado-medio);
  margin-bottom: 0.6rem;
}
body.wb-theme-espiritual .wb-features .wb-card a {
  color: var(--wb-morado-medio);
  font-weight: 500;
}

body.wb-preset-luz_interior .wb-features .wb-card {
  border-bottom: 4px solid var(--wb-dorado);
  border-radius: 15px;
}

/* CTA final */
body.wb-theme-espiritual .wb-banner-cta {
  text-align: center;
  background: linear-gradient(135deg, var(--wb-morado-claro), var(--wb-morado-oscuro));
  color: #fff;
}
body.wb-theme-espiritual .wb-banner-cta h2,
body.wb-theme-espiritual .wb-banner-cta p { color: #fff; }
body.wb-theme-espiritual .wb-banner-cta .wb-btn {
  background: var(--wb-teal);
  color: #fff;
}

body.wb-preset-maestra_cuantica .wb-banner-cta--oscuro,
body.wb-preset-maestra_cuantica .wb-banner-cta {
  background: linear-gradient(135deg, #6a1b9a 0%, #4a148c 100%);
}
body.wb-preset-maestra_cuantica .wb-banner-cta h2 { color: var(--wb-dorado); }

/* Comunidad / redes (features grid-4) */
body.wb-theme-espiritual .wb-features .wb-section__sub {
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.72rem;
  color: #9a81b9;
}

/* Footer espiritual */
body.wb-theme-espiritual .wb-footer {
  background: linear-gradient(135deg, #4b2c71 0%, #2e1a47 100%);
  color: #e0d7ff;
  text-align: left;
  border-top: 2px solid #b39ddb;
  padding: 3.5rem 0 2rem;
}
body.wb-theme-espiritual .wb-footer__brand,
body.wb-theme-espiritual .wb-footer__col-title { color: #fff; }
body.wb-theme-espiritual .wb-footer__desc,
body.wb-theme-espiritual .wb-footer__contact-item,
body.wb-theme-espiritual .wb-footer__copy { color: #c4b5e8; font-weight: 300; }
body.wb-theme-espiritual .wb-footer a {
  color: #f3ebff;
}
body.wb-theme-espiritual .wb-footer__links a {
  border-bottom: none;
}
body.wb-theme-espiritual .wb-footer__links a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.wb-theme-espiritual .wb-footer__social a {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(179, 157, 219, 0.35);
  color: #fff;
}
body.wb-theme-espiritual .wb-footer__social a:hover {
  background: rgba(255, 255, 255, 0.18);
}
body.wb-theme-espiritual .wb-footer__bottom {
  border-top-color: rgba(179, 157, 219, 0.25);
}
@media (max-width: 768px) {
  body.wb-theme-espiritual .wb-footer__brand-col {
    text-align: center;
  }
  body.wb-theme-espiritual .wb-footer__social {
    justify-content: center;
  }
}

/* Botones generales */
body.wb-theme-espiritual .wb-btn {
  border-radius: 6px;
  font-family: 'Inter', sans-serif;
}

/* Responsive */
@media (max-width: 900px) {
  body.wb-theme-espiritual .wb-about__inner,
  body.wb-theme-espiritual .wb-about--reverse .wb-about__inner {
    flex-direction: column;
  }
}