/* =========================================================================
   GastroView · Web · Acceso de clientes
   «Ingresar» en la cabecera, la sección «Tu cuenta» del menú y el botón
   «Registrar mi cafetería» en Contacto. Llevan a la app (panel/).
   Se carga después del resto: no modifica los estilos originales de la web.
   ========================================================================= */

/* Cabecera oscura: enlace discreto, no compite con el CTA */
.cab__ingresar {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: rgb(248 243 234 / 0.82);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--t) var(--ease), background-color var(--t) var(--ease);
}
.cab__ingresar:hover { color: var(--marfil); background: rgb(248 243 234 / 0.1); }
.cab__ingresar:focus-visible { outline: 2px solid rgb(248 243 234 / 0.8); outline-offset: 2px; }

/* Menú: «Tu cuenta», separado de las secciones */
.menu-gv__cuenta {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgb(var(--espresso-rgb) / 0.1);
}
.menu-gv .menu-gv__cuenta a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 0.96875rem;
  font-weight: 700;
  color: var(--terracota-cta);
  text-decoration: none;
  transition: background-color var(--t) var(--ease);
}
.menu-gv .menu-gv__cuenta a:hover { background: var(--crema); }

/* Contacto: registro arriba de WhatsApp */
.contacto__registro {
  width: 100%;
  margin-top: clamp(22px, 2.4vw, 30px);
}
.contacto__registro + .contacto__nota a { color: var(--espresso); font-weight: 700; }
.contacto__registro + .contacto__nota + .boton--whatsapp { margin-top: 18px; }

@media (max-width: 899px) {
  .cab__ingresar { min-height: 38px; padding: 0 10px; font-size: 0.875rem; }
}
/* En celular el acceso queda en el menú (no entra al lado del CTA) */
@media (max-width: 599px) {
  .cab__ingresar { display: none; }
}
@media (max-width: 767px) {
  .contacto__registro { min-height: 54px; padding-inline: 18px; white-space: normal; text-align: center; }
}