/* ===== CONTENEDOR GENERAL ===== */
#calendario-box{
  background:#f5f7fb;
  padding:20px;
  border-radius:12px;
  max-width:400px;
  margin-bottom:20px;
}

/* ===== HEADER ===== */
.cal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.cal-header button{
  background:#061474;
  color:#fff;
  border:none;
  padding:6px 10px;
  border-radius:6px;
  cursor:pointer;
}

/* ===== GRID CALENDARIO (FORZADO) ===== */
#calendario,
.cal-grid{
  display:grid !important; 
  grid-template-columns: repeat(7, 1fr) !important;
  gap:5px;
}

/* ===== DÍAS ===== */
.dia{
  text-align:center;
  padding:10px;
  border-radius:8px;
  font-size:14px;
}

/* ===== ESTADOS ===== */
.bloqueado{
  color:#ccc;
}

.disponible{
  background:#e3f2fd;
  cursor:pointer;
  font-weight:bold;
}

.disponible:hover{
  background:#2196f3;
  color:#fff;
}

.seleccionado{
  background:#061474;
  color:#fff;
}

.rq{
  border:2px solid orange;
}

/* ===== HABITACIONES ===== */
.habitaciones-grid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:20px;
  margin-top:20px;
}

.habitacion-card{
  background:#fff;
  border-radius:12px;
  border:1px solid #e5e5e5;
  padding:15px;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.habitacion-header{
  text-align:center;
}

.iconos{
  font-size:22px;
  margin-bottom:5px;
}

/* ICONOS PERSONAS */
.personas-1::before{ content:"👤"; }
.personas-2::before{ content:"👤👤"; }
.personas-2-juntas::before{ content:"👥"; }
.personas-3::before{ content:"👤👤👤"; }

/* SELECTOR */
.selector-habitacion{
  width:100%;
  padding:8px;
  border-radius:8px;
  margin-top:10px;
}

/* PERSONA BOX */
.persona-box{
  background:#f7f7f7;
  padding:10px;
  border-radius:8px;
  margin-top:10px;
}

/* ===== BOTONES ===== */
.acciones-cotizador{
  margin-top:20px;
  display:flex;
  gap:10px;
}

#btn-reservar{
  background:#061474;
  color:#fff;
  padding:12px 20px;
  border:none;
  border-radius:8px;
  cursor:pointer;
  opacity:0.5;
}

#btn-reservar.activo{
  opacity:1;
}

#btn-whatsapp{
  background:#25D366;
  color:#fff;
  padding:12px 20px;
  border:none;
  border-radius:8px;
  cursor:pointer;
}

/* ===== TOTAL ===== */
#total{
  font-size:32px;
  font-weight:bold;
  margin-top:10px;
  color:#111;
}
}