/*
 * Párchese la Feria · Expositores (/parchese-la-feria/expositores/)
 * Gives the exhibitors page the design of the fair's main page
 * (/parchese-la-feria/, "paleta sobria"): black background, pixel titles
 * (Silkscreen, Pixelify Sans), Space Grotesk text, yellow and lilac accents,
 * and the same buttons and menu. Loaded after the page's own styles.
 */
:root {
  --ink: #0a0a0d;
  --paper: #ffffff;
  --red: #e3262b;
  --purple: #7b3fe4;
  --yellow: #f2e600;
  --green: #b9a3ff;          /* the page's main accent becomes the lilac */
  --line: #2b2340;
  --fx-card: #161125;
  --fx-dark: #140f1c;
  --fx-muted: #c9bfd8;
  --fx-sil: 'Silkscreen', 'Courier New', monospace;
  --fx-pix: 'Pixelify Sans', 'Courier New', monospace;
  --fx-s: 'Space Grotesk', system-ui, sans-serif;
}

body { background: var(--ink); color: var(--paper); font-family: var(--fx-s); line-height: 1.6; }

/* menu: same bar as the main page */
.site-nav { background: var(--ink); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; }
.site-nav .nav-inner { min-height: 62px; padding-top: 0; padding-bottom: 0; }
.site-nav .nav-brand { color: var(--yellow) !important; font-family: var(--fx-s); font-weight: 700; letter-spacing: .04em; font-size: .95rem; }
.site-nav .nav-links a { color: var(--paper); font-family: var(--fx-s); font-size: .92rem; padding-bottom: 4px; }
.site-nav .nav-links a:hover { color: var(--green); }
.site-nav .nav-links .nav-back { color: var(--green); font-weight: 700; border-bottom: 2px solid var(--green); }

/* hero: the main page's violet glow and pixel grid over the artwork */
.hero { background-color: #170a33 !important; }
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(185,163,255,.09) 2px, transparent 2px), linear-gradient(90deg, rgba(185,163,255,.09) 2px, transparent 2px);
  background-size: 80px 80px;
}
.hero-text { background: rgba(10,4,24,.86) !important; border: 1px solid var(--line) !important; border-radius: 14px !important; }
.edition {
  font-family: var(--fx-sil) !important; font-weight: 700; font-size: .72rem !important; letter-spacing: .06em;
  background: var(--purple) !important; color: #fff !important; padding: 11px 14px !important; border-radius: 4px !important;
}
.hero-text .lead { font-family: var(--fx-s); font-weight: 500; }
.hero-text .sub { color: var(--fx-muted) !important; }
.date-badge {
  font-family: var(--fx-sil) !important; font-weight: 700; font-size: .78rem !important; line-height: 1.7;
  border: 1px solid #5a3fa0 !important; background: #1a0d33 !important; border-radius: 8px !important; color: #fff !important;
}

/* buttons: the main page's .b, .b.f (lilac) and .b.y (yellow) */
.action-link {
  font-family: var(--fx-s); font-weight: 700; font-size: 1rem; border-radius: 6px;
  background: var(--green); border: 1px solid var(--green); color: var(--ink);
}
.action-link:hover { background: #cfc0ff; border-color: #cfc0ff; color: var(--ink); }
.action-link.secondary { background: none; border: 1px solid var(--paper); color: var(--paper); }
.action-link.secondary:hover { background: rgba(255,255,255,.08); color: var(--paper); }
.action-link.participate-link { background: var(--yellow); border-color: var(--yellow); color: var(--ink); }
.action-link.participate-link:hover { background: #fff35c; border-color: #fff35c; color: var(--ink); }

/* titles: Pixelify Sans in capitals, like the main page's section titles */
h2 {
  font-family: var(--fx-pix) !important; font-weight: 700; text-transform: uppercase !important;
  letter-spacing: normal !important; line-height: 1.1; font-size: clamp(1.9rem, 5vw, 3.2rem);
}
h2 .accent { color: var(--green) !important; }
.experience-list-title, .zone-title { font-family: var(--fx-pix) !important; text-transform: uppercase !important; letter-spacing: normal !important; }

/* sections alternate black and the main page's dark violet */
section { border-bottom: 1px solid var(--line); }
.venue, .stand-kits { background: var(--fx-dark); }
.currency-note, .stand-kits-intro, .map-intro, .stand-kits-note { color: var(--fx-muted); }
.callout { border-color: var(--line) !important; }

/* price and stand cards */
.price-card, .stand-kit { background: var(--fx-card) !important; border: 1px solid var(--line) !important; border-radius: 14px !important; }
.price-card { border-top: 4px solid var(--green) !important; }
.price-card:nth-child(2) { border-top-color: var(--yellow) !important; }
.price-card:nth-child(3) { border-top-color: #ff8a1a !important; }
.price-card:nth-child(4) { border-top-color: var(--red) !important; }
.price-card h3, .stand-kit h3 { font-family: var(--fx-pix) !important; text-transform: uppercase; letter-spacing: normal !important; }
.price-card .price { font-family: var(--fx-sil); color: var(--yellow) !important; font-size: clamp(1.3rem, 3vw, 1.7rem) !important; }
.price-card p { color: var(--fx-muted) !important; }

/* exhibitor map controls */
.tab-btn { font-family: var(--fx-sil) !important; border-radius: 6px !important; }
.tab-btn.active { background: var(--yellow) !important; border-color: var(--yellow) !important; color: var(--ink) !important; }
.floor-card, .space-row, .summary-bar { background: var(--fx-card) !important; border-color: var(--line) !important; }

footer { border-top: 1px solid var(--line); color: var(--fx-muted) !important; font-family: var(--fx-s) !important; }