/* =========================
   FIX VIDEO HEIGHT (REAL SOLUTION)
   ========================= */

/* card base */
.thumb-info {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
}

/* 🔥 CLAVE: forzar ratio visual del media */
.thumb-info-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;   /* 👈 ESTO controla la altura */
    overflow: hidden;
}

/* desktop un poco más alto (opcional premium feel) */
@media (min-width: 1200px) {
    .thumb-info-wrapper {
        aspect-ratio: 4 / 2.6;
    }
}

/* video + img se adaptan al contenedor */
.thumb-info-wrapper img,
.thumb-info-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* overlay */
.thumb-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0.25),
        rgba(0,0,0,0.05)
    );
}

/* text layer */
.thumb-info-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* date */
.date {
    position: absolute;
    z-index: 2;
}