/**
 * AXIONS Go — Capa móvil profesional (hostelería premium)
 * Safe areas · touch ≥48px · jerarquía tipográfica · paleta cálida unificada
 */

/* —— Lienzo unificado (elimina frío slate vs beige) —— */
.go-body.go-premium--light,
.ax-client-page.go-premium--light {
  background: var(--go-bg, #f7f3ec);
  color: var(--go-text, #1f1a17);
}

.go-body.go-premium--inmersa,
.ax-client-page.go-premium--inmersa {
  background: var(--go-bg, #0d0d0f);
  color: var(--go-text, #f4f2ef);
}

.hub-familiar {
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
}

/* —— Hub: cabecera editorial —— */
.hub-familiar__title {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 4.8vw, 1.625rem);
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.hub-familiar__tagline,
.hub-familiar__handle {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.55;
}

.hub-familiar--has-logo .hub-familiar__brand-aura {
  opacity: 0.22;
  filter: blur(56px) saturate(1.15);
}

.hub-familiar__logo-wrap {
  box-shadow:
    0 4px 20px rgba(31, 26, 23, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.85) inset,
    0 0 0 2px rgba(255, 255, 255, 0.95),
    0 0 0 3px color-mix(in srgb, var(--hub-accent) 28%, transparent);
}

/* —— Tarjetas de servicio (estilo app nativa) —— */
.hub-familiar__btn {
  min-height: 3.25rem;
  padding: 0.875rem 1rem;
  border-radius: 0.875rem;
  border-color: color-mix(in srgb, var(--hub-text) 6%, var(--hub-btn-border));
  box-shadow: 0 1px 2px rgba(31, 26, 23, 0.035);
  font-weight: 600;
}

.hub-familiar__btn-label {
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.hub-familiar__service-desc {
  font-size: 0.75rem;
  font-weight: 450;
  color: color-mix(in srgb, var(--hub-muted) 92%, var(--hub-text));
}

.hub-familiar__btn-icon {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 0.625rem;
  background: color-mix(in srgb, var(--hub-accent) 10%, var(--hub-surface));
  border: 1px solid color-mix(in srgb, var(--hub-accent) 14%, var(--hub-btn-border));
}

.hub-familiar__service-arrow {
  font-size: 1.125rem;
  font-weight: 400;
  opacity: 0.35;
  margin-right: 0;
}

.hub-familiar__btn:active {
  transform: scale(0.985);
}

.hub-familiar__btn:first-child {
  border-color: color-mix(in srgb, var(--hub-accent) 32%, var(--hub-btn-border));
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--hub-accent) 12%, transparent),
    0 1px 2px rgba(31, 26, 23, 0.04);
}

/* —— Dock: iconos sobrios (sin gradiente pesado) —— */
.hub-familiar__dock {
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--hub-accent) 4%, var(--hub-surface));
  border-color: color-mix(in srgb, var(--hub-text) 5%, var(--hub-btn-border));
}

.hub-familiar__dock-icon {
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 0.6875rem;
  background: var(--hub-surface);
  color: color-mix(in srgb, var(--hub-accent) 78%, var(--hub-text));
  border: 1px solid color-mix(in srgb, var(--hub-accent) 18%, var(--hub-btn-border));
  box-shadow: 0 1px 3px rgba(31, 26, 23, 0.05);
}

.hub-familiar__dock-label {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.hub-familiar__dock-item {
  min-height: 4.25rem;
  padding: 0.625rem 0.25rem;
}

/* —— Asistente IA: tarjeta limpia —— */
.hub-familiar__ai-icon-wrap {
  background: color-mix(in srgb, var(--hub-accent) 12%, var(--hub-surface));
  color: color-mix(in srgb, var(--hub-accent) 80%, var(--hub-text));
  border: 1px solid color-mix(in srgb, var(--hub-accent) 20%, var(--hub-btn-border));
  box-shadow: none;
}

.hub-familiar__ai-body {
  box-shadow: 0 2px 12px rgba(31, 26, 23, 0.05);
}

.hub-familiar__ai-name {
  letter-spacing: 0.04em;
  font-size: 0.625rem;
}

/* —— Redes sociales —— */
.hub-familiar__social a {
  width: 2.75rem;
  height: 2.75rem;
}

/* —— Go premium compartido —— */
.go-premium .go-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 4.5vw, 1.625rem);
  letter-spacing: -0.02em;
  color: var(--go-text);
}

