/* Forzar las alertas siempre por encima de cualquier modal */
.swal2-container {
  z-index: 3000 !important;  /* más alto que tus modales */
}

/* Estilos para la lista de etiquetas dentro del contenedor específico */
#lista-etiquetas-eliminacion {
    list-style: none; /* Elimina los puntos de la lista */
    padding: 0; /* Elimina el padding predeterminado del ul */
}

/* Base de los elementos de la lista como tarjetas */
#lista-etiquetas-eliminacion .list-group-item {
    border: none !important; /* Elimina los bordes predeterminados */
    padding: 1.25rem 1.5rem !important; /* Más padding para un aspecto más espacioso */
    background-color: #ffffff; /* Fondo blanco para las tarjetas */
}

/* Sombra suave para las tarjetas */
#lista-etiquetas-eliminacion .shadow-1 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important; /* Sombra más definida */
}

/* Efecto de elevación y sombra al pasar el mouse */
#lista-etiquetas-eliminacion .shadow-hover {
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#lista-etiquetas-eliminacion .shadow-hover:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; /* Sombra más grande en hover */
    transform: translateY(-3px); /* Un levantamiento más notorio */
}

/* Estilos para los íconos de Material Design */
#lista-etiquetas-eliminacion .material-icons {
    vertical-align: middle; /* Alinea los íconos con el texto */
    margin-right: 0.5rem; /* Espaciado a la derecha del ícono */
}

/* Estilo para el mensaje cuando no hay etiquetas */
#lista-etiquetas-eliminacion .list-group-item.text-center.text-muted {
    background-color: #f8f9fa; /* Un fondo ligeramente diferente para el mensaje */
    color: #6c757d !important;
}