#homeCarousel {
    width: 100%;
    height: 55vh;
}

    #homeCarousel .carousel-inner,
    #homeCarousel .carousel-item,
    .slider-img {
        height: 55vh;
    }

.slider-img {
    object-fit: cover;
}

/*ESTILOS TEXTO DENTRO DE SLIDE*/
/* Texto fijo centrado sobre el carrusel */
/* Texto fijo centrado sobre el carrusel */
.carousel-overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fdd757; /* amarillo dorado del texto */
    z-index: 20; /* encima de todo */
    opacity: 0;
    animation: overlayFadeIn 2s ease-out forwards;
    /* Fondo semi-transparente */
    background-color: rgba(25, 40, 84, 0.6); /* azul oscuro con opacidad 60% */
    padding: 30px 50px;
    border-radius: 15px;
    border: 2px solid rgba(255, 253, 87, 0.8); /* borde dorado semi-transparente */
}

    /* H1 grande y llamativo */
    .carousel-overlay-text h1 {
        font-size: 3rem;
        font-weight: 800;
        letter-spacing: 2px;
        margin-bottom: 15px;
        text-shadow: 2px 2px 15px rgba(0,0,0,0.5);
    }

    /* Subtítulo */
    .carousel-overlay-text p {
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 1px;
        color: #ffffff;
        text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    }

/* Animación de aparición */
@keyframes overlayFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -60%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}