@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/anton-latin.woff2') format('woff2');}
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/permanent-marker-latin.woff2') format('woff2');}

:root{
    --bg:#0d0d0c;
    --bg-alt:#161614;
    --card:#1c1c19;
    --card-2:#232320;
    --paper:#efece3;
    --ink:#f2ede4;
    --ink-soft:#9a9689;
    --ink-dim:#6b675c;
    --line: rgba(242,237,228,0.12);
    --line-2: rgba(242,237,228,0.06);
    --spray:#d9482a;
    --spray-deep:#b83a1f;
    --gold:#c9a227;
    --wsp:#25D366;
    --r:4px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter', sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  ::selection{background:var(--spray); color:#fff;}
  .display{font-family:'Anton', sans-serif; text-transform:uppercase; letter-spacing:0.01em;}
  .tag-font{font-family:'Permanent Marker', cursive; text-transform:none;}
  .wrap{max-width:1140px; margin:0 auto; padding:0 24px;}
  svg.ico{width:16px; height:16px; flex-shrink:0;}
  a{color:inherit;}

  .tab{
    color:var(--spray); font-weight:800; font-size:12px; letter-spacing:0.14em;
    text-transform:uppercase; margin-bottom:12px; display:inline-flex; align-items:center; gap:9px;
  }
  .tab::before{content:""; width:26px; height:2px; background:var(--spray); display:inline-block;}

  header{
    position:sticky; top:0; z-index:50;
    background:rgba(13,13,12,0.96);
    border-bottom:1px solid var(--line);
    transition:box-shadow .25s, background .25s;
  }
  header.scrolled{box-shadow:0 6px 26px rgba(0,0,0,.45); background:rgba(13,13,12,0.97);}
  .navbar{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 24px; transition:padding .25s;}
  header.scrolled .navbar{padding:9px 24px;}

  .logo{display:flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0;}
  .logo-mark{width:40px; height:40px; border:2px solid var(--ink); border-radius:50%;
    display:flex; align-items:center; justify-content:center; transition:transform .3s, border-color .2s;}
  .logo:hover .logo-mark{transform:rotate(-8deg); border-color:var(--spray);}
  .logo-word{font-size:21px; letter-spacing:0.02em; color:var(--ink); line-height:1;}
  .logo-sub{font-size:11px; color:var(--spray); letter-spacing:0.12em; margin-top:1px;}

  .nav-desktop > ul{display:flex; align-items:center; gap:6px; list-style:none;}
  .nav-desktop li{position:relative;}
  .nav-link{
    display:inline-flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer;
    font-family:inherit; color:var(--ink); text-decoration:none; font-weight:700; font-size:13px;
    letter-spacing:0.06em; text-transform:uppercase; padding:10px 14px; border-radius:var(--r);
    transition:color .2s, background .2s;
  }
  .nav-link:hover, .nav-link.nav-activo{color:var(--spray); background:rgba(242,237,228,0.04);}
  .nav-link .chev{width:13px; height:13px; transition:transform .25s;}
  .has-drop.abierto .chev{transform:rotate(180deg);}

  .mega{
    position:absolute; left:0; right:0; top:100%; z-index:60;
    background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
    box-shadow:0 24px 50px rgba(0,0,0,.5);
    opacity:0; visibility:hidden; transform:translateY(-10px); transition:all .22s ease;
  }
  .mega.abierto{opacity:1; visibility:visible; transform:none;}
  .mega-inner{display:grid; grid-template-columns:0.8fr 1fr 1fr 1.4fr; gap:36px; padding:32px 24px 36px;}
  .mega-col{display:flex; flex-direction:column;}
  .mega-titulo{font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:var(--ink); font-weight:800; margin-bottom:14px;}
  .mega-col a{color:var(--ink-soft); text-decoration:none; font-size:14px; font-weight:600; padding:7px 0;
    text-transform:uppercase; letter-spacing:.03em; transition:color .15s, padding-left .15s;}
  .mega-col a:hover{color:var(--spray); padding-left:5px;}
  .mega-destacados a{color:var(--ink); font-weight:800; font-size:15px; padding:8px 0;}
  .mega-destacados a:hover{color:var(--spray);}
  .mega-destacados .mega-hot{color:var(--spray);}
  .mega-promo{display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start;}
  .mega-promo a{position:relative; display:block; border-radius:6px; overflow:hidden; aspect-ratio:3/4; background:#111110;}
  .mega-promo img{width:100%; height:100%; object-fit:cover; transition:transform .4s;}
  .mega-promo a:hover img{transform:scale(1.06);}
  .mega-promo span{position:absolute; left:10px; bottom:10px; z-index:2; color:#fff; font-weight:800;
    font-size:12px; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 2px 8px rgba(0,0,0,.7);}
  .mega-promo small{grid-column:1/-1; font-size:10.5px; color:var(--ink-dim); letter-spacing:.1em;}

  .dropdown{
    position:absolute; top:calc(100% + 10px); left:0; z-index:60;
    display:grid; grid-template-columns:repeat(2,minmax(160px,1fr)); gap:26px;
    background:var(--card); border:1px solid var(--line); border-radius:10px; padding:22px 24px;
    box-shadow:0 24px 50px rgba(0,0,0,.5);
    opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .2s;
  }
  .has-drop.abierto .dropdown{opacity:1; visibility:visible; transform:none;}
  @media (hover:hover){ .has-drop:hover .dropdown{opacity:1; visibility:visible; transform:none;} }
  .drop-col{display:flex; flex-direction:column;}
  .drop-titulo{font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-dim); margin-bottom:12px;}
  .dropdown a{color:var(--ink-soft); text-decoration:none; font-size:14px; font-weight:600; padding:7px 0; white-space:nowrap; transition:color .15s, padding-left .15s;}
  .dropdown a:hover{color:var(--spray); padding-left:5px;}

  .nav-acciones{display:flex; align-items:center; gap:10px; flex-shrink:0;}
  .icon-btn{
    width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:transparent;
    color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s;
  }
  .icon-btn:hover{border-color:var(--spray); color:var(--spray);}
  .icon-btn svg{width:18px; height:18px;}
  .hamburguesa{display:none;}
  .btn-wsp{
    background:var(--spray); color:#fff; padding:11px 18px; border-radius:var(--r);
    font-weight:700; font-size:13px; text-decoration:none; letter-spacing:0.03em;
    text-transform:uppercase; display:flex; align-items:center; gap:8px; transition:filter .2s, transform .1s;
  }
  .btn-wsp:hover{filter:brightness(1.12);}
  .btn-wsp:active{transform:scale(0.97);}

  .drawer-backdrop{
    position:fixed; inset:0; z-index:79; background:rgba(0,0,0,.6); backdrop-filter:blur(2px);
    opacity:0; visibility:hidden; transition:opacity .25s, visibility .25s;
  }
  .drawer-backdrop.abierto{opacity:1; visibility:visible;}
  .drawer{
    position:fixed; top:0; right:0; bottom:0; z-index:80; width:min(330px,86vw);
    background:var(--bg-alt); border-left:1px solid var(--line);
    display:flex; flex-direction:column;
    transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1);
  }
  .drawer.abierto{transform:none;}
  .drawer-head{display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line);}
  .drawer-body{flex:1; overflow-y:auto; padding:18px 20px; display:flex; flex-direction:column;}
  .drawer-titulo{font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-dim); margin:16px 0 8px;}
  .drawer-titulo:first-child{margin-top:0;}
  .drawer-body a{
    color:var(--ink); text-decoration:none; font-size:16px; font-weight:600; padding:12px 0;
    border-bottom:1px solid var(--line-2); transition:color .15s, padding-left .15s;
  }
  .drawer-body a:hover, .drawer-body a:active{color:var(--spray); padding-left:6px;}
  .drawer-pie{padding:18px 20px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:12px;}
  .drawer-ig{display:flex; align-items:center; justify-content:center; gap:8px; color:var(--ink-soft); text-decoration:none; font-size:13px; font-weight:600; min-height:42px;}
  .drawer-ig svg{width:16px; height:16px;}
  .drawer-ig:hover{color:var(--spray);}

  .icon-btn{position:relative;}
  .cart-badge{
    position:absolute; top:-4px; right:-4px; min-width:19px; height:19px; padding:0 5px;
    border-radius:999px; background:var(--spray); color:#fff; font-size:11px; font-weight:800;
    display:none; align-items:center; justify-content:center; line-height:1;
  }
  .cart-badge.visible{display:flex;}
  .cart-badge.pulse{animation:badgePulse .5s ease;}
  @keyframes badgePulse{0%,100%{transform:scale(1)} 45%{transform:scale(1.5)}}

  .bkn-toast{
    position:fixed; left:50%; bottom:24px; z-index:70; transform:translate(-50%, 24px);
    display:flex; align-items:center; gap:10px; max-width:92vw;
    background:var(--card); border:1px solid var(--line); border-radius:999px; padding:10px 12px 10px 16px;
    box-shadow:0 12px 34px rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:opacity .25s, transform .25s, visibility .25s;
  }
  .bkn-toast.ver{opacity:1; visibility:visible; transform:translate(-50%, 0);}
  .bkn-toast .tk-ico{width:22px; height:22px; border-radius:50%; background:var(--wsp); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; flex-shrink:0;}
  .bkn-toast .tk-txt{font-size:13.5px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .bkn-toast .tk-txt strong{color:var(--ink);}
  .bkn-toast .tk-ver{flex-shrink:0; background:var(--spray); color:#fff; border:none; border-radius:999px; padding:7px 14px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer;}
  .bkn-toast .tk-ver:hover{filter:brightness(1.1);}
  @media (max-width:600px){ .bkn-toast{bottom:84px;} .bkn-toast .tk-txt{max-width:150px;} }
  .drawer-carrito{width:min(390px,92vw);}
  .carrito-body{padding:14px 18px;}
  .carrito-vacio{text-align:center; color:var(--ink-soft); padding:48px 10px;}
  .carrito-vacio svg{width:46px; height:46px; opacity:.35; margin-bottom:14px;}
  .carrito-vacio p{font-weight:700; color:var(--ink); margin-bottom:6px;}
  .carrito-vacio span{font-size:13.5px; line-height:1.5; display:block;}
  .carrito-item{display:grid; grid-template-columns:58px 1fr auto; gap:12px; padding:13px 0; border-bottom:1px solid var(--line-2);}
  .ci-foto{width:58px; height:72px; border-radius:5px; overflow:hidden; background:var(--card-2);}
  .ci-foto img{width:100%; height:100%; object-fit:cover; display:block;}
  .ci-nombre{font-weight:700; font-size:14px; color:var(--ink); line-height:1.25; margin-bottom:3px;}
  .ci-talle{font-size:12px; color:var(--ink-soft); margin-bottom:5px;}
  .ci-precio{font-weight:800; font-size:14px; color:var(--ink);}
  .ci-acc{display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between;}
  .ci-quitar{background:none; border:none; color:var(--ink-dim); cursor:pointer; padding:2px;}
  .ci-quitar:hover{color:var(--spray);}
  .ci-quitar svg{width:15px; height:15px;}
  .ci-cant{display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:999px; padding:3px 8px;}
  .ci-cant button{background:none; border:none; color:var(--ink); cursor:pointer; font-size:15px; line-height:1; padding:2px 3px; font-family:inherit;}
  .ci-cant button:hover{color:var(--spray);}
  .ci-cant span{font-size:13px; font-weight:700; min-width:14px; text-align:center;}
  .carrito-envio{margin-bottom:14px;}
  .envio-msg{font-size:13px; color:var(--ink-soft); margin-bottom:7px; text-align:center;}
  .envio-msg strong{color:var(--ink);}
  .envio-msg.logrado{color:var(--wsp);}
  .envio-msg.logrado strong{color:var(--wsp);}
  .envio-barra{height:6px; border-radius:999px; background:var(--card-2); overflow:hidden;}
  .envio-barra span{display:block; height:100%; background:linear-gradient(90deg,var(--gold),var(--spray)); border-radius:999px; transition:width .4s ease;}
  .carrito-total{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:4px;}
  .carrito-total span{font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-soft);}
  .carrito-total strong{font-size:22px; color:var(--ink);}
  .carrito-vaciar{background:none; border:none; color:var(--ink-dim); font-size:12.5px; cursor:pointer; font-family:inherit; text-decoration:underline; text-underline-offset:3px;}
  .carrito-vaciar:hover{color:var(--spray);}
  #carrito-pie.oculto{display:none;}

  .btn-agregar{
    display:flex; align-items:center; justify-content:center; gap:9px; width:100%;
    background:var(--ink); color:var(--bg); border:none; border-radius:6px; padding:15px;
    font-family:inherit; font-weight:800; font-size:14px; text-transform:uppercase; letter-spacing:.03em;
    cursor:pointer; margin-top:auto; margin-bottom:10px; transition:filter .2s, transform .1s;
  }
  .btn-agregar:hover{filter:brightness(.9);}
  .btn-agregar:active{transform:scale(.98);}
  .btn-agregar svg{width:18px; height:18px;}
  .modal-info .wsp-big{margin-top:0;}

  .modal-talles.falta-talle .talles-row{animation:sacudir .4s;}
  .modal-talles.falta-talle .talle-pill{border-color:var(--spray);}
  .modal-talles.falta-talle .talles-label::after{content:" — elegí uno para agregar"; color:var(--spray); font-weight:700;}
  @keyframes sacudir{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

  .hero{
    position:relative; overflow:hidden; border-bottom:1px solid var(--line);
    min-height:min(88vh, 760px); display:flex; align-items:center;
    padding:80px 0 90px;
  }
  .hero-bg{position:absolute; inset:0; z-index:0; overflow:hidden;}
  .hero-media{position:absolute; inset:0;}
  .hero-slide{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; z-index:0;}
  .hero-slide.activo{opacity:1; z-index:1;}
  .hero-slide video, .hero-slide img{width:100%; height:100%; object-fit:cover; object-position:center 26%; display:block;}
  .hero-slide.activo img{animation:kenburns 18s ease-in-out infinite alternate;}
  @keyframes kenburns{from{transform:scale(1);} to{transform:scale(1.09);}}
  @media (prefers-reduced-motion:reduce){ .hero-slide.activo img{animation:none;} }

  .hero-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:4;
    width:46px; height:46px; border-radius:50%; border:1px solid rgba(242,237,228,0.3);
    background:rgba(13,13,12,0.42); backdrop-filter:blur(4px); color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center; transition:background .2s, border-color .2s, transform .15s;}
  .hero-nav.prev{left:16px;}
  .hero-nav.next{right:16px;}
  .hero-nav:hover{background:var(--spray); border-color:var(--spray);}
  .hero-nav:active{transform:translateY(-50%) scale(0.92);}
  .hero-nav svg{width:20px; height:20px;}
  .hero-dots{position:absolute; left:0; right:0; bottom:18px; z-index:4; display:flex; justify-content:center; gap:8px;}
  .hero-dot{width:9px; height:9px; border-radius:50%; border:none; background:rgba(242,237,228,0.4); cursor:pointer; padding:0; transition:background .2s, transform .2s;}
  .hero-dot.activo{background:var(--spray); transform:scale(1.3);}
  @media (max-width:600px){ .hero-nav{display:none;} }
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
    background:
      linear-gradient(100deg, rgba(13,13,12,0.95) 0%, rgba(13,13,12,0.88) 52%, rgba(13,13,12,0.38) 76%, rgba(13,13,12,0.6) 100%),
      linear-gradient(to top, rgba(13,13,12,0.95) 0%, transparent 32%),
      radial-gradient(ellipse 55% 45% at 78% 22%, rgba(217,72,42,0.20), transparent 62%);
  }
  .hero-texto{max-width:560px;}
  .hero-texto.copy-in #hero-titulo, .hero-texto.copy-in #hero-linea{animation:copyIn .55s ease both;}
  .hero-texto.copy-in #hero-linea{animation-delay:.08s;}
  @keyframes copyIn{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}
  @media (prefers-reduced-motion:reduce){ .hero-texto.copy-in #hero-titulo, .hero-texto.copy-in #hero-linea{animation:none;} }
  .hero-scroll{
    position:absolute; left:50%; bottom:22px; z-index:3; transform:translateX(-50%);
    width:42px; height:42px; border-radius:50%; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; color:var(--ink);
    background:rgba(13,13,12,.45); backdrop-filter:blur(3px); animation:flotar 2.4s ease-in-out infinite;
  }
  .hero-scroll:hover{border-color:var(--spray); color:var(--spray);}
  .hero-scroll svg{width:18px; height:18px;}
  @keyframes flotar{0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(5px);}}
  @media (prefers-reduced-motion:reduce){ .hero-scroll{animation:none;} }

  .promos-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px;}
  .promo-card{position:relative; display:block; border-radius:10px; overflow:hidden; aspect-ratio:4/5;
    border:1px solid var(--line); background:#111110; transition:border-color .2s, transform .2s;}
  .promo-card:hover{border-color:var(--spray); transform:translateY(-3px);}
  .promo-card img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s;}
  .promo-card:hover img{transform:scale(1.04);}
  .promo-txt{position:absolute; left:12px; bottom:12px; z-index:2; color:#fff; font-weight:800; font-size:12px;
    text-transform:uppercase; letter-spacing:.07em; text-shadow:0 2px 10px rgba(0,0,0,.8);}
  .hero::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5;
    background-image:radial-gradient(rgba(242,237,228,0.05) 1px, transparent 1px);
    background-size:22px 22px;
    -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, #000, transparent 75%);
            mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, #000, transparent 75%);
  }
  .hero-inner{position:relative; z-index:3; width:100%;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid var(--spray); color:var(--spray); font-weight:700; font-size:11px;
    letter-spacing:0.1em; text-transform:uppercase; padding:6px 12px; border-radius:2px; margin-bottom:22px;
  }
  .eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--spray); animation:pulso 2s infinite;}
  @keyframes pulso{0%,100%{opacity:1} 50%{opacity:.3}}
  .hero h1{font-size:76px; line-height:0.88; margin-bottom:22px; color:var(--ink);}
  .hero h1 span.mark{color:var(--spray);}
  .hero p{font-size:17px; color:var(--ink-soft); max-width:440px; margin-bottom:30px; line-height:1.6;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .btn-primary{
    background:var(--ink); color:#0d0d0c; padding:15px 26px; border-radius:var(--r);
    font-weight:800; font-size:14px; text-decoration:none; text-transform:uppercase; letter-spacing:0.03em; transition:transform .1s, filter .2s;
  }
  .btn-primary:hover{filter:brightness(0.92);}
  .btn-primary:active{transform:scale(0.97);}
  .btn-outline{
    border:2px solid var(--ink); color:var(--ink); padding:13px 24px; border-radius:var(--r);
    font-weight:700; font-size:14px; text-decoration:none; text-transform:uppercase; letter-spacing:0.03em; transition:background .2s, color .2s;
  }
  .btn-outline:hover{background:var(--ink); color:var(--bg);}

  .tag-visual{position:relative; display:flex; justify-content:center; z-index:1;}
  .swing-tag{
    background:var(--paper); width:232px; padding:28px 22px 34px; color:#161614;
    border-radius:2px; box-shadow:0 30px 60px rgba(0,0,0,0.55);
    position:relative; transform:rotate(6deg); transition:transform .4s;
  }
  .tag-visual:hover .swing-tag{transform:rotate(2deg) translateY(-4px);}
  .swing-tag::before{content:""; position:absolute; top:-46px; left:50%; transform:translateX(-50%); width:2px; height:46px; background:var(--ink-soft);}
  .swing-tag::after{content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:14px; height:14px; border:3px solid #161614; border-radius:50%; background:var(--paper);}
  .swing-tag .sku{font-size:11px; letter-spacing:0.1em; color:#6b675c; text-transform:uppercase; margin-bottom:10px;}
  .swing-tag .name{font-family:'Anton',sans-serif; font-size:23px; text-transform:uppercase; line-height:1; margin-bottom:14px;}
  .swing-tag .price{font-size:21px; font-weight:800; color:var(--spray);}

  .strip{background:var(--bg-alt); padding:17px 0; border-bottom:1px solid var(--line);}
  .strip .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px;}
  .strip-item{display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; letter-spacing:0.02em; text-transform:uppercase; color:var(--ink-soft);}
  .strip-item svg{flex-shrink:0; stroke:var(--gold);}

  .section{padding:82px 0;}
  .section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; gap:20px; flex-wrap:wrap;}
  .section-head h2{font-size:42px; line-height:0.98; color:var(--ink);}
  .section-head .sub{color:var(--ink-soft); max-width:360px; font-size:15px; line-height:1.55;}

  .cats-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
  .cat-tile{position:relative; display:block; aspect-ratio:4/5; border-radius:10px; overflow:hidden; border:1px solid var(--line); text-decoration:none; background:var(--card);}
  .cat-tile-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.7); transition:transform .5s ease;}
  .cat-tile:hover .cat-tile-img{transform:scale(1.06);}
  .cat-tile-ov{position:absolute; inset:0; background:linear-gradient(180deg, transparent 32%, rgba(13,13,12,0.86) 100%);}
  .cat-tile-body{position:absolute; left:0; right:0; bottom:0; z-index:1; padding:14px; display:flex; flex-direction:column; gap:5px;}
  .cat-tile-name{color:#fff; font-size:21px; letter-spacing:0.02em; line-height:0.95;}
  .cat-tile-cta{display:inline-flex; align-items:center; gap:5px; color:var(--spray); font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:0.06em; transition:gap .2s;}
  .cat-tile:hover .cat-tile-cta{gap:9px;}
  .cat-tile-cta svg{width:13px; height:13px;}
  @media (max-width:760px){ .cats-grid{grid-template-columns:1fr 1fr; gap:10px;} }

  .chips-bar{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:26px; flex-wrap:wrap;}
  .chips{display:flex; gap:9px; flex-wrap:wrap;}
  .chip{
    display:inline-flex; align-items:center; gap:7px;
    background:transparent; border:1px solid var(--line); color:var(--ink-soft);
    padding:11px 16px; border-radius:999px; font-weight:600; font-size:13px; cursor:pointer;
    text-transform:uppercase; letter-spacing:0.03em; transition:all .16s; font-family:inherit;
    min-height:40px;
  }
  .chip svg{width:15px; height:15px;}
  .chip:hover{border-color:var(--ink-soft); color:var(--ink); transform:translateY(-1px);}
  .chip-activo{background:var(--spray); border-color:var(--spray); color:#fff;}
  .chip-activo:hover{color:#fff; transform:none;}
  #conteo-productos{font-size:12px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:0.06em; white-space:nowrap;}

  .talles-filtro{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:-6px 0 24px;}
  .talles-filtro:empty{display:none;}
  .tf-lbl{font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-dim); margin-right:2px;}
  .tf-chip{min-width:38px; min-height:34px; padding:6px 11px; border-radius:6px; border:1px solid var(--line);
    background:transparent; color:var(--ink-soft); font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; transition:all .15s;}
  .tf-chip:hover{border-color:var(--ink-soft); color:var(--ink);}
  .tf-chip.activo{background:var(--ink); border-color:var(--ink); color:var(--bg);}
  .tf-clear{background:none; border:none; color:var(--spray); font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; padding:6px 4px; min-height:34px;}

  .grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .grid-vacio{color:var(--ink-soft); grid-column:1/-1; padding:20px 0;}
  .card{
    position:relative;
    background:var(--card); border-radius:6px; overflow:hidden; border:1px solid var(--line);
    cursor:pointer; opacity:1; /* base visible: si la animación no corre, se ve igual */
    animation:cardIn .5s ease both;
    transition:border-color .2s, box-shadow .2s;
  }
  @keyframes cardIn{from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none}}
  @media (prefers-reduced-motion: reduce){.card{animation:none;}}
  .card:hover{border-color:var(--spray); box-shadow:0 10px 30px rgba(0,0,0,0.35);}
  .card:focus-visible{outline:2px solid var(--spray); outline-offset:2px;}
  .card-media{aspect-ratio:3/4; position:relative; overflow:hidden; background:#111110;}
  .card-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; transition:transform .5s ease;}
  .card:hover .card-img{transform:scale(1.055);}
  .card-img-2{opacity:0; transition:opacity .5s ease, transform .5s ease;}
  @media (hover:hover){ .card:hover .card-img-2{opacity:1;} }

  .fav-btn{
    position:absolute; top:9px; right:9px; z-index:6; width:34px; height:34px; border-radius:50%;
    background:rgba(13,13,12,0.5); backdrop-filter:blur(3px); border:none; color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    opacity:0; transform:translateY(-4px); transition:opacity .2s, transform .2s, color .2s, background .2s;
  }
  .fav-btn svg{width:18px; height:18px;}
  .card:hover .fav-btn, .fav-btn.activo, .fav-btn:focus-visible{opacity:1; transform:none;}
  .fav-btn.activo{color:var(--spray);}
  .fav-btn:hover{background:rgba(13,13,12,0.82);}
  @media (hover:none){ .fav-btn{opacity:1; transform:none;} }
  .fav-btn.late svg{animation:latir .42s ease;}
  @keyframes latir{0%,100%{transform:scale(1)} 40%{transform:scale(1.4)}}
  .ph{
    position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
    background:
      radial-gradient(ellipse 70% 55% at 50% 32%, rgba(217,72,42,0.20), transparent 62%),
      repeating-linear-gradient(45deg, rgba(242,237,228,0.035) 0 10px, transparent 10px 20px),
      linear-gradient(160deg,#26241f,#111110);
  }
  .ph-mark{width:52px; height:52px; color:var(--ink); opacity:0.32;}
  .ph-name{color:var(--ink-soft); opacity:0.55; font-size:15px; letter-spacing:0.05em; text-align:center; padding:0 14px; line-height:1.05;}
  .card-media .badge{
    position:absolute; top:10px; left:10px; z-index:3; background:var(--spray); color:#fff;
    font-size:10px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; padding:4px 9px; border-radius:2px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
  }
  .card-body{padding:15px 16px 17px;}
  .card-body .cat{display:flex; align-items:center; gap:6px; font-size:11px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px;}
  .card-body .cat svg{width:13px; height:13px; opacity:.8;}
  .card-body .title{font-weight:700; font-size:15px; margin-bottom:9px; color:var(--ink); line-height:1.2;}
  .card-body .price{font-weight:800; font-size:18px; color:var(--ink); display:flex; align-items:baseline; gap:2px; flex-wrap:wrap;}
  .price-old{font-size:12px; color:var(--ink-dim); text-decoration:line-through; margin-left:6px; font-weight:600;}

  .modal-overlay{
    position:fixed; inset:0; z-index:100; padding:20px;
    background:rgba(0,0,0,0.75); backdrop-filter:blur(4px);
    display:none; align-items:center; justify-content:center;
  }
  .modal-overlay.abierto{display:flex; animation:fade .2s ease;}
  @keyframes fade{from{opacity:0} to{opacity:1}}
  .modal-card{
    background:var(--card); border:1px solid var(--line); border-radius:12px;
    max-width:840px; width:100%; max-height:90vh; overflow:auto;
    display:grid; grid-template-columns:1fr 1fr; position:relative; animation:pop .25s ease;
  }
  @keyframes pop{from{transform:translateY(14px) scale(.98); opacity:0} to{transform:none; opacity:1}}
  .modal-cerrar{
    position:absolute; top:12px; right:12px; z-index:5; cursor:pointer; line-height:1;
    background:rgba(0,0,0,0.55); border:none; color:#fff; width:36px; height:36px; border-radius:50%; font-size:22px; transition:background .2s;
  }
  .modal-cerrar:hover{background:var(--spray);}
  .modal-media{position:relative; background:#111110; display:flex; flex-direction:column;}
  .media-lg{aspect-ratio:3/4; flex-shrink:0;}
  .gal-thumbs{display:flex; gap:8px; padding:10px; overflow-x:auto; scrollbar-width:none;}
  .gal-thumbs::-webkit-scrollbar{display:none;}
  .gal-thumb{flex:0 0 auto; width:56px; height:70px; padding:0; cursor:pointer; overflow:hidden;
    border:1px solid var(--line); border-radius:5px; background:var(--card-2); transition:border-color .2s;}
  .gal-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
  .gal-thumb:hover{border-color:var(--ink-soft);}
  .gal-thumb.activo{border-color:var(--spray);}
  .modal-info{padding:34px 30px; display:flex; flex-direction:column;}
  .modal-info .cat{display:inline-flex; align-items:center; gap:7px; font-size:12px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px;}
  .modal-title{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:32px; line-height:1; color:var(--ink); margin-bottom:14px;}
  .modal-price{font-weight:800; font-size:26px; color:var(--ink); margin-bottom:4px; display:flex; align-items:baseline;}
  .modal-talles{margin:22px 0 26px;}
  .talles-label{display:block; font-size:11px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px;}
  .talles-row{display:flex; flex-wrap:wrap; gap:8px;}
  .talle-pill{
    min-width:44px; border:1px solid var(--line); background:transparent; padding:9px 13px; border-radius:var(--r);
    font-size:13px; font-weight:700; color:var(--ink); cursor:pointer; font-family:inherit; transition:all .15s;
  }
  .talle-pill:hover{border-color:var(--ink-soft);}
  .talle-activo{background:var(--ink); border-color:var(--ink); color:var(--bg);}
  .modal-hint{font-size:12px; color:var(--ink-dim); margin-top:14px; text-align:center;}

  .chips-right{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
  .fav-chip{display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:var(--card);
    color:var(--ink-soft); border-radius:999px; padding:0 15px; min-height:40px; cursor:pointer; font-family:inherit;
    font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; transition:all .16s;}
  .fav-chip svg{width:15px; height:15px;}
  .fav-chip:hover{border-color:var(--spray); color:var(--ink);}
  .fav-chip.activo{background:var(--spray); border-color:var(--spray); color:#fff;}
  .fav-chip.activo svg{fill:currentColor;}
  .orden{display:inline-flex; align-items:center; gap:8px;}
  .orden-lbl{font-size:11px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:.06em;}
  .orden select{
    background:var(--card); border:1px solid var(--line); color:var(--ink); border-radius:999px;
    padding:0 32px 0 15px; min-height:40px; font-family:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
    appearance:none; -webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239a9689' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 3 3 3-3'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 12px center;
  }
  .orden select:focus{outline:none; border-color:var(--spray);}
  .search{display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; padding:8px 14px; background:var(--card); transition:border-color .2s;}
  .search:focus-within{border-color:var(--spray);}
  .search svg{width:15px; height:15px; stroke:var(--ink-soft); flex-shrink:0;}
  .search input{background:transparent; border:none; outline:none; color:var(--ink); font-size:13px; font-family:inherit; width:150px;}
  .search input::placeholder{color:var(--ink-dim);}
  .search input::-webkit-search-cancel-button{filter:invert(.6);}

  .stock-bajo{display:flex; align-items:center; gap:6px; margin-top:9px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; color:var(--spray);}
  .stock-bajo .pt{width:6px; height:6px; border-radius:50%; background:var(--spray); animation:pulso 1.5s infinite;}
  .stock-tag{position:absolute; top:12px; left:12px; z-index:4; background:rgba(13,13,12,0.82); color:var(--spray); border:1px solid var(--spray); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0.05em; padding:5px 10px; border-radius:3px; backdrop-filter:blur(2px);}

  .card-agotado .card-media, .card-media.card-agotado{filter:grayscale(0.85) brightness(0.7);}
  .card-agotado .card-body .price{color:var(--ink-soft);}
  .agotado-cinta{position:absolute; top:16px; left:-30px; z-index:5; transform:rotate(-45deg);
    background:var(--ink); color:var(--bg); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
    padding:4px 34px; box-shadow:0 2px 8px rgba(0,0,0,.4);}
  .stock-tag.agotado-tag{color:var(--ink); border-color:var(--ink-soft);}
  .stock-bajo.agotado-txt{color:var(--ink-soft);}
  .stock-bajo.agotado-txt .pt{background:var(--ink-soft); animation:none;}

  .video-banner{position:relative; min-height:clamp(440px,68vh,640px); display:flex; align-items:center; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .vb-media{position:absolute; inset:0; z-index:0;}
  .vb-video{width:100%; height:100%; object-fit:cover; object-position:center 26%; display:block;}
  .video-banner::after{content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(to top, rgba(13,13,12,0.92), rgba(13,13,12,0.35) 45%, rgba(13,13,12,0.66));}
  .vb-inner{position:relative; z-index:2; text-align:center; max-width:640px; margin:0 auto; padding:48px 24px;}
  .vb-inner .tab{justify-content:center;}
  .vb-titulo{font-size:clamp(40px,7vw,74px); line-height:0.95; margin-bottom:16px; color:var(--ink);}
  .vb-titulo .mark{color:var(--spray);}
  .vb-linea{color:var(--ink-soft); font-size:16px; line-height:1.55; margin:0 auto 26px; max-width:440px;}

  .instagram{padding-top:30px;}
  .ig-feed{display:grid; grid-template-columns:repeat(6,1fr); gap:8px;}
  .ig-item{position:relative; display:block; aspect-ratio:1; border-radius:6px; overflow:hidden; background:#111110;}
  .ig-item img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s;}
  .ig-item:hover img{transform:scale(1.07);}
  .ig-ov{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff;
    background:rgba(13,13,12,0); opacity:0; transition:opacity .2s, background .2s;}
  .ig-ov svg{width:26px; height:26px;}
  .ig-item:hover .ig-ov{opacity:1; background:rgba(13,13,12,0.42);}
  @media (max-width:860px){ .ig-feed{grid-template-columns:repeat(3,1fr);} }

  .talles-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:11px; gap:12px;}
  .guia-link{background:none; border:none; color:var(--ink-soft); font-size:12px; cursor:pointer; font-family:inherit; text-decoration:underline; text-underline-offset:2px; padding:0;}
  .guia-link:hover{color:var(--spray);}

  .modal-trust{display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:14px; justify-content:center;}
  .modal-trust span{display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-soft);}
  .modal-trust svg{width:14px; height:14px; stroke:var(--gold); fill:none; flex-shrink:0;}

  .modal-related{grid-column:1/-1;}
  .modal-related:not(:empty){border-top:1px solid var(--line); padding:22px 30px 26px;}
  .rel-titulo{font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-soft); margin-bottom:14px;}
  .rel-row{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
  .rel-item{display:flex; flex-direction:column; gap:8px; background:transparent; border:1px solid var(--line); border-radius:8px; padding:8px; cursor:pointer; font-family:inherit; text-align:left; transition:border-color .2s, transform .15s;}
  .rel-item:hover{border-color:var(--spray); transform:translateY(-2px);}
  .rel-media{aspect-ratio:1; border-radius:5px; overflow:hidden; background:#111110; display:block;}
  .rel-media img{width:100%; height:100%; object-fit:cover; display:block;}
  .rel-nombre{font-size:12px; color:var(--ink); font-weight:600; line-height:1.2;}
  .rel-precio{font-size:12px; color:var(--ink-soft); font-weight:700;}

  .guia-card{max-width:460px; grid-template-columns:1fr;}
  .guia-inner{padding:32px 30px;}
  .guia-inner h3{font-size:26px; color:var(--ink); margin-bottom:18px;}
  .guia-tabla{width:100%; border-collapse:collapse;}
  .guia-tabla th, .guia-tabla td{border:1px solid var(--line); padding:11px 12px; text-align:center; font-size:14px;}
  .guia-tabla th{background:var(--card-2); color:var(--ink); text-transform:uppercase; font-size:11px; letter-spacing:0.06em;}
  .guia-tabla td{color:var(--ink-soft);}
  .guia-tabla td:first-child{color:var(--ink); font-weight:700;}
  .guia-nota{font-size:12px; color:var(--ink-dim); margin-top:16px; line-height:1.55;}

  .anuncios{background:var(--spray); color:#fff; overflow:hidden;}
  .anuncios-track{display:flex; width:max-content; animation:cinta 34s linear infinite;}
  .anuncios-seq{display:flex; align-items:center; padding:9px 0; font-size:12.5px; font-weight:700;
    letter-spacing:0.03em; text-transform:uppercase; white-space:nowrap;}
  .anuncios-seq span{padding:0 2px;}
  .anuncios .an-sep{margin:0 15px; opacity:0.55; font-style:normal;}
  .anuncios:hover .anuncios-track{animation-play-state:paused;}
  @keyframes cinta{from{transform:translateX(0);} to{transform:translateX(-50%);}}
  @media (max-width:600px){ .anuncios-seq{font-size:11px;} .anuncios .an-sep{margin:0 10px;} }

  .cuotas{font-size:11.5px; color:var(--gold); font-weight:600; margin-top:5px;}
  .modal-cuotas{font-size:13px; color:var(--gold); font-weight:600; margin-top:3px;}
  .modal-cuotas:empty{display:none;}

  .resenas-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .resena{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:22px;}
  .resena-stars{color:var(--gold); font-size:15px; letter-spacing:2px; margin-bottom:10px;}
  .resena blockquote{color:var(--ink); font-size:14px; line-height:1.55; margin-bottom:12px;}
  .resena figcaption{color:var(--ink-soft); font-size:13px; font-weight:700; display:flex; align-items:center; gap:10px;}
  .resena-foto{width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0;}
  .resena-nombre{display:block; color:var(--ink);}
  .resena-fecha{display:block; color:var(--ink-dim); font-weight:600; font-size:12px;}
  @media (max-width:860px){ .resenas-grid{grid-template-columns:1fr;} }

  .faq-list{display:flex; flex-direction:column; gap:10px; max-width:780px;}
  .faq-item{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:0 20px; transition:border-color .2s;}
  .faq-item[open]{border-color:var(--spray);}
  .faq-item summary{list-style:none; cursor:pointer; padding:18px 0; font-weight:700; font-size:15px; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:14px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+"; color:var(--spray); font-size:24px; font-weight:400; line-height:1; transition:transform .2s;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{color:var(--ink-soft); font-size:14px; line-height:1.6; padding:0 0 18px;}

  .guia-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px;}
  .guia-bloque{background:var(--card); border:1px solid var(--line); border-radius:10px; padding:24px;}
  .guia-bloque h3{font-size:14px; color:var(--ink); margin-bottom:16px; text-transform:uppercase; letter-spacing:.05em;}
  .guia-bloque .guia-tabla{width:100%;}
  .guia-pie{margin-top:22px; color:var(--ink-soft); font-size:14px;}
  .guia-pie a{display:inline-flex; align-items:center; min-height:40px; color:var(--spray); font-weight:700; text-decoration:underline; text-underline-offset:3px;}
  .section-head .sub strong{color:var(--ink);}

  .legal-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .legal-card{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:24px; display:flex; flex-direction:column;}
  .legal-card h3{font-size:15px; color:var(--ink); margin-bottom:10px;}
  .legal-card p{color:var(--ink-soft); font-size:14px; line-height:1.6; margin-bottom:16px;}
  .legal-card strong{color:var(--ink);}
  .legal-btn{margin-top:auto; display:inline-flex; align-items:center; justify-content:center; text-align:center;
    border:1px solid var(--spray); color:var(--spray); padding:11px 14px; border-radius:var(--r);
    font-weight:700; font-size:13px; text-decoration:none; text-transform:uppercase; letter-spacing:0.03em; transition:background .2s,color .2s;}
  .legal-btn:hover{background:var(--spray); color:#fff;}
  .legal-link{margin-top:auto; display:inline-flex; align-items:center; gap:7px; min-height:42px; color:var(--ink); font-weight:700; font-size:13px; text-decoration:none;}
  .legal-link:hover{color:var(--spray);}
  @media (max-width:860px){ .legal-grid{grid-template-columns:1fr;} }

  .foot-pagos{display:flex; flex-direction:column; gap:12px; padding:22px 0; border-bottom:1px solid var(--line);}
  .pagos-row{display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
  .pagos-label{font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-dim); margin-right:6px;}
  .pago-chip{border:1px solid var(--line); border-radius:4px; padding:5px 11px; font-size:12px; font-weight:600; color:var(--ink-soft);}
  .envios-row{display:flex; align-items:center; gap:9px; font-size:13px; color:var(--ink-soft);}
  .envios-row svg{width:16px; height:16px; stroke:var(--gold); fill:none; flex-shrink:0;}

  .hero-tag{position:absolute; z-index:2; top:4%; left:-1%; line-height:1; white-space:nowrap;
    font-size:clamp(96px,16vw,220px); color:rgba(217,72,42,0.08); transform:rotate(-7deg);
    pointer-events:none; user-select:none;}
  .hero-fx{position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden;}
  .hero-fx .fx{position:absolute;}
  .fx-star1{top:19%; left:2.5%; width:44px; color:var(--spray); opacity:.9; transform:rotate(-12deg);}
  .fx-star2{top:9%; left:41%; width:24px; color:var(--gold); opacity:.8; transform:rotate(10deg);}
  .fx-star3{bottom:24%; left:33%; width:16px; color:var(--ink); opacity:.55; transform:rotate(-6deg);}
  .fx-drips{top:0; left:16%; width:56px; color:var(--spray); opacity:.5;}
  .fx-splat{bottom:9%; left:0.5%; width:130px; color:var(--spray); opacity:.32; transform:rotate(4deg);}
  .hero h1{position:relative;}
  .hero h1::after{content:""; display:block; width:250px; height:18px; margin-top:14px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='20'%3E%3Cpath d='M5 13 C70 4 130 17 190 9 C215 6 235 11 246 8' stroke='%23d9482a' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3Cpath d='M12 17 C60 13 120 19 180 15' stroke='%23d9482a' stroke-width='2.5' fill='none' stroke-linecap='round' opacity='0.55'/%3E%3C/svg%3E") no-repeat left center;
    background-size:contain;}
  .section-head h2::after{content:""; display:block; height:11px; width:118px; margin-top:7px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='12'%3E%3Cpath d='M3 8 Q35 2 70 6 T137 5' stroke='%23d9482a' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center;
    background-size:contain;}
  .anuncios{position:sticky; top:var(--h-header, 58px); z-index:49;}
  .anuncios::after{content:""; position:absolute; left:0; right:0; bottom:-6px; height:8px; pointer-events:none;
    background:radial-gradient(circle at 7px -2px, var(--spray) 4.5px, transparent 5.5px) repeat-x; background-size:31px 8px;}
  .destacados{position:relative;}
  .destacados::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
    background-image:radial-gradient(rgba(242,237,228,0.045) 1px, transparent 1px); background-size:20px 20px;
    -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 78%);
            mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 78%);}
  .destacados > *{position:relative; z-index:1;}

  .hero-carrusel{position:relative; z-index:1; aspect-ratio:4/5; max-width:360px; width:100%; margin:0 auto;
    box-shadow:0 30px 60px rgba(0,0,0,0.55); transform:rotate(-1.6deg);}
  .hero-carrusel::before, .hero-carrusel::after{content:""; position:absolute; z-index:4; width:80px; height:26px;
    background:rgba(242,237,228,0.16); border:1px dashed rgba(242,237,228,0.28); box-shadow:0 2px 6px rgba(0,0,0,0.3);}
  .hero-carrusel::before{top:-11px; left:22px; transform:rotate(-8deg);}
  .hero-carrusel::after{top:-9px; right:22px; transform:rotate(7deg);}
  .carr-slides{position:absolute; inset:0; border-radius:6px; overflow:hidden; border:1px solid var(--line);}
  .carr-slide{position:absolute; inset:0; opacity:0; transition:opacity .6s ease; display:block;}
  .carr-slide.activo{opacity:1;}
  .carr-slide img{width:100%; height:100%; object-fit:cover; display:block;}
  .carr-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:36px; height:36px; border-radius:50%;
    border:none; background:rgba(13,13,12,0.5); color:#fff; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s;}
  .carr-nav:hover{background:var(--spray);}
  .carr-nav.prev{left:10px;} .carr-nav.next{right:10px;}
  .carr-dots{position:absolute; bottom:12px; left:0; right:0; z-index:3; display:flex; justify-content:center; gap:7px;}
  .carr-dot{width:8px; height:8px; border-radius:50%; border:none; background:rgba(242,237,228,0.45); cursor:pointer; padding:0; transition:background .2s, transform .2s;}
  .carr-dot.activo{background:var(--spray); transform:scale(1.3);}

  .carr-arrows{display:flex; gap:10px;}
  .carr-arrow{width:42px; height:42px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s;}
  .carr-arrow:hover{border-color:var(--spray); color:var(--spray);}
  .carr-arrow svg{width:18px; height:18px;}
  .carr-productos{display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 24px 20px; max-width:1140px; margin:0 auto; scrollbar-width:none;}
  .carr-productos::-webkit-scrollbar{display:none;}
  .carr-productos .card{min-width:232px; max-width:232px; flex:0 0 auto; scroll-snap-align:start;}
  @media (max-width:860px){
    .carr-arrows{display:none;}
    .carr-productos .card{min-width:168px; max-width:168px;}
    .carr-productos{padding:6px 20px 18px;}
    .hero-tag{font-size:96px; top:2%;}
    .fx-star2, .fx-drips{display:none;}
    .fx-splat{width:96px; opacity:.24;}
    .hero h1::after{width:190px; height:14px;}
  }
  .wsp-big{
    display:flex; align-items:center; justify-content:center; gap:10px; margin-top:auto;
    background:var(--wsp); color:#fff; padding:15px; border-radius:6px;
    font-weight:700; text-decoration:none; letter-spacing:0.02em; transition:filter .2s, transform .1s;
  }
  .wsp-big:hover{filter:brightness(1.08);}
  .wsp-big:active{transform:scale(0.98);}

  .fab-wsp{
    position:fixed; bottom:22px; right:22px; z-index:60;
    display:inline-flex; align-items:center; gap:10px;
    height:56px; padding:0 22px; border-radius:999px;
    background:var(--wsp); color:#fff; text-decoration:none;
    font-weight:800; font-size:14.5px; letter-spacing:.01em; white-space:nowrap;
    box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.08) inset;
    transition:padding .3s cubic-bezier(.4,0,.2,1), transform .15s, box-shadow .2s;
  }
  .fab-wsp svg{width:26px; height:26px; flex-shrink:0;}
  .fab-wsp .fab-txt{max-width:150px; overflow:hidden; transition:max-width .3s cubic-bezier(.4,0,.2,1), opacity .2s;}
  .fab-wsp.mini{padding:0; width:56px; gap:0; justify-content:center;}
  .fab-wsp.mini .fab-txt{max-width:0; opacity:0; margin:0;}
  .fab-wsp:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.5);}
  .fab-wsp:active{transform:translateY(0) scale(.97);}
  @media (max-width:600px){ .fab-wsp{bottom:16px; right:16px;} }

  .to-top{
    position:fixed; bottom:88px; right:22px; z-index:59;
    width:44px; height:44px; border-radius:50%;
    background:var(--card); border:1px solid var(--line); color:var(--ink); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    opacity:0; visibility:hidden; transform:translateY(8px);
    box-shadow:0 6px 18px rgba(0,0,0,.4);
    transition:opacity .25s, transform .25s, visibility .25s, border-color .2s, color .2s;
  }
  .to-top.visible{opacity:1; visibility:visible; transform:none;}
  .to-top:hover{border-color:var(--spray); color:var(--spray); transform:translateY(-2px);}
  .to-top svg{width:22px; height:22px;}
  @media (max-width:600px){ .to-top{bottom:80px; right:16px;} }

  /* Barra de navegacion inferior (mobile, estilo app) */
  .botnav{display:none;}
  @media (max-width:760px){
    .botnav{
      display:flex; position:fixed; left:0; right:0; bottom:0; z-index:70;
      background:rgba(20,20,18,0.98); border-top:1px solid var(--line);
      padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
    }
    .botnav-item{
      flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
      background:none; border:none; cursor:pointer; text-decoration:none;
      color:var(--ink-soft); font-family:inherit; font-size:10.5px; font-weight:700;
      letter-spacing:.02em; padding:6px 2px; transition:color .15s;
    }
    .botnav-item svg{width:22px; height:22px;}
    .botnav-item.activo{color:var(--spray);}
    body{padding-bottom:62px;}
    .fab-wsp{bottom:74px;}
    .to-top{bottom:128px;}
    .bkn-toast{bottom:128px;}
  }

  .marca-band{
    position:relative; overflow:hidden; text-align:center; padding:72px 0;
    background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .marca-band::before{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:.7;
    background-image:radial-gradient(rgba(242,237,228,0.05) 1px, transparent 1px);
    background-size:20px 20px;
    -webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 50%,#000,transparent 78%);
            mask-image:radial-gradient(ellipse 65% 70% at 50% 50%,#000,transparent 78%);
  }
  .marca-band::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(ellipse 55% 60% at 50% 45%, rgba(217,72,42,0.14), transparent 65%);
  }
  .marca-band .wrap{position:relative; z-index:1;}
  .marca-tag{display:block; color:var(--spray); font-size:15px; letter-spacing:.14em; margin-bottom:14px;}
  .marca-slogan{
    font-size:clamp(46px, 9vw, 104px); line-height:.92; color:var(--ink); margin-bottom:18px;
    letter-spacing:.01em;
  }
  .marca-slogan .mark{color:var(--spray);}
  .marca-sub{color:var(--ink-soft); font-size:15px; max-width:460px; margin:0 auto; line-height:1.6;}
  @media (max-width:860px){ .marca-band{padding:56px 0;} }

  .brand-marquee{overflow:hidden; background:var(--bg); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0;}
  .bm-track{display:flex; width:max-content; align-items:center; animation:cinta 42s linear infinite;}
  .brand-marquee:hover .bm-track{animation-play-state:paused;}
  .bm-word{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:clamp(34px,6.5vw,68px); line-height:1; color:var(--ink); white-space:nowrap; padding:0 4px;}
  .bm-word.outline{color:transparent; -webkit-text-stroke:1.4px var(--ink-soft); text-stroke:1.4px var(--ink-soft);}
  .bm-sep{font-size:clamp(16px,2.6vw,28px); color:var(--spray); margin:0 22px;}

  .btn-primary, .wsp-big{position:relative; overflow:hidden;}
  .btn-primary::after, .wsp-big::after{
    content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; pointer-events:none;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,0.32), transparent); transform:skewX(-20deg);
  }
  .btn-primary:hover::after, .wsp-big:hover::after{animation:brillo .75s ease;}
  @keyframes brillo{to{left:135%;}}

  .ig-band{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0;}
  .ig-band .wrap{display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; text-align:center;}
  .ig-band .ig-handle{font-weight:800; color:var(--ink); font-size:16px;}
  .ig-band .ig-count{color:var(--spray); font-weight:800;}
  .ig-band .ig-text{color:var(--ink-soft); font-size:15px;}
  .ig-band .ig-btn{
    display:inline-flex; align-items:center; gap:8px; text-decoration:none;
    border:1px solid var(--ink); color:var(--ink); padding:12px 18px; border-radius:var(--r); min-height:42px;
    font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.03em; transition:background .2s, color .2s;
  }
  .ig-band .ig-btn:hover{background:var(--ink); color:var(--bg);}

  .como{background:var(--bg);}
  .pasos{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .paso{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:28px 24px; position:relative; overflow:hidden; transition:border-color .2s, transform .2s;}
  .paso:hover{border-color:var(--spray); transform:translateY(-3px);}
  .paso-num{position:absolute; top:8px; right:16px; font-family:'Anton',sans-serif; font-size:64px; color:var(--line-2); line-height:1; pointer-events:none;}
  .paso-ico{width:46px; height:46px; border-radius:50%; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; margin-bottom:18px; color:var(--ink); background:var(--card-2);}
  .paso-ico svg{width:22px; height:22px;}
  .paso h3{font-size:16px; color:var(--ink); margin-bottom:8px; letter-spacing:0.01em;}
  .paso p{color:var(--ink-soft); font-size:14px; line-height:1.55;}

  .countdown{background:var(--bg);}
  .cd-card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:44px 32px; text-align:center;
    position:relative; overflow:hidden; background-image:radial-gradient(120% 90% at 12% -20%, rgba(201,162,39,0.15), transparent 55%);}
  .cd-card .tab{justify-content:center;}
  .cd-card h2{font-size:clamp(28px,5vw,44px); margin:14px 0 4px; line-height:1;}
  .cd-sub{color:var(--ink-soft); font-size:14.5px; margin-bottom:26px; text-transform:capitalize;}
  .cd-clock{display:flex; align-items:flex-start; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:26px;}
  .cd-unit{display:flex; flex-direction:column; align-items:center; background:var(--bg-alt); border:1px solid var(--line);
    border-radius:10px; padding:14px 10px; min-width:78px;}
  .cd-num{font-family:'Anton',sans-serif; font-size:44px; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums;}
  .cd-lbl{font-size:10.5px; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-dim); margin-top:8px;}
  .cd-sep{font-family:'Anton',sans-serif; font-size:34px; color:var(--spray); line-height:1; margin-top:12px;}
  .cd-cta{display:inline-flex;}
  @media (max-width:520px){
    .cd-card{padding:34px 20px;}
    .cd-unit{min-width:60px; padding:11px 7px;}
    .cd-num{font-size:34px;}
    .cd-sep{display:none;}
  }

  .novedades{background:var(--bg);}
  .nov-card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:44px 32px; text-align:center;
    position:relative; overflow:hidden;
    background-image:radial-gradient(120% 90% at 90% -20%, rgba(217,72,42,0.14), transparent 55%);}
  .nov-card .tab{justify-content:center;}
  .nov-card h2{font-size:clamp(28px,5vw,44px); margin:14px 0 0; line-height:1;}
  .nov-card h2 .mark{color:var(--spray);}
  .nov-sub{color:var(--ink-soft); font-size:15.5px; max-width:52ch; margin:16px auto 0; line-height:1.55;}
  .nov-form{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:26px auto 0; max-width:480px;}
  .nov-form input{flex:1; min-width:220px; background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--r);
    color:var(--ink); padding:14px 16px; font-family:inherit; font-size:15px;}
  .nov-form input:focus{outline:none; border-color:var(--spray);}
  .nov-form .btn-primary{min-height:50px; white-space:nowrap;}
  .nov-msg{min-height:20px; margin-top:12px; font-size:13.5px; font-weight:600;}
  .nov-msg.ok{color:var(--gold);}
  .nov-msg.err{color:var(--spray);}
  .nov-social{display:flex; align-items:center; justify-content:center; gap:12px; margin-top:26px; flex-wrap:wrap;}
  .nov-social-lbl{font-size:11px; text-transform:uppercase; letter-spacing:0.14em; color:var(--ink-dim);}
  .nov-social a{width:44px; height:44px; border-radius:50%; border:1px solid var(--line); display:flex; align-items:center;
    justify-content:center; color:var(--ink-soft); transition:all .2s;}
  .nov-social a:hover{border-color:var(--spray); color:var(--spray); transform:translateY(-2px);}
  .nov-social svg{width:20px; height:20px;}
  @media (max-width:520px){ .nov-card{padding:34px 20px;} .nov-form input{min-width:0;} .nov-form .btn-primary{width:100%;} }

  .lookbook{position:relative; min-height:78vh; display:flex; align-items:flex-end; overflow:hidden;
    background:#0d0d0c url('/img/hero/hero-local.jpg') center 16%/cover no-repeat;}
  .lookbook .lb-overlay{position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(13,13,12,0.9) 0%, rgba(13,13,12,0.6) 40%, rgba(13,13,12,0.12) 100%);}
  .lookbook .wrap{position:relative; z-index:1; width:100%;}
  .lb-inner{max-width:540px; padding:64px 0 68px;}
  .lb-tag{display:inline-block; color:var(--spray); font-size:22px; line-height:1; margin-bottom:6px;}
  .lookbook h2{font-size:clamp(36px,7.5vw,72px); line-height:0.94; color:#fff; margin:6px 0 14px; letter-spacing:0.01em;}
  .lookbook h2 .mark{color:var(--spray);}
  .lb-inner p{color:rgba(242,237,228,0.86); font-size:16.5px; line-height:1.55; max-width:42ch; margin-bottom:26px;}
  .lb-cta{display:inline-flex;}
  @media (max-width:640px){
    .lookbook{min-height:68vh;}
    .lookbook .lb-overlay{background:linear-gradient(0deg, rgba(13,13,12,0.94) 0%, rgba(13,13,12,0.5) 52%, rgba(13,13,12,0.2) 100%);}
    .lb-inner{padding:44px 0 46px;}
  }

  /* Mobile: barra de categorias pegajosa (se desliza horizontal y queda fija bajo el navbar+cinta) */
  @media (max-width:640px){
    .chips-bar{display:contents;}
    #chips-categorias{
      position:sticky; top:var(--h-topbar, 110px); z-index:45;
      margin:0 -24px 14px; padding:10px 24px;
      background:var(--bg); border-bottom:1px solid var(--line);
      flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain;
      -webkit-overflow-scrolling:touch; scrollbar-width:none;
    }
    #chips-categorias::-webkit-scrollbar{display:none;}
    #chips-categorias .chip{flex:0 0 auto;}
  }

  .rv{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease;}
  .rv.rv-in{opacity:1; transform:none;}
  @media (prefers-reduced-motion: reduce){ .rv{opacity:1; transform:none; transition:none;} }

  .ph::after{content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(105deg, transparent 32%, rgba(242,237,228,0.07) 48%, rgba(242,237,228,0.10) 52%, transparent 68%);
    transform:translateX(-100%); animation:shimmer 1.8s ease-in-out infinite;}
  @keyframes shimmer{ to{ transform:translateX(100%);} }
  @media (prefers-reduced-motion: reduce){ .ph::after{animation:none; opacity:0;} }

  .locations{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .loc-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .loc-card{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:26px; transition:border-color .2s;}
  .loc-card:hover{border-color:var(--spray);}
  .loc-card .name{display:flex; align-items:center; gap:10px; font-weight:800; font-size:16px; margin-bottom:12px; color:var(--ink);}
  .loc-card .name svg{stroke:var(--spray); flex-shrink:0;}
  .loc-card .addr{color:var(--ink-soft); font-size:14px; margin-bottom:5px; display:flex; align-items:center; gap:8px;}
  .loc-card .addr svg{width:15px; height:15px; stroke:var(--ink-dim); flex-shrink:0;}
  .loc-map{display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:10px 0; min-height:40px; color:var(--spray); font-weight:700; font-size:13px; text-decoration:none; text-transform:uppercase; letter-spacing:0.03em;}
  .loc-map:hover{text-decoration:underline;}

  .about{background:var(--bg);}
  .about .wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .about h2{font-size:38px; margin-bottom:18px; color:var(--ink);}
  .about p{color:var(--ink-soft); line-height:1.65; margin-bottom:20px; font-size:15px;}
  .kids-note{display:inline-flex; align-items:center; gap:8px; border:1px dashed var(--gold); color:var(--gold); padding:8px 14px; border-radius:3px; font-size:13px; font-weight:600; margin-top:6px;}
  .about-card{background:var(--card); border:1px solid var(--line); border-radius:10px; padding:32px;}
  .about-card .display{font-size:22px; margin-bottom:6px; color:var(--ink);}
  .about-card p{color:var(--ink-soft); font-size:14px; margin-bottom:20px;}

  footer{background:var(--bg-alt); color:var(--ink-soft); padding:52px 0 34px; border-top:1px solid var(--line);}
  .foot-top{display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap; padding-bottom:28px; border-bottom:1px solid var(--line);}
  .foot-brand .logo-word{color:var(--ink); font-size:24px;}
  .foot-brand .logo-sub{font-size:12px; color:var(--spray); letter-spacing:0.12em;}
  .foot-slogan{font-size:26px; color:var(--ink); margin-top:12px; line-height:1;}
  .foot-slogan .mark{color:var(--spray);}
  .foot-brand p{font-size:13px; color:var(--ink-dim); margin-top:10px; max-width:280px; line-height:1.5;}
  .foot-cols{display:flex; gap:52px; flex-wrap:wrap;}
  .foot-social{display:flex; gap:10px; margin-top:16px;}
  .foot-social a{width:38px; height:38px; border-radius:50%; border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; color:var(--ink-soft); transition:all .2s;}
  .foot-social a:hover{border-color:var(--spray); color:var(--spray); transform:translateY(-2px);}
  .foot-social svg{width:17px; height:17px;}
  .foot-dato{color:var(--ink-dim); font-size:14px; margin-bottom:9px; display:block;}
  .foot-col h4{font-size:12px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink); margin-bottom:14px;}
  .foot-col a{display:flex; align-items:center; gap:8px; color:var(--ink-soft); text-decoration:none; font-size:14px; margin-bottom:2px; min-height:38px; transition:color .2s;}
  .foot-col a:hover{color:var(--spray);}
  .foot-col a svg{width:15px; height:15px;}
  .foot-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:22px;}
  .foot-note{font-size:12px; color:var(--ink-dim);}

  @media (max-width:860px){
    .hero{padding:64px 0 76px; min-height:min(82vh, 620px);}
    .hero-bg img{object-position:58% 26%;}
    .hero::after{
      background:
        linear-gradient(to top, rgba(13,13,12,0.97) 0%, rgba(13,13,12,0.90) 48%, rgba(13,13,12,0.62) 100%),
        radial-gradient(ellipse 70% 40% at 70% 12%, rgba(217,72,42,0.18), transparent 62%);
    }
    .hero h1{font-size:52px;}
    .grid{grid-template-columns:repeat(2,1fr); gap:12px;}
    .card-body{padding:13px 13px 15px;}
    .card-body .price{font-size:16.5px;}
    .price-old{margin-left:4px;}
    .pasos{grid-template-columns:1fr;}
    .about .wrap{grid-template-columns:1fr;}
    .loc-grid{grid-template-columns:1fr;}
    .nav-desktop{display:none;}
    .mega{display:none;}
    .hamburguesa{display:flex; flex-shrink:0;}
    .navbar{gap:8px;}
    .logo{flex:1; justify-content:center;}
    .logo-mark{display:none;}
    .logo-word{font-size:20px;}
    .logo-sub{text-align:center;}
    .btn-wsp span{display:none;}
    .btn-wsp{padding:11px 13px;}
    .nav-acciones{gap:8px;}
    .section{padding:60px 0;}
    .section-head{flex-direction:column; align-items:flex-start;}
    .section-head h2{font-size:34px;}
    .modal-card{grid-template-columns:1fr;}
    .media-lg{aspect-ratio:4/3;}
    .modal-info{padding:24px;}
    .modal-related:not(:empty){padding:20px 24px 24px;}
    .foot-top{flex-direction:column; gap:28px;}
    .chips-right{width:100%; gap:8px;}
    .search{flex:1 1 100%; order:-1;}
    .orden-lbl{display:none;}
    #conteo-productos{margin-left:auto;}
    .search input{width:100%;}
  }

  .miga{display:flex; gap:8px; align-items:center; font-size:13px; color:var(--ink-soft); margin-bottom:26px; flex-wrap:wrap;}
  .miga a{color:var(--ink-soft); text-decoration:none;}
  .miga a:hover{color:var(--spray);}
  .miga span{color:var(--ink-dim);}
  .miga .miga-actual{color:var(--ink);}
  .prod-detalle{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
  .prod-media{background:var(--card); border:1px solid var(--line); border-radius:10px; overflow:hidden;}
  .prod-media .card-media{aspect-ratio:3/4;}
  .prod-info{display:flex; flex-direction:column; padding-top:4px;}
  .prod-info .modal-title{font-size:38px; margin-bottom:16px;}
  .prod-info .modal-cat{margin-bottom:10px;}
  .volver{margin-top:22px; color:var(--ink-soft); text-decoration:none; font-size:14px; font-weight:600; align-self:flex-start;}
  .volver:hover{color:var(--spray);}
  .ver-ficha{display:inline-flex; align-items:center; gap:6px; margin-top:12px; color:var(--ink-soft);
    font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px;}
  .ver-ficha:hover{color:var(--spray);}
  @media (max-width:860px){
    .prod-detalle{grid-template-columns:1fr; gap:24px;}
    .prod-info .modal-title{font-size:30px;}
  }