@import "tailwindcss";

@import "tailwindcss";

body {
    font-family: 'Nunito', sans-serif;
}

/* estilo de la etiqueta */
.gm-label-white {
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
    white-space: nowrap;
    font-size: 14px;
    transform: translate(-50%, -100%); /* centrar sobre el punto */
    pointer-events: none; /* no captura clicks */
}




.loading-spinner {
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.bg-blue-950 {
    background-color: var(--color-blue-950);
}

.hover\:bg-blue-950 {
    &:hover {
        @media (hover: hover) {
            background-color: var(--color-blue-950);
        }
    }
}

/* Mismo caso: el drawer móvil del Sidebar (Almar.Components.Razor) usa left-0/-left-full
   para abrirse y cerrarse. Existe una regla equivalente para "left-0" dentro de
   _content/Almar.Components.Razor/css/outputComponents.css, pero por algún conflicto de
   cascada/capas de Tailwind con ese archivo del paquete, no está ganando en tiempo de
   ejecución (el drawer se queda fuera de pantalla aunque la clase cambie correctamente).
   Se fuerza aquí con !important para garantizar que estas dos reglas siempre apliquen. */
.left-0 {
    left: 0px !important;
}

.-left-full {
    left: -100% !important;
}