/* ===== FONDO GENERAL ===== */
body {
    background-color: #F7F3E9 !important;
    font-family: 'Inter', sans-serif;
    color: #2E2E2E;
}

/* ===== CONTENEDORES ===== */
.rsv-card, .rsv-container, .rsv-wrapper {
    background-color: #EFEBE1 !important;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
    border: 1px solid rgba(135,143,130,0.15);
}

/* ===== BOTONES PRINCIPALES ===== */
button, .rsv-button {
    background-color: #7B8476 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    border: none !important;
    transition: all 0.3s ease;
}

button:hover, .rsv-button:hover {
    background-color: #DFECD7 !important;
    color: #2E2E2E !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

/* ===== HORARIOS ===== */
.rsv-time {
    border-radius: 8px !important;
    border: 1px solid rgba(135,143,130,0.3) !important;
    transition: 0.2s ease;
}

.rsv-time:hover {
    background-color: #DFECD7 !important;
}

.rsv-time.active {
    background-color: #878F82 !important;
    color: white !important;
}

/* ===== INPUTS ===== */
input, select, textarea {
    border-radius: 8px !important;
    border: 1px solid rgba(135,143,130,0.25) !important;
}

input:focus, select:focus {
    border-color: #878F82 !important;
    box-shadow: 0 0 0 3px rgba(135,143,130,0.15);
}