/* Cabecera de la prerreserva (27-oct-2026): marco de hojas entero y textos dentro de la tarjeta blanca.
   La imagen (1650x620) se recortaba por los lados con cover y, al estrecharse la ventana, el título y la fecha
   (tamaño fijo) rebasaban la tarjeta, que sí encoge con la imagen. Ahora los textos encogen con la ventana. */
.ecb-c-4e80394aa647[style*="8907e02caabc"] > .ecb-c-ef73a60842c2 {
  background-size: contain !important;
  background-position: center !important;
}

.ecb-c-4e80394aa647[style*="8907e02caabc"] h2 {
  font-size: min(70px, 5.3vw) !important;
  margin-top: min(30px, 2.4vw) !important;
}

.ecb-c-4e80394aa647[style*="8907e02caabc"] p {
  font-size: min(100%, 38px, 2.9vw) !important;
}

/* Móvil (7-nov-2026): margen de la página, junto con los de style.css, para que el formulario no parezca un espagueti. */
@media (max-width: 479px) {
  #ecb-i-77ae27011df1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Cabecera en móvil y tablet (8-nov-2026, opción B elegida por Álvaro): la web original la escondía hasta 1024 px y, mostrada tal
   cual, los textos se salían de la tarjeta. Aquí es la tarjeta blanca con la franja de hojas (otoño) o plantas (primavera) arriba
   y abajo, recortada de la misma imagen. */
@media (max-width: 1024px) {
  :is(.ecb-c-712a9f14e414, .ecb-c-00ba365e7cb9):has(.ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"])) {
    display: flex !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  :is(.ecb-c-712a9f14e414, .ecb-c-00ba365e7cb9):has(.ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"])) > .ecb-c-c7416c2c0fa4 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) * {
    max-width: 100% !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) > .ecb-c-ef73a60842c2 {
    justify-content: center !important;
    min-height: 340px !important;
    padding: 66px 26px 62px !important;
    border-radius: 18px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) h2 {
    margin: 0 !important;
    font-size: 31px !important;
    line-height: 1.15 !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-8a39abd026d0,
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-bdcbd60a6f5b {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-e9049f5733bd {
    max-width: 70% !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-6f838aca07e5 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-bdcbd60a6f5b p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-bdcbd60a6f5b:last-child {
    margin-top: 8px !important;
  }
  .ecb-c-4e80394aa647:is([style*="8907e02caabc"], [style*="a18f631bf007"]) .ecb-c-bdcbd60a6f5b:last-child p {
    font-size: 14.5px !important;
  }
  #ecb-i-77ae27011df1 {
    padding-top: 20px !important;
  }
}