/* ===== CONGRESO IA - UPDS ===== */
/* Archivo principal de estilos */

/* Base */
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');

/* Layout */
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/grid.css');

/* Components */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/forms.css');
@import url('./components/animations.css');
@import url('./components/speaker-modal.css');
@import url('./components/webinar-modals.css');
@import url('./components/chatbot.css');

/* Sections */
@import url('./sections/common.css');
@import url('./sections/hero.css');
@import url('./sections/about.css');
@import url('./sections/speakers.css');
@import url('./sections/schedule.css');
@import url('./sections/sponsors.css');
@import url('./sections/tickets.css');
@import url('./sections/impact.css');
@import url('./sections/counter.css');

/* Utilities */
@import url('./utilities/helpers.css');
@import url('./utilities/responsive.css');

/* ===== GLOBAL STYLES ===== */
.container {
    margin: 0 auto;
    padding: 0 2rem;
}

@media (max-width: 450px) {
    .container {
        padding: 0 1rem;
    }
}
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: var(--transition-slow);
}

.fade-in.visible,
.fade-in-visible {
    opacity: 1;
    transform: translateY(0);
}

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

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}