<style>
/* Estilo base aplicando el efecto sobre la estructura de DonWeb */
.ssc-col.columna-efecto {
    transition: all 0.35s ease-in-out !important; /* Animación fluida */
    transform: scale(1) !important;
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer; /* Muestra la mano al pasar el mouse */
}

/* Efecto Hover (Al pasar el mouse) */
.ssc-col.columna-efecto:hover {
    background-color: #e67817 !important; /* Naranja corporativo */
    transform: scale(1.05) !important; /* Expansión del 5% */
    z-index: 99 !important; /* Hace que se superponga por encima de las demás */
    box-shadow: 0 12px 24px rgba(0,0,0,0.2) !important; /* Sombra de profundidad */
    border-radius: 4px !important; /* Opcional: redondea un poco las esquinas al activarse */
}

/* Cambiar textos, títulos e íconos a blanco dentro de la columna activa */
.ssc-col.columna-efecto:hover *,
.ssc-col.columna-efecto:hover h2,
.ssc-col.columna-efecto:hover h3,
.ssc-col.columna-efecto:hover p,
.ssc-col.columna-efecto:hover div,
.ssc-col.columna-efecto:hover i {
    color: #ffffff !important;
}
</style>