body {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#f0f0f0;
}
header, footer{
  background:#0077b6;
  color:#fff;
  text-align:center;
  padding:15px;
}
nav a{
  color:#fff; margin:0 10px; text-decoration:none; font-weight:600;
}
.reservas-main{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
  padding:20px;
  max-width:1200px;
  margin:auto;
}
.form-container, .info-paquete, .boleta{
  background:#e0f7fa;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  flex:1 1 350px;
  min-width:320px;
}
h2{
  text-align:center;
  margin-bottom:20px;
  color:#0077b6;
}
.form-group{display:flex;flex-direction:column;margin-bottom:15px;}
.form-group label{font-weight:600;margin-bottom:6px;}
.form-group input,
.form-group select{
  padding:8px;
  border:1px solid #bbb;
  border-radius:6px;
  font-size:15px;
}
.opciones-sitio{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:8px 10px;
}
.opciones-sitio label{
  display:flex;
  align-items:center;
  gap:6px;
  background:#ffffff;
  padding:6px;
  border-radius:6px;
  box-shadow:0 1px 2px rgba(0,0,0,0.1);
  cursor:pointer;
  font-size:14px;
}
button{
  background:#0077b6;
  color:#fff;
  border:none;
  padding:12px 15px;
  border-radius:8px;
  cursor:pointer;
  width:100%;
  font-size:16px;
  margin-top:10px;
}
button:hover{ background:#0096c7; }
.info-paquete{min-height:380px;}
.detalle-eleccion{
  background:#ffffff;
  padding:12px;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  margin-top:12px;
}
.detalle-eleccion img{
  display:block;
  width:100%;
  max-height:180px;
  object-fit:cover;
  border-radius:8px;
  margin-top:10px;
}
.detalle-eleccion strong{ color:#0077b6; }

.boleta{
  background:#ffffff;
  border:3px dashed #0077b6;
  border-radius:16px;
  padding:20px;
  font-family:'Courier New', monospace;
  position:relative;
  overflow:hidden;
}
.boleta::before,
.boleta::after{
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  background:#f0f0f0;
  border-radius:50%;
  top:50%;
  transform:translateY(-50%);
}
.boleta::before{left:-10px;}
.boleta::after{right:-10px;}
.boleta h3{
  text-align:center;
  color:#0077b6;
  margin-bottom:10px;
  font-size:20px;
  text-transform:uppercase;
}
.boleta hr{
  border:none;
  border-top:2px dashed #0077b6;
  margin:10px 0;
}
.boleta p{
  margin:6px 0;
  font-weight:600;
  font-size:16px;
}
.total{
  font-size:18px;
  font-weight:bold;
  text-align:right;
  margin-top:10px;
  color:#0077b6;
}
.cuenta-deposito{
  background:#fefefe;
  padding:12px;
  border:2px dashed #0096c7;
  border-radius:8px;
  margin-top:15px;
  text-align:left;
  font-size:15px;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
}
.cuenta-deposito h4{
  margin:0 0 8px 0;
  color:#0077b6;
}