/* P568 · WhatsApp como salida secundaria (una duda antes de reservar).
   Botón de contorno, nunca relleno: el único botón lleno de la página sigue siendo el de reservar. */
.wa-duda{margin-top:clamp(20px,3vh,30px);padding-top:20px;border-top:1px solid rgba(24,26,19,.2);display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.wa-duda p{margin:0;font-size:15px;line-height:1.4;color:var(--olive,#3E3E22)}
.wa-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;box-sizing:border-box;
  font-family:var(--mono,monospace);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  color:var(--ink,#181A13);background:transparent;border:1px solid var(--ink,#181A13);transition:background .2s,color .2s}
.wa-btn svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.wa-btn:hover,.wa-btn:focus-visible{background:var(--ink,#181A13);color:var(--bone,#FCEBCA)}
.wa-btn:focus-visible{outline:2px solid var(--ochre,#D0893B);outline-offset:3px}
@media(max-width:520px){.wa-btn{letter-spacing:.07em;font-size:12px;padding:12px 14px}}

/* en la pantalla de reserva (fondo oscuro): en el pie, solo mientras se elige la hora */
.agenda-footer{flex-wrap:wrap}
.agenda-footer .wa-btn{min-height:44px;padding:10px 14px;font-size:11px;color:var(--bone,#FCEBCA);border-color:rgba(252,235,202,.6)}
.agenda-footer .wa-btn:hover,.agenda-footer .wa-btn:focus-visible{background:var(--bone,#FCEBCA);color:var(--ink,#181A13)}
.agenda-page:not([data-step="1"]) .wa-reservar{display:none}
@media(max-width:560px){.agenda-footer{justify-content:center;text-align:center}.agenda-footer .wa-reservar{order:-1;width:100%;justify-content:center}}

/* reserva en inglés (fondo claro, dentro de la ficha) */
.dudas.wa-duda{margin-top:22px;font-size:14px;border-top:1px solid rgba(62,62,34,.28)}
.dudas.wa-duda[hidden]{display:none}

/* P568 · enlace a /servicios/ desde la portada (botón de contorno, secundario) */
.svc-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:24px;padding:12px 18px;box-sizing:border-box;
  font-family:var(--mono,monospace);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  color:var(--ink,#181A13);background:transparent;border:1px solid var(--ink,#181A13);transition:background .2s,color .2s}
.svc-btn::after{content:"→";font-size:14px;letter-spacing:0}
.svc-btn:hover,.svc-btn:focus-visible{background:var(--ink,#181A13);color:var(--bone,#FCEBCA)}
.svc-btn:focus-visible{outline:2px solid var(--ochre,#D0893B);outline-offset:3px}
#cierre .foot .svc-btn{margin-top:0;min-height:44px;padding:10px 14px;font-size:11px;color:var(--bone,#FCEBCA);border-color:rgba(252,235,202,.7)}
#cierre .foot .svc-btn:hover,#cierre .foot .svc-btn:focus-visible{background:var(--bone,#FCEBCA);color:var(--ink,#181A13)}
.dudas a.wa-btn{color:var(--ink,#181A13)}
.dudas a.wa-btn:hover,.dudas a.wa-btn:focus-visible{color:var(--bone,#FCEBCA)}