/* MADRE SELVA · propuesta 29/10/2026. Cargar al FINAL del head.
   Solo espaciado de secciones, transiciones y soporte decorativo del hero. */
:root { --ms-rhythm:55px; --ms-transition:24px; }
@media (max-width:1099px) { :root { --ms-rhythm:47.5px; --ms-transition:22px; } }
@media (max-width:640px) { :root { --ms-rhythm:40px; --ms-transition:18px; } }

/* El degradé vive dentro del espaciado, sin sumar otra franja vacía. */
html body section:is(.section,.statement,.stream,.inside,.final,#ms-evolution):not(#ms-hero) {
  padding-top:var(--ms-rhythm)!important;
  padding-bottom:var(--ms-rhythm)!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
html body div.ms-v3:has(> section#por-dentro),
html body div.ms-v3.ms-interior-carousel {
  padding-top:0!important;
  padding-bottom:0!important;
  background-image:none!important;
}
html body div.ms-cta-band.ms-cta-band--inside {
  padding-top:var(--ms-rhythm)!important;
  padding-bottom:var(--ms-rhythm)!important;
  background-image:linear-gradient(180deg,#262624,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition));
}
html body section.section.ms-sale-real { background-image:none!important; }
html body section.statement.ms-chaos {
  background-image:linear-gradient(180deg,#1f1f1d,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition))!important;
}
html body section#sistema + section.section {
  background-image:linear-gradient(180deg,#1f1f1d,transparent var(--ms-transition)),linear-gradient(0deg,#11110f,transparent var(--ms-transition))!important;
}
html body section#por-dentro.inside {
  background-image:linear-gradient(180deg,#11110f,transparent var(--ms-transition))!important;
}
html body section#ms-evolution {
  background-image:linear-gradient(180deg,#1f1f1d,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition))!important;
}
html body section#ms-official-tour {
  background-image:linear-gradient(180deg,#1f1f1d,transparent var(--ms-transition))!important;
}
html body section#asistentes.section.ms-ai {
  background-image:linear-gradient(180deg,#11110f,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition))!important;
}
html body section.audience.ms-v2-emp {
  background-image:linear-gradient(180deg,#1f1f1d,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition))!important;
}
html body section#ms-selva-historia.section {
  background-image:linear-gradient(0deg,#0f2e2c,transparent var(--ms-transition))!important;
}
html body section.section.faq-section {
  background-image:linear-gradient(180deg,#0f2e2c,transparent var(--ms-transition)),linear-gradient(0deg,#1f1f1d,transparent var(--ms-transition))!important;
}
/* Tres módulos decorativos independientes. Las flechas quedan fuera. */
#ms-hero .h3-strip { position:relative; isolation:isolate; }
#ms-hero .h3-strip::before { content:none; }
#ms-hero .h3-strip > span:not(.h3-arrow) {
  position:relative;
  isolation:isolate;
  white-space:nowrap;
  font-size:clamp(6.75px,.6375vw,9px);
}
#ms-hero .h3-strip > span:not(.h3-arrow)::before {
  content:"";
  position:absolute;
  inset:-14px -20px;
  z-index:-1;
  pointer-events:none;
  background:#181713;
  border:1px solid #d2b36f;
  border-radius:999px;
  box-shadow:none;
}
@media (max-width:1099px) {
  #ms-hero .h3-strip > span:not(.h3-arrow)::before { inset:-13px -16px; border-radius:999px; }
  /* Tablet y celular 30/10: misma proporción que en PC respecto de «Ver cómo funciona»
     (PC 9px / 18px = 50 %; aquí el enlace mide 16px → 8px). */
  #ms-hero .h3-strip > span:not(.h3-arrow) { font-size:8px; }
}
@media (max-width:640px) {
  #ms-hero .h3-strip > span:not(.h3-arrow)::before { inset:-12px -10px; border-radius:999px; }
}