/* ===== LOCK: solo icono + título de la marca ===== */
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;                 /* separación entre icono y texto */
  white-space:nowrap;       /* evita salto de línea entre ambos */
}

/* Ícono/logo: altura fija */
.brand img{
  height:60px;              /* ← ajusta una vez y se replica en todo sitio */
  width:auto;
}

/* Título: soporta <h1> o <b> (algunas páginas lo traen distinto) */
.brand h1,
.brand b{
  font-size:20px;           /* ~1.25rem a 16px base, pero fijo en px */
  font-weight:600;
  line-height:1.15;
  letter-spacing:.2px;
  margin:0;
}

/* Color de la palabra destacada (opcional, por consistencia) */
.brand .accent{ color:#f62f42; } /* o var(--primary) si la defines */

@media (max-width:420px){
  .brand img{ height:48px; }
  .brand h1, .brand b{ font-size:18px; }
}

.ctrl-zoom-hint{
  position:absolute; left:12px; bottom:12px;
  background:rgba(17,17,17,.75); color:#fff;
  padding:8px 10px; border-radius:8px;
  font:600 .9rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  pointer-events:none; opacity:.9;
}
#map{ position:relative; overscroll-behavior:contain; } /* contiene el scroll dentro del mapa */