/* "Compartir esta página": franja clara al final de cada página, justo antes del pie.
   Para cuando en el local está el empleado y no el dueño: abre WhatsApp con un mensaje ya escrito
   y el link de la página, y el empleado elige el chat del dueño.
   Botón grande pero neutro (blanco, borde gris oscuro, ícono genérico de compartir), sin verde ni logo
   de WhatsApp: así nadie lo confunde con "Consultar por WhatsApp" (que es para escribirle a nfcpoint). */
.share-bar{background:var(--background);border-top:1px solid var(--border);padding:26px 0 30px}
.share-bar .container{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;
  border:2px solid color-mix(in oklab,var(--foreground) 35%,transparent);background:var(--card);color:var(--foreground);
  font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 8px 22px oklch(19% .025 258/.08);transition:border-color .2s,transform .2s}
.share-btn:hover{border-color:var(--foreground);transform:translateY(-1px)}
.share-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--foreground) 40%,transparent);outline-offset:3px}
.share-btn svg{flex:none;width:21px;height:21px}
@media (width<=700px){.share-bar{padding:22px 0 26px}.share-btn{width:100%;max-width:420px}}

/* "Consultar por WhatsApp" principal de cada página, más grande que los demás botones */
.cta-wa-lg{height:auto!important;min-height:54px;padding:0 28px!important;font-size:1.02rem!important;font-weight:800;gap:10px!important}
.cta-wa-lg svg{width:21px!important;height:21px!important}
@media (width<=700px){.cta-wa-lg{width:100%;max-width:440px;min-height:58px}}