/* Base de la versión independiente (sin Shopify) */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B0B0B; color: #F1EEEA; font-family: 'Archivo', -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
.f9-wrap { position: relative; }

/* Barra de anuncio */
.f9-anuncio { background: #FF5A0F; color: #0B0B0B; text-align: center; padding: 10px 16px; font-family: 'Space Mono', monospace; font-weight: 700; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.f9-anuncio a { text-decoration: none; }

/* Cabecera */
.f9-header { position: sticky; top: 0; z-index: 50; background: #0B0B0B; border-bottom: 1px solid rgba(241,238,234,.08); }
.f9-header__in { max-width: 1400px; margin: 0 auto; padding: 12px clamp(16px, 3.5vw, 48px); display: flex; align-items: center; gap: clamp(20px, 3vw, 44px); }
.f9-header__logo img { display: block; width: clamp(110px, 11vw, 150px); height: auto; }
.f9-nav { display: flex; gap: clamp(16px, 2.4vw, 36px); }
.f9-nav a { font-family: 'Space Mono', monospace; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; padding: 6px 0; border-bottom: 1px solid transparent; }
.f9-nav a:hover, .f9-nav a[aria-current="page"] { border-bottom-color: currentColor; }
.f9-header__bolsa { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; font-family: 'Space Mono', monospace; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
.f9-header__bolsa span { display: grid; place-items: center; min-width: 34px; height: 34px; border: 1px solid currentColor; border-radius: 999px; font-size: 11px; }
@media (max-width: 749px) {
  .f9-header__in { flex-wrap: wrap; gap: 10px 18px; }
  .f9-nav { order: 3; width: 100%; justify-content: space-between; }
  .f9-nav a { font-size: 12px; letter-spacing: .1em; }
}

/* Pie */
.f9-pie { border-top: 1px solid rgba(241,238,234,.1); }
.f9-pie__in { max-width: 1400px; margin: 0 auto; padding: 36px clamp(16px, 3.5vw, 48px) 44px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px 40px; font-family: 'Space Mono', monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(241,238,234,.7); }
.f9-pie__in a { text-decoration: none; }
.f9-pie__in a:hover { color: #FF5A0F; }
.f9-pie__links { display: flex; flex-wrap: wrap; gap: 20px; }