/* Tema MACHI AREPAS para la tienda online */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:wght@400;600;800&family=Pacifico&display=swap');

:root {
  --mach-wood: #2a1810;
  --mach-wood-light: #3d2618;
  --mach-gold: #e8b84a;
  --mach-gold-dark: #c9972e;
  --mach-cream: #f5e6c8;
  --mach-white: #faf7f2;
  --mach-pink: #e84a8a;
  --mach-red: #cf142b;
}

.app-body {
  font-family: "Nunito", system-ui, sans-serif;
  background: var(--mach-wood);
  color: var(--mach-cream);
}

.app-body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,0,0,.03) 2px, rgba(0,0,0,.03) 4px),
    linear-gradient(180deg, #1a0f0a 0%, var(--mach-wood) 40%, #1a0f0a 100%);
  pointer-events: none;
  z-index: -1;
}

.app-body.page-sede-es {
  --mach-gold: #ffd23f;
  --mach-red: #d92027;
  --mach-wood: #2c3e50;
  --mach-wood-light: #fff9e9;
  background: linear-gradient(135deg, #ffd23f, #fff9e9);
  color: #333;
}

.app-body.page-sede-es::before { display: none; }

.app-body.page-sede-es .menu-item,
.app-body.page-sede-es .info-box,
.app-body.page-sede-es .cart-summary,
.app-body.page-sede-es .checkout-summary,
.app-body.page-sede-es .modal__panel {
  background: #fff;
  color: #333;
  border-color: var(--mach-red);
}

.app-body.page-sede-es .section-banner {
  color: #111;
}

.app-body.page-sede-es .item-name,
.app-body.page-sede-es .item-desc,
.app-body.page-sede-es .info-box,
.app-body.page-sede-es .info-box h3,
.app-body.page-sede-es .info-box ul,
.app-body.page-sede-es .info-box ul li,
.app-body.page-sede-es .info-box ul li span,
.app-body.page-sede-es .info-list-plain,
.app-body.page-sede-es .info-list-plain li,
.app-body.page-sede-es .info-list-plain li span,
.app-body.page-sede-es .menu-title,
.app-body.page-sede-es .back-sede {
  color: #111 !important;
}

.app-body.page-sede-es .info-box .link-add {
  color: var(--mach-red) !important;
  font-weight: 700;
}

.app-body.page-sede-es .info-box .link-add:hover {
  color: #a01820 !important;
  text-decoration: underline;
}

.app-body.page-sede-es .item-desc {
  color: #1a1a1a !important;
  opacity: 1;
}

.app-body.page-sede-es .item-price {
  color: var(--mach-red) !important;
}

.app-body.page-sede-es .menu-item {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

.header--compact .logo-img {
  max-width: 160px;
  border-radius: 50%;
  border: 4px solid rgba(232, 184, 74, 0.4);
}

.menu-title {
  font-family: "Pacifico", cursive;
  color: var(--mach-gold);
  text-align: center;
}

.back-sede {
  color: var(--mach-gold);
}

.section-banner {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  color: var(--mach-gold);
  border-bottom: 3px solid var(--mach-red);
  padding-bottom: 0.35rem;
  margin-bottom: 0.75rem;
}

.menu-item {
  background: var(--mach-wood-light);
  border-left: 4px solid var(--mach-gold-dark);
  border-radius: 12px;
}

.item-name { color: var(--mach-white); }
.item-desc { color: rgba(245, 230, 200, 0.8); }
.item-price {
  font-family: "Bebas Neue", sans-serif;
  color: var(--mach-gold);
}

.btn-add,
.btn-primary {
  background: var(--mach-gold);
  color: var(--mach-wood);
  border: none;
  font-weight: 800;
}

.btn-add:hover,
.btn-primary:hover {
  background: var(--mach-gold-dark);
  color: #fff;
}

.bottom-nav {
  background: rgba(26, 15, 10, 0.95);
  border-top: 1px solid rgba(232, 184, 74, 0.25);
}

.bottom-nav__btn.active { color: var(--mach-gold); }

.fab-whatsapp { background: #25d366; }
.fab-maps { background: #ea4335; }

.sede-card-logo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
}