/* ==========================================================================
   Estilos Premium para Mosaico de Tarjetas (cards-mosaic)
   ========================================================================== */

.ismx-cards-mosaic .premium-card {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: var(--ismx-white);
}

/* Efecto de elevación elegante al pasar el mouse */
.ismx-cards-mosaic .premium-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(1, 87, 155, 0.15) !important;
}

/* Zoom suave en la imagen */
.ismx-cards-mosaic .card-img-wrapper {
    overflow: hidden;
}

.ismx-cards-mosaic .card-img-wrapper img {
    transition: transform 0.5s ease;
}

.ismx-cards-mosaic .premium-card:hover .card-img-wrapper img {
    transform: scale(1.05);
}

/* Efecto sutil en el botón */
.ismx-cards-mosaic .premium-btn {
    transition: all 0.3s ease;
}

.ismx-cards-mosaic .premium-card:hover .premium-btn {
    background-color: var(--ismx-primary);
    color: var(--ismx-white);
    transform: translateX(-5px);
}