/* public/assets/css/styles.css
   Detalles que no se resuelven con clases de Tailwind directamente.
   Todo lo demás se maneja con utilidades de Tailwind en el HTML. */

body {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Forma abstracta de gradiente desenfocado, usada como decoración detrás
   del hero y otras secciones oscuras — reemplaza sin librerías externas
   las figuras 3D del sitio de referencia. */
.blob {
    position: absolute;
    border-radius: 9999px;
    filter: blur(70px);
    opacity: 0.5;
    pointer-events: none;
}

/* Textura sutil de grilla, para secciones claras (login, portal). */
.hero-grid {
    background-image:
        linear-gradient(to right, rgba(14, 31, 51, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(14, 31, 51, 0.05) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, black 40%, transparent 90%);
    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, black 40%, transparent 90%);
}