@import "tailwindcss";
/* --- ESTILOS OPTIMIZADOS ENMIGUATE POS --- */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #0f172a;
    background-color: #f8fafc; /* Gris muy suave */
}

/* Colores Corporativos (Índigo para SaaS) */
:root {
    --pos-primary: #6366f1;
    --pos-dark: #0f172a;
    --pos-accent: #c7d2fe;
}

.text-pos-primary { color: var(--pos-primary); }
.text-pos-dark { color: var(--pos-dark); }
.bg-pos-primary { background-color: var(--pos-primary); }
.bg-pos-dark { background-color: var(--pos-dark); }

/* Motor de degradado animado (Estilo Nicepay 6.png) */
.hero-vibe-gradient {
    background: radial-gradient(circle at 50% 100%, #7a7ddfe0 10%, #f5f6fa 60%, #F5F6FA 10%);
    background-size: 200% 200%;
    animation: gradientFlow 15s ease infinite;
}

.hero-enmiGuate {
    border: 2px solid #e3e3e4;
}

@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Efecto de cristal esmerilado para tarjetas de datos */
.glass {
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
}

/* Tracking ajustado para títulos gigantes */
.tracking-tighter {
    letter-spacing: -0.05em;
}

/* Asegurar accesibilidad en los botones */
button:focus {
    outline: 2px solid #6366f1;
    outline-offset: 4px;
}

/* Estilo Vidrio Oscuro para Menú Full Screen */
.glass-dark {
    background: rgba(15, 23, 42, 0.95); /* Color pos-dark con opacidad */
    backdrop-filter: blur(25px) saturate(150%);
    -webkit-backdrop-filter: blur(25px) saturate(150%);
}

/* Evitar scroll cuando el menú esté abierto */
[x-cloak] { display: none !important; }

.overflow-hidden {
    overflow: hidden !important;
}