/* Clash Display — real, free typeface served by Fontshare */
  @import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap');

  :root{
    --bg:#15130f;
    --bg-panel:#1c1a15;
    --cream:#f3ecdf;
    --cream-dim:#c9c1b0;
    --rust:#ff2e9a;
    --moss:#5c6a4f;
    --line:#3a352c;
    /* Paleta "arte urbano digital": máximo 3 fluorescentes — rosa/magenta (--rust,
       el acento principal heredado en toda la web), cian eléctrico y lima ácida —
       usados con cuidado sobre degradados y texturas, nunca los tres a la vez. */
    --neon-cyan:#00e5ff;
    --neon-lime:#d6ff3b;
  }
  /* Tema claro del sitio real (todas las páginas de la tienda): fondo blanco,
     texto negro, en todos los tamaños de pantalla. El brand-book (tabs de
     tipografía/marca) conserva el tema oscuro original. */
  body.site-light{
    --bg:#ffffff;
    --bg-panel:#f5f3ec;
    --cream:#15130f;
    --cream-dim:#55524a;
    --line:#e4dfd0;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--cream);
    font-family:'Space Grotesk',sans-serif;
    -webkit-font-smoothing:antialiased;
    position:relative;
  }
  /* Grano/textura sutil sobre toda la tienda: un toque de "impresión analógica"
     detrás de los degradados fluorescentes, en vez de una web plana de un solo color. */
  body.site-light::before{
    content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .page-wrap,.device-frame{position:relative;z-index:1;}
  .wrap{max-width:980px;margin:0 auto;padding:64px 40px 120px;}

  /* Project header + tabs */
  .project-header{padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:56px;}
  .kicker{
    text-transform:uppercase;letter-spacing:.18em;font-size:16px;color:var(--rust);
    font-weight:600;margin-bottom:18px;
  }
  .project-header h1{
    font-family:'Unbounded',sans-serif;
    font-size:clamp(36px,6vw,60px);
    line-height:1;
    margin:0 0 20px;
    letter-spacing:-.01em;
  }
  .project-header p{
    max-width:660px;
    color:var(--cream-dim);
    font-size:20px;
    line-height:1.65;
    margin:0 0 32px;
  }
  .tabnav{display:flex;gap:10px;flex-wrap:wrap;}
  .tab-btn{
    font-family:'Space Grotesk',sans-serif;
    font-size:18px;font-weight:500;
    background:transparent;color:var(--cream-dim);
    border:1px solid var(--line);border-radius:999px;
    padding:10px 20px;cursor:pointer;
    transition:all .15s ease;
  }
  .tab-btn:hover{border-color:var(--rust);color:var(--cream);}
  .tab-btn.active{background:var(--rust);border-color:var(--rust);color:var(--cream);}

  .panel{display:none;}
  .panel.active{display:block;}
  .panel-intro{
    font-size:17px;text-transform:uppercase;letter-spacing:.1em;
    color:var(--rust);margin-bottom:40px;
  }
  .meta{display:flex;gap:32px;margin-top:0;font-size:17px;color:var(--cream-dim);text-transform:uppercase;letter-spacing:.08em;}

  /* Specimen block */
  .specimen{padding:56px 0;border-bottom:1px solid var(--line);}
  .specimen:last-of-type{border-bottom:none;}
  .spec-head{
    display:flex;justify-content:space-between;align-items:flex-end;
    margin-bottom:28px;gap:20px;flex-wrap:wrap;
  }
  .spec-name{font-size:18px;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-dim);}
  .spec-name b{color:var(--cream);font-weight:600;}
  .spec-role{
    font-size:16px;text-transform:uppercase;letter-spacing:.08em;
    color:var(--rust);border:1px solid var(--rust);border-radius:999px;
    padding:5px 14px;white-space:nowrap;
  }
  .hero-word{
    font-size:clamp(52px,10vw,120px);
    line-height:.95;
    margin:0 0 18px;
    word-break:break-word;
  }
  .tagline{
    font-size:clamp(20px,2.6vw,30px);
    margin:0 0 24px;
    color:var(--cream);
    max-width:760px;
  }
  .abc{
    font-size:22.5px;
    line-height:1.5;
    color:var(--cream-dim);
    margin-bottom:20px;
    word-spacing:2px;
  }
  .body-sample{
    font-size:20px;
    line-height:1.7;
    color:var(--cream-dim);
    max-width:620px;
  }
  .note{
    margin-top:18px;font-size:16.5px;color:var(--cream-dim);
    font-style:italic;opacity:.8;
  }

  /* Font-specific families — applied to hero wordmarks (and, in v1, to the supporting text) */
  .f-clash{font-family:'Clash Display',sans-serif;font-weight:600;}
  .f-monument{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.01em;}
  .f-gtamerica{font-family:'Archivo',sans-serif;font-weight:700;}
  .f-knockout{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;}
  .f-ogg{font-family:'Fraunces',serif;font-weight:500;font-style:normal;}
  .f-editorial{font-family:'Playfair Display',serif;font-weight:400;font-style:italic;}
  .f-unbounded{font-family:'Unbounded',sans-serif;font-weight:600;letter-spacing:-.01em;}

  /* Pairing section */
  .pairing{margin-top:56px;}
  .pairing h2{
    font-family:'Unbounded',sans-serif;font-size:24.5px;margin-bottom:24px;font-weight:600;
  }
  .combo{
    background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;
    padding:32px;margin-bottom:20px;
  }
  .combo .lead{font-family:'Anton',sans-serif;font-size:42.5px;text-transform:uppercase;letter-spacing:.01em;margin:0 0 6px;color:var(--cream);}
  .combo .sub{font-size:22.5px;font-style:italic;color:var(--rust);margin:0 0 14px;}
  .combo .body{font-size:19px;line-height:1.7;color:var(--cream-dim);max-width:560px;}
  .combo .tag{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-dim);margin-top:14px;}

  footer{
    margin-top:64px;padding-top:28px;border-top:1px solid var(--line);
    font-size:17px;color:var(--cream-dim);line-height:1.7;
  }
  footer a{color:var(--rust);}

  /* Tab 3 — naming + slogan lockup */
  .lockup-stage{
    padding:72px 40px;text-align:center;border:1px solid var(--line);
    border-radius:20px;background:var(--bg-panel);margin-bottom:24px;
  }
  .lockup-name{
    font-family:'Unbounded',sans-serif;font-weight:800;
    font-size:clamp(44px,9vw,104px);letter-spacing:-.01em;line-height:.95;margin:0;
  }
  .lockup-slogan{
    font-family:'Space Grotesk',sans-serif;font-weight:500;
    font-size:clamp(13px,1.8vw,18px);text-transform:uppercase;letter-spacing:.16em;
    color:var(--rust);margin:22px 0 0;
  }
  .lockup-row{
    display:flex;align-items:baseline;justify-content:center;gap:22px;flex-wrap:wrap;
  }
  .lockup-row .lockup-name{font-size:clamp(36px,6vw,64px);}
  .lockup-row .divider{width:1px;height:34px;background:var(--line);}
  .lockup-row .lockup-slogan{margin:0;text-align:left;}
  .lockup-caption{
    display:flex;justify-content:center;gap:40px;font-size:16px;
    text-transform:uppercase;letter-spacing:.08em;color:var(--cream-dim);margin-bottom:56px;
  }
  .rationale{max-width:680px;margin:0 auto 8px;font-size:20px;line-height:1.75;color:var(--cream-dim);}
  .rationale strong{color:var(--cream);font-weight:600;}

  /* Tab 4 — historia */
  .brand-statement{
    font-size:21.5px;line-height:1.7;color:var(--cream);max-width:720px;margin-bottom:48px;
  }
  .section-label{
    font-family:'Unbounded',sans-serif;font-size:21.5px;font-weight:600;
    margin:0 0 24px;color:var(--cream);
  }
  .timeline{display:flex;flex-direction:column;}
  .tl-item{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;}
  .tl-item:last-child{border-bottom:none;}
  .tl-year{
    font-family:'Unbounded',sans-serif;font-weight:600;font-size:18px;
    color:var(--rust);min-width:170px;text-transform:uppercase;letter-spacing:.04em;
  }
  .tl-text{font-size:20px;line-height:1.7;color:var(--cream-dim);max-width:600px;}
  .tl-text strong{color:var(--cream);font-weight:600;}

  /* Tab 5 — público objetivo */
  .audience-list{list-style:none;margin:0 0 40px;padding:0;}
  .audience-list li{padding:24px 0;border-bottom:1px solid var(--line);}
  .audience-list li:last-child{border-bottom:none;}
  .a-title{
    font-family:'Unbounded',sans-serif;font-size:20px;font-weight:600;
    color:var(--cream);margin-bottom:8px;display:block;
  }
  .a-body{font-size:19.5px;line-height:1.75;color:var(--cream-dim);max-width:680px;}

  /* Tab 6 — colores de marca */
  .swatch-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;margin-bottom:56px;
  }
  .swatch{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-panel);}
  .swatch-fill{height:110px;position:relative;}
  .swatch-pct{
    position:absolute;top:12px;left:14px;font-family:'Unbounded',sans-serif;
    font-size:17px;font-weight:600;letter-spacing:.04em;
    padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.28);color:#fff;
  }
  .swatch-meta{padding:16px 18px 20px;}
  .swatch-role{font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--rust);margin-bottom:6px;}
  .swatch-name{font-family:'Unbounded',sans-serif;font-size:21px;font-weight:600;color:var(--cream);margin-bottom:4px;}
  .swatch-hex{font-family:'Space Grotesk',monospace;font-size:17.5px;color:var(--cream-dim);margin-bottom:10px;}
  .swatch-use{font-size:18px;line-height:1.6;color:var(--cream-dim);}

  .colabel{
    display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;
    margin-bottom:12px;min-height:120px;
  }
  .colabel-zone{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;}
  .colabel-snob{background:var(--bg);}
  .colabel-artist{
    background:repeating-linear-gradient(135deg,#2a2620,#2a2620 10px,#332e26 10px,#332e26 20px);
    border-left:1px dashed var(--line);
  }
  .colabel-tag{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-dim);}
  .colabel-mark{font-family:'Unbounded',sans-serif;font-weight:700;font-size:22.5px;color:var(--cream);}
  .colabel-mark.artist{color:var(--cream-dim);font-family:'Space Grotesk',sans-serif;font-weight:500;font-style:italic;}

  /* Tab 7 — valores de marca */
  .values-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:22px;margin-bottom:48px;
  }
  .value-card{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--bg-panel);overflow:hidden;}
  .value-tag{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(13px,2.4vw,15px);
    color:var(--rust);letter-spacing:.01em;margin-bottom:12px;display:block;
    line-height:1.35;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;
  }
  .value-body{font-size:19px;line-height:1.7;color:var(--cream-dim);}

  /* Mobile-first site mockups (tabs 8 y 9) */
  .mock-caption{
    text-align:center;font-size:17px;color:var(--cream-dim);
    text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;
  }
  .device-frame{
    width:390px;max-width:100%;height:800px;overflow:hidden;
    border:1px solid var(--line);border-radius:32px;margin:0 auto 12px;
    background:var(--bg);box-shadow:0 40px 90px -24px rgba(0,0,0,.55);
    position:relative;
  }
  .device-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
  .device-statusbar{
    position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;
    padding:12px 22px 4px;font-size:16px;color:var(--cream-dim);background:var(--bg);
  }
  .site-nav{
    position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;
    padding:24px 20px;
    background-image:linear-gradient(90deg,var(--rust),var(--neon-cyan) 40%,var(--neon-lime) 65%,var(--rust) 100%);
    background-repeat:no-repeat;background-size:220% 100%;
    background-position-x:0%;
    animation:stripeFlow 9s ease-in-out infinite;
  }
  .site-header{
    position:sticky;top:0;z-index:6;
    background-image:linear-gradient(90deg,var(--rust),var(--neon-cyan) 40%,var(--neon-lime) 65%,var(--rust) 100%);
    background-repeat:no-repeat;background-size:220% 100%;
    background-position-x:0%;
    animation:stripeFlow 9s ease-in-out infinite;
  }
  @keyframes stripeFlow{
    0%{background-position-x:0%;}
    50%{background-position-x:100%;}
    100%{background-position-x:0%;}
  }
  @keyframes stripeFlow2{
    0%{background-position-x:0%,0%;}
    50%{background-position-x:100%,0%;}
    100%{background-position-x:0%,0%;}
  }
  @media (prefers-reduced-motion:reduce){
    .site-nav,.site-header,.site-footer{animation:none;}
  }
  .site-logo{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:25px;
    color:#fff;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 6px rgba(0,0,0,.35);
    display:flex;align-items:center;gap:8px;
  }
  .logo-icon{height:1em;width:auto;display:block;flex-shrink:0;}
  .nav-icons{display:flex;align-items:center;gap:16px;}
  .nav-icons svg{
    width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;
    filter:drop-shadow(0 0 1.5px #000) drop-shadow(0 1px 2px rgba(0,0,0,.4));
  }
  .cart-icon-wrap{position:relative;display:flex;cursor:pointer;}
  .cart-badge{
    position:absolute;top:-7px;right:-8px;min-width:16px;height:16px;padding:0 4px;
    border-radius:999px;background:#000;color:#fff;font-family:'Space Grotesk',sans-serif;
    font-weight:700;font-size:10.5px;line-height:16px;text-align:center;
    display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;
  }
  .burger{display:flex;flex-direction:column;gap:4px;cursor:pointer;flex-shrink:0;}
  .burger span{
    width:20px;height:2px;background:#fff;display:block;
    box-shadow:0 0 0 .5px rgba(0,0,0,.7);
  }

  /* Header animado: logo <-> buscador (clonado del vídeo de referencia) */
  .header-top{display:flex;align-items:center;gap:14px;padding:24px 20px;}
  .header-center{
    flex:1;position:relative;height:22px;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
  }
  .header-center .site-logo{
    position:absolute;transition:opacity .32s ease,transform .32s ease;
    opacity:1;transform:translateY(0);cursor:default;
  }
  .site-header.scrolled .header-center .site-logo{cursor:pointer;}
  .header-inline-search{
    position:absolute;left:0;right:0;display:flex;align-items:center;gap:8px;
    opacity:0;transform:translateY(14px);pointer-events:none;
    transition:opacity .32s ease,transform .32s ease;
  }
  .header-inline-search svg{width:16px;height:16px;stroke:var(--cream);fill:none;stroke-width:1.6;flex-shrink:0;}
  .header-inline-search input{
    flex:1;min-width:0;border:none;background:transparent;color:var(--cream);
    font-family:'Space Grotesk',sans-serif;font-size:18px;outline:none;
  }
  .header-inline-search input::placeholder{color:rgba(243,236,223,.65);}
  .header-inline-search .close-search{cursor:pointer;flex-shrink:0;}

  .header-search-row{
    display:flex;align-items:center;overflow:hidden;
    max-height:56px;opacity:1;padding:0 20px 14px;
    transition:max-height .35s ease,opacity .28s ease,padding .35s ease;
  }
  .search-pill{
    display:flex;align-items:center;gap:8px;width:100%;
    background:rgba(255,255,255,.16);border-radius:10px;padding:9px 12px;cursor:text;
  }
  .search-pill svg{width:16px;height:16px;stroke:var(--cream);fill:none;stroke-width:1.6;flex-shrink:0;}
  .search-pill input{
    flex:1;border:none;background:transparent;color:var(--cream);
    font-family:'Space Grotesk',sans-serif;font-size:18px;outline:none;
  }
  .search-pill input::placeholder{color:rgba(243,236,223,.65);}

  /* Estado: header colapsado por scroll -> el logo se transforma en el buscador */
  .site-header.scrolled .header-top{padding:16px 20px;}
  /* Resultados del buscador en vivo (home) */
  .search-results{
    max-height:0;overflow:hidden;background:var(--bg);
    transition:max-height .25s ease;
  }
  .search-results.show{max-height:360px;overflow-y:auto;border-bottom:1px solid var(--line);}
  .search-results-list{padding:6px 12px;}
  .search-result-item{
    display:flex;align-items:center;gap:12px;padding:10px 6px;
    text-decoration:none;color:inherit;border-bottom:1px solid var(--line);
  }
  .search-result-item:last-child{border-bottom:none;}
  .search-result-item img{width:46px;height:46px;border-radius:9px;object-fit:cover;flex-shrink:0;}
  .search-result-name{display:block;font-family:'Unbounded',sans-serif;font-weight:700;font-size:14.5px;color:var(--cream);}
  .search-result-meta{display:block;font-size:12.5px;color:var(--cream-dim);margin-top:2px;}
  .search-empty{padding:22px 16px;text-align:center;color:var(--cream-dim);font-size:14.5px;}

  .site-header.scrolled .header-search-row{max-height:0;opacity:0;padding-top:0;padding-bottom:0;}
  .site-header.scrolled .header-center .site-logo{opacity:0;transform:translateY(-14px);pointer-events:none;}
  .site-header.scrolled .header-center .header-inline-search{opacity:1;transform:translateY(0);pointer-events:auto;}
  /* Toggle manual: volver a ver el logo aunque siga scrolleado */
  .site-header.scrolled.show-logo .header-center .site-logo{opacity:1;transform:translateY(0);pointer-events:auto;}
  .site-header.scrolled.show-logo .header-center .header-inline-search{opacity:0;transform:translateY(14px);pointer-events:none;}

  .hero-video{
    position:relative;aspect-ratio:9/16;max-height:520px;overflow:hidden;
    background:linear-gradient(165deg,#332e26,#15130f 70%);
    display:flex;align-items:flex-end;
  }
  .hero-video::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 45%);
  }
  .badge{
    position:absolute;top:16px;left:16px;z-index:2;font-size:15px;
    text-transform:uppercase;letter-spacing:.08em;color:var(--cream);
    background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);
    padding:5px 12px;border-radius:999px;
  }
  .play-btn{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
    width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;
  }
  .play-btn::after{
    content:'';border-style:solid;border-width:8px 0 8px 13px;
    border-color:transparent transparent transparent #fff;margin-left:3px;
  }
  .hero-copy{position:relative;z-index:2;padding:0 20px 22px;}
  .hero-copy .h-tag{font-size:16px;color:var(--cream-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
  .hero-copy h3{font-family:'Unbounded',sans-serif;font-size:28.5px;font-weight:700;color:var(--cream);margin:0 0 12px;line-height:1.05;}

  .btn-accent{
    display:inline-block;
    background:linear-gradient(100deg,var(--rust) 0%,#ff5fb3 30%,var(--neon-cyan) 60%,var(--rust) 100%);
    background-size:260% 100%;background-position:0% 50%;
    color:#fff;font-family:'Space Grotesk',sans-serif;
    font-weight:600;font-size:18px;padding:11px 22px;border-radius:999px;border:none;cursor:pointer;
    box-shadow:0 6px 18px -4px rgba(255,46,154,.55);
    animation:btnGradientFlow 7s ease-in-out infinite;
  }
  @keyframes btnGradientFlow{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
  }
  @media (prefers-reduced-motion:reduce){
    .btn-accent{animation:none;}
  }
  .btn-outline{
    display:inline-block;background:transparent;color:var(--cream);font-family:'Space Grotesk',sans-serif;
    font-weight:500;font-size:18px;padding:10px 20px;border-radius:999px;border:1px solid var(--cream-dim);cursor:pointer;
  }
  .btn-notify{
    display:inline-block;background:transparent;color:var(--cream);font-family:'Space Grotesk',sans-serif;
    font-weight:600;font-size:18px;padding:11px 22px;border-radius:999px;border:1.5px solid var(--cream);
    cursor:pointer;white-space:nowrap;flex-shrink:0;
  }

  .mock-section{padding:26px 20px;border-bottom:1px solid var(--line);}
  .mock-section:last-child{border-bottom:none;}
  .mock-h{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:600;color:var(--cream);margin:0 0 4px;}
  .mock-sub{font-size:17.5px;color:var(--cream-dim);margin:0 0 16px;}

  .prod-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;margin:0 -20px;padding-left:20px;padding-right:20px;}
  .prod-card{min-width:140px;max-width:140px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-panel);flex-shrink:0;}
  .prod-img{position:relative;aspect-ratio:4/5;background:linear-gradient(150deg,#4a4438,#2a2620);display:flex;align-items:center;justify-content:center;color:var(--cream-dim);font-size:16px;}
  .prod-info{padding:10px 12px 14px;}
  .prod-name{font-size:17.5px;font-weight:600;color:var(--cream);margin-bottom:3px;}
  .prod-artist{font-size:15.5px;color:var(--rust);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em;}
  .prod-price{font-size:17px;color:var(--cream-dim);}

  .avail-badge{
    display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:600;
    text-transform:uppercase;letter-spacing:.04em;padding:4px 9px 4px 7px;border-radius:20px;
    line-height:1.4;white-space:nowrap;
  }
  .avail-badge::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;}
  .avail-badge.in-stock{background:rgba(214,255,59,.16);color:#e6ffa0;border:1px solid rgba(214,255,59,.55);}
  .avail-badge.in-stock::before{background:var(--neon-lime);}
  .avail-badge.made-to-order{background:rgba(255,46,154,.16);color:#ffc2e2;border:1px solid rgba(255,46,154,.55);}
  .avail-badge.made-to-order::before{background:var(--rust);}
  .avail-badge.sold-out{background:rgba(150,146,132,.18);color:#c4beac;border:1px solid rgba(150,146,132,.5);}
  .avail-badge.sold-out::before{background:#96927e;}
  .prod-img .avail-badge{position:absolute;top:8px;left:8px;z-index:2;backdrop-filter:blur(6px);}
  .avail-badge-row{margin:0 0 14px;}
  .spec-table td .avail-badge{margin-top:2px;}

  .cat-tile-scroll{display:flex;gap:0;overflow-x:auto;}
  .cat-tile{
    position:relative;min-width:132px;max-width:132px;aspect-ratio:3/4;flex-shrink:0;
    overflow:hidden;text-decoration:none;display:block;
  }
  .cat-tile img{width:100%;height:100%;object-fit:cover;display:block;}
  .cat-tile::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 55%);
  }
  .cat-tile span{
    position:absolute;left:10px;right:10px;bottom:10px;z-index:2;
    font-family:'Unbounded',sans-serif;font-size:17.5px;font-weight:600;
    color:#fff;line-height:1.25;
  }
  .cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}

  /* Página de categoría/colección: chips de filtro (reutiliza .type-chip) +
     rejilla de productos (variante de .prod-card que ya no va en carril
     horizontal, sino en cuadrícula de 2 columnas) */
  .cat-page-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 4px;}
  .prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 20px 6px;}
  .prod-grid .prod-card{min-width:0;max-width:none;width:100%;}
  .prod-grid .prod-img{aspect-ratio:4/5;}
  .cat-empty{text-align:center;padding:60px 24px;color:var(--cream-dim);font-size:18px;line-height:1.6;grid-column:1/-1;}
  .cat-card{
    aspect-ratio:1/1;border-radius:14px;border:1px solid var(--line);
    background:linear-gradient(160deg,#5c6a4f,#1c1a15);display:flex;align-items:flex-end;padding:14px;
    font-family:'Unbounded',sans-serif;font-size:18px;font-weight:600;color:#fff;
  }

  .artist-teaser{
    border-radius:16px;overflow:hidden;border:1px solid var(--line);
    background:linear-gradient(160deg,#332e26,#15130f);padding:22px;
  }
  .artist-teaser .h-tag{font-size:15.5px;color:var(--rust);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
  .artist-teaser h4{font-family:'Unbounded',sans-serif;font-size:22.5px;color:var(--cream);margin:0 0 10px;}
  .artist-teaser p{font-size:18px;color:var(--cream-dim);line-height:1.6;margin:0 0 16px;}

  /* Bloque "qué es Riurau", full-bleed a color sólido (estilo Raval) */
  .brand-block{
    padding:56px 24px;background:linear-gradient(155deg,var(--rust),#c21f6e 70%);
  }
  .brand-block-badge{
    display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;
    font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:#fff;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.35);
    padding:6px 14px;border-radius:999px;margin-bottom:18px;
  }
  .brand-block h2{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:26px;line-height:1.22;
    color:#fff;margin:0 0 16px;
  }
  .brand-block h2 .hl{color:var(--neon-lime);}
  .brand-block p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.9);margin:0 0 22px;}
  .brand-block-close{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:20px;line-height:1.25;
    text-transform:uppercase;color:#fff;letter-spacing:.01em;
  }

  /* Mosaico de vídeos e imágenes sin espacios (home) */
  .media-stack{display:flex;flex-direction:column;}
  .video-block{
    position:relative;aspect-ratio:4/5;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
  }
  .video-block .play-btn{position:static;transform:none;}
  .video-block .vb-tag{
    position:absolute;top:12px;left:12px;font-family:'Space Grotesk',sans-serif;
    font-size:15px;color:rgba(255,255,255,.75);letter-spacing:.06em;
  }
  .img-grid-2x2{display:grid;grid-template-columns:1fr 1fr;}
  .grid-img{aspect-ratio:1/1;overflow:hidden;}
  .grid-img img,.video-block video,.prod-img img,.hero-video video{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .video-block video{position:absolute;inset:0;z-index:0;}
  .hero-video video{position:absolute;inset:0;z-index:0;}

  /* Nombre del producto sobre el vídeo (esquina superior izquierda, estilo Raval) */
  .video-block::before{
    content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 38%);
  }
  .vb-title{
    position:absolute;top:16px;left:16px;right:16px;z-index:2;
    display:flex;flex-direction:column;gap:3px;
  }
  .vb-title .vb-kicker{
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;
    letter-spacing:.1em;text-transform:uppercase;color:rgba(243,236,223,.85);
    text-shadow:0 1px 8px rgba(0,0,0,.6);
  }
  .vb-title .vb-name{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:25px;line-height:1.16;
    color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.55);
    background:linear-gradient(100deg,var(--rust),var(--neon-cyan) 60%,var(--neon-lime));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,46,154,.4)) drop-shadow(0 0 18px rgba(0,229,255,.2));
  }

  /* Marca de agua de artista sobre el vídeo (esquina inferior derecha, con margen de seguridad
     para que ni el vídeo ni la marca queden pegados/recortados por el borde del bloque) */
  .video-block{padding:0;}
  .vb-artist{
    position:absolute;right:20px;bottom:20px;left:20px;z-index:2;
    display:flex;align-items:center;justify-content:flex-end;gap:9px;
    max-width:calc(100% - 40px);
  }
  .vb-artist-pill{
    display:inline-flex;align-items:center;gap:10px;max-width:100%;
    background:linear-gradient(100deg,rgba(255,46,154,.92),rgba(0,229,255,.68) 55%,rgba(214,255,59,.55) 100%);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    border:1.5px solid rgba(255,255,255,.6);border-radius:34px;padding:7px 18px 7px 7px;
    color:#fff;font-family:'Unbounded',sans-serif;font-size:15.5px;font-weight:700;
    text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    pointer-events:none;
    box-shadow:0 8px 26px -6px rgba(255,46,154,.75),0 0 0 1px rgba(0,0,0,.22);
    animation:vbGlow 3.4s ease-in-out infinite;
  }
  @keyframes vbGlow{
    0%,100%{box-shadow:0 8px 26px -6px rgba(255,46,154,.8),0 0 0 1px rgba(0,0,0,.22);}
    50%{box-shadow:0 8px 30px -4px rgba(0,229,255,.85),0 0 0 1px rgba(0,0,0,.22);}
  }
  @media (prefers-reduced-motion:reduce){
    .vb-artist-pill{animation:none;}
  }
  .vb-artist .vb-artist-logo{
    width:32px;height:32px;border-radius:50%;background:var(--rust);color:#fff;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;
    font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;
    box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 14px -1px rgba(255,46,154,.9);
  }
  .vb-artist .vb-artist-logo img{width:100%;height:100%;object-fit:cover;display:block;}
  .vb-artist .vb-artist-logo.sig{
    width:auto;min-width:48px;height:26px;border-radius:7px;background:#f2ead9;padding:2px 8px;
  }
  .vb-artist .vb-artist-logo.sig img{width:auto;height:100%;object-fit:contain;}

  /* Barra fija con el nombre del producto y el artista, bajo la cabecera (landing) */
  .site-nav-wrap{position:sticky;top:0;z-index:5;}
  .site-nav-wrap .site-nav{position:static;}
  .product-title-bar{
    background:var(--bg-panel);border-bottom:1px solid var(--line);
    padding:12px 20px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  }
  .product-title-bar .ptb-name{
    font-family:'Unbounded',sans-serif;font-weight:600;font-size:21px;color:var(--cream);
    line-height:1.3;
  }
  .product-title-bar .ptb-artist{font-size:19px;color:var(--cream-dim);}

  /* Vídeo en tablet/escritorio: altura fija según el alto de la ventana (no según el ancho),
     para que quepa entero bajo la cabecera en un portátil de 13" sin cortarse por abajo
     (los clips móviles se recortan con object-fit:cover; en producción se subirán además
     versiones horizontales nativas para estos anchos) */
  @media (min-width:768px){
    .video-block{aspect-ratio:auto;height:56vh;max-height:560px;min-height:360px;}
  }

  /* Botón de silencio/sonido sobre el vídeo (solo en landing de producto) */
  .vb-sound{
    position:absolute;top:16px;right:16px;z-index:3;
    width:36px;height:36px;border-radius:50%;
    background:rgba(21,19,15,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .vb-sound svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.8;}
  .vb-sound .icon-muted{display:block;}
  .vb-sound .icon-on{display:none;}
  .vb-sound.is-on .icon-muted{display:none;}
  .vb-sound.is-on .icon-on{display:block;}

  /* Bloques de categorías y de detalle de producto: ya no llevan tratamiento de
     "tarjeta clara" propio — toda la página es blanca, así que se comportan como
     cualquier otro mock-section (ver regla de ancho unificada más abajo). */

  .site-footer{
    position:relative;
    background-image:
      linear-gradient(90deg,var(--rust),var(--neon-cyan) 40%,var(--neon-lime) 65%,var(--rust) 100%),
      radial-gradient(circle at 15% 0%,rgba(255,46,154,.10),transparent 55%),
      radial-gradient(circle at 85% 100%,rgba(0,229,255,.08),transparent 55%),
      linear-gradient(180deg,#0d0d0d 0%,var(--bg-panel) 55%);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-size:220% 3px,auto,auto,auto;
    background-position-x:0%,0%,0%,0%;background-position-y:top,top,top,top;
    animation:stripeFlow2 9s ease-in-out infinite;
    padding:40px 20px 108px;
  }
  .footer-logo{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:24px;margin-bottom:22px;
    background-image:linear-gradient(100deg,var(--rust),var(--neon-cyan) 55%,var(--neon-lime));
    background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:stripeFlow 8s ease-in-out infinite;
    display:inline-flex;align-items:center;gap:10px;
  }
  .footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;padding-top:24px;border-top:1px solid rgba(243,236,223,.1);}
  .footer-col-h{font-size:14.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--rust);margin-bottom:12px;}
  .footer-col a{display:block;font-size:17.5px;color:var(--cream-dim);text-decoration:none;margin-bottom:10px;transition:color .15s ease;}
  .footer-col a:hover{color:var(--cream);}
  .footer-social{display:flex;gap:10px;margin-bottom:24px;}
  .soc-dot{
    width:36px;height:36px;border-radius:50%;border:1px solid rgba(243,236,223,.18);background:rgba(243,236,223,.04);
    display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--cream-dim);
    transition:border-color .15s ease,background .15s ease,transform .15s ease;
  }
  .soc-dot:hover{transform:translateY(-2px);background:rgba(255,46,154,.1);}
  .footer-legal{font-size:15px;color:var(--cream-dim);opacity:.65;line-height:1.6;padding-top:18px;border-top:1px solid rgba(243,236,223,.1);}

  /* Selector de idioma (footer, menú y CMS) — el footer y el drawer siempre
     tienen fondo oscuro (aunque el resto de la página use el tema claro), así
     que este selector usa colores claros fijos en vez de var(--cream), que
     se vuelve casi negro en tema claro y lo hacía ilegible. */
  .footer-lang{margin-top:14px;}
  .i18n-switcher select{
    background:rgba(243,236,223,.12);border:1px solid rgba(243,236,223,.4);border-radius:8px;
    color:#f3ecdf;font-family:'Space Grotesk',sans-serif;font-size:15px;padding:8px 10px;
    outline:none;cursor:pointer;
  }
  .i18n-switcher select:focus{border-color:var(--rust);}
  .i18n-switcher select option{background:#1c1a15;color:#f3ecdf;}
  .nav-drawer-lang{padding:10px 0 4px;}
  .nav-drawer-lang .i18n-switcher select{width:100%;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#f3ecdf;}

  /* Product landing (tab 9) */
  .p-gallery{display:flex;gap:8px;padding:16px 20px;overflow-x:auto;}
  .p-thumb{min-width:92px;height:110px;border-radius:10px;background:linear-gradient(150deg,#4a4438,#2a2620);border:1px solid var(--line);flex-shrink:0;}
  .spec-table{width:100%;border-collapse:collapse;font-size:18px;}
  .spec-table tr{border-bottom:1px solid var(--line);}
  .spec-table td{padding:11px 0;color:var(--cream-dim);}
  .spec-table td:first-child{color:var(--cream);font-weight:600;width:42%;}

  .interview-card{
    display:flex;gap:12px;align-items:center;border:1px solid var(--line);
    border-radius:14px;padding:12px;background:var(--bg-panel);margin-top:16px;
  }
  .interview-thumb{
    width:64px;height:80px;border-radius:8px;flex-shrink:0;position:relative;
    background:linear-gradient(150deg,#5c6a4f,#1c1a15);
  }
  .interview-thumb .play-btn{width:30px;height:30px;}
  .interview-thumb .play-btn::after{border-width:5px 0 5px 8px;}
  .interview-text h5{font-family:'Unbounded',sans-serif;font-size:18px;color:var(--cream);margin:0 0 4px;}
  .interview-text p{font-size:16.5px;color:var(--cream-dim);margin:0;}

  .avatar-circle{
    width:52px;height:52px;border-radius:50%;background:linear-gradient(150deg,#ff2e9a,#5c6a4f);
    display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;
    font-weight:700;color:#fff;font-size:21px;flex-shrink:0;
  }
  .artist-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;}
  .artist-links a{
    font-size:16.5px;color:var(--cream);text-decoration:none;border:1px solid var(--line);
    padding:7px 13px;border-radius:999px;
  }
  .artist-links a.soc-dot{padding:0;}
  .artist-row{display:flex;gap:14px;align-items:center;margin-bottom:14px;}
  .artist-name{font-family:'Unbounded',sans-serif;font-size:19px;color:var(--cream);}
  .artist-role{font-size:17px;color:var(--cream-dim);}
  .artist-bio{font-size:18px;line-height:1.7;color:var(--cream-dim);margin:0;}

  .sticky-cta{
    position:sticky;bottom:16px;z-index:8;margin:0 16px;
    background:#242019;border:1.5px solid rgba(255,46,154,.5);border-radius:18px;
    padding:13px 15px;display:flex;flex-direction:column;gap:8px;
    backdrop-filter:blur(8px);
    box-shadow:0 20px 40px -8px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.3),0 0 22px -6px rgba(255,46,154,.55);
  }
  .sticky-cta.sold-out{box-shadow:0 20px 40px -8px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.3);}
  .cta-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;}
  .cta-serial{font-size:16px;color:var(--cream-dim);padding:0 1px;}
  .cta-serial strong{color:var(--cream);font-weight:700;}

  .sticky-cta.sold-out{border-color:rgba(150,146,132,.4);}
  .cta-soldout-msg{font-size:16.5px;color:var(--cream-dim);flex:1;line-height:1.35;}
  .cta-soldout-msg strong{color:var(--cream);}

  .serial-line{
    display:inline-flex;align-items:center;gap:6px;font-size:17px;
    color:var(--cream-dim);margin:10px 0 0;
  }
  .serial-line strong{color:var(--rust);font-family:'Unbounded',sans-serif;}

  .co-serial{font-size:15.5px;color:var(--rust);font-weight:600;margin-top:2px;}
  .size-chip{
    font-size:16.5px;color:var(--cream-dim);border:1px solid var(--line);
    border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap;flex-shrink:0;
  }
  .size-chip.selected{background:var(--cream);color:var(--bg);border-color:var(--cream);}
  .cart-toast{
    position:sticky;bottom:78px;left:0;right:0;z-index:9;margin:0 14px;
    background:var(--cream);color:var(--bg);font-family:'Space Grotesk',sans-serif;
    font-weight:600;font-size:17.5px;text-align:center;padding:10px;border-radius:10px;
    opacity:0;transform:translateY(8px);pointer-events:none;
    transition:opacity .25s ease,transform .25s ease;
  }
  .cart-toast.show{opacity:1;transform:translateY(0);}

  /* Aviso "Añadido al carrito": caja centrada en medio de la pantalla, con
     más peso visual que un toast — icono, degradado de marca y brillo. */
  .cart-modal-backdrop{
    position:fixed;inset:0;z-index:50;
    background:rgba(13,13,13,.6);backdrop-filter:blur(3px);
    display:flex;align-items:center;justify-content:center;padding:20px;
    opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  .cart-modal-backdrop.show{opacity:1;pointer-events:auto;}
  .cart-modal{
    background:#181510;border:1.5px solid rgba(255,46,154,.5);border-radius:20px;
    padding:34px 26px 28px;max-width:320px;width:100%;text-align:center;
    box-shadow:0 30px 70px -20px rgba(0,0,0,.65),0 0 34px -8px rgba(255,46,154,.55);
    transform:scale(.92);transition:transform .25s ease;
  }
  .cart-modal-backdrop.show .cart-modal{transform:scale(1);}
  .cart-modal-check{
    width:54px;height:54px;border-radius:50%;margin:0 auto 16px;
    background:linear-gradient(100deg,var(--rust),var(--neon-cyan));
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 20px -6px rgba(255,46,154,.6);
  }
  .cart-modal-check svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.4;}
  .cart-modal-title{font-family:'Unbounded',sans-serif;font-size:19px;font-weight:700;color:#f3ecdf;margin:0 0 8px;}
  .cart-modal-sub{font-size:15.5px;color:#c9c1b0;margin:0 0 22px;line-height:1.5;}
  .cart-modal-close{width:100%;text-align:center;}

  /* Checkout (tab 10) */
  .co-summary{display:flex;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);}
  .co-summary img{width:56px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0;}
  .co-summary-info{flex:1;min-width:0;}
  .co-summary-info .n{font-size:18px;font-weight:600;color:var(--cream);margin-bottom:2px;}
  .co-summary-info .m{font-size:16.5px;color:var(--cream-dim);}
  .co-summary-price{font-family:'Unbounded',sans-serif;font-size:18px;color:var(--cream);flex-shrink:0;}
  .co-edit{font-size:16.5px;color:var(--rust);text-decoration:none;flex-shrink:0;margin-left:6px;}

  .field{margin-bottom:12px;}
  .field label{
    display:block;font-size:16px;text-transform:uppercase;letter-spacing:.06em;
    color:var(--cream-dim);margin-bottom:6px;
  }
  .field input,.field select{
    width:100%;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;
    padding:11px 12px;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-size:18.5px;outline:none;
  }
  .field input:focus,.field select:focus{border-color:var(--rust);}
  .field-row{display:flex;gap:10px;}
  .field-row .field{flex:1;min-width:0;}
  .field.invalid label{color:var(--rust);}
  .field.invalid input,.field.invalid select{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust);animation:shake .35s ease;}

  .ship-option,.pay-option{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer;
  }
  .ship-option.selected,.pay-option.selected{border-color:var(--rust);background:rgba(255,46,154,.08);}
  .ship-radio{
    width:16px;height:16px;border-radius:50%;border:1.5px solid var(--cream-dim);flex-shrink:0;position:relative;
  }
  .ship-option.selected .ship-radio,.pay-option.selected .ship-radio{border-color:var(--rust);}
  .ship-option.selected .ship-radio::after,.pay-option.selected .ship-radio::after{
    content:'';position:absolute;inset:3px;border-radius:50%;background:var(--rust);
  }
  .ship-text{flex:1;}
  .ship-text .t{font-size:18px;font-weight:600;color:var(--cream);}
  .ship-text .s{font-size:16.5px;color:var(--cream-dim);}
  .ship-price{font-size:18px;color:var(--cream);flex-shrink:0;}

  .promo-row{display:flex;gap:8px;margin-bottom:16px;}
  .promo-row input{
    flex:1;min-width:0;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;
    padding:11px 12px;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-size:18.5px;outline:none;
  }
  .promo-row input:focus{border-color:var(--rust);}
  .promo-row input::placeholder{color:var(--cream-dim);opacity:.8;}
  .promo-row button{
    background:transparent;border:1px solid var(--cream-dim);color:var(--cream);
    border-radius:8px;padding:0 16px;font-family:'Space Grotesk',sans-serif;font-size:17.5px;cursor:pointer;
    flex-shrink:0;
  }
  .promo-row button:hover{border-color:var(--rust);color:var(--rust);}
  .promo-row button:disabled{opacity:.45;cursor:default;}
  .promo-row input:disabled{opacity:.6;}

  .promo-feedback{font-size:15px;margin:-10px 0 16px;min-height:0;}
  .promo-feedback:empty{margin:0;}
  .promo-feedback.ok{color:var(--neon-lime);}
  .promo-feedback.err{color:var(--rust);}
  .promo-feedback .promo-remove-link{color:inherit;text-decoration:underline;cursor:pointer;background:none;border:none;font:inherit;padding:0;margin-left:6px;}

  .price-line{display:flex;justify-content:space-between;font-size:18px;color:var(--cream-dim);padding:6px 0;}
  .price-line.total{color:var(--cream);font-weight:600;font-size:20px;border-top:1px solid var(--line);margin-top:6px;padding-top:12px;}
  .price-line.discount{color:var(--rust);}

  .trust-row{display:flex;flex-direction:column;gap:10px;}
  .trust-item{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--cream-dim);}
  .trust-item svg{width:18px;height:18px;stroke:var(--rust);fill:none;stroke-width:1.6;flex-shrink:0;}

  .pay-fields{padding-top:2px;}

  /* Cantidad + eliminar (checkout) */
  .qty-row{display:flex;align-items:center;gap:14px;margin-top:10px;}
  .qty-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
  .qty-stepper button{
    width:28px;height:26px;background:transparent;border:none;color:var(--cream);
    font-size:20px;cursor:pointer;font-family:'Space Grotesk',sans-serif;
  }
  .qty-stepper button:hover{background:var(--bg-panel);}
  .qty-stepper span{min-width:22px;text-align:center;font-size:18px;color:var(--cream);}
  .qty-remove-link{
    background:none;border:none;color:var(--rust);font-size:16.5px;
    text-decoration:underline;cursor:pointer;padding:0;font-family:'Space Grotesk',sans-serif;
  }

  /* Métodos de pago: 3 cajas */
  .pay-methods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;}
  .pay-box{
    border:1px solid var(--line);border-radius:10px;padding:14px 6px;text-align:center;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;gap:6px;
  }
  .pay-box.selected{border-color:var(--rust);background:rgba(255,46,154,.08);}
  .pay-box svg{width:22px;height:22px;stroke:var(--cream);fill:none;stroke-width:1.5;}
  .pay-box span{font-size:16px;color:var(--cream-dim);}
  .pay-box.selected span{color:var(--cream);}

  /* Checkbox legal */
  .legal-check{margin-top:16px;}
  .legal-check input{margin-top:3px;accent-color:var(--rust);width:16px;height:16px;flex-shrink:0;}
  .legal-check span{font-size:17px;color:var(--cream-dim);line-height:1.6;}
  .legal-check span a{color:var(--rust);}
  .legal-check.warn{animation:shake .35s ease;}
  .legal-check.warn span{color:var(--rust);}
  @keyframes shake{
    10%,90%{transform:translateX(-2px);} 20%,80%{transform:translateX(3px);}
    30%,50%,70%{transform:translateX(-5px);} 40%,60%{transform:translateX(5px);}
  }

  /* Carrito vacío */
  .empty-cart{text-align:center;padding:80px 30px;}
  .empty-cart-icon{
    width:56px;height:56px;border-radius:50%;background:var(--bg-panel);margin:0 auto 18px;
    display:flex;align-items:center;justify-content:center;
  }
  .empty-cart-icon svg{width:24px;height:24px;stroke:var(--cream-dim);fill:none;stroke-width:1.6;}
  .empty-cart h3{font-family:'Unbounded',sans-serif;font-size:20.5px;color:var(--cream);margin:0 0 8px;}
  .empty-cart p{font-size:18px;color:var(--cream-dim);line-height:1.6;margin:0 0 20px;}

  /* Modal Apple Pay (simulado) */
  .applepay-modal-backdrop{
    position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:50;
    display:flex;align-items:flex-end;justify-content:center;
    opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  .applepay-modal-backdrop.open{opacity:1;pointer-events:auto;}
  .applepay-modal{
    width:100%;max-width:390px;background:#111;border-radius:20px 20px 0 0;
    padding:28px 24px 24px;text-align:center;
    transform:translateY(100%);transition:transform .3s ease;
  }
  .applepay-modal-backdrop.open .applepay-modal{transform:translateY(0);}
  .ap-logo{
    display:flex;align-items:center;justify-content:center;gap:6px;
    font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21.5px;color:#fff;margin-bottom:18px;
  }
  .ap-logo svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.4;}
  .ap-merchant{font-size:17px;color:#999;margin-bottom:4px;}
  .ap-amount{font-family:'Unbounded',sans-serif;font-size:28.5px;color:#fff;margin-bottom:22px;}
  .ap-faceid{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;}
  .ap-faceid svg{width:34px;height:34px;stroke:#fff;fill:none;stroke-width:1.3;}
  .ap-faceid span{font-size:17.5px;color:#ccc;}
  .applepay-modal .btn-outline{border-color:#444;color:#fff;}
  .cta-price{
    font-family:'Unbounded',sans-serif;font-size:19px;color:var(--cream);
    margin-right:auto;white-space:nowrap;flex-shrink:0;
  }
  .sticky-cta .btn-accent{white-space:nowrap;flex-shrink:0;margin-left:0 !important;}

  /* ============ Sitio real: páginas independientes ============ */
  .page-wrap{max-width:980px;margin:0 auto;padding:48px 20px 100px;}
  .page-kicker{
    text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:16px;
    color:var(--rust);font-weight:600;margin-bottom:18px;
  }
  .back-link{
    display:inline-flex;align-items:center;gap:6px;color:var(--cream-dim);
    text-decoration:none;font-size:17.5px;margin-bottom:20px;
  }
  .back-link:hover{color:var(--cream);}

  /* Menú desplegable (drawer) — panel oscuro con la franja de colores en
     movimiento y acentos neón, a juego con el header. */
  .nav-drawer-backdrop{
    position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:10;
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .3s ease;
  }
  .nav-drawer-backdrop.open{opacity:1;pointer-events:auto;}
  .nav-drawer{
    position:absolute;top:0;left:0;bottom:0;width:82%;max-width:300px;z-index:11;
    background:linear-gradient(165deg,#1b1815,#0d0d0d 130%);
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:24px 0 60px -24px rgba(0,0,0,.65);
    transform:translateX(-100%);transition:transform .34s cubic-bezier(.16,1,.3,1);
    display:flex;flex-direction:column;padding:26px 22px;overflow-y:auto;overflow-x:hidden;
  }
  .nav-drawer::after{
    content:'';position:absolute;top:0;right:0;bottom:0;width:3px;
    background-image:linear-gradient(180deg,var(--rust),var(--neon-cyan) 45%,var(--neon-lime) 75%,var(--rust) 100%);
    background-size:100% 220%;background-position-y:0%;
    animation:navDrawerStripe 9s ease-in-out infinite;
  }
  @keyframes navDrawerStripe{
    0%{background-position-y:0%;}
    50%{background-position-y:100%;}
    100%{background-position-y:0%;}
  }
  @media (prefers-reduced-motion:reduce){
    .nav-drawer::after{animation:none;}
  }
  .nav-drawer.open{transform:translateX(0);}
  .nav-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;}
  .nav-drawer-logo{
    font-family:'Unbounded',sans-serif;font-weight:700;font-size:23px;
    background:linear-gradient(100deg,var(--rust),var(--neon-cyan));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f3ecdf;
    display:flex;align-items:center;gap:8px;
  }
  .nav-drawer-close{
    cursor:pointer;color:#f3ecdf;width:34px;height:34px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
    transition:background .2s ease,transform .25s ease;
  }
  .nav-drawer-close:hover{background:rgba(255,255,255,.13);transform:rotate(90deg);}
  .nav-drawer-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;}
  .nav-drawer-list{list-style:none;margin:0;padding:0;}
  .nav-drawer-list li{border-bottom:none;margin-bottom:2px;}
  .nav-drawer-list a{
    display:block;position:relative;padding:15px 14px 15px 28px;border-radius:14px;
    font-family:'Unbounded',sans-serif;font-size:19.5px;
    font-weight:600;color:#f3ecdf;text-decoration:none;
    transition:background .2s ease,padding-left .2s ease;
  }
  .nav-drawer-list a::before{
    content:'';position:absolute;left:8px;top:24px;
    width:7px;height:7px;border-radius:50%;background:var(--rust);
    box-shadow:0 0 10px 1px rgba(255,46,154,.7);
  }
  .nav-drawer-list li:nth-child(3n+2) a::before{background:var(--neon-cyan);box-shadow:0 0 10px 1px rgba(0,229,255,.7);}
  .nav-drawer-list li:nth-child(3n+3) a::before{background:var(--neon-lime);box-shadow:0 0 8px 1px rgba(214,255,59,.6);}
  .nav-drawer-list a:hover,.nav-drawer-list a:active{background:rgba(255,255,255,.07);padding-left:32px;}
  .nav-drawer-list a small{
    display:block;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:14.5px;
    color:rgba(243,236,223,.55);margin-top:3px;
  }
  .nav-drawer-foot{margin-top:auto;padding-top:20px;font-size:16px;color:rgba(243,236,223,.55);line-height:1.7;}

  /* About / historia / valores con fotos */
  .about-hero{position:relative;aspect-ratio:4/5;overflow:hidden;}
  @media (min-width:768px){
    .about-hero{aspect-ratio:auto;height:56vh;max-height:560px;min-height:360px;}
    .photo-duo img{aspect-ratio:16/9;}
  }
  .about-hero img{width:100%;height:100%;object-fit:cover;display:block;}
  .about-hero-copy{
    position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 20px;
    background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 60%);
  }
  .about-hero-copy .h-tag{font-size:16px;color:var(--cream-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
  .about-hero-copy h2{font-family:'Unbounded',sans-serif;font-size:26.5px;color:var(--cream);margin:0;line-height:1.1;}

  .photo-duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
  .photo-duo img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block;}

  .value-mini{border-bottom:1px solid var(--line);padding:18px 0;}
  .value-mini .value-tag{font-size:18.5px;margin-bottom:6px;}
  .value-mini .value-body{font-size:18.5px;}

  /* Artistas colaboradores */
  .artist-card{
    display:flex;gap:14px;border:1px solid var(--line);border-radius:14px;
    padding:16px;margin-bottom:14px;background:var(--bg-panel);
  }
  .artist-card img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;}
  .artist-card .n{font-family:'Unbounded',sans-serif;font-size:19px;color:var(--cream);margin-bottom:3px;}
  .artist-card .r{font-size:16px;color:var(--rust);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
  .artist-card .q{font-size:18px;color:var(--cream-dim);line-height:1.6;font-style:italic;}

  .revenue-steps{counter-reset:step;}
  .revenue-step{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);}
  .revenue-step:last-child{border-bottom:none;}
  .revenue-num{
    counter-increment:step;font-family:'Unbounded',sans-serif;font-weight:700;font-size:18px;
    color:var(--rust);width:28px;height:28px;border:1px solid var(--rust);border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .revenue-num::before{content:counter(step);}
  .revenue-text .t{font-size:18.5px;font-weight:600;color:var(--cream);margin-bottom:4px;}
  .revenue-text .s{font-size:18px;color:var(--cream-dim);line-height:1.6;}

  .cta-block{
    text-align:center;border:1px solid var(--line);border-radius:16px;
    padding:32px 22px;
    background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px),
      linear-gradient(135deg,var(--rust) 0%,#2a0f28 45%,#0d0d0d 100%);
    background-size:14px 14px,auto;
  }
  .cta-block h3{font-family:'Unbounded',sans-serif;font-size:22.5px;color:var(--cream);margin:0 0 10px;}
  .cta-block p{font-size:18.5px;color:var(--cream-dim);margin:0 0 18px;line-height:1.6;}

  /* Formulario de contacto */
  .contact-type{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .type-chip{
    font-size:17px;color:var(--cream-dim);border:1px solid var(--line);border-radius:999px;
    padding:8px 14px;cursor:pointer;
  }
  .type-chip.selected{background:var(--rust);border-color:var(--rust);color:#fff;}
  .field textarea{
    width:100%;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;
    padding:11px 12px;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-size:18.5px;
    outline:none;resize:vertical;min-height:100px;
  }
  .field textarea:focus{border-color:var(--rust);}
  .form-confirm{
    display:none;text-align:center;padding:40px 20px;
  }
  .form-confirm.show{display:block;}
  .form-confirm .check{
    width:52px;height:52px;border-radius:50%;background:var(--moss);margin:0 auto 16px;
    display:flex;align-items:center;justify-content:center;
  }
  .form-confirm .check svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;}
  .form-confirm h3{font-family:'Unbounded',sans-serif;font-size:20.5px;color:var(--cream);margin:0 0 8px;}
  .form-confirm p{font-size:18px;color:var(--cream-dim);line-height:1.6;}

  /* Página de éxito (post-compra) */
  .success-hero{text-align:center;padding:44px 24px 28px;}
  .success-check{
    width:64px;height:64px;border-radius:50%;background:var(--moss);margin:0 auto 18px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 8px rgba(92,106,79,.18);
  }
  .success-check svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .success-hero h2{font-family:'Unbounded',sans-serif;font-size:23.5px;color:var(--cream);margin:0 0 8px;}
  .order-code-box{
    background:var(--bg-panel);border:1px dashed var(--line);border-radius:12px;
    padding:16px;text-align:center;
  }
  .order-code-box .label{display:block;font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--cream-dim);margin-bottom:6px;}
  .order-code-box .code{font-family:'Unbounded',sans-serif;font-size:22.5px;font-weight:700;color:var(--rust);letter-spacing:.03em;}

  /* Envíos / FAQ */
  .ship-type-card{
    border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;background:var(--bg-panel);
  }
  .ship-type-card .badge2{
    display:inline-block;font-size:15px;text-transform:uppercase;letter-spacing:.06em;
    padding:4px 10px;border-radius:999px;margin-bottom:10px;
  }
  .ship-type-card.stock .badge2{background:rgba(92,106,79,.35);color:var(--cream);}
  .ship-type-card.order .badge2{background:rgba(255,46,154,.2);color:var(--rust);}
  .ship-type-card h4{font-family:'Unbounded',sans-serif;font-size:20px;color:var(--cream);margin:0 0 8px;}
  .ship-type-card p{font-size:18.5px;color:var(--cream-dim);line-height:1.65;margin:0;}

  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    padding:16px 0;cursor:pointer;font-size:18.5px;font-weight:600;color:var(--cream);
  }
  .faq-q .plus{font-size:21.5px;color:var(--rust);flex-shrink:0;transition:transform .25s ease;}
  .faq-item.open .faq-q .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .faq-a p{font-size:18px;color:var(--cream-dim);line-height:1.7;padding:0 0 16px;margin:0;}
  .faq-item.open .faq-a{max-height:240px;}

  /* Páginas legales */
  .legal-copy h4{
    font-family:'Unbounded',sans-serif;font-size:19px;color:var(--cream);
    margin:22px 0 8px;
  }
  .legal-copy h4:first-child{margin-top:0;}
  .legal-copy p{font-size:18.5px;line-height:1.75;color:var(--cream-dim);margin:0 0 4px;}
  .legal-copy a{color:var(--rust);}
  .legal-copy table{width:100%;border-collapse:collapse;margin:12px 0;font-size:17.5px;}
  .legal-copy table th,.legal-copy table td{
    text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);color:var(--cream-dim);
  }
  .legal-copy table th{color:var(--cream);font-weight:600;}
  .legal-note{
    margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:10px;
    font-size:17px;font-style:italic;color:var(--cream-dim);
  }

  /* Redes sociales reales */
  .soc-dot svg{width:16px;height:16px;stroke:var(--cream-dim);fill:none;stroke-width:1.6;}
  .soc-dot{text-decoration:none;}
  .soc-dot:hover{border-color:var(--rust);}
  .soc-dot:hover svg{stroke:var(--rust);}

  /* ============ Responsive: la web se comporta como un sitio real, ============ */
  /* ============ sin "carcasa" de móvil, en cualquier tamaño de pantalla ============ */
  body{background:var(--bg);}
  .page-wrap{max-width:none;margin:0;padding:0;}
  .page-kicker{display:none;}
  .mock-caption{display:none;}
  .device-frame{
    width:100%;height:100vh;height:100dvh;
    border:none;border-radius:0;box-shadow:none;margin:0;
  }
  .device-statusbar{display:none;}
  .nav-drawer{max-width:82%;}

  /* Pantallas anchas (tablet/escritorio): las barras (nav, header, footer, CTA
     flotante) siguen a ancho completo como en un sitio real, pero el texto y los
     formularios se centran a un ancho cómodo de lectura para que no queden líneas
     interminables en monitores grandes. */
  @media (min-width:900px){
    .nav-drawer{max-width:340px;}
    /* La página ya no va a bordo perdido en pantallas grandes: se limita a un
       ancho contenido (más ancho que la columna de lectura, pero sin llegar
       al 100% del viewport) y se centra, como el resto del sitio. Selector
       reforzado (.page-wrap .device-frame) para que gane siempre a la regla
       de ancho completo de arriba, sea cual sea el orden en la hoja. */
    .page-wrap .device-frame{
      width:auto;max-width:1440px;margin-left:auto;margin-right:auto;
    }
    /* Landing de producto: a diferencia del resto del sitio, va a ancho
       completo de verdad en pantallas grandes (sin el límite de 1440px de
       arriba) — el vídeo/hero de cada ficha ocupa todo el viewport, como en
       una landing premium real. El texto sigue centrado a ancho de lectura
       por la regla .mock-section de aquí abajo, que no depende de esta. */
    body.product-landing .page-wrap .device-frame{
      max-width:none;width:100%;
    }
    .mock-section,.co-summary,.empty-cart,.success-hero,.order-code-box{
      max-width:760px;margin-left:auto;margin-right:auto;
    }
    .sticky-cta{
      width:40%;min-width:360px;max-width:640px;margin-left:auto;margin-right:auto;
      box-sizing:border-box;
    }
    .footer-logo,.footer-cols,.footer-social,.footer-legal{
      max-width:760px;margin-left:auto;margin-right:auto;
    }
    .footer-cols{grid-template-columns:repeat(4,1fr);}
  }

  /* ============ Tema claro: contraste de los elementos "de marca" que se ============ */
  /* ============ mantienen en un color oscuro/acento a propósito (nav, footer, ============ */
  /* ============ CTA flotante, foto con degradado) ============ */
  body.site-light .site-nav .site-logo,
  body.site-light .site-header .site-logo{
    color:#fff;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 6px rgba(0,0,0,.35);
  }
  body.site-light .site-nav .nav-icons svg,
  body.site-light .site-header .nav-icons svg{
    stroke:#fff;filter:drop-shadow(0 0 1.5px #000) drop-shadow(0 1px 2px rgba(0,0,0,.4));
  }
  body.site-light .site-nav .burger span,
  body.site-light .site-header .burger span{background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.7);}
  body.site-light .header-inline-search svg{
    stroke:#fff;filter:drop-shadow(0 0 1.5px #000) drop-shadow(0 1px 2px rgba(0,0,0,.4));
  }
  body.site-light .search-pill svg{stroke:#f3ecdf;}
  body.site-light .header-inline-search input{
    color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);
  }
  body.site-light .search-pill input{color:#f3ecdf;}
  body.site-light .header-inline-search input::placeholder{color:rgba(255,255,255,.75);}
  body.site-light .search-pill input::placeholder{color:rgba(243,236,223,.65);}

  body.site-light .about-hero-copy .h-tag,
  body.site-light .about-hero-copy h2{color:#f3ecdf;}

  body.site-light .artist-teaser{
    border:1px solid var(--line);
    background-image:radial-gradient(rgba(21,19,15,.06) 1px,transparent 1.3px),var(--bg-panel);
    background-size:12px 12px,auto;
  }

  body.site-light .cta-block{
    background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px),
      linear-gradient(135deg,var(--rust) 0%,#2a0f28 45%,#0d0d0d 100%);
    background-size:14px 14px,auto;
  }
  body.site-light .cta-block h3,
  body.site-light .cta-block p{color:#f3ecdf;}
  body.site-light .cta-block .btn-outline{color:#f3ecdf;border-color:#c9c1b0;}

  body.site-light .site-footer{
    background-image:
      linear-gradient(90deg,var(--rust),var(--neon-cyan) 40%,var(--neon-lime) 65%,var(--rust) 100%),
      radial-gradient(circle at 15% 0%,rgba(255,46,154,.10),transparent 55%),
      radial-gradient(circle at 85% 100%,rgba(0,229,255,.08),transparent 55%),
      linear-gradient(180deg,#0d0d0d 0%,#1c1a15 55%);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-size:220% 3px,auto,auto,auto;
    background-position-x:0%,0%,0%,0%;background-position-y:top,top,top,top;
  }
  body.site-light .site-footer .footer-col a,
  body.site-light .site-footer .footer-legal{color:#f3ecdf;}
  body.site-light .site-footer .footer-col-h{color:#e2895f;}
  body.site-light .site-footer .soc-dot{border-color:#3a352c;background:rgba(243,236,223,.05);color:#f3ecdf;}
  body.site-light .site-footer .soc-dot svg{stroke:#f3ecdf;}
  body.site-light .site-footer .footer-cols,
  body.site-light .site-footer .footer-legal{border-color:rgba(243,236,223,.12);}

  body.site-light .sticky-cta .cta-price{color:#f3ecdf;}
  body.site-light .sticky-cta .cta-serial{color:#c9c1b0;}
  body.site-light .sticky-cta .cta-serial strong{color:#f3ecdf;}
  body.site-light .sticky-cta .size-chip{color:#c9c1b0;border-color:#3a352c;}
  body.site-light .sticky-cta .size-chip.selected{background:#f3ecdf;color:#15130f;border-color:#f3ecdf;}
  body.site-light .sticky-cta .cta-soldout-msg{color:#c9c1b0;}
  body.site-light .sticky-cta .cta-soldout-msg strong{color:#f3ecdf;}
  body.site-light .sticky-cta .btn-notify{border-color:#f3ecdf;color:#f3ecdf;}

  /* Badges de disponibilidad fuera de una foto (sobre la página blanca): versión
     de contraste alto en vez de la traslúcida clara pensada para ir sobre imagen */
  body.site-light .avail-badge-row .avail-badge.in-stock,
  body.site-light .spec-table .avail-badge.in-stock{
    background:rgba(190,224,10,.16);color:#5a6a10;border-color:rgba(190,224,10,.55);
  }
  body.site-light .avail-badge-row .avail-badge.made-to-order,
  body.site-light .spec-table .avail-badge.made-to-order{
    background:rgba(255,46,154,.1);color:#c21a72;border-color:rgba(255,46,154,.5);
  }
  body.site-light .avail-badge-row .avail-badge.sold-out,
  body.site-light .spec-table .avail-badge.sold-out,
  body.site-light .prod-img .avail-badge.sold-out{
    background:rgba(21,19,15,.08);color:#55524a;border-color:rgba(21,19,15,.25);
  }