/*
 * Haya Energy · carruseles · reglas estructurales
 *
 * Por qué existe: Splide necesita un puñado de reglas de maquetación para
 * funcionar (la pista recorta, la lista es flex, los slides no encogen).
 * Bricks carga `splide-layer.min.css`, que son 1.112 bytes y NO es el CSS
 * estructural de la librería; comprobado el 18/10/2026, no hay en el sitio
 * ninguna regla para `.splide__list` que podamos reutilizar con seguridad
 * fuera del elemento nativo.
 *
 * Así que estas reglas van aquí, acotadas a `.haya-carousel` para no tocar
 * ningún carrusel nativo de Bricks que haya en el sitio.
 *
 * Es el subconjunto mínimo de splide-core. Nada de estética: los colores,
 * tamaños y espaciados de las tarjetas viven en clases globales de Bricks,
 * como manda el contrato.
 */

/* Splide esconde el carrusel hasta montarlo para evitar el parpadeo inicial.
 * Aquí NO se hace: si el JavaScript no llegara a ejecutarse, la sección se
 * quedaría en blanco y el usuario no vería nada. Se prefiere un parpadeo
 * breve a una sección vacía. */
.haya-carousel {
  position: relative;
}

.haya-carousel .splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.haya-carousel .splide__list {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  backface-visibility: hidden;
}

.haya-carousel .splide__slide {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none;
  margin: 0;
}

/* Sin JavaScript el carrusel no se monta y `visibility: hidden` dejaría la
 * sección vacía. Con esto, el marcado se ve como una fila de tarjetas con
 * scroll horizontal, que sigue siendo utilizable. */
.haya-carousel:not(.is-initialized) .splide__track {
  overflow-x: auto;
}