.slider-subtitulo {
    font-size: 18px;
	
}

.slider-titulo {
    font-size: 65px;
    font-weight: bold;
	
}

.slider-subtitulo2 {
    font-size: 22px;
	
}

#blog-carousel h1,
#blog-carousel h2 {
    color: #ffffff !important;
}

/* =====================================
ANIMACIÓN TEXTO CARRUSEL (PRO)
===================================== */

/* subtítulo arriba */
#blog-carousel .slider-subtitulo {
    animation: fadeDown 1s ease;
}

/* título principal */
#blog-carousel .slider-titulo {
    animation: fadeUp 1.2s ease;
}

/* subtítulo abajo */
#blog-carousel .slider-subtitulo2 {
    animation: fadeUp 1.5s ease;
}


/* =====================================
KEYFRAMES
===================================== */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#blog-carousel .slider-subtitulo {
    animation: fadeDown 1s ease;
}

#blog-carousel .slider-titulo {
    animation: fadeUp 1.2s ease 0.3s;
    animation-fill-mode: both;
}

#blog-carousel .slider-subtitulo2 {
    animation: fadeUp 1.5s ease 0.6s;
    animation-fill-mode: both;
}

//* =====================================
ZOOM CARRUSEL (VERSIÓN CORRECTA)
===================================== */

#blog-carousel .carousel-item {
    overflow: hidden;
}

#blog-carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* animación SOLO cuando está activo */
#blog-carousel .carousel-item.active img {
    animation: zoomEffect 8s ease-in-out forwards;
}

/* keyframes */
@keyframes zoomEffect {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.15);
    }
}