.card-hover-patera:hover {
    box-shadow: 0 20px 40px rgba(30, 41, 59, 0.3);
}

.card-hover-casa:hover {
    box-shadow: 0 20px 40px rgba(30, 58, 138, 0.3);
}

.card-hover-fango:hover {
    box-shadow: 0 20px 40px rgba(217, 119, 6, 0.3);
}

.overlay {
    background: linear-gradient( 135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100% );
}

/* Cubre siempre el contenedor manteniendo 16:9 y recortando lo que sobre */
.video-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    /* 16:9 -> alto = 56.25% del ancho */
    width: 100vw;
    height: 56.25vw;
    /* Si el contenedor (o viewport) es más alto que ancho,
     forzamos a cubrir en alto (equivale a min-width basado en 16:9) */
    min-height: 100vh; /* fallback */
    min-height: 100svh; /* mejor en móvil */
    min-height: 100dvh; /* viewport dinámico */
    min-width: 177.78vh; /* 100 * (16/9) */
    /* variantes modernas para móviles */
    min-width: 177.78svh;
    min-width: 177.78dvh;
    transform: translate(-50%, -50%);
    border: 0;
    /* si no quieres que se pueda clicar el player */
    /* pointer-events: none; */
}

.apartment-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

    .apartment-slide.active {
        opacity: 1;
    }