.go-premium .go-title::after {
  display: none;
}

.go-premium .go-sub {
  font-size: 0.9375rem;
  font-weight: 450;
  color: var(--go-muted);
  line-height: 1.55;
}

.go-premium__title {
  font-size: clamp(1.25rem, 4.2vw, 1.5rem);
}

.go-premium__btn {
  min-height: 3rem;
  border-radius: 0.8125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
}

.go-premium--light .go-btn-primary,
.go-premium--light .go-btn-gradient {
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 600;
  font-size: 0.9375rem;
  border-radius: 0.8125rem;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--go-accent) 28%, transparent);
}

.go-premium--light .go-card {
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(31, 26, 23, 0.05);
}

.go-tenant-header {
  margin-bottom: 1.25rem;
}

.go-premium__logo {
  width: 4.75rem;
  height: 4.75rem;
  box-shadow: 0 4px 20px rgba(31, 26, 23, 0.08);
}

/* —— Mesa hub —— */
.mesa-hub-body.go-premium--light {
  background: var(--go-bg, #f7f3ec);
}

.mesa-hub-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 4.8vw, 1.625rem);
  color: var(--go-text, #1f1a17) !important;
  letter-spacing: -0.02em;
}

.mesa-hub-sub,
.mesa-hub-mesa-label {
  color: var(--go-muted, #6b5f55) !important;
}

.mesa-hub-mesa-num {
  color: var(--go-text, #1f1a17) !important;
  font-weight: 600;
}

.mesa-hub-venue {
  letter-spacing: 0.08em;
  font-size: 0.625rem;
}

.mesa-hub-btn {
  min-height: 3.25rem;
  border-width: 1px;
  border-color: color-mix(in srgb, var(--go-text, #1f1a17) 8%, var(--go-border, #e8ddd0));
  border-radius: 0.875rem;
  color: var(--go-text, #1f1a17);
  box-shadow: 0 1px 3px rgba(31, 26, 23, 0.04);
  font-weight: 600;
  font-size: 0.9375rem;
}

.mesa-hub-btn--primary {
  border-color: transparent;
}

/* —— Sticky bars con tokens de tema —— */
.go-premium--light .ax-mobile-sticky-bottom,
.go-premium--light .go-pedido-cart,
.go-premium--light .go-sticky-action {
  background: color-mix(in srgb, var(--go-surface, #fffcf8) 96%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top-color: var(--go-border, #e8ddd0);
  box-shadow: 0 -8px 24px rgba(31, 26, 23, 0.06);
}

.go-premium--inmersa .ax-mobile-sticky-bottom,
.go-premium--inmersa .go-pedido-cart,
.go-premium--inmersa .go-sticky-action {
  background: color-mix(in srgb, var(--go-surface, #1e1e24) 94%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top-color: var(--go-border, #2e2e38);
}

/* —— Toast —— */
.go-premium--light .go-toast {
  background: color-mix(in srgb, var(--go-text, #1f1a17) 92%, #000);
  border-radius: 0.875rem;
  font-weight: 500;
}

/* —— Inmersa: dock y botones —— */
.hub-familiar--inmersa .hub-familiar__dock-icon {
  background: var(--hub-surface);
  border-color: var(--hub-btn-border);
  box-shadow: none;
}

.hub-familiar--inmersa .hub-familiar__ai-icon-wrap {
  background: color-mix(in srgb, var(--hub-accent) 14%, var(--hub-surface));
  border-color: var(--hub-btn-border);
}

.hub-familiar--inmersa .hub-familiar__title {
  font-family: "Cormorant Garamond", Georgia, serif;
}

@media (max-width: 380px) {
  .hub-familiar__inner {
    max-width: 100%;
  }

  .hub-familiar__btn {
    padding: 0.8125rem 0.875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hub-familiar__inner {
    animation: none;
  }

  .hub-familiar__btn,
  .hub-familiar__dock-item,
  .go-premium__btn {
    transition: none;
  }
}