/* index.css */

body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
    /* Usamos la variable CSS nativa si Tailwind no ha cargado aún para evitar flash blanco, 
       aunque la clase bg-bg-primary lo sobreescribirá */
    background-color: #0D1426; 
}

/* Texto con degradado Neon */
.text-gradient-neon {
    background-image: linear-gradient(to right, #00E5FF, #FF00A2); /* Fallback colors */
    background-image: linear-gradient(to right, theme('colors.neon-cyan'), theme('colors.neon-magenta'));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Botones con degradado Neon */
.bg-gradient-neon {
    background-image: linear-gradient(to right, #00E5FF, #FF00A2);
    background-image: linear-gradient(to right, theme('colors.neon-cyan'), theme('colors.neon-magenta'));
}

/* Card de fondo con blur para el efecto Glassmorphism */
.card-glass {
    background-color: rgba(26, 35, 58, 0.5); /* bg-secondary with transparency */
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Efecto de Cuadrícula Sutil */
.bg-grid-pattern {
    background-image: linear-gradient(to right, rgba(0, 229, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0, 229, 255, 0.08) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Estilo para las pestañas activas */
.tab-button.active {
    box-shadow: 0 0 15px theme('colors.neon-cyan');
    border-color: theme('colors.neon-cyan');
}

/* Estilos específicos para la sección de Casos de Éxito (Acordeón Simple) */
.case-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    padding: 0 1.5rem;
}

.case-content.open {
    max-height: 500px; 
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}