/* Estilo base para cada tarjeta KPI */
.sku-score-kpi-card-menu {
    height: 400px;
    /* Altura fija, puedes usar auto, 100%, o vh según diseño */
    color: white;
    /* Color del texto dentro de la tarjeta */
    background-size: cover;
    /* Ajusta la imagen para cubrir todo el fondo sin distorsión */
    background-position: center;
    /* Centra la imagen */
    border-radius: 0px;
    /* Bordes redondeados, puedes usar 0px o 50% para círculo */
    position: relative;
    /* Necesario para posicionar el overlay absolutamente */
    overflow: hidden;
    /* Oculta el contenido que sobresalga de los bordes */
    cursor: pointer;
    /* Cambia el cursor al pasar por encima */
    /* box-shadow: 0 4px 12px rgb(0, 0, 0); */
    /* Sombra suave inicial  */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Animación suave para zoom y sombra */
}

/* Estilo al pasar el mouse por encima (hover) */
.sku-score-kpi-card-menu:hover {
    transform: scale(1.03);
    /* Zoom leve, otros valores: 1.01–1.1 */
    box-shadow: 3px 6px 9px rgb(0, 0, 0);
    /* Sombra más fuerte y profunda */
}

/* Estilo para el texto superpuesto en la parte inferior de la card */
.sku-score-kpi-card-overlay {
    position: absolute;
    /* Posicionamiento absoluto respecto al .kpi-card */
    bottom: 0;
    /* Anclado al borde inferior */
    left: 0;
    /* Alineado a la izquierda */
    width: 100%;
    /* Ancho de la tarjeta */
    height: 22%;
    /* Alto de la tarjeta */
    background: #7a2e3295;
    /* Fondo oscuro semi-transparente */
    padding: 0px;
    /* Espaciado interior */
    text-align: center;
    /* Centrado del texto */
}

/* Estilo base para los títulos y subtítulos */
.sku-score-card-title {
    font-size: 25px;
    /* Tamaño del título */
    /* font-weight: bold; */
    /* Negrita */
    margin-bottom: 3px;
    /* Espacio inferior */
}

.sku-score-kpi-card-subtitle {
    font-size: 11px;
    /* Tamaño del subtítulo */
    /* opacity: 1; */
    /* Transparencia leve */
    margin-bottom: 3px;
    /* Espacio inferior */
}