/* Las principales secciones son:

Estilos generales del calendario
Estilos específicos de FullCalendar
Estilos para la vista de año con múltiples meses
Estilos para los eventos y sus contenedores
Estilos específicos para cada tipo de evento (festivos, promos, feriados, etc.)
Estilos para eventos de publicación y orgánicos */




/* Estilos generales del calendario */
#calendar {
    height: auto;
    min-height: 1200px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Estilos específicos de FullCalendar */

/* Vista de año con múltiples meses */
.fc-multiMonthYear-view .fc-multimonth {
    border: 1px solid #ddd;
    background: #d3d4d4;
    margin-bottom: 20px;
}

/* Título de cada mes en la vista de año */
.fc-multiMonthYear-view .fc-multimonth-title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    background: #424861;
    color: white;
}

/* Eventos en la vista de año */
.fc-multiMonthYear-view .fc-daygrid-event {
    display: block !important;
    margin-top: 1px;
}

/* Números de día en el calendario */
.fc-daygrid-day-number {
    font-size: 0.9em;
}

/* Marco de cada día en el calendario */
.fc-daygrid-day-frame {
    padding: 2px;
}

/* Estilos del tooltip del calendario */
.fc-tooltip {
    position: absolute;
    z-index: 10000;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Estilos de los eventos en la vista de rejilla de día */
.fc-day-grid-event {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    padding: 1px 2px !important;
}

/* Contenedor de eventos para cada día */
.fc-daygrid-day-events {
    min-height: 1.7em !important;
}

/* Marco de cada día en la vista de rejilla */
.fc-daygrid-day-frame {
    min-height: 100px !important;
}

/* Enlace "más" para días con muchos eventos */
.fc-daygrid-more-link {
    font-size: 0.85em;
    color: #665;
    text-decoration: none;
    cursor: pointer;
}

/* Estilos generales de los eventos */
.fc-event {
    border: 1px solid #3788d8;
    background-color: #4a4f5f;
    color: #fff;
}

/* Título de los eventos */
.fc-event-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fc-event-title-normal {
    font-weight: normal !important;
}

/* Estilos específicos para cada tipo de evento */
.fc-event-evento { 
    background-color: green; 
    border-color: green; 
}
.fc-event-promo { 
    background-color: #ff6600; 
    border-color: orange; 
}
.fc-event-feriado { 
    background-color: rgb(173, 58, 58); 
    border-color: rgb(170, 62, 62); 
}

/* Ajustes para la visualización de eventos */
.fc-daygrid-event { 
    margin-top: 2px; 
}

/* Estilos para eventos de publicación */
.fc-event-publicacion.fc-event-activo {
    background-color: #48a540  !important;
    border-color: #727fb8  !important;
}

.fc-event-publicacion.fc-event-inactivo {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

/* Estilos para eventos orgánicos */
.fc-event-organic {
    background-color: #559af5;
    border-color: #559af5;
}

.fc-event-organic.fc-event-inactivo {
    background-color: #808080;
    border-color: #808080;
}