/* espacio de desarrollo para angel */


/* =========================================================
   HOVERS PARA LOS BOTONES DE LOS MODALES (SweetAlert)
   ========================================================= */

.btn-aceptar-modal:hover,
.btn-aceptar-modal:focus {
  background-color: #4d5a38 !important; /* Un verde ligeramente más oscuro */
  color: #fff !important;
  box-shadow: none !important; /* Quita la sombra azul/morada de SweetAlert */
  outline: none !important;
}

.btn-cancelar-modal:hover,
.btn-cancelar-modal:focus {
  background-color: #333333 !important; /* Un gris oscuro en vez de negro puro */
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn-eliminar-modal:hover,
.btn-eliminar-modal:focus {
  background-color: #b82824 !important; /* Un rojo más oscuro */
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}


/* ___________________________________________________________________________________ */
/* ___________________________  Moodal Ordenar Items  _______________________________________ */
/* ___________________________________________________________________________________ */


#lista-ordenar {
            padding-left: 0;
            list-style: none;
        }

        #lista-ordenar .ord-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            cursor: grab;
            user-select: none;
            background-color: #fff;
            border: 1px solid #EDECF0; /* Borde gris suave de tu paleta */
            border-radius: 12px;       /* Bordes más curvos */
            margin-bottom: 10px;       /* Espacio entre cajas */
            padding: 0.75rem 1.2rem;
            transition: box-shadow 0.2s ease;
        }

        #lista-ordenar .ord-item:last-child {
            margin-bottom: 0;
        }

        #lista-ordenar .ord-handle {
            width: 34px;
            height: 34px;
            flex: 0 0 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid #EDECF0; /* Cajita alrededor del ícono */
            border-radius: 8px;
            background: transparent;
            color: #606060;
            cursor: grab;
        }

        #lista-ordenar .ord-content {
            flex: 1;
            min-width: 0;
        }

        #lista-ordenar .ord-title {
            font-weight: 700;
            font-size: 0.95rem;
            color: #111;
            margin: 0 0 2px 0;
        }

        #lista-ordenar .ord-desc {
            font-size: .8rem;
            color: #929292;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #lista-ordenar .dragging {
            opacity: 0.5;
            background: #f8f8f9;
            border: 1px dashed #6d7f4f;
        }

        #lista-ordenar .drop-target {
            border-top: 2px solid #6d7f4f !important;
        }




/* ___________________________________________________________________________________ */
/* ___________________________  Moodal Ordenar Items  _______________________________________ */
/* ___________________________________________________________________________________ */