/* ============================================================
 *  Space Paintball — CSS personalizado (ajustes a mano)
 *  assets/css/personalizado.css
 * ------------------------------------------------------------
 *  Esta hoja carga DE ÚLTIMO, así que SIEMPRE tiene la última
 *  palabra: lo que escribas aquí sobreescribe al tema global
 *  (estilos.css) y a los componentes (reservas.css, etc.).
 *
 *  Úsala para retoques puntuales sin tocar los archivos del
 *  sistema. Abajo dejo, comentadas, las "claves" (clases) más
 *  útiles para que solo tengas que descomentar y ajustar.
 *
 *  Si un ajuste tuyo no se aplica, casi siempre es porque la
 *  regla del sistema es más específica: agregale más contexto
 *  (p.ej. ".reserva .btn--cta { ... }") o, como último recurso,
 *  un "!important".
 * ============================================================ */


/* ---------- Colores / marca ----------
.header               { background: #ffffff; }
.btn                  { background: #0b1e3f; }
.footer               { background: #0b1e3f; color: #ffffff; }
*/

/* ---------- Flujo de reserva ----------
.reserva                       { max-width: 760px; }
.reserva__titulo               { color: #0b1e3f; }
.panel                         { border-radius: 14px; }
.panel__num                    { background: #0b1e3f; }
.panel--hecho .panel__num      { background: #1f7a47; }
.btn--cta                      { background: #1f7a47; }
*/

/* ---------- Calendario (colores de los días) ----------
.calendario                    { max-width: 420px; }
.calendario__dia--verde        { background: #8fd9ab; color: #0b1e3f; }
.calendario__dia--amarillo     { background: #f3d27a; color: #0b1e3f; }
/* AZUL: no está abierto, pero se puede PEDIR. Va con los otros dos
   colores «vivos» y no con el gris del rojo, porque el día se puede
   tocar: gris diría «no hay campo» y acá lo que falta es consultar. */
.calendario__dia--azul         { background: #a9cdf5; color: #0b1e3f; }
.calendario__dia--rojo         { background: #eef1f6; color: #c2c9d4; }
/* ============================================================
   EL DÍA ELEGIDO HEREDA SU FAMILIA DE COLOR
   ------------------------------------------------------------
   Era verde oscuro SIEMPRE, así que elegir un día AZUL —de los
   que hay que consultar— lo pintaba verde: el color de «hay cupo»
   sobre un día que justamente no lo tiene garantizado.

   Ahora el verde es solo para los días verdes, y el azul tiene el
   suyo. El estado del día no cambia porque se lo toque.
   ============================================================ */
.calendario__dia--sel          { background: #1f7a47; color: #fff;  }
/* Azul elegido: azul oscuro, no verde. */
.calendario__dia--azul.calendario__dia--sel { background: #1d4ed8; color: #fff;  }
/* Y amarillo elegido, ámbar oscuro: mismo criterio. */
.calendario__dia--amarillo.calendario__dia--sel { background: #b45309; color: #fff;  }
*/

/* ---------- Tandas / precio ----------
.tanda                         { background: #8fd9ab; }
.tanda--no                     { background: #f3e0e0; }
.precio                        { background: #0b1e3f; color: #ffffff; }
*/

/* ---------- Tus reglas a mano (escribilas debajo) ---------- */