/* Bosque Guardián Lodge — página Reservas (parts/reservas/formulario.php). */
.bg-reservas{padding:90px 0 110px;background:#f4f1ec}
.bg-reservas-fila{display:flex;flex-wrap:wrap;align-items:flex-start}
.bg-reservas-info{padding-right:50px;position:sticky;top:120px}
.bg-reservas-ante{margin:0 0 10px;color:#ef7f1a;font-size:12px;font-weight:600}
.bg-reservas-titulo{margin:0 0 18px;color:#03351d;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:.02em;text-transform:none}
.bg-reservas .separator-line-thick{margin:0 0 24px}
.bg-reservas-texto{color:#4a4a4a;font-size:15px;line-height:1.75}
.bg-reservas-texto p{margin:0 0 14px}
.bg-reservas-puntos ul{margin:18px 0 0;padding:0;list-style:none}
.bg-reservas-puntos li{position:relative;margin:0 0 12px;padding:0 0 0 30px;color:#333;font-size:14px;line-height:1.6}
.bg-reservas-puntos li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#03351d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 8.4l2.6 2.6L12 5.6'/%3E%3C/svg%3E") center/12px no-repeat}
.bg-reservas-wa{margin:34px 0 0;padding:22px 0 0;border-top:1px solid #ddd7cc}
.bg-reservas-wa p{margin:0 0 12px;color:#333;font-size:14px;font-weight:500}
.bg-reservas-wa-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border:1px solid #03351d;color:#03351d!important;background:transparent;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;transition:background .2s,color .2s}
.bg-reservas-wa-btn .fa{font-size:18px;color:#25d366;transition:color .2s}
.bg-reservas-wa-btn:hover{background:#03351d;color:#fff!important}
.bg-reservas-wa-btn:hover .fa{color:#fff}
.bg-reservas-caja{background:#fff;border-top:4px solid #03351d;box-shadow:0 18px 50px rgba(3,53,29,.10);padding:34px 36px 28px;min-height:420px}
.bg-reservas-aviso{margin:0;padding:16px;border:1px dashed #ef7f1a;color:#8a4b0f;font-size:14px}
@media (max-width:991px){
    .bg-reservas{padding:60px 0 80px}
    .bg-reservas-fila>div{width:100%;flex:0 0 100%}
    .bg-reservas-info{position:static;padding-right:15px;margin-bottom:36px}
    .bg-reservas-titulo{font-size:26px}
}
@media (max-width:575px){
    .bg-reservas{padding:44px 0 60px}
    .bg-reservas-caja{padding:24px 18px 18px}
}