@import url("./layout/prefooter.css");
@import url("./components/location-card.css");
@import url("./components/booking-options.css");
@import url("./layout/welcome.css");


/* =========================================
   WELCOME — forzar ancho del bloque (slider + texto)
   ========================================= */

/* 1) Ensancha el container SOLO dentro de la sección welcome */
section.section.section--soft.welcome > .container-global{
  max-width: 1100px !important;  /* prueba 1200px si quieres */
}

/* 2) Asegura que el bloque de texto también puede crecer */
section.section.section--soft.welcome .welcome__inner{
  max-width: 1100px !important;
}

/* 3) Si había límites por párrafo (68ch), los quitamos */
section.section.section--soft.welcome .welcome__inner p{
  max-width: none !important;
}


/* ============================================================
   SPLIT FEATURE — versión MEGA alta (test agresivo) Esto deberia ir en tecnicas.css, pero estoy probando cambios
   ============================================================ */

.split-feature--mega .media-placeholder {
  min-height: 820px; /* mucho más alto */
}

.split-feature--mega .media-placeholder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* =========================================
   Split: imagen igual a altura del contenido, probando eesta nueva manera en la seccion de suelo pelvico patologias
   (Pegar en overrides.css)
========================================= */
.split-equal-height{
  align-items: stretch;
}

.split-equal-height .media-equal-height{
  height: 95%;
  align-self: stretch;
  overflow: hidden;
}

/* La imagen rellena el alto disponible sin deformarse */
.split-equal-height .media-equal-height img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}