.list-group-item {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
}

.list-group-item:hover {
    text-decoration: none !important;
}

/* Efecto hover azul para los Sistemas Administrativos */
.list-group-item:hover h6,
.list-group-item:hover p,
.list-group-item:hover i {
    color: #006E9F !important;
}

/* Efecto hover general para las tarjetas 1 y 2 de Aplicativos */
.aplicativo-card {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aplicativo-card:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.aplicativo-card:hover h6,
.aplicativo-card:hover p,
.aplicativo-card:hover i {
    color: #E30613 !important;
}

/* --- NUEVAS REGLAS PARA LA TERCERA TARJETA --- */

/* Mantiene el efecto de elevación y sombra en la tarjeta de RRHH de forma estática o al pasar el mouse por la tarjeta */
.aplicativo-card-static {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aplicativo-card-static:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

/* Manejo del hover individual para AIRHSP y MCPP */
.link-aplicativo-red {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.link-aplicativo-red:hover {
    color: #E30613 !important;
    text-decoration: none;
}

/* NUEVA REGLA: Si la tarjeta CONTIENE un enlace con hover, pinta el icono de rojo */
.aplicativo-card-static:has(.link-aplicativo-red:hover) i,
.aplicativo-card-static:has(.link-aplicativo-red:hover) .textoRojo {
    color: #E30613 !important;
    transition: color 0.2s ease;
}