/* =====================================================================
   BOCATITOS · MAPA QUE SE CARGA AL PULSAR
   Hoja aparte para no tocar assets/styles.css (la plantilla de Manu).
   El mapa de Google no se descarga hasta que el visitante pulsa «Ver mapa»,
   porque al cargarlo Google puede instalar cookies (Guía de cookies de la AEPD).
   ===================================================================== */
.map-embed.mapa-carga{position:relative;background:radial-gradient(120% 120% at 50% 0%,#1b1b14 0%,#0b0b0b 70%)}
.mapa-caja{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:20px;text-align:center;
}
.mapa-pin{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center}
.mapa-pin svg{width:22px;height:22px}
.mapa-dir{font-family:'Poppins';font-weight:700;font-size:17px;color:var(--paper);margin:0}
.mapa-acciones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.mapa-boton{cursor:pointer;font:inherit}
.mapa-abrir{color:var(--accent);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mapa-abrir:hover{color:var(--paper)}
.mapa-aviso{max-width:520px;margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.mapa-aviso a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

@media (max-width:560px){
  /* Antes de pulsar, la caja crece con su contenido; el !important vence al aspect-ratio en línea de local.html. */
  .map-embed.mapa-carga:not(.mapa-cargado){aspect-ratio:auto!important}
  .map-embed.mapa-carga:not(.mapa-cargado) .mapa-caja{position:static;padding:28px 20px}
  .mapa-dir{font-size:15px}
}