/* ==========================================================================
   LOGO — monograma A·A + nombre y bajada. Aparece en el header de las tres
   páginas (portada, precios y panel de reservas).
   ========================================================================== */
.logo { display: flex; align-items: center; gap: .6rem; }
.logo__mono {
  width: 38px; height: 38px; flex-shrink: 0;
  background: var(--primario); border-radius: var(--radio-s);
  display: grid; place-items: center;
  font-family: var(--f-display); font-weight: 600;
  font-size: .82rem; color: #fff; letter-spacing: .02em;
}
.logo__texto { display: flex; flex-direction: column; line-height: 1.15; }
.logo__nombre { font-family: var(--f-display); font-weight: 600; font-size: 1rem; letter-spacing: -.01em; }
.logo__tag { font-size: .56rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--gris-suave); }