/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #025126; 
  border-radius: 4px;
}

/* Mejora de contraste para botones */
.bg-primary {
  background-color: #021c42 !important;
}

.bg-primary-dark {
  background-color: #013c1c !important;
}

.text-primary {
    color: #000000 !important;
}

.hover\:bg-primary-dark:hover {
  background-color: #013c1c !important;
}

/* Mejora para selects */
select {
  background-image: linear-gradient(#025126, #025126),
                    linear-gradient(#025126, #025126);
  background-position: right 0.5rem center, right 0.5rem center;
  background-size: 1px 20%, 1px 50%;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .md\:relative {
        position: relative;
        background-color: #e3af0e;
    }

    .md\:relative .box {
        width: 100px;
        height: 100px;
        background-color: #025126; /* Color de la caja */
        position: absolute; /* Posición absoluta dentro del contenedor relativo */
        top: 20px; /* Distancia desde la parte superior del contenedor */
        left: 20px; /* Distancia desde la parte izquierda del contenedor */
        border: 2px solid #fff; /* Borde blanco para definir la caja */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para dar profundidad */
    }
}

#sidebar {
    border: 2px solid #ffffff00;
    border-radius: 0px;
    box-shadow: 0 4px 8px rgb(0 0 0);
    background-color: #fff;
    margin-right: 1px;
}


.custom-select {
    appearance: none; /* Elimina el estilo nativo del navegador */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1.5em;
}