/*
Theme Name:   Hello Elementor Child
Template:     hello-elementor
Description:  Tema hijo de Hello Elementor para personalizaciones.
Author:       Tu Nombre
Version:      1.0
Text Domain:  hello-child
*/


/* Estilo global para sliders */
div[class^="slider-pagina"] {
  position: relative;
  width: 100%;
  height: 100vh; /* Altura completa de la pantalla */
  overflow: hidden;
}

div[class^="slider-pagina"] img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cubre todo el contenedor */
  display: block;
}

/* Ajustes para pantallas medianas (tablets) */
@media (max-width: 1024px) {
  div[class^="slider-pagina"] {
    height: 75vh; /* Reduce la altura a 75% de la pantalla */
  }
}

/* Ajustes para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
  div[class^="slider-pagina"] {
    height: 50vh; /* Reduce la altura a 50% de la pantalla */
  }

  div[class^="slider-pagina"] img {
    object-fit: contain; /* Ajusta la imagen para que se vea completa */
  }
}