:root {
  --bg: #070b12;
  --panel: #111722;
  --panel-2: #171f2d;
  --text: #f5f7fb;
  --muted: #9da8b8;
  --accent: #a7f3b5;
  --danger: #ff5c6c;
  --line: #263144;
  --success: #38d996;
  --shadow: 0 18px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(7,11,18,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.brand{font-weight:900;letter-spacing:-.04em;font-size:1.45rem}.brand span{color:var(--accent)}
.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:11px 18px;font-weight:800;background:var(--accent);color:#0a0d12}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.danger{background:var(--danger);color:white}.btn.small{padding:8px 12px;font-size:.9rem}
.hero{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:46px;padding:72px 0}.eyebrow{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.86;margin:.18em 0;letter-spacing:-.075em}.hero p{max-width:650px;color:var(--muted);font-size:1.12rem}.hero-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#151d2a,#0a0f18);padding:30px;box-shadow:var(--shadow)}
.hero-card .discount{font-size:4.2rem;font-weight:950;line-height:1;color:var(--accent)}
.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.055em;margin:0}.section p{color:var(--muted)}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-tile{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);font-size:1.4rem;font-weight:900;text-align:center}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative}.product-image{height:260px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{color:var(--muted);padding:24px;text-align:center}.badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#0b0e13;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:900}.product-body{padding:18px}.product-brand{color:var(--accent);font-weight:900;font-size:.76rem;letter-spacing:.08em}.product-title{font-size:1.2rem;font-weight:900;margin:5px 0}.price{font-size:1.35rem;font-weight:900}.old-price{color:var(--muted);text-decoration:line-through;margin-left:8px;font-size:.95rem}.sizes{color:var(--muted);font-size:.9rem;margin:8px 0 16px}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1}
.store-info{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.info-card strong{display:block;color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.info-card span{font-size:1.04rem}
footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted)}
.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-weight:950;box-shadow:var(--shadow);z-index:30}

/* Admin */
.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:28px 18px;background:#080d15;position:sticky;top:0;height:100vh}.sidebar .brand{display:block;margin:0 10px 26px}.side-link{display:block;width:100%;border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;text-align:left;font-weight:800;margin:4px 0}.side-link.active,.side-link:hover{background:var(--panel-2);color:var(--text)}.admin-main{padding:36px;min-width:0}.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.admin-top h1{margin:0;font-size:2rem;letter-spacing:-.04em}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 30px}.stat{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:18px}.stat b{display:block;font-size:2rem;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:22px}.panel h2{margin-top:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{background:#0b111b;border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:12px}.toolbar input{flex:1;min-width:200px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:800px}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table th{color:var(--muted);font-size:.82rem}.thumb{width:58px;height:58px;border-radius:12px;background:var(--panel-2);object-fit:cover}.status{display:inline-block;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900;background:#193a2c;color:#7af0bb}.status.off{background:#3a2226;color:#ff9aa5}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.86rem;color:var(--muted);font-weight:800}.field input,.field select,.field textarea{background:#0b111b;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px}.field textarea{min-height:100px;resize:vertical}.preview-box{width:100%;height:220px;background:#0b111b;border:1px dashed #35435a;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.preview-box img{width:100%;height:100%;object-fit:cover}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.hidden{display:none!important}.notice{padding:12px 14px;border-radius:12px;background:#143226;color:#82edbc;margin-bottom:16px}.danger-zone{border-color:#5b2930}.muted{color:var(--muted)}
@media(max-width:980px){.products{grid-template-columns:repeat(2,1fr)}.brand-grid,.store-info{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow:auto}.sidebar .brand{margin:8px 18px 8px 0;white-space:nowrap}.side-link{width:auto;white-space:nowrap}.admin-main{padding:22px}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nav-links{display:none}.products,.brand-grid,.store-info,.admin-grid,.form-grid{grid-template-columns:1fr}.hero{padding:48px 0}.product-image{height:230px}.admin-top{align-items:flex-start;flex-direction:column}.admin-main{padding:16px}.sidebar{padding:12px}.section{padding:50px 0}}

