/*
 * main.css - Archivo principal que importa todos los componentes CSS
 * Este archivo reemplaza al antiguo styles-v22.css como parte de la refactorización
 * para mejorar la organización, mantenibilidad y facilitar el procesamiento por LLMs.
 */

/* Componentes base */
@import 'components/foundation.css?v=61.11';
@import 'components/structure.css?v=61.11';
@import 'components/top-section.css?v=61.11';

/* Navegación y búsqueda */
@import 'components/nav-styles.css?v=61.11';
@import 'components/search-box.css?v=61.11';
@import 'components/filter-controls.css?v=61.11';

/* Calendario y eventos */
@import 'components/calendar-grid.css?v=61.11';
@import 'components/event-cards.css?v=61.11';
@import 'components/event-categories.css?v=61.11';
@import 'components/compact-view.css?v=61.11';
@import 'components/historical-search.css?v=61.11';

/* Elementos visuales y animaciones */
@import 'components/motion.css?v=61.11';
@import 'components/loader.css?v=61.11';
@import 'components/upcoming-panel.css?v=61.11';
@import 'components/selector-styles.css?v=61.11';

/* Ajustes responsivos */
@import 'components/mobile-adapt.css?v=61.11';

/* Otros estilos adicionales no incluidos en la refactorización */
.timezone-message {
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 10px 0;
}

.timezone-content {
    display: inline-flex;
    align-items: center;
    background-color: #f9f9f9;
    padding: 5px 10px;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.timezone-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

#timezone-text {
    color: #666;
    font-size: 0.9em;
}

/* Botones de navegación eliminados */

/* Efecto para cuando se alcanza un límite de navegación */
.week-limit-reached .date-range {
    color: #e67e22 !important;
}

.week-limit-reached .date-range:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent, #e67e22, transparent);
    position: absolute;
    bottom: -4px;
    left: 0;
    animation: pulse 1s ease-in-out;
}

.week-limit-reached .date-range-title {
    color: #e67e22;
}

.flatpickr-calendar {
    margin-top: 5px !important;
    position: fixed !important;
    z-index: 9999 !important;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    display: none !important;
}