/* ============================================
   Murales de fondo — HablaNova Kids
   ============================================ */

:root {
  --mural-cream: #f9f4e8;
  --mural-opacity-soft: 0.14;
  --mural-opacity-medium: 0.2;
}

body {
  background-color: var(--mural-cream);
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--mural-cream) 92%, var(--blanco)) 0%,
      var(--mural-cream) 40%,
      color-mix(in srgb, var(--mural-cream) 88%, var(--blanco)) 100%
    );
}

.section .container,
.section > .cloud-divider,
.cta-band > .container {
  position: relative;
  z-index: 2;
}

.section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  opacity: var(--mural-opacity-soft);
}

.section--results::after {
  background-image: url("../img/murales/mural-organico-01.png");
  background-size: cover;
  background-position: center top;
  opacity: 0.16;
}

.section--trust::after {
  background-image: url("../img/murales/mural-organico-02.png");
  background-size: cover;
  background-position: left center;
  opacity: 0.18;
}

.section--programs::after {
  background-image: url("../img/murales/mural-comunicacion.png");
  background-size: min(120%, 1400px) auto;
  background-position: center bottom;
  opacity: var(--mural-opacity-medium);
}

.section--therapies::after {
  background-image: url("../img/murales/mural-organico-02.png");
  background-size: cover;
  background-position: center;
  opacity: 0.13;
}

.section--est::after {
  background-image: url("../img/murales/mural-organico-01.png");
  background-size: cover;
  background-position: right bottom;
  opacity: 0.13;
}

.section--lang::after {
  background-image: url("../img/murales/mural-comunicacion.png");
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}

.section--installations::after {
  background-image: url("../img/murales/mural-organico-02.png");
  background-size: cover;
  background-position: center;
  opacity: 0.14;
}

.section--testimonials::after {
  background-image: url("../img/murales/mural-organico-01.png");
  background-size: cover;
  background-position: left bottom;
  opacity: 0.15;
}

#faq::after {
  background-image: url("../img/murales/mural-organico-02.png");
  background-size: cover;
  background-position: right top;
  opacity: 0.14;
}

.section--map::after {
  background-image: url("../img/murales/mural-organico-01.png");
  background-size: cover;
  background-position: center bottom;
  opacity: 0.12;
}

.form-section::after {
  background-image: url("../img/murales/mural-organico-02.png");
  background-size: cover;
  background-position: left center;
  opacity: 0.13;
}

.cta-band {
  position: relative;
  overflow: hidden;
}

.cta-band::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: url("../img/murales/mural-comunicacion.png");
  background-size: min(110%, 1200px) auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
}

.cta-band .clouds-scene,
.cta-band .animated-sun-wrap,
.cta-band .container {
  position: relative;
  z-index: 1;
}

/* Tarjetas legibles sobre el mural */
.outcome-card,
.trust-pillar,
.benefit-card,
.testimonial-card,
.form-card,
.lang-block,
.nova-journey,
.philosophy-card,
.faq-item,
.map-info,
.facilities-carousel-wrap,
.therapy-panel,
.therapy-highlight {
  background-color: color-mix(in srgb, var(--blanco) 94%, var(--mural-cream));
}

@media (max-width: 767px) {
  .section::after,
  .cta-band::after {
    background-size: cover;
    opacity: 0.1;
  }

  .section--programs::after {
    background-size: cover;
    background-position: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section::after,
  .cta-band::after {
    opacity: 0.08;
  }
}