/* --- Fuentes y Estilos Base --- */
/* Importa la fuente Inter para un aspecto moderno y legible */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* --- Estilos para la Página Principal (index.html) --- */

/* Estilo para la sección principal con la imagen de fondo */
#hero-section {
    background-image: url('fondo.jpg.jpg'); 
    background-size: cover;
    background-position: center;
}

/* Sombra de texto para mejorar la legibilidad sobre la imagen de fondo */
.hero-text-shadow {
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* --- Estilos para la Página de Inscripción (inscripcion.html) --- */

/* Mensaje de error para campos de formulario no válidos */
.error-message {
    color: #ef4444; /* Rojo de Tailwind */
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.25rem; /* mt-1 */
}

/* Estilos para el Calendario de Agendamiento */
.calendar-day.unavailable {
    color: #d1d5db; /* gray-400 */
    text-decoration: line-through;
    pointer-events: none;
}

.calendar-day.available {
    background-color: #3b82f6; /* blue-500 */
    color: white;
    border-radius: 9999px; /* rounded-full */
    cursor: pointer;
    font-weight: 700;
    transition: background-color 0.2s ease-in-out;
}

.calendar-day.available:hover {
    background-color: #2563eb; /* blue-600 */
}

/* Estilos para la Selección de Horario */
.time-slot {
    border: 2px solid #d1d5db; /* gray-300 */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.time-slot.selected {
    border-color: #3b82f6; /* blue-500 */
    background-color: #eff6ff; /* blue-50 */
    box-shadow: 0 0 0 2px #3b82f6;
}

/* --- Clases de utilidad --- */
.hidden {
    display: none;
}

/* --- NUEVOS ESTILOS PARA LA FACTURA --- */
#invoice {
    font-family: 'Inter', sans-serif;
}