.calendar-container { background: white; padding: 4rem; border-radius: 32px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04); margin-bottom: 4rem; border: 1px solid var(--border-light); } .calendar-header-custom { padding: 1.5rem; border-radius: 20px; color: var(--text-dark); margin-bottom: 2rem; text-align: center; font-weight: 700; font-size: 1.5rem; background: var(--bg-offwhite); border: 1px solid var(--border-light); } .bg-salon { border-top: 4px solid var(--accent-blue); } .bg-terraza { border-top: 4px solid var(--accent-magenta); } /* FullCalendar Customization */ .fc { font-family: inherit; } .fc-toolbar-title { font-size: 1.5rem !important; font-weight: 800; color: #0f172a; } .fc-button-primary { background-color: white !important; border: 1px solid #e2e8f0 !important; color: #64748b !important; text-transform: capitalize !important; padding: 0.6rem 1.2rem !important; border-radius: 12px !important; font-weight: 600 !important; transition: all 0.2s ease !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; } .fc-button-primary:hover { background-color: #f8fafc !important; color: #0f172a !important; border-color: #cbd5e1 !important; } .fc-daygrid-day { background-color: #f8fafc !important; } /* Light gray for outside month */ .fc-day-other { background-color: #ffffff !important; opacity: 0.4; } .fc-event { border-radius: 6px !important; padding: 2px 5px !important; font-weight: 600 !important; font-size: 0.85rem !important; border: none !important; background-color: #ef4444 !important; /* Red for occupied */ } .legend-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 600; color: #64748b; } .legend-box { width: 20px; height: 20px; border-radius: 6px; }

Consulta Disponibilidad

Asegura tu fecha especial hoy mismo. Elige el área de tu preferencia.

Día Libre
Ocupado
Salón Kids
Terraza Garden

¿Encontraste tu fecha libre?

No esperes más, las fechas se agotan rápido en temporada alta.

Contactar para Apartar Chat con IA Staff