/* Acceso de administrador */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#192235 0,#070b12 48%,#05080d 100%)}
.login-card{width:min(460px,100%);background:rgba(17,23,34,.96);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}
.login-brand{display:inline-block;margin-bottom:26px}.login-lock{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);background:#0b111b;border-radius:16px;font-size:1.35rem;margin-bottom:18px}
.login-card h1{font-size:2.5rem;letter-spacing:-.055em;margin:7px 0 8px}.login-copy{line-height:1.55;margin:0 0 24px}.login-form{display:grid;gap:15px}.login-submit{width:100%;margin-top:3px;padding:13px 18px}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-message{min-height:22px;font-size:.88rem;line-height:1.4;color:var(--muted)}.login-message.error{color:#ff9aa5}.login-message.success{color:#82edbc}.login-message.setup{padding:11px 12px;border:1px solid #375945;background:#17291e;color:#c5f5d0;border-radius:12px}.back-store{display:inline-block;margin-top:10px;color:var(--muted);font-weight:700}.back-store:hover{color:var(--text)}.logout-link{margin-top:14px;color:#ff9aa5}
@media(max-width:640px){.auth-shell{padding:16px}.login-card{padding:26px 20px;border-radius:22px}.login-card h1{font-size:2rem}}

/* Public brand navigation and catalogue. Admin styles are left untouched. */
.skip-link{position:fixed;top:-100px;left:12px;z-index:100;padding:12px 18px;background:var(--accent);color:var(--bg);border-radius:10px;font-weight:800}
.skip-link:focus{top:12px}
.storefront-page a:focus-visible,.storefront-page button:focus-visible,.storefront-page input:focus-visible,.storefront-page select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.storefront-page section[id]{scroll-margin-top:100px}
.storefront-page .nav-links a[aria-current="page"]{color:var(--accent)}
.storefront-page .section-head>.btn{flex-shrink:0}
.storefront-page a.brand-tile{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;min-height:164px;transition:border-color .2s,transform .2s,background .2s}
.storefront-page a.brand-tile:hover{border-color:var(--accent);background:#17201f;transform:translateY(-4px)}
.brand-tile-name{font-size:1.65rem;letter-spacing:-.04em}
.brand-tile-count{font-size:.76rem;font-weight:500;color:var(--muted)}
.brand-tile-link{display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:750;font-size:.82rem;color:var(--accent);margin-top:14px}
.brand-tile-link>span{font-size:1.2rem}
.product-brand-link:hover{text-decoration:underline;text-underline-offset:4px}
.storefront-page .product-card{display:flex;flex-direction:column;min-width:0}
.storefront-page .product-body{display:flex;flex-direction:column;flex:1;overflow-wrap:anywhere}
.storefront-page .product-actions{margin-top:auto}
.storefront-page .product-image{flex-shrink:0}
.catalog-hero{padding:28px 0 36px}
.catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.82rem;margin-bottom:38px}
.catalog-breadcrumb a:hover,.catalog-bottom>a:hover{color:var(--accent)}
.catalog-breadcrumb [aria-current="page"]{color:var(--text)}
.catalog-intro{display:flex;justify-content:space-between;align-items:center;gap:28px}
.catalog-intro>div:first-child{min-width:0}
.catalog-hero h1{font-size:clamp(2.5rem,6.5vw,5.6rem);letter-spacing:-.07em;line-height:1.03;margin:12px 0 18px;font-weight:900;max-width:970px;overflow-wrap:anywhere}
.catalog-hero h1 span{color:var(--accent)}
.catalog-hero p{max-width:690px;font-size:1rem;line-height:1.7;color:var(--muted);margin:0}
.catalog-summary{flex-shrink:0;min-width:158px;padding:18px 24px;background:var(--panel);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:3px}
.catalog-summary strong{font-size:2.4rem;line-height:1.1;color:var(--accent);letter-spacing:-.06em}
.catalog-summary>span{font-size:.76rem;color:var(--muted)}
.catalog-content{padding-bottom:56px}
.catalog-brand-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 28px;border-bottom:1px solid var(--line)}
.catalog-brand-tabs a{border:1px solid var(--line);border-radius:999px;padding:11px 17px;font-size:.87rem;font-weight:750;display:inline-flex;gap:10px;align-items:center;transition:border-color .2s,background .2s}
.catalog-brand-tabs a:hover{border-color:var(--accent)}
.catalog-brand-tabs a.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.catalog-brand-tabs [data-tab-count]{font-size:.7rem;opacity:.72;background:rgba(130,140,150,.15);min-width:20px;padding:1px 5px;border-radius:7px;text-align:center}
.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,230px) auto;align-items:end;gap:18px;padding:24px 0}
.catalog-field{min-width:0}
.catalog-field>label{display:block;font-size:.78rem;color:var(--muted);font-weight:650;margin-bottom:9px}
.catalog-field select,.catalog-search-input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);min-height:46px}
.catalog-field select{padding:10px 12px;font-size:.88rem}
.catalog-search-input{display:flex;align-items:center;gap:10px;padding-left:14px}
.catalog-search-input>svg{color:var(--muted);flex-shrink:0}
.catalog-search-input>input{min-width:0;flex:1;width:100%;padding:12px 12px 12px 0;color:var(--text);border:0;background:transparent;border-radius:8px;font-size:.9rem}
.catalog-search-input>input::placeholder{color:var(--muted)}
.catalog-search-input:focus-within{border-color:var(--accent)}
.catalog-offers{display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:46px;font-size:.86rem;color:var(--text);cursor:pointer}
.catalog-offers input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.catalog-results-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 20px}
.catalog-results-top h2{font-size:1.2rem;letter-spacing:-.03em;margin:0}
.catalog-results-top p{color:var(--muted);font-size:.82rem;margin:0}
.catalog-page .products{min-height:160px}
.catalog-empty{text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:22px;padding:42px 22px}
.catalog-empty-icon{color:var(--accent);font-size:3rem;line-height:1}
.catalog-empty h3{margin:15px 0 8px;font-size:1.3rem}
.catalog-empty p{max-width:490px;margin:0 auto;line-height:1.6;color:var(--muted)}
.catalog-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.catalog-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px;border-top:1px solid var(--line);padding-top:24px;font-size:.85rem}
.catalog-bottom>a{font-weight:750}.catalog-bottom p{color:var(--muted);margin:0;line-height:1.6}
@media(max-width:980px){.catalog-hero h1{font-size:clamp(2.8rem,7vw,4.3rem)}.catalog-tools{grid-template-columns:minmax(0,1fr) minmax(150px,210px)}.catalog-offers{grid-column:1/-1;min-height:24px}.catalog-summary{min-width:132px;padding:16px 18px}}
@media(max-width:640px){
  .storefront-page .nav{flex-wrap:wrap;gap:12px;padding:15px 0 12px}
  .storefront-page .nav-links{display:flex;width:100%;gap:20px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;font-size:.84rem;padding:0 0 3px}
  .storefront-page .section-head{flex-direction:column;align-items:flex-start}
  .storefront-page .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .storefront-page a.brand-tile{padding:20px 17px;min-height:149px;border-radius:18px}
  .brand-tile-name{font-size:1.35rem}.brand-tile-count{font-size:.69rem}.brand-tile-link{font-size:.73rem}
  .catalog-hero{padding:22px 0 25px}.catalog-breadcrumb{margin-bottom:26px}
  .catalog-intro{align-items:flex-start;flex-direction:column;gap:22px}
  .catalog-hero h1{font-size:clamp(2.5rem,10vw,3.8rem);margin-bottom:15px}
  .catalog-hero p{font-size:.92rem;line-height:1.65}
  .catalog-summary{flex-direction:row;align-items:center;gap:10px;min-width:0;padding:10px 15px;border-radius:12px}
  .catalog-summary strong{font-size:1.45rem}
  .catalog-brand-tabs{gap:8px;padding-bottom:22px}.catalog-brand-tabs a{padding:10px 12px;font-size:.78rem;gap:6px}
  .catalog-tools{grid-template-columns:minmax(0,1fr) auto;gap:16px 14px;padding-top:22px}
  .catalog-search{grid-column:1/-1}.catalog-offers{grid-column:auto;padding-bottom:1px;min-height:46px;font-size:.78rem}
  .catalog-field select{font-size:.8rem;padding:10px}
  .catalog-results-top{margin-top:0}.catalog-results-top h2{font-size:1.08rem}.catalog-results-top p{font-size:.75rem}
  .catalog-content{padding-bottom:38px}.catalog-bottom{gap:14px;padding-right:45px}
  .catalog-empty{padding:32px 18px}.catalog-empty-actions{flex-direction:column}
  .storefront-page footer{padding-right:62px;font-size:.8rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.storefront-page a.brand-tile{transition:none}.storefront-page a.brand-tile:hover{transform:none}}

/* -----------------------------------------------------------
   100% FUTBOL / LA PAZ
   Visual refinement only. The original catalogue and login stay.
   ----------------------------------------------------------- */
:root{--accent-soft:rgba(167,243,181,.09);--sport-line:rgba(167,243,181,.16)}
.ui-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}
.storefront-page{background:#080e11}
.match-strip{background:#121e19;border-bottom:1px solid var(--sport-line);color:#b9c8bd;font-size:10px;font-weight:700;letter-spacing:.14em}
.match-strip>.container{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:20px}
.match-strip span{display:flex;align-items:center;gap:7px}
.match-strip span:first-child{color:var(--accent)}
.match-strip .ui-icon{width:13px;height:13px}
.storefront-page header{background:rgba(8,14,17,.95);border-color:#24302d}
.storefront-page .nav{min-height:80px}
.storefront-page .brand{display:inline-flex;align-items:center;gap:6px;letter-spacing:-.05em;white-space:nowrap;font-size:1.5rem}
.storefront-page .brand-symbol{display:grid;place-items:center;width:32px;height:32px;margin-right:5px;border:1px solid var(--sport-line);border-radius:50%}
.storefront-page .brand-symbol .ui-icon{width:21px;height:21px}
.storefront-page .nav-links{gap:28px;font-size:.88rem;font-weight:550}
.storefront-page .nav-links a{position:relative;transition:color .18s}
.storefront-page .nav-links a:hover{color:var(--accent)}
.storefront-page .nav-links a[aria-current="page"]::after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:2px;background:var(--accent)}
.storefront-page .btn{gap:12px;padding:13px 22px;font-size:.86rem;transition:background .18s,box-shadow .18s,transform .18s}
.storefront-page .btn:not(.secondary):hover{background:#c1facb;box-shadow:0 4px 22px rgba(167,243,181,.12);transform:translateY(-1px)}
.storefront-page .btn.secondary:hover{border-color:var(--accent);background:var(--accent-soft)}
.storefront-page .btn .ui-icon{width:18px;height:18px}
.hero-wrap{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 81% 34%,rgba(103,178,127,.06),transparent 62%)}
.hero-wrap::before{content:"";position:absolute;inset:5px -160px 20px 36%;z-index:-1;background:url("assets/pitch.svg") no-repeat center / contain;opacity:.06;transform:rotate(-12deg);pointer-events:none}
.storefront-page .hero{min-height:525px;grid-template-columns:1.22fr 1fr;gap:55px;padding:64px 0 60px}
.hero-copy{min-width:0}
.storefront-page .hero h1{font-size:clamp(3rem,6.4vw,6.15rem);line-height:.99;font-weight:950;letter-spacing:-.069em;margin:22px 0 20px}
.hero h1>span{color:var(--accent)}
.storefront-page .hero p{font-size:1rem;line-height:1.75;max-width:465px;margin:0;color:#aeb8b4}
.eyebrow{font-size:.67rem;letter-spacing:.15em;font-weight:750}
.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:.59rem;letter-spacing:.12em}
.eyebrow-line{width:23px;height:2px;background:var(--accent);display:inline-block;flex-shrink:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-signature{display:flex;align-items:center;gap:9px;margin-top:30px;color:#a1b2a8;font-size:.58rem;letter-spacing:.085em;font-weight:550}
.hero-signature .ui-icon{width:27px;height:27px;color:var(--accent)}
.hero-signature strong{font-weight:550;color:#d4ded8}
.storefront-page .hero-card{position:relative;isolation:isolate;overflow:hidden;min-height:368px;padding:26px 29px 24px;border-radius:24px;border-color:#355044;background:linear-gradient(125deg,#203c2e 0%,#13241e 50%,#111c18 100%);box-shadow:0 22px 50px rgba(0,0,0,.2)}
.hero-card::before{content:"";position:absolute;z-index:-1;inset:-20px -90px -20px 60px;background:url("assets/pitch.svg") center / cover;opacity:.19;transform:rotate(-15deg);pointer-events:none}
.hero-card::after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:20%;background:repeating-linear-gradient(-40deg,transparent 0,transparent 12px,rgba(167,243,181,.03) 12px,rgba(167,243,181,.03) 13px);pointer-events:none}
.hero-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.match-label{font-size:.59rem;font-weight:800;letter-spacing:.13em;color:#d4e8da;display:flex;align-items:center;gap:7px}
.match-label>i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.sport-number{font-family:monospace;font-size:.8rem;color:var(--accent);border:1px solid #47654f;padding:5px 8px;border-radius:4px}
.offer-composition{position:relative;margin-top:19px;min-height:184px}
.hero-card .discount{position:relative;z-index:2;line-height:1;color:var(--accent);display:flex;flex-direction:column;align-items:flex-start;font-style:italic;max-width:69%}
.hero-card .discount small{font-size:.68rem;font-weight:700;font-style:normal;letter-spacing:.17em;color:#d6e9db}
.hero-card .discount>span{font-size:7.15rem;font-weight:950;letter-spacing:-.07em;line-height:1.13;margin-left:-7px}
.hero-card .discount sup{font-size:2.9rem;vertical-align:baseline;position:relative;top:-.83em;left:4px;font-style:normal;letter-spacing:-.07em}
.hero-card .discount strong{font-style:normal;font-size:.65rem;letter-spacing:.16em;font-weight:850;margin-top:-4px}
.match-ball{position:absolute;width:213px;height:213px;right:-36px;top:1px;transform:rotate(-22deg);filter:drop-shadow(0 19px 14px rgba(0,0,0,.36));z-index:1}
.card-slogan{font-size:.53rem;letter-spacing:.16em;color:#b5cbbc;margin-top:16px}
.hero-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(167,243,181,.22);margin-top:15px;padding-top:17px}
.storefront-page .hero .hero-card-bottom p{font-size:.7rem;line-height:1.65;color:#b3c5b8}
.circle-link{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#102619;flex-shrink:0}
.circle-link:hover{background:#d2f8d7}
.card-corner{position:absolute;top:0;left:0;height:4px;width:100px;background:var(--accent)}
.sport-ribbon{border-top:1px solid var(--sport-line);border-bottom:1px solid var(--sport-line);background:rgba(167,243,181,.035)}
.sport-ribbon>.container{min-height:58px;display:flex;align-items:center;gap:38px;color:#b4c6ba;font-weight:700;font-size:.63rem;letter-spacing:.1em}
.sport-ribbon span{display:flex;align-items:center;gap:9px}
.sport-ribbon span[aria-hidden]{font-weight:400;color:#548769}
.sport-ribbon .ui-icon{width:19px;height:19px;color:var(--accent)}
.sport-ribbon .ribbon-city{margin-left:auto;font-size:.66rem;color:var(--accent)}
.storefront-page .section{padding:56px 0 40px}
.storefront-page .section-head{margin-bottom:26px;align-items:end}
.storefront-page .section h2{font-size:clamp(1.9rem,3.2vw,2.85rem);font-weight:900;line-height:1.1;letter-spacing:-.047em;margin-top:11px}
.section-index{display:inline-block;margin-right:6px;color:#779383;font-family:monospace;font-weight:400}
.storefront-page .brand-grid{gap:16px}
.storefront-page a.brand-tile{position:relative;min-height:238px;padding:27px 24px 19px;border-radius:18px;background:linear-gradient(135deg,#13201b,#111919 75%);border-color:#2a3731;gap:5px;isolation:isolate;overflow:hidden}
.brand-tile::before{content:"";position:absolute;z-index:-1;width:130px;height:130px;top:-53px;right:-45px;border:1px solid var(--sport-line);border-radius:50%;box-shadow:0 0 0 17px rgba(167,243,181,.035),0 0 0 34px rgba(167,243,181,.025)}
.storefront-page a.brand-tile:hover{background:linear-gradient(135deg,#1c3124,#111f18);border-color:var(--accent);transform:translateY(-4px)}
.tile-index{position:absolute;top:18px;right:18px;font-size:.6rem;color:#688271;font-family:monospace;font-weight:400;letter-spacing:.07em}
.brand-logo-stage{display:flex;align-items:center;height:84px;margin:0 0 8px;width:100%}
.brand-logo{display:block;width:132px;height:65px;object-fit:contain;object-position:left center}
.brand-logo.logo-nike{width:118px;height:58px}
.brand-logo.logo-adidas{width:87px;height:63px}
.brand-logo.logo-puma{width:106px;height:74px}
.brand-tile-name{font-size:.68rem;letter-spacing:.17em;font-weight:800;color:#e3ebe6;line-height:1.3}
.brand-tile-count{font-size:.67rem;color:#9aafa2;font-weight:450}
.brand-tile-link{margin-top:12px;padding-top:13px;border-top:1px solid #2d3d32;font-size:.73rem;font-weight:700;letter-spacing:0}
.brand-tile-link>span{font-size:1rem;transition:transform .2s}
.brand-tile:hover .brand-tile-link>span{transform:translate(2px,-2px)}
.storefront-page .product-card{background:#111c18;border-color:#283830;border-radius:19px;transition:border-color .2s,box-shadow .2s}
.storefront-page .product-card:hover{border-color:#597f63;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.storefront-page .product-image{height:232px;background:radial-gradient(ellipse at 50% 48%,#253a30,#141f1b);position:relative}
.storefront-page .product-image>img{object-fit:contain}
.storefront-page .badge{z-index:2;border-radius:6px;padding:6px 9px;font-size:.69rem;letter-spacing:.01em}
.storefront-page .product-placeholder{padding:23px 15px 13px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;color:#98b7a0}
.product-placeholder::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/pitch.svg") center/cover;opacity:.08}
.storefront-page .product-placeholder>img{width:82%;height:112px;object-fit:contain;opacity:.62;transform:rotate(-8deg);margin-bottom:15px}
.product-placeholder>span{font-size:.5rem;font-weight:700;letter-spacing:.11em}
.product-placeholder>small{font-size:.65rem;margin-top:6px;color:#7d9a85}
.storefront-page .product-body{padding:19px 17px 18px}
.storefront-page .product-brand{font-size:.6rem;letter-spacing:.085em}
.storefront-page .product-title{font-size:1.02rem;line-height:1.4;margin:8px 0 12px}
.storefront-page .price{font-size:1.25rem;font-weight:850;letter-spacing:-.02em}
.storefront-page .old-price{font-size:.8rem}
.storefront-page .sizes{font-size:.73rem;color:#a2b6a9;line-height:1.6;margin:10px 0 18px}
.storefront-page .product-actions .btn{font-size:.7rem;padding:11px 8px;gap:5px}
#ofertas{position:relative;margin-top:24px;border-top:1px solid var(--sport-line);border-bottom:1px solid var(--sport-line);background:linear-gradient(125deg,rgba(40,74,48,.12),transparent);padding-bottom:52px}
#ofertas .section-head::after{content:"%";color:var(--accent);font-size:2.8rem;font-weight:900;line-height:1;opacity:.35;transform:skew(-10deg);padding-right:5px}
#tienda{padding-bottom:60px}
.city-banner{display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #304c3b;border-radius:22px;background:linear-gradient(110deg,#162c20,#101b16);min-height:304px;padding:35px;margin-bottom:20px}
.city-copy{position:relative;z-index:2;width:49%}
.city-label{color:var(--accent);font-size:.6rem;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:7px}
.city-label .ui-icon{width:15px;height:15px}
.city-copy h3{font-size:2.35rem;letter-spacing:-.05em;line-height:1.05;margin:19px 0 13px;font-weight:900}
.city-copy h3 em{color:var(--accent);font-style:italic}
.section .city-copy p{font-size:.8rem;line-height:1.7;margin:0;color:#a8bfae}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:.72rem;font-weight:700;color:var(--accent);margin-top:20px}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.text-link .ui-icon{width:16px;height:16px}
.city-art{position:absolute;width:76%;height:285px;object-fit:contain;object-position:right bottom;right:-5%;bottom:0;z-index:0}
.city-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#162b20,transparent 46%);pointer-events:none}
.city-stamp{position:absolute;z-index:2;right:24px;top:22px;border:1px solid #425f4b;border-radius:50%;width:86px;height:86px;display:grid;place-content:center;text-align:center;font-size:.48rem;line-height:1.65;letter-spacing:.15em;color:#a7c8b0;transform:rotate(13deg)}
.storefront-page .store-info{gap:16px}
.storefront-page .info-card{border-radius:16px;border-color:#293b31;background:#101c16;padding:21px 20px}
.info-card .info-symbol{display:block;font-size:.6rem;color:#577a62;font-family:monospace;letter-spacing:.1em;margin-bottom:13px}
.info-card strong{font-size:.64rem;letter-spacing:.12em}
.info-card>span:not(.info-symbol){font-size:.81rem;line-height:1.65;display:block;color:#cbd7ce}
.storefront-page footer{border-color:#23392b;font-size:.72rem;background:#0b1410;padding:25px 0;color:#839c8b}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer strong{font-weight:650;color:#c1d4c6}
.footer-city{display:flex;align-items:center;gap:9px;font-size:.55rem;letter-spacing:.1em;color:#aac5b2}
.footer-city .ui-icon{color:var(--accent);width:21px;height:21px}
.storefront-page .whatsapp{width:55px;height:55px;right:23px;bottom:23px;background:var(--accent);color:#0b2a17;border:4px solid #14291c;box-shadow:0 5px 25px rgba(0,0,0,.35);transition:transform .2s}
.storefront-page .whatsapp:hover{transform:scale(1.05)}
.whatsapp .ui-icon{width:27px;height:27px}

/* The same visual language on brand catalogues. */
.catalog-hero{position:relative;isolation:isolate;padding-top:28px;padding-bottom:38px;overflow:hidden}
.catalog-hero::before{content:"";position:absolute;z-index:-1;right:-16%;top:30px;width:600px;height:265px;background:url("assets/pitch.svg") center/contain no-repeat;opacity:.06;transform:rotate(-17deg);pointer-events:none}
.catalog-breadcrumb{font-size:.73rem;margin-bottom:36px}
.catalog-intro{padding-bottom:6px}
.catalog-hero h1{font-size:clamp(3.1rem,6.2vw,5.4rem);font-weight:900;letter-spacing:-.065em}
.catalog-hero p{font-size:.86rem;max-width:630px}
.catalog-identity{display:flex;align-items:center;gap:23px;flex-shrink:0}
.catalog-identity-logo{display:block;width:112px;height:64px;object-fit:contain}
.catalog-summary{background:#14231a;border-color:#324636;border-radius:15px;min-width:130px;padding:16px 18px}
.catalog-summary strong{font-size:2.2rem}
.catalog-summary>span{font-size:.67rem;color:#a5bdaa}
.catalog-brand-tabs{border-color:#2b3930;gap:10px}
.catalog-brand-tabs>a{background:#121c16;border-color:#2e4132;padding:11px 17px;font-size:.78rem}
.catalog-brand-tabs>a.is-active{background:var(--accent);color:#102a18}
.tab-logo{object-fit:contain;width:30px;height:20px;display:inline-block}
.catalog-brand-tabs>a.is-active .tab-logo{filter:brightness(.1)}
.catalog-tools{gap:20px}
.catalog-field select,.catalog-search-input{background:#131e18;border-color:#304336;min-height:47px}
.catalog-field>label{color:#9db2a3;font-size:.74rem}
.catalog-search-input>input,.catalog-field select{font-size:.81rem}
.catalog-offers{font-size:.78rem}
.catalog-results-top{margin-top:8px}
.catalog-results-top h2{font-size:1.09rem}
.catalog-empty{background:#142019;border-color:#4a6451}
.catalog-bottom{border-color:#2e3e32;font-size:.75rem}
.login-card{border-color:#304a38}
.login-lock{color:var(--accent)}
.auth-shell{background:radial-gradient(ellipse at 50% 0,#1c3626 0,#0b1610 50%,#080e11 100%)}

@media(min-width:1500px){.storefront-page .hero h1{font-size:6rem}}
@media(max-width:1100px) and (min-width:981px){.storefront-page .hero{gap:30px;grid-template-columns:1.2fr 1fr}.storefront-page .hero h1{font-size:5rem}.hero-card .discount>span{font-size:6.7rem}.match-ball{width:185px;right:-35px;top:18px}}
@media(max-width:980px){
  .match-strip-note{display:none!important}
  .storefront-page .hero{grid-template-columns:1.1fr 1fr;min-height:480px;gap:27px;padding:42px 0}
  .storefront-page .hero h1{font-size:clamp(2.8rem,6.4vw,4.7rem)}
  .hero .eyebrow{font-size:.51rem;letter-spacing:.07em}
  .storefront-page .hero p{font-size:.88rem}
  .storefront-page .hero-card{padding:22px;min-height:340px}
  .hero-card .discount>span{font-size:6rem}
  .hero-card .discount sup{font-size:2.2rem}
  .match-ball{width:164px;height:164px;right:-36px;top:38px}
  .sport-ribbon>.container{gap:18px;font-size:.56rem}
  .sport-ribbon .ribbon-city{font-size:.56rem}
  .storefront-page a.brand-tile{min-height:232px}
  .brand-logo-stage{height:82px}
  .city-copy h3{font-size:2.1rem}
  .city-art{width:83%;right:-14%}
  .catalog-identity{gap:14px}
  .catalog-identity-logo{width:78px;height:52px}
  .catalog-hero h1{font-size:3.7rem}
}
@media(max-width:720px){
  .storefront-page .hero{grid-template-columns:1fr;gap:33px;padding:42px 0}
  .storefront-page .hero h1{font-size:clamp(3.25rem,10vw,4.8rem);max-width:600px}
  .hero-copy>p{max-width:500px}
  .storefront-page .hero-card{width:100%;min-height:350px;padding:25px}
  .hero-card .discount>span{font-size:7rem}
  .hero-card .discount sup{font-size:2.7rem}
  .match-ball{width:245px;height:245px;right:3px;top:-15px}
  .hero-card .discount{max-width:65%}
  .sport-ribbon>.container{flex-wrap:wrap;gap:14px 20px;min-height:70px;justify-content:center;padding:12px 0}
  .sport-ribbon .ribbon-city{margin-left:0}
  .sport-ribbon span:nth-child(5){display:none}
  .catalog-identity{width:100%;justify-content:space-between;flex-direction:row-reverse}
  .city-art{width:95%;right:-20%;opacity:.7}
}
@media(max-width:640px){
  .container{width:90%}
  .match-strip{font-size:8px;letter-spacing:.08em}
  .match-strip>.container{min-height:30px;gap:10px}
  .storefront-page .nav{padding:16px 0 14px;gap:16px}
  .storefront-page .brand{font-size:1.33rem}
  .storefront-page .brand-symbol{width:28px;height:28px}
  .storefront-page .nav-links{gap:22px;font-size:.78rem;scrollbar-width:none;padding-bottom:0}
  .storefront-page .nav-links a[aria-current="page"]::after{bottom:-5px}
  .hero .eyebrow{font-size:.5rem;letter-spacing:.11em}
  .eyebrow-line{width:16px}
  .storefront-page .hero h1{font-size:clamp(2.7rem,10.2vw,4rem);letter-spacing:-.064em;line-height:1.05;margin:20px 0 18px}
  .storefront-page .hero p{font-size:.88rem;line-height:1.75}
  .hero-actions{gap:10px;margin-top:24px}
  .storefront-page .btn{font-size:.76rem;padding:12px 18px}
  .hero-signature{margin-top:23px;font-size:.46rem;letter-spacing:.06em}
  .hero-signature .ui-icon{width:23px;height:23px}
  .storefront-page .hero-card{min-height:346px;border-radius:20px;padding:22px}
  .offer-composition{min-height:180px}
  .hero-card .discount>span{font-size:6.8rem;line-height:1.15}
  .hero-card .discount sup{font-size:2.4rem}
  .hero-card .discount strong{font-size:.58rem}
  .match-ball{width:181px;height:181px;right:-26px;top:21px}
  .match-label{font-size:.55rem}
  .card-slogan{font-size:.48rem;letter-spacing:.1em}
  .sport-number{font-size:.67rem}
  .sport-ribbon>.container{gap:12px;min-height:46px;font-size:.51rem;padding:12px 0;justify-content:space-between}
  .sport-ribbon .ribbon-city{font-size:.52rem}
  .sport-ribbon span:nth-child(4){display:none}
  .sport-ribbon .ui-icon{width:16px;height:16px}
  .storefront-page .section{padding:40px 0 26px}
  .storefront-page .section h2{font-size:clamp(1.7rem,7vw,2.45rem);line-height:1.1;margin-top:10px}
  .eyebrow{font-size:.55rem;letter-spacing:.11em}
  .storefront-page .section-head{gap:17px;margin-bottom:21px}
  .storefront-page .brand-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .storefront-page a.brand-tile{padding:24px 17px 16px;min-height:211px;border-radius:16px}
  .brand-logo-stage{height:66px;margin-bottom:10px}
  .brand-logo{width:104px;height:53px;max-width:100%}
  .brand-logo.logo-nike{width:101px;height:50px}
  .brand-logo.logo-adidas{width:70px;height:53px}
  .brand-logo.logo-puma{width:78px;height:60px}
  .tile-index{font-size:.5rem;right:13px;top:13px}
  .brand-tile-name{font-size:.6rem;letter-spacing:.15em}
  .brand-tile-count{font-size:.58rem}
  .brand-tile-link{font-size:.65rem;margin-top:10px;padding-top:12px}
  .storefront-page .products{grid-template-columns:1fr;gap:18px}
  .storefront-page .product-image{height:245px}
  .storefront-page .product-placeholder>img{height:133px;margin-bottom:16px}
  .storefront-page .product-placeholder>span{font-size:.57rem}
  .storefront-page .product-brand{font-size:.66rem}
  .storefront-page .product-title{font-size:1.12rem}
  .storefront-page .price{font-size:1.4rem}
  .storefront-page .sizes{font-size:.8rem}
  .storefront-page .product-actions .btn{font-size:.77rem;padding:12px}
  #ofertas{padding-bottom:40px}
  #ofertas .section-head{flex-direction:row;align-items:center}
  #ofertas .section-head::after{font-size:2.3rem;padding-right:10px}
  .city-banner{padding:27px 24px 165px;min-height:435px;border-radius:18px}
  .city-copy{width:100%}
  .city-copy h3{font-size:2.15rem;line-height:1.08}
  .city-copy p{max-width:230px;font-size:.79rem}
  .city-art{width:130%;height:210px;right:-14%;bottom:0;opacity:1}
  .city-banner::after{background:linear-gradient(180deg,transparent 65%,rgba(9,18,13,.2))}
  .city-stamp{top:auto;bottom:123px;right:18px;width:66px;height:66px;font-size:.38rem;background:#15291d}
  .storefront-page .store-info{grid-template-columns:1fr 1fr;gap:12px}
  .storefront-page .info-card{padding:18px 16px}
  .info-card>span:not(.info-symbol){font-size:.73rem}
  .storefront-page footer{padding:24px 0 78px;font-size:.67rem}
  .footer-city{font-size:.5rem}
  .footer-inner{gap:15px;line-height:1.7}
  .storefront-page .whatsapp{right:17px;bottom:17px;width:52px;height:52px}
  .catalog-hero{padding-top:24px;padding-bottom:27px}
  .catalog-hero h1{font-size:clamp(2.5rem,11vw,3.8rem);line-height:1.05;letter-spacing:-.06em}
  .catalog-hero p{font-size:.84rem}
  .catalog-breadcrumb{font-size:.66rem;margin-bottom:27px}
  .catalog-intro{gap:22px}
  .catalog-identity-logo{height:39px;width:80px}
  .catalog-summary{min-width:0;padding:10px 14px;border-radius:10px}
  .catalog-summary strong{font-size:1.5rem}
  .catalog-summary>span{font-size:.65rem}
  .catalog-brand-tabs{gap:8px;padding-bottom:22px}
  .catalog-brand-tabs>a{gap:8px;font-size:.7rem;padding:9px 11px}
  .tab-logo{width:23px;height:16px}
  .catalog-brand-tabs [data-tab-count]{font-size:.62rem;min-width:16px}
  .catalog-tools{gap:15px 13px}
  .catalog-field>label{font-size:.67rem}
  .catalog-field select{font-size:.72rem}
  .catalog-search-input>input{font-size:.78rem}
  .catalog-offers{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .storefront-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .storefront-page a.brand-tile:hover,.storefront-page .btn:hover,.storefront-page .whatsapp:hover{transform:none}
}
.catalog-hero h1 span{margin-left:.12em}
@media(max-width:640px){.hero-card-bottom .circle-link{margin-right:33px}.catalog-hero h1 span{margin-left:0}}