/* Contenedor del calendario */
.caja_calendario {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 20px;
    margin: 20px auto;
    max-width: 900px;
    text-align: center;
    align-self: center;
    box-shadow: 8px 16px 24px rgb(0, 0, 0);
}



/* Estilos del calendario */
/* Color de los días de la semana (cabecera) */
.fc-day-header {
    color: rgb(48, 46, 46) !important;  /* Color del texto */
    font-weight: bold;       /* Hacer el texto en negrita */
    background-color: transparent !important; /* Fondo transparente */
}

.fc-day-number {
    display: inline-block;
    color: #5900ff;
    font-weight: bold;   
}

.fc-price {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 600;
    color: rgb(0, 148, 55);
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}

.fc-toolbar h2 {
    color: #5900ff;
    font-size: 28px;
    font-weight: 500;
}

.fc td, .fc th {
    border-width: 1px;
    border-color: rgb(147, 147, 147);
    position: relative;
}



/* Estados de los días */
.fc-day-free {
    background-image: url('/static/fondos/libre.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.entrada-evento {
    background-image: url('/static/fondos/libre-ocupado.png') !important;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    border-left: none !important;
    border-right: none !important;
}

.salida-evento {
    background-image: url('/static/fondos/ocupado-libre.png') !important;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    border-left: none !important;
    border-right: none !important;
}

.ocupado-completo {
    background-image: url('/static/fondos/ocupado.png') !important;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    border-left: none !important;
    border-right: none !important;
    cursor: not-allowed !important;
}

.ocupado-ocupado {
    background-image: url('/static/fondos/ocupado-ocupado.png') !important;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    border-left: none !important;
    border-right: none !important;
    cursor: not-allowed !important;
}

/* Ocultar precios en fechas ocupadas */
.ocupado-completo .fc-price,
.ocupado-ocupado .fc-price,
.entrada-evento .fc-price {
    display: none;
}

/* Eliminar estilos especiales del día actual */
.fc-today {
    background-image: none !important;
    color: white !important;
}

/* Ajustes de altura y visualización */
.fc-row.fc-week,
.fc-row.fc-widget-content {
    min-height: 50px !important;
    height: 60px !important;
}

/* Eliminar scroll */
.fc-scroller {
    overflow: hidden !important; /* Elimina tanto el scroll como el espacio que ocupa */
    height: auto !important;     /* Permite que la altura se ajuste al contenido */
}

/* También es bueno asegurarse de que el contenedor principal tiene overflow hidden */
.calendar-container {
    overflow: hidden !important;
}

.fc-day-grid-container {
    height: auto !important;
    min-height: auto !important;
}

.fc-grid-container {
    height: auto !important;
    min-height: auto !important;
}

.fc-day {
    min-height: 50px !important;
    height: 60px !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
    cursor: pointer !important;
}

/* Estilos para la selección */
.fc-highlight {
    background: rgb(100, 0, 0) !important;
    opacity: 1 !important;
    background-image: url('/static/fondos/reserva.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    border: 2px solid #00ff62 !important;
    z-index: 10 !important;
    pointer-events: none !important;
}