/* =========================================================
   CUSTOM.CSS — Estilo adicional para nuevas secciones
   Compatible con Bootstrap + estilo visual actual
   ========================================================= */

/* ------------------------------
   Paleta sugerida (coherente con tu sitio actual)
   ------------------------------ */
/* 
   Dorado suave     #c4a676
   Beige claro      #f5efe5
   Gris oscuro      #333
   Gris medio       #666
   Blanco           #ffffff
*/

/* ------------------------------
   Tipografías y resets
   ------------------------------ */
body {
    font-family: "Poppins", Arial, sans-serif;
    color: #333;
    background-color: #fff;
    line-height: 1.75;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
    color: #333;
}

/* Subtítulos */
.section-subtitle {
    color: #666;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

/* ------------------------------
   Contenedores y secciones
   ------------------------------ */
.section {
    padding: 60px 0;
}

.section-light {
    background: #f5efe5;
}

.section-dark {
    background: #333;
    color: #fff;
}

/* ------------------------------
   Botones (armonizados con Bootstrap)
   ------------------------------ */
.btn-custom {
    background-color: #c4a676;
    color: #fff;
    border-radius: 6px;
    padding: 12px 26px;
    border: none;
    transition: 0.3s ease;
    font-weight: 500;
}

.btn-custom:hover {
    background-color: #a98c5d;
    color: #fff;
}

/* Variante clara */
.btn-custom-light {
    background-color: #f5efe5;
    color: #333;
}

.btn-custom-light:hover {
    background-color: #e8dfd3;
    color: #111;
}

/* ------------------------------
   Cards
   ------------------------------ */
.custom-card {
    background: #ffffff;
    border: 1px solid #e6e2db;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    transition: 0.3s ease;
}

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

.custom-card h3 {
    color: #c4a676;
    margin-bottom: 15px;
}

/* ------------------------------
   Listas
   ------------------------------ */
.custom-list li {
    padding-left: 22px;
    position: relative;
    margin-bottom: 12px;
    color: #555;
}

.custom-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #c4a676;
    font-size: 22px;
    line-height: 1;
}

/* ------------------------------
   Formularios
   ------------------------------ */
.form-control {
    border-radius: 6px;
    border: 1px solid #d7d1c7;
}

.form-control:focus {
    border-color: #c4a676;
    box-shadow: 0 0 0 0.2rem rgba(196, 166, 118, 0.25);
}

/* ------------------------------
   Footer personalizado
   ------------------------------ */
.custom-footer {
    background: #333;
    padding: 50px 0;
    color: #ccc;
}

.custom-footer a {
    color: #c4a676;
}

.custom-footer a:hover {
    color: #e3c290;
}

/* ------------------------------
   Utilidades
   ------------------------------ */
.text-gold { color: #c4a676 !important; }
.bg-gold   { background: #c4a676 !important; color: #fff !important; }

.rounded-soft { border-radius: 8px !important; }
.shadow-soft  { box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important; }

/* ------------------------------
   Turnero
   ------------------------------ */
.tr-ocupado {
    background-color: #f8d7da !important;  /* rojo claro */
}

.tr-tu-reserva {
    background-color: #cff4fc !important;  /* celeste */
}

.tr-pasado {
    background-color: #e9ecef !important; /* gris */
}

.tr-disponible {
    background-color: #d1f7d1 !important; /* verde claro */
}