/* ========================================= */
/* Styles specific to the Flota page         */
/* ========================================= */

/* Diagonal clip on the hero section */
.clip-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Hero gradient overlay */
.hero-gradient {
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.9) 0%, rgba(26, 42, 74, 0.8) 100%);
}

/* Smooth transition for fleet content swap */
[x-cloak] { display: none !important; }

/* Fleet tab video crossfade */
#catalogo-flota video {
    transition: opacity 0.4s ease-in-out;
}

/* Card hover lift effect */
#galeria-flota .group:hover {
    transform: translateY(-4px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* CTA section glow on hover */
#cta-flota a:hover {
    box-shadow: 0 8px 30px rgba(255, 204, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .clip-diagonal {
        clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
    }

    #hero-flota {
        min-height: 580px;
    }
}

/* Hero Carousel Slide Transitions */
.hero-slide {
    position: absolute;
    inset: 0;
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1), opacity 1.2s cubic-bezier(0.25, 1, 0.3, 1);
    will-change: transform, opacity;
}

.hero-slide img {
    filter: brightness(0.68);
}

/* Active Slide */
.hero-slide.slide-active {
    opacity: 1;
    transform: translateX(0) translateZ(0) rotateY(0deg) scale(1);
    z-index: 10;
}

/* Previous Slide */
.hero-slide.slide-prev {
    opacity: 0;
    transform: translateX(-100%) translateZ(-200px) rotateY(15deg) scale(0.9);
    z-index: 5;
}

/* Next Slide */
.hero-slide.slide-next {
    opacity: 0;
    transform: translateX(100%) translateZ(-200px) rotateY(-15deg) scale(0.9);
    z-index: 0;
}