:root{--ink:#171916;--paper:#f5f1eb;--white:#fffdf9;--acid:#d9a17b;--muted:#70736a;--line:#e6ddd4;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.topline{background:var(--acid);padding:9px 5vw;text-align:center;font-size:10px;font-weight:800;letter-spacing:.14em}header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:var(--paper)}header>a:last-child{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;padding:11px 14px;border:1px solid var(--line);border-radius:999px}header>a:last-child:hover{background:var(--acid);border-color:var(--acid)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 17px var(--display);letter-spacing:.06em}.brand b{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--acid);font-size:23px;border-radius:9px}.brand small{display:block;font:700 8px var(--font);letter-spacing:.13em;margin-top:4px}.hero{display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:36px;padding:35px max(7vw,calc((100vw - 1160px)/2));min-height:300px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;margin:0 0 17px}.hero h1,.closing h2{font:600 clamp(38px,4.5vw,56px)/1.02 var(--display);letter-spacing:-.065em;margin:0}.hero em,.closing em{font-style:normal;color:#9b6245}.intro{max-width:430px;color:#62645c;font-size:14px;line-height:1.75;margin:20px 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;text-decoration:none;padding:15px 19px;font-size:12px;font-weight:700;border:0;border-radius:9px;cursor:pointer;transition:background .18s,color .18s,transform .18s}.button:hover{background:var(--acid);color:var(--ink);transform:translateY(-1px)}.art{height:220px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:220px;height:220px;border:1px solid #d8c8bb;border-radius:50%}.slab{width:165px;height:158px;background:var(--acid);display:grid;place-items:center;transform:rotate(-8deg);border-radius:4px;box-shadow:15px 16px 0 #17191612;font:700 112px var(--display);letter-spacing:-.15em}.drop,.caption{position:absolute;font-size:9px;font-weight:800;letter-spacing:.13em}.drop{top:13px;left:2%;line-height:1.4}.drop strong{font:600 27px var(--display)}.caption{bottom:2px;right:0;text-align:right;line-height:1.5}.catalog{padding:64px max(6vw,calc((100vw - 1200px)/2)) 76px;background:var(--white)}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.heading .eyebrow{color:#9b6245;margin-bottom:9px}.heading h2{font:600 clamp(31px,4vw,46px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.filters{display:grid;grid-template-columns:minmax(180px,1fr) 155px 205px;gap:10px;background:var(--paper);padding:10px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px}.filters input,.filters label{min-width:0;background:var(--white);border:1px solid #e7dcd2;border-radius:8px;padding:12px 13px;font:500 12px var(--font);color:var(--ink)}.filters input{outline:none}.filters input:focus,.filters label:focus-within{border-color:#b77b59;box-shadow:0 0 0 3px #d9a17b44}.filters input::placeholder{color:#8b8d83}.filters label{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.filters select{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:600 12px var(--font);margin-top:4px}.status{font-size:11px;line-height:1.5;color:var(--muted);margin:15px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.product{min-width:0;background:var(--white);border:1px solid #e8ddd3;border-radius:var(--radius);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);border-color:#d8c0af;box-shadow:0 10px 28px #1719160b}.photo{aspect-ratio:1/1;position:relative;background:#eee6dd;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s}.product:hover .photo img{transform:scale(1.035)}.placeholder{font:700 64px var(--display);color:#cdbdaf}.pid,.tag{position:absolute;top:11px;padding:7px 9px;font-size:9px;font-weight:800;border-radius:5px;background:var(--white);box-shadow:0 2px 8px #1719160a}.pid{left:11px}.tag{right:11px;background:var(--acid)}.tag.sold{background:var(--ink);color:white}.details{padding:14px}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details h3{font:600 18px/1.2 var(--display);margin:9px 0 5px;overflow-wrap:anywhere}.details p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 12px;min-height:16px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px}.price{font:700 19px/1.1 var(--display);white-space:nowrap}.talle{font-size:10px;color:var(--muted);margin-top:5px}.ask{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:7px;padding:10px 11px;color:var(--ink);text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap;transition:background .15s,color .15s}.ask:hover{background:var(--ink);color:white}.ask.disabled{opacity:.45;pointer-events:none}.empty{text-align:center;padding:56px 20px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--paper)}.empty h3{font:600 24px var(--display);margin:0 0 8px}.empty p{font-size:13px;color:var(--muted)}.empty button{border:0;background:none;text-decoration:underline;font-weight:700;padding:10px;cursor:pointer}.closing{background:var(--acid);padding:42px max(6vw,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.closing .eyebrow{margin-bottom:11px}.closing h2{font-size:clamp(28px,3.8vw,42px)}.closing em{color:#75452f}.closing .button{background:var(--ink);color:white}footer{background:var(--ink);color:#b7b9ad;padding:26px max(5vw,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}footer .brand{color:white}footer .brand b{background:var(--acid);color:var(--ink)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a6c72b;outline-offset:3px}@media(min-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.hero{padding:30px 5vw 24px;grid-template-columns:1fr .65fr;gap:10px;min-height:0}.hero h1{font-size:clamp(36px,6vw,48px)}.intro{font-size:13px}.art{height:180px;transform:scale(.9);margin:0 -18px}.orbit{width:165px;height:165px}.slab{width:125px;height:120px;font-size:86px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.catalog{padding:45px 4vw 55px}.filters{grid-template-columns:minmax(0,1fr) 130px;padding:8px}.filters input{grid-column:1/-1}.filters label:last-child{grid-column:1/-1}.closing{padding:34px 5vw;flex-wrap:wrap}.photo img{padding:8px}.details{padding:11px}.details h3{font-size:16px}.bottom{gap:5px}.price{font-size:17px}.ask{padding:9px 8px}}@media(max-width:520px){.topline{font-size:9px;padding:9px 10px;letter-spacing:.09em}header{height:56px;padding:0 4vw}.brand{font-size:14px;gap:8px}.brand b{width:32px;height:32px;font-size:21px;border-radius:8px}.brand small{font-size:7px}.brand small{letter-spacing:.1em}header>a:last-child{font-size:11px;padding:9px 11px}.hero{display:block;padding:25px 5vw 14px}.hero .eyebrow{font-size:9px;margin-bottom:13px}.hero h1{font-size:clamp(34px,9vw,43px)}.intro{font-size:13px;line-height:1.65;margin:16px 0 20px;max-width:370px}.hero .button{width:100%;padding:14px}.art{height:125px;transform:none;margin:12px 0 0}.orbit{width:115px;height:115px}.slab{width:86px;height:82px;font-size:61px}.drop{top:3px;left:8%;font-size:8px}.drop strong{font-size:21px}.caption{right:2%;bottom:0;font-size:8px}.catalog{padding:36px 4vw 45px}.heading{align-items:end;margin-bottom:17px}.heading h2{font-size:31px}.heading .eyebrow{font-size:9px;margin-bottom:7px}.heading>span{font-size:10px}.filters{grid-template-columns:minmax(0,1fr) minmax(105px,.8fr);gap:7px;padding:7px;margin-bottom:14px}.filters input{padding:13px 11px;font-size:13px}.filters label{padding:9px 10px;font-size:8px}.filters select{font-size:12px}.status{font-size:10px;margin:12px 0 14px}.grid{gap:12px 8px}.photo{aspect-ratio:1/1}.pid,.tag{top:7px;padding:5px 6px;font-size:8px;border-radius:4px}.pid{left:7px}.tag{right:7px}.details{padding:10px}.meta{font-size:8px}.details h3{font-size:15px;margin:7px 0 5px}.details p{font-size:10px;line-height:1.4;margin-bottom:10px;min-height:0}.bottom{align-items:center;flex-direction:row;flex-wrap:wrap;padding-top:10px;gap:7px}.price{font-size:16px}.talle{font-size:9px;margin-top:3px}.ask{font-size:9px;padding:9px 7px;flex:0 0 auto}.empty{padding:38px 15px}.closing{display:block;padding:30px 5vw}.closing h2{font-size:31px}.closing .eyebrow{font-size:9px}.closing .button{margin-top:18px;width:100%}footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:23px 5vw}footer .brand,footer>span:nth-child(2){grid-column:1/-1}footer>span:last-child{text-align:right}}@media(max-width:360px){.details{padding:8px}.bottom{align-items:flex-start}.price{font-size:15px}.ask{padding:8px 6px;font-size:8px}.tag{font-size:7px}.heading h2{font-size:28px}}
/* Product cards: clearer hierarchy and easier mobile scanning */
.photo{background:linear-gradient(145deg,#f4eee7 0%,#e9dfd4 100%)}
.photo img{padding:16px;object-fit:contain}
.product{box-shadow:0 3px 12px #17191608}
.details{padding:15px}
.meta{align-items:center}
.meta span:first-child{font-weight:800;color:#55574f}
.details h3{min-height:2.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.details p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.bottom{align-items:center}
.price{font-size:21px;letter-spacing:-.035em}
.talle{display:inline-flex;align-items:center;margin-top:6px;padding:4px 7px;border-radius:5px;background:#f2e8de;color:#4f5149;font-weight:700}
.ask{min-height:38px;padding:10px 12px}
.tag{letter-spacing:.045em}
@media(max-width:760px){.details{padding:11px}.photo img{padding:10px}.details h3{min-height:2.3em;font-size:15px}.details p{min-height:2.8em}.price{font-size:17px}.talle{padding:4px 6px}.ask{padding:9px 8px;min-height:36px}}
@media(max-width:360px){.details{padding:8px}.price{font-size:15px}.ask{font-size:8px;padding:8px 6px}}

/* Compact wordmark header: remove the standalone V tile and reclaim space */
header{height:56px;padding-inline:max(4vw,calc((100vw - 1280px)/2));}
header .brand{gap:0;line-height:1;letter-spacing:.085em}
header .brand span{display:block}
header .brand small{font-size:7px;letter-spacing:.16em;margin-top:5px;color:var(--muted)}
header>a:last-child{padding:9px 13px;font-size:11px}
@media(max-width:520px){
  header{height:50px;padding-inline:4vw}
  header .brand{font-size:14px}
  header .brand small{font-size:6.5px;margin-top:4px}
  header>a:last-child{padding:8px 10px;font-size:10px}
}

/* Removed the decorative V tile from the brand and hero artwork. */
.brand b{display:none}
.art .orbit{width:175px;height:175px}
@media(max-width:760px){.art .orbit{width:140px;height:140px}}
@media(max-width:520px){.art .orbit{width:105px;height:105px}}

/* Compact hero: prioritize the sneaker catalog over decorative artwork. */
.hero{display:block;min-height:0;padding-top:25px;padding-bottom:25px}
.hero>div:first-child{max-width:760px}
.hero .eyebrow{margin-bottom:10px}
.hero h1{font-size:clamp(32px,4vw,46px)}
.hero .intro{margin:13px 0 17px;max-width:620px}
@media(max-width:520px){
 .hero{padding:20px 5vw 22px}
 .hero .eyebrow{font-size:8px;margin-bottom:10px}
 .hero h1{font-size:34px;line-height:1.03}
 .hero .intro{font-size:12px;line-height:1.5;margin:12px 0 15px}
 .hero .button{width:auto;padding:12px 15px}
}

/* Galería de fotos de producto */
.photo[role="button"]{cursor:zoom-in}
.photo-count{position:absolute;left:10px;bottom:10px;background:#171916e8;color:#fffdf9;padding:7px 9px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.06em;pointer-events:none}
.gallery-modal{position:fixed;inset:0;z-index:9999;background:rgba(13,14,12,.96);display:flex;align-items:center;justify-content:center;padding:24px;color:#fffdf9}
.gallery-modal[hidden]{display:none!important}.gallery-content{width:min(900px,78vw);display:flex;flex-direction:column;align-items:center;gap:12px;max-height:92vh}
.gallery-large{display:block;max-width:100%;width:auto;height:auto;max-height:68vh;object-fit:contain;border-radius:8px}
.gallery-count{font-size:12px;letter-spacing:.12em;color:#d9a17b;font-weight:800}.gallery-caption{font-size:12px;color:#e9e4dc;text-align:center}
.gallery-close,.gallery-arrow{position:absolute;border:1px solid #ffffff55;background:#ffffff12;color:white;cursor:pointer;display:grid;place-items:center}
.gallery-close{top:18px;right:18px;width:44px;height:44px;border-radius:50%;font-size:30px}.gallery-arrow{top:50%;transform:translateY(-50%);width:48px;height:58px;border-radius:9px;font-size:36px}
.gallery-prev{left:20px}.gallery-next{right:20px}.gallery-thumbs{display:flex;justify-content:center;gap:8px;max-width:100%;overflow-x:auto;padding:4px}
.gallery-thumb{flex:0 0 58px;width:58px;height:58px;padding:2px;border:2px solid transparent;border-radius:6px;background:#ffffff16;cursor:pointer}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb.active{border-color:#d9a17b}body.gallery-open{overflow:hidden}
@media(max-width:520px){.gallery-modal{padding:12px}.gallery-content{width:100%;gap:10px}.gallery-large{max-height:62vh;max-width:100%}.gallery-close{top:10px;right:10px;width:40px;height:40px}.gallery-arrow{width:34px;height:44px;font-size:27px}.gallery-prev{left:7px}.gallery-next{right:7px}.gallery-thumb{flex-basis:48px;width:48px;height:48px}}


/* Enlace discreto al panel de control al pie de la tienda */
.admin-link{display:inline-flex;align-items:center;justify-content:center;margin:12px auto 2px;padding:9px 14px;border:1px solid #b8aa99;border-radius:6px;background:#eee5da;color:#51483f;font-size:11px;font-weight:700;letter-spacing:.04em;text-decoration:none;box-shadow:0 2px 0 #d8cabb;transition:background .2s,border-color .2s,color .2s}
.admin-link:hover{background:#e4d5c4;border-color:#8f7c68;color:#28251f}
footer{flex-wrap:wrap}


/* Jerarquía del producto: la marca debe destacar antes que el modelo */
.details .meta{align-items:center;margin-bottom:8px}
.details .meta span:first-child{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--ink)}
.details h3{font-size:14px;font-weight:500;letter-spacing:-.015em;color:#62645c;min-height:0;margin:0 0 9px;line-height:1.35}
@media(max-width:760px){
  .details .meta span:first-child{font-size:11px}
  .details h3{font-size:13px;min-height:0}
}