:root {
    --rosado: #f06292;
    --calipso: #00acc1;
    --calipso-dark: #00838f;
    --blanco: #ffffff;
    --gris-fondo: #f4f7f6;
}

.booking-wrapper {
    background-color: var(--gris-fondo);
    min-height: 100vh;
}

/* Hero de Reserva */
.booking-hero {
    background: linear-gradient(135deg, var(--calipso) 0%, var(--calipso-dark) 100%);
    color: white;
    padding: 60px 10%;
    text-align: center;
}

.booking-hero h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: white;
}

/* Contenedor del Formulario */
.booking-section {
    padding: 40px 10%;
    margin-top: -40px; /* Sube la tarjeta sobre el hero */
}

.booking-card {
    background: white;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border-top: 6px solid var(--rosado);
}

/* Estilos para el contenido de Amelia (Overrides) */
.am-booking-service-selection {
    font-family: 'Segoe UI', sans-serif !important;
}

/* Footer de información */
.booking-info {
    padding: 50px 10%;
    background: white;
    margin-top: 40px;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    text-align: center;
}

.info-item h4 {
    color: var(--calipso);
    margin-bottom: 10px;
}