/* =======================================================================================================================
** Banners
*/
.banner_header #carouselExampleAutoplaying,
.banner_header .carousel-inner,
.banner_header .carousel-item{
    height: 100%;
}
.banner_header .carousel-item {
    overflow: hidden;
    position: relative;
}
.banner_header h5,
.banner_header p{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Sombra negra con desenfoque */
}
.banner_header a{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Sombra en el fondo */
}
.banner_header .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover; /* Hace que la imagen rellene el contenedor sin deformarse */
    object-position: center; /* Centra la imagen dentro del contenedor */
}

.carousel-caption {
    position: absolute;
    left: 50%; /* Centramos horizontalmente */
    transform: translate(-50%, -50%); /* Ajustamos para centrar perfectamente */
    color: #fff;
    text-align: center;
}
.fondo_texto_banner{
    padding: 1.25rem;
    border-radius: 5px;
}
.botones_banner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.botones_banner a{
    margin: 0 1em;
}
/* Mostrar siempre la caption en dispositivos móviles */
.carousel-caption {
    display: block !important; /* Sobrescribe las reglas predeterminadas */
}

/* Ajustes específicos para pantallas pequeñas */
@media (max-width: 576px) {
    .carousel-caption {
        font-size: 14px; /* Ajusta el tamaño del texto para pantallas pequeñas */
        padding: 0.75rem; /* Reduce el padding si es necesario */
    }
}
/*
 * Media para ESCRITORIO
 */
    @media screen and (min-width: 1024px){
        .banner_header{
            height: 85vh !important;
            margin-top: -12.5%;
        }
        .banner_header_aritos3d{
            height: 85vh !important;
        }
        .banner_secundario{
            max-height: 300px;
            margin-top: -12.5%;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .banner_secundario img{
            height: 100%;
            width: 100%;
            object-fit: cover; /* Hace que la imagen rellene el contenedor sin deformarse */
            object-position: center; /* Centra la imagen dentro del contenedor */
        }
        .carousel-caption {
            bottom: -3%;
            width: 60%;
        }
        .banner_header h5{
            font-size: 3em;
        }
        .banner_header p{
            font-size: 1.5em;
        }
        .fondo_texto_banner{
            background-color: rgb(255, 255, 255, 0.3);
        }
    }
/*
 * Media para MÓVILES 
 */
    @media screen and (max-width: 1023px){
        .banner_header{
            height: 35vh !important;
            margin-top: 6vh;
        }
        .carousel-caption{
            bottom: -10%;
            width: 75%;
        }
        .carousel-caption:hover .contenido_banner_movil{
            display: block !important;
        }
        .banner_header h5{
            margin-bottom: 1em;
        }
        .botones_banner a{
            margin-top: 0.3em;
        }
        .fondo_texto_banner{
            background-color: rgb(0, 0, 0, 0.3);
        }
    }