/*
Theme Name: Barda
Theme URI: https://bardaclothing.com.ar/
Author: Larrondo
Author URI: https://api.whatsapp.com/send/?phone=5492262337259
Description: Tema minimalista para Barda Clothing, hecho para WooCommerce. Hero con video en mobile, carruseles, bolsa lateral, buscador en vivo, cuotas y precio con transferencia en cada producto, y descuento automático por transferencia en el checkout.
Version: 1.2.14
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
WC requires at least: 7.0
License: GPL-2.0-or-later
Text Domain: barda
*/

:root{
  --bg:#f4f3f1;--bg2:#e9e7e3;--ink:#121110;--muted:rgba(18,17,16,.62);--soft:rgba(18,17,16,.45);
  --line:rgba(18,17,16,.14);--accent:oklch(0.52 0.09 55);--accent-d:oklch(0.46 0.09 55);--accent-l:oklch(0.8 0.08 55);--cream:#f7f5f2;--err:oklch(0.5 0.14 32);
  /* íconos de los avisos y flecha de los select, dibujados con CSS mask para que tomen el color del texto */
  --ico-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.3'%3E%3Ccircle cx='8' cy='8' r='7.2'/%3E%3Cpath d='M4.9 8.2l2.1 2.1 4.2-4.5'/%3E%3C/svg%3E");
  --ico-err:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.3'%3E%3Ccircle cx='8' cy='8' r='7.2'/%3E%3Cpath d='M8 4.4v4.8'/%3E%3Ccircle cx='8' cy='11.4' r='.5' fill='black'/%3E%3C/svg%3E");
  --ico-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.3'%3E%3Ccircle cx='8' cy='8' r='7.2'/%3E%3Cpath d='M8 7v4.6'/%3E%3Ccircle cx='8' cy='4.7' r='.5' fill='black'/%3E%3C/svg%3E");
  --chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' fill='none' stroke='rgba(18,17,16,.6)' stroke-width='1.2'%3E%3Cpath d='M1 1l4.5 4.5L10 1'/%3E%3C/svg%3E");
  --serif:'DM Serif Display',Georgia,serif;--sans:'Archivo',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
  --pad:clamp(16px,3.4vw,44px);--ease:cubic-bezier(.16,1,.3,1);--io:cubic-bezier(.76,0,.24,1);--head:76px;
  /* grano del diseño (glass-noise.png) hecho en SVG para no sumar otro archivo */
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 .55 .45 0 0 0 .55 .45 0 0 0 .55 .45 0 0 0 0 .37'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;font-optical-sizing:auto;font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.002em;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:var(--ink);text-decoration:none;transition:color .3s,opacity .3s}
a:hover{color:var(--accent)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:var(--ink);color:var(--bg)}
.b-ico{width:20px;height:20px;flex:none}
.b-eyebrow{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.b-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,62px);line-height:.98;letter-spacing:-.02em}
.b-title-xl{font-size:clamp(36px,6vw,78px)}
.b-link{font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid rgba(18,17,16,.3);opacity:.78}
.b-link:hover{opacity:1;color:var(--ink);border-color:var(--ink)}
.b-btn,.button,button.button,a.button,input.button,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink)!important;color:var(--bg)!important;border:none!important;border-radius:0!important;padding:17px 28px!important;font-family:var(--sans)!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:.09em!important;text-transform:uppercase;line-height:1.2!important;transition:background .35s var(--ease)!important}
.b-btn:hover,.button:hover,button.button:hover,a.button:hover{background:var(--accent)!important;color:var(--bg)!important}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],textarea,select,.select2-container .select2-selection{background:var(--bg)!important;border:1px solid rgba(18,17,16,.22)!important;border-radius:0!important;padding:13px 14px!important;font-size:15px!important;min-height:48px;outline:none;width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--ink)!important}
@keyframes bfadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Títulos de sección: suben palabra por palabra */
.b-stitle{margin:0;display:flex;flex-wrap:wrap;gap:0 .34em;font-family:var(--sans);font-weight:400;font-size:clamp(17px,1.9vw,26px);line-height:1.05;letter-spacing:.16em;text-transform:uppercase}
[data-wr]>span{display:inline-block;overflow:hidden;vertical-align:top}
[data-wr]>span>span{display:inline-block;transform:translateY(105%)}
[data-wr][data-shown]>span>span{animation:bword .85s var(--ease) both}
@keyframes bword{from{transform:translateY(105%)}to{transform:translateY(0)}}
.b-slink{color:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(18,17,16,.28);opacity:.72;transition:border-color .35s,opacity .35s}
.b-slink:hover{opacity:1;color:inherit;border-bottom-color:var(--ink)}
.b-snote{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:6px}

/* Velo entre páginas: baja desde arriba con el logo, y en la página nueva se recoge hacia arriba */
.b-veil{position:fixed;inset:0;z-index:2000;background:var(--ink);pointer-events:none;transform-origin:top;transform:scaleY(0);display:flex;align-items:center;justify-content:center}
.is-arriving .b-veil{animation:bveilup .62s .1s var(--io) both}
body.is-leaving .b-veil{animation:bveildown .62s var(--io) both}
@keyframes bveilup{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes bveildown{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.b-veil-logo{position:relative;width:min(46vw,300px);overflow:hidden;opacity:0}
.b-veil-logo img{width:100%;height:auto;display:block}
.b-veil-shine{position:absolute;inset:0;pointer-events:none}
body.is-leaving .b-veil-logo{opacity:1;animation:bveillogo .9s var(--ease) both}
body.is-leaving .b-veil-shine{background-image:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 60%);background-repeat:no-repeat;background-size:260% 100%;mix-blend-mode:screen;animation:bveilshine 1.05s .25s cubic-bezier(.4,0,.2,1) both}
@keyframes bveillogo{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:scale(1.06)}55%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1;transform:scale(1)}}
@keyframes bveilshine{from{background-position:-160% 0}to{background-position:160% 0}}

/* Cursor */
.b-cursor{position:fixed;top:0;left:0;z-index:1900;width:10px;height:10px;border-radius:50%;background:var(--ink);pointer-events:none;transform:translate(-50%,-50%);transition:width .35s var(--ease),height .35s var(--ease),background .35s;display:none;align-items:center;justify-content:center;overflow:hidden}
.b-cursor span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f4f3f1;opacity:0;transition:opacity .25s;white-space:nowrap}
.b-cursor.is-big{width:62px;height:62px;background:var(--accent)}
.b-cursor.is-big span{opacity:1}
.b-cursor.is-mid{width:30px;height:30px;background:var(--accent)}
@media (hover:hover) and (pointer:fine){.b-cursor{display:flex}}

/* Anuncios: sale hacia arriba, entra el siguiente */
.b-announce{position:relative;z-index:60;height:44px;background:var(--ink);overflow:hidden}
.b-announce span{position:absolute;inset:0;padding:0 44px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:rgba(244,243,241,.9);opacity:0;transform:translateY(-8px);transition:opacity .5s ease,transform .5s var(--ease)}
.b-announce span.is-on{opacity:1;transform:none;transition-delay:.52s}
.b-announce i{width:3px;height:3px;border-radius:50%;background:oklch(0.72 0.1 55);flex:none}

/* Header */
.b-header{position:sticky;top:0;z-index:500;background:rgba(244,243,241,.86);color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,17,16,.1);box-shadow:0 0 0 rgba(18,17,16,0);transition:background .55s var(--ease),color .55s var(--ease),border-color .55s,box-shadow .55s}
.is-scrolled .b-header{background:rgba(18,17,16,.94);color:#f4f3f1;border-color:rgba(244,243,241,.16);box-shadow:0 14px 40px rgba(18,17,16,.28)}
.b-header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--head);padding:0 var(--pad);transition:height .55s var(--ease)}
.is-scrolled .b-header-in{height:62px}
.b-header-in a,.b-header-in button{color:inherit}
.b-header-in a:hover{color:inherit}
.b-nav{display:flex;gap:clamp(14px,2vw,28px);align-items:center;flex:1}
.b-nav a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:22px 0;border-bottom:1px solid transparent;transition:letter-spacing .45s var(--ease),border-color .35s}
.b-nav a:hover,.b-nav a.is-on{border-bottom-color:currentColor;letter-spacing:.2em}
.b-logo{flex:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 2px 6px}
.b-logo-word{display:flex;font-family:var(--sans);font-weight:400;font-size:clamp(20px,2.1vw,27px);letter-spacing:.3em;text-transform:uppercase;line-height:1;padding-left:.3em;overflow:hidden}
.b-logo-word span{display:inline-block;animation:blogoIn .95s var(--ease) both}
.b-logo-sub{font-family:var(--mono);font-size:8px;letter-spacing:.46em;padding-left:.46em;line-height:1.2;opacity:.62;animation:blogoSub 1s .5s var(--ease) both}
.b-logo-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transform:scaleX(0);animation:blogoLine 1.1s .55s var(--ease) both;transition:transform .5s var(--ease)}
.b-logo:hover .b-logo-line{animation:none;transform:scaleX(1)}
@keyframes blogoIn{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes blogoSub{from{opacity:0;letter-spacing:.9em}to{opacity:.62;letter-spacing:.46em}}
@keyframes blogoLine{0%{transform:scaleX(0)}55%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.b-tools{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;justify-content:flex-end;flex:1;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.b-tools a{display:flex;align-items:center;gap:8px}
.b-bag-count{min-width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:0;transition:background .55s,color .55s}
.is-scrolled .b-bag-count{background:#f4f3f1;color:var(--ink)}
@keyframes bpulse{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.b-burger{display:none;background:none;border:none;padding:8px 2px;flex-direction:column;gap:5px;align-items:flex-start}
.b-burger span{display:block;width:22px;height:1px;background:currentColor}
.b-hleft{align-items:center;gap:18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.b-show-sm{display:none!important}
.b-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden;pointer-events:none}
.b-progress i{display:block;width:0;height:100%;background:var(--accent)}

/* Buscador: panel de vidrio debajo del header */
.b-search{position:absolute;left:0;right:0;top:100%;z-index:75;display:none;overflow:hidden;color:var(--ink);border-bottom:1px solid rgba(18,17,16,.12);background:linear-gradient(158deg,rgba(248,247,245,.93) 0%,rgba(240,239,236,.96) 55%,rgba(248,247,245,.93) 100%);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 28px 64px rgba(18,17,16,.18),inset 0 1px 0 rgba(255,255,255,.7);transform-origin:top}
.is-search-open .b-search{display:block;animation:bglass .55s var(--ease) both}
.b-glass-noise{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.28;background-image:var(--noise),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(18,17,16,.05) 0 1px,transparent 1px 3px);background-size:200px 200px,auto,auto}
.b-search-sheen{position:absolute;top:0;left:-30%;width:70%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 100%);transform:skewX(-14deg);opacity:0}
.is-search-open .b-search-sheen{animation:bsheen 2.4s .25s cubic-bezier(.22,.61,.36,1) both}
@keyframes bglass{from{opacity:0;transform:translateY(-14px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes bsheen{0%{transform:translateX(0) skewX(-14deg);opacity:0}25%{opacity:1}100%{transform:translateX(230%) skewX(-14deg);opacity:0}}
.b-search-in{position:relative;max-width:820px;margin:0 auto;padding:clamp(24px,3vw,36px) var(--pad) clamp(24px,3.4vw,38px);display:flex;flex-direction:column;gap:18px}
.b-search-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(18,17,16,.22);padding-bottom:13px}
.b-search-row input{flex:1;min-width:0;width:auto;background:transparent!important;border:none!important;outline:none;padding:0!important;min-height:0;font-family:var(--sans);font-weight:500;font-size:clamp(21px,2.8vw,32px)!important;letter-spacing:-.015em;color:var(--ink)}
.b-search-row input::placeholder{color:rgba(18,17,16,.38)}
.b-search-row input::-webkit-search-cancel-button{display:none}
.b-pill{cursor:pointer;background:none;border:1px solid rgba(18,17,16,.24);border-radius:999px;padding:8px 15px;font-family:var(--sans);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(18,17,16,.7);transition:background .35s,color .35s,border-color .35s}
.b-pill:hover{background:var(--ink);color:#f4f3f1;border-color:var(--ink)}
.b-search-note{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(18,17,16,.5)}
.b-search-results{display:flex;flex-direction:column}
.b-sres{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:12px 10px;border-bottom:1px solid rgba(18,17,16,.1);color:var(--ink);transition:background .35s var(--ease)}
.b-sres:hover{background:rgba(18,17,16,.05);color:var(--ink)}
.b-sres-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e4e2de}
.b-sres-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.b-sres-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.b-sres-txt strong{font-weight:400;font-size:15.5px;line-height:1.3}
.b-sres-txt em{font-style:normal;font-size:12.5px;letter-spacing:.02em;color:rgba(18,17,16,.55)}
.b-sres-price{font-size:15.5px;font-weight:500}
.b-search-chips{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:4px}
.b-search-chips span{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(18,17,16,.5);margin-right:4px}
.b-search-chips button{cursor:pointer;background:rgba(18,17,16,.04);border:1px solid rgba(18,17,16,.2);border-radius:999px;padding:8px 15px;font-size:13.5px;color:var(--ink);transition:background .35s,color .35s,border-color .35s}
.b-search-chips button:hover{background:var(--ink);color:#f4f3f1;border-color:var(--ink)}
.b-search-all{align-self:flex-start;color:var(--ink);font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(18,17,16,.32)}
.b-search-all:hover{color:var(--ink)}

/* Mega menú: se abre al pasar por las categorías del menú */
.b-mega{position:absolute;left:0;right:0;top:100%;z-index:75;display:none;border-top:1px solid rgba(18,17,16,.1);background:rgba(244,243,241,.94);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:30px var(--pad) 38px;box-shadow:0 24px 50px rgba(18,17,16,.14);transform-origin:top}
.is-scrolled .b-mega{background:rgba(18,17,16,.94);color:#f4f3f1;border-top-color:rgba(244,243,241,.16)}
.b-mega.is-open{display:block;animation:bglass .45s var(--ease) both}
.b-mega-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px;max-width:1000px}
.b-mega-in>div{display:flex;flex-direction:column;gap:11px}
.b-mega-in span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.b-mega-in a,.b-mega-in a:hover{color:inherit;font-size:15px;letter-spacing:.01em}

/* Fondo detrás de paneles */
.b-scrim{position:fixed;inset:0;z-index:590;background:rgba(18,17,16,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}
.is-cart-open .b-scrim{opacity:1;visibility:visible}
.is-search-open .b-scrim{z-index:490;background:rgba(18,17,16,.42);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;visibility:visible;transition:opacity .45s ease}

/* Bolsa lateral */
.b-drawer{position:fixed;top:0;right:0;bottom:0;z-index:610;width:min(420px,100vw);background:var(--bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .62s var(--io),box-shadow .62s var(--io)}
.is-cart-open .b-drawer{transform:none;box-shadow:-20px 0 60px rgba(18,17,16,.18)}
.b-drawer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:calc(30px + env(safe-area-inset-top)) clamp(18px,3vw,28px) 20px;border-bottom:1px solid rgba(18,17,16,.14)}
.b-drawer-title{display:flex;flex-direction:column;gap:7px}
.b-drawer-count{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.55)}
.b-drawer-title strong{font-weight:400;font-size:19px;line-height:1.05;letter-spacing:.14em;text-transform:uppercase}
.b-x{cursor:pointer;background:none;border:1px solid rgba(18,17,16,.2);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;padding:0;color:var(--ink);transition:background .35s,color .35s}
.b-x:hover{background:var(--ink);color:#f4f3f1}
.b-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column}
.b-drawer-scroll{flex:1;overflow-y:auto;padding:clamp(16px,2.4vw,24px) clamp(18px,3vw,28px)}
.b-dempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:clamp(30px,8vh,64px) 4px 26px}
.b-dempty strong{font-weight:400;font-size:17px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}
.b-dempty p{margin:0;font-size:14.5px;line-height:1.65;color:rgba(18,17,16,.62);max-width:30ch}
.b-dempty .b-btn{align-self:stretch;padding:18px 28px!important}
.b-dperks{align-self:stretch;list-style:none;display:flex;flex-direction:column;gap:11px;margin:14px 0 0;padding:20px 0 0;border-top:1px solid rgba(18,17,16,.12);text-align:left}
.b-dperks li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(18,17,16,.68)}
.b-dperks svg{width:15px;height:15px;flex:none}
.b-dline{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(18,17,16,.1);animation:bcartin .55s var(--ease) both}
@keyframes bcartin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.b-dline-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg2)}
.b-dline-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.b-dline-info{display:flex;flex-direction:column;gap:7px}
.b-dline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.b-dline-top span{font-size:16px;line-height:1.3}
.b-dline-top button{background:none;border:none;padding:0;font-size:15px;line-height:1;color:rgba(18,17,16,.45);transition:color .3s}
.b-dline-top button:hover{color:var(--ink)}
.b-dline-size{font-size:13px;letter-spacing:.02em;color:rgba(18,17,16,.6)}
.b-dline-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}
.b-dline-bottom strong,.b-dline-bottom .amount{font-size:16px;font-weight:500;letter-spacing:-.01em}
.b-step{display:flex;align-items:center;border:1px solid rgba(18,17,16,.18)}
.b-step button{background:none;border:none;width:30px;height:30px;font-size:14px;line-height:1;padding:0;transition:background .3s,color .3s}
.b-step button:hover{background:var(--ink);color:#f4f3f1}
.b-step button:disabled{opacity:.3;pointer-events:none}
.b-step span{font-family:var(--mono);font-size:11px;min-width:24px;text-align:center}
.is-busy .b-dline{opacity:.55;pointer-events:none;transition:opacity .2s}
.b-recos{padding:22px 0 6px;display:flex;flex-direction:column;gap:14px}
.b-recos>span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.55)}
.b-recos-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.b-recos-row::-webkit-scrollbar{display:none}
.b-recos-row a{flex:none;width:112px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.3;color:rgba(18,17,16,.8)}
.b-recos-row strong,.b-recos-row .amount{font-weight:500;color:var(--ink)}
.b-reco-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg2)}
.b-reco-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:filter .9s var(--ease)}
.b-recos-row a:hover img{filter:brightness(1.06)}
.b-drawer-foot{border-top:1px solid rgba(18,17,16,.14);padding:clamp(16px,2.4vw,22px) clamp(18px,3vw,28px) calc(clamp(18px,2.6vw,26px) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:var(--bg)}
.b-dsub{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.b-dsub span{font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(18,17,16,.6)}
.b-dsub strong,.b-dsub .amount{font-size:21px;font-weight:500;letter-spacing:-.01em}
.b-dship{display:flex;flex-direction:column;gap:9px;padding-bottom:2px}
.b-dship>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;letter-spacing:.01em;color:rgba(18,17,16,.62)}
.b-dship b{font-size:12.5px;font-weight:500;color:var(--ink)}
.b-dship i{position:relative;display:block;height:3px;background:rgba(18,17,16,.12);overflow:hidden}
.b-dship em{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:width .9s var(--ease)}
.b-dship.is-ok b{color:oklch(0.52 0.09 145)}
.b-dship.is-ok em{background:oklch(0.52 0.09 145)}
.b-dpay{display:flex;flex-direction:column;gap:4px;padding-bottom:2px}
.b-dpay .b-cuotas,.b-dpay .b-transfer{font-size:14.5px}
.b-drawer-foot .b-btn{padding:19px!important}
.b-dnote{font-size:12.5px;letter-spacing:.01em;color:rgba(18,17,16,.55);text-align:center}

/* Menú mobile */
.b-mmenu{position:fixed;inset:0;z-index:620;background:var(--ink);color:#f4f3f1;display:none;flex-direction:column;overflow:hidden}
.is-menu-open .b-mmenu{display:flex;animation:bmenuin .58s var(--io) both}
@keyframes bmenuin{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}
.b-mmenu-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,rgba(244,243,241,.09) 0%,transparent 60%)}
.b-mmenu .b-glass-noise{opacity:.2}
.b-mmenu-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:calc(56px + env(safe-area-inset-top)) 20px 22px}
.b-mmenu-logo{position:relative;width:clamp(150px,44vw,190px);animation:bmenulogo 1.1s .1s var(--ease) both}
.b-mmenu-logo img{display:block;width:100%;height:auto;opacity:.95}
.b-mmenu-shine{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 60%);background-repeat:no-repeat;background-size:240% 100%;-webkit-mask:var(--mask) 0 0/100% 100% no-repeat;mask:var(--mask) 0 0/100% 100% no-repeat;animation:bfootshine 1.6s .55s cubic-bezier(.22,.61,.36,1) both}
@keyframes bmenulogo{from{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.b-mmenu-close{cursor:pointer;background:none;border:1px solid rgba(244,243,241,.24);border-radius:999px;padding:9px 16px;color:rgba(244,243,241,.8);font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;transition:background .35s,color .35s}
.b-mmenu-close:hover{background:#f4f3f1;color:var(--ink)}
.b-mmenu-body{position:relative;flex:1;overflow-y:auto;padding:22px 20px 36px;display:flex;flex-direction:column}
.b-mmenu-row{border-top:1px solid rgba(244,243,241,.12);animation:bmenurow .7s var(--ease) both}
.b-mmenu-row a{color:inherit;display:flex;align-items:baseline;gap:12px;padding:22px 0;transition:opacity .3s}
.b-mmenu-row a:hover{opacity:.62;color:inherit}
.b-mmenu-row span{font-family:var(--sans);font-weight:400;font-size:26px;line-height:1;letter-spacing:.12em;text-transform:uppercase;flex:1}
.b-mmenu-row i{font-style:normal;font-size:15px;color:rgba(244,243,241,.45)}
.b-mmenu-sub{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}
.b-mmenu-sub a{color:inherit;border:1px solid rgba(244,243,241,.22);padding:8px 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s}
.b-mmenu-sub a:hover{background:#f4f3f1;color:var(--ink)}
@keyframes bmenurow{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.b-mmenu-extra{border-top:1px solid rgba(244,243,241,.12);display:flex;flex-direction:column;gap:2px;padding-top:22px;margin-top:6px;animation:bmenurow .8s .52s var(--ease) both}
.b-mmenu-extra a{color:inherit;display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
.b-mmenu-extra a+a{border-top:1px solid rgba(244,243,241,.08)}
.b-mmenu-extra a:hover{color:inherit}
.b-mmenu-extra i{font-style:normal;color:rgba(244,243,241,.45)}
.b-mmenu-info{display:flex;flex-direction:column;gap:6px;padding-top:26px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,243,241,.45);animation:bmenurow .8s .62s var(--ease) both}
.b-mmenu-info a{color:rgba(244,243,241,.6);transition:color .3s}
.b-mmenu-info a:hover{color:#f4f3f1}

/* Hero: barrido de entrada, foto que se asienta, grano, viñeta y logo que se revela con brillo */
.b-hero{position:relative}
.b-hero-box{position:relative;overflow:hidden;background:#e9e7e3}
.b-hero-frame{position:relative;will-change:transform;animation:bwipe 1.5s var(--io) both}
.b-hero-d{display:block;width:100%;height:auto;animation:bhero 2.4s var(--ease) both;filter:contrast(1.04) saturate(.96)}
.b-hero-frame picture{display:block}
/* título para buscadores y lectores de pantalla; en el diseño el nombre es el logo del video */
.b-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.b-hero-m{display:none;width:100%;height:100%;object-fit:cover;object-position:center bottom;background:#000}
.b-hero-grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.2;background-image:var(--noise);background-size:180px 180px}
.b-hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 38%,rgba(18,17,16,.34) 100%)}
.b-hero-logo{position:absolute;left:50%;top:47%;width:58%;transform:translate(-50%,-50%);pointer-events:none}
.b-hero-logo img{display:block;width:100%;height:auto;animation:blogoreveal 1.9s 1s var(--io) both;filter:drop-shadow(0 2px 24px rgba(18,17,16,.35))}
.b-hero-shine{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 60%);background-repeat:no-repeat;background-size:240% 100%;-webkit-mask:var(--mask) 0 0/100% 100% no-repeat;mask:var(--mask) 0 0/100% 100% no-repeat;animation:bherologoshine 5.5s 2.6s cubic-bezier(.4,.1,.2,1) infinite}
@keyframes bwipe{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}
@keyframes bhero{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes blogoreveal{0%{clip-path:inset(0 100% 0 0);opacity:0;filter:blur(6px)}22%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1;filter:blur(0)}}
@keyframes bherologoshine{0%{background-position:-140% 0;opacity:0}8%{opacity:1}46%{opacity:1}60%{background-position:150% 0;opacity:0}100%{background-position:150% 0;opacity:0}}
.b-benefits{position:relative;z-index:2;color:#f4f3f1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid rgba(244,243,241,.16);background:var(--ink);animation:bfadeup 1s .5s var(--ease) both}
.b-benefit{padding:clamp(16px,1.8vw,22px) clamp(14px,1.6vw,22px);display:flex;flex-direction:column;gap:11px;border-left:1px solid rgba(244,243,241,.16);transition:background .45s}
.b-benefit:hover{background:rgba(244,243,241,.05)}
.b-benefit svg{width:22px;height:22px;flex:none}
.b-benefit-text{display:flex;flex-direction:column;gap:7px}
.b-benefit-text>span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.b-benefit-text>span:last-child{font-size:13.5px;line-height:1.5;color:rgba(244,243,241,.78)}
.b-bshort{display:none}

/* Secciones */
.b-sec{padding:clamp(60px,9vw,120px) var(--pad) 0}
.b-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:26px;flex-wrap:wrap;border-bottom:1px solid rgba(18,17,16,.16);padding-bottom:18px;margin-bottom:clamp(22px,3vw,38px)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}

/* Tarjeta */
.b-card{display:flex;flex-direction:column;gap:13px;color:var(--ink)}
.b-card:hover{color:var(--ink)}
.b-card-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--bg2)}
.b-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform-origin:center top;transition:transform 1.2s var(--ease),filter 1.1s var(--ease)}
.b-card:hover .b-card-img img{transform:scale(1.05)}
.b-card-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(18,17,16,.28),rgba(18,17,16,0) 46%);opacity:0;transition:opacity .9s var(--ease)}
.b-rail-item .b-card:hover .b-card-img::after{opacity:1}
.b-badge{position:absolute;z-index:1;top:12px;left:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;background:rgba(18,17,16,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f4f3f1;padding:6px 10px;pointer-events:none}
.b-card-info{display:flex;flex-direction:column;gap:5px}
.b-card-name{font-size:16px;line-height:1.3}
.b-card-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.b-card-price,.b-card-price>.amount{font-size:17px;font-weight:500;letter-spacing:-.005em}
.b-card-price del,.b-card-price del .amount{font-size:14px;font-weight:400;color:rgba(18,17,16,.45)}
.b-badge.is-sale{background:var(--accent-d);backdrop-filter:none;-webkit-backdrop-filter:none;font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.06em}
.b-card.is-sale:hover .b-card-img img{transform:none;filter:brightness(1.05)}
.b-card.is-sale .b-card-sizes{font-size:13.5px;letter-spacing:0;color:rgba(18,17,16,.55);margin-top:0}
.b-cuotas{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--accent-d)}
.b-transfer{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;color:rgba(18,17,16,.72)}
.b-card-sizes{font-size:13px;letter-spacing:.04em;color:rgba(18,17,16,.6);margin-top:4px}

/* Lo nuevo */
.b-rail{position:relative}
.b-rail-arrow,.b-look-arrow{position:absolute;z-index:5;cursor:pointer;border-radius:50%;background:rgba(244,243,241,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:18px;font-weight:300;line-height:1;padding:0 0 2px;color:var(--ink);transition:background .35s,color .35s,border-color .35s}
.b-rail-arrow{top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(18,17,16,.18)}
.b-rail-arrow:hover,.b-look-arrow:hover{background:var(--ink);color:#f4f3f1;border-color:var(--ink)}
.b-rail-arrow.is-prev{left:-8px}.b-rail-arrow.is-next{right:-8px}
.b-rail-track{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.b-rail-track::-webkit-scrollbar{display:none}
.b-rail-item{flex:none;width:clamp(260px,29vw,400px);transition:transform 1s var(--ease)}
.b-rail-item:hover{transform:translateY(-7px)}
.b-rail-item .b-card:hover .b-card-img img{transform:none;filter:brightness(1.05) contrast(1.03) saturate(1.03)}

/* Categorías: cinta que se mueve sola, frena al pasar el mouse; más chicas a los costados */
.b-cats{overflow:hidden;padding:6px 0 10px}
.b-cats-track{display:flex;width:max-content;animation:bmarquee 190s linear infinite;will-change:transform}
.b-cats-track:hover{animation-play-state:paused}
.b-cats-group{display:flex;width:max-content;flex:none;gap:clamp(14px,1.8vw,26px);padding-right:clamp(14px,1.8vw,26px);align-items:flex-start}
@keyframes bmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.b-cat{flex:none;width:clamp(200px,22vw,290px);display:block;transform-origin:center center;will-change:transform;color:#f7f5f2}
.b-cat:hover{color:#f7f5f2}
.b-cat-in{position:relative;display:block;aspect-ratio:5/8;overflow:hidden;background:#3f3c39}
.b-cat-img{position:absolute;inset:0;transition:transform 1.4s var(--ease)}
.b-cat-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.b-cat:hover .b-cat-img{transform:scale(1.05)}
.b-cat-in::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(18,17,16,.92) 0%,rgba(18,17,16,.42) 46%,rgba(18,17,16,.06) 100%)}
.b-cat-n{position:absolute;z-index:1;top:14px;left:15px;font-size:11.5px;letter-spacing:.14em;color:rgba(247,245,242,.75);pointer-events:none}
.b-cat-txt{position:absolute;z-index:1;left:15px;right:15px;bottom:15px;display:flex;flex-direction:column;gap:5px;pointer-events:none}
.b-cat-txt strong{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.1vw,27px);line-height:1.02;letter-spacing:-.01em;color:#f7f5f2;text-shadow:0 2px 18px rgba(18,17,16,.55)}
.b-cat-txt small{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(247,245,242,.72)}

/* Looks */
.b-looks-wrap{position:relative}
.b-look-arrow{display:none;top:38%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(18,17,16,.16)}
.b-look-arrow.is-prev{left:-6px}.b-look-arrow.is-next{right:-6px}
.b-looks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(14px,2vw,28px)}
.b-look{display:flex;flex-direction:column;gap:14px}
.b-look-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#3f3c39;color:#f7f5f2}
.b-look-img:hover{color:#f7f5f2}
.b-look-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 1.5s var(--ease)}
.b-look-img:hover img{transform:scale(1.05)}
.b-look-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(18,17,16,.88) 0%,rgba(18,17,16,.3) 52%,rgba(18,17,16,.04) 100%)}
.b-look-n{position:absolute;z-index:1;top:14px;left:15px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,242,.78);pointer-events:none}
.b-look-title{position:absolute;z-index:1;left:15px;right:15px;bottom:15px;font-family:var(--serif);font-weight:400;font-size:clamp(23px,2.4vw,32px);line-height:1.04;letter-spacing:-.01em;color:#f7f5f2;text-shadow:0 2px 18px rgba(18,17,16,.55);pointer-events:none}
.b-look-list{display:flex;flex-direction:column}
.b-look-list>a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(18,17,16,.1)}
.b-look-list>a:hover{color:inherit}
.b-look-list>a>span:first-child{font-size:15px;color:rgba(18,17,16,.84)}
.b-look-list>a>span:last-child{font-size:14.5px;color:rgba(18,17,16,.6);white-space:nowrap}
.b-look-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.b-look-total>span{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(18,17,16,.55)}
.b-look-total>strong{font-size:16.5px;font-weight:500}

/* Elegidos */
.b-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,30px) clamp(12px,1.6vw,22px)}
.b-swipe{display:none;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.b-swipe i{font-style:normal;display:inline-block;animation:bnudge 1.6s ease-in-out infinite}
@keyframes bnudge{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(5px);opacity:1}}

/* Clientas */
.b-ugc{overflow:hidden;padding:4px 0 8px}
.b-ugc-track{display:flex;width:max-content;animation:bmarquee 170s linear infinite;will-change:transform}
.b-ugc-track:hover{animation-play-state:paused}
.b-ugc-group{display:flex;width:max-content;flex:none;gap:clamp(18px,2.4vw,34px);padding-right:clamp(18px,2.4vw,34px);align-items:flex-start}
.b-ugc-item{flex:none;width:clamp(240px,26vw,330px);margin:0;display:flex;flex-direction:column;gap:15px}
.b-ugc-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.b-ugc-item.is-sq .b-ugc-img{aspect-ratio:1/1}
.b-ugc-img span{position:absolute;inset:0;background-size:cover;background-position:center 18%;transition:transform 1.6s var(--ease)}
.b-ugc-item:hover .b-ugc-img span{transform:scale(1.05)}
.b-ugc-item figcaption{display:flex;flex-direction:column;gap:15px}
.b-ugc-item figcaption p{margin:0;font-family:var(--sans);font-weight:500;font-size:clamp(17px,1.7vw,21px);line-height:1.35;letter-spacing:-.005em;text-wrap:pretty}
.b-ugc-item figcaption span{padding-top:12px;border-top:1px solid rgba(18,17,16,.14);font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(18,17,16,.58)}

/* Woo: listados */
.b-woo{padding:0 var(--pad)}
body:not(.home) .b-main{animation:bfadeup .7s var(--ease) both}
/* el pie siempre al fondo, también en páginas cortas (Sale vacía, error 404): antes quedaba una franja crema abajo */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.b-main{flex:1 0 auto}
.b-mono,.b-crumb{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.b-crumb a{color:inherit}
.b-crumb a:hover{color:var(--ink)}
.b-shop-head{padding:clamp(28px,4vw,54px) 0 0}
.b-shop-title,.b-page.is-woo .b-page-head .b-title{margin:14px 0 0;font-family:var(--sans);font-weight:400;font-size:clamp(26px,3.4vw,44px);line-height:1.05;letter-spacing:.14em;text-transform:uppercase}
.b-shop-lede{margin:14px 0 0;font-size:15.5px;line-height:1.65;max-width:46ch;color:rgba(18,17,16,.7)}
.b-sizebar{position:sticky;top:64px;z-index:50;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:clamp(22px,3vw,36px) calc(var(--pad)*-1) 0;padding:14px var(--pad);background:rgba(244,243,241,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,17,16,.12)}
.b-chips{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.b-chips .b-mono{font-size:10px;letter-spacing:.15em}
.b-chip{border:1px solid rgba(18,17,16,.22);padding:8px 15px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:background .3s,color .3s}
.b-chip:hover{color:var(--ink)}
.b-chip.is-on{background:var(--ink);color:#f4f3f1}
.b-sorts{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.b-sort{padding:5px 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent;color:rgba(18,17,16,.63)}
.b-sort:hover,.b-sort.is-on{color:var(--ink)}
.b-sort.is-on{border-bottom-color:var(--ink)}
.b-autogrid,.b-woo ul.products{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(16px,2vw,32px) clamp(12px,1.6vw,22px)}
.b-woo ul.products{margin-top:clamp(24px,3.4vw,40px)}
.b-woo ul.products::before,.b-woo ul.products::after{display:none!important}
.b-woo ul.products li.b-li{width:auto!important;margin:0!important;float:none!important}
.woocommerce-pagination{margin-top:44px;text-align:center}
.woocommerce-pagination ul{display:inline-flex;gap:6px;list-style:none;padding:0;margin:0;border:none!important}
.woocommerce-pagination li{border:none!important}
.woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line)}
.woocommerce-pagination .current{background:var(--ink);color:var(--bg)}
.b-empty,.woocommerce-info{color:var(--muted)}

/* Woo: ficha (armada en woocommerce/content-single-product.php) */
.b-woo.is-product{padding-bottom:120px}
.b-crumb-row{padding:clamp(20px,3vw,34px) 0 0}
.b-prod-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,3.4vw,58px);padding-top:clamp(18px,2.4vw,28px);align-items:start}
.b-shots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,12px)}
.b-shot{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg2);animation:bshotin 1s var(--ease) both}
.b-shot:first-child{grid-column:span 2}
.b-shot:nth-child(2){animation-delay:.1s}
.b-shot:nth-child(3){animation-delay:.18s}
.b-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--ease)}
.b-shot:hover img{transform:scale(1.04)}
@keyframes bshotin{from{opacity:0;transform:translateY(26px) scale(1.02);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
.b-prod-info{position:sticky;top:88px;display:flex;flex-direction:column;gap:22px}
.b-prod-info>*{animation:bfadeup .8s var(--ease) both}
.b-prod-info>*:nth-child(1){animation-delay:.08s}
.b-prod-info>*:nth-child(2){animation-delay:.16s}
.b-prod-info>*:nth-child(3){animation-delay:.24s}
.b-prod-info>*:nth-child(4){animation-delay:.32s}
.b-prod-info>*:nth-child(5){animation-delay:.4s}
.b-prod-head{display:flex;flex-direction:column;gap:9px}
.b-prod-head .b-mono{font-size:10px}
.b-prod-title{margin:0;font-family:var(--sans);font-weight:500;font-size:clamp(30px,3.8vw,50px);line-height:1;letter-spacing:-.02em}
.b-prod-price{display:flex;flex-direction:column;gap:7px;border-top:1px solid rgba(18,17,16,.14);border-bottom:1px solid rgba(18,17,16,.14);padding:18px 0}
.b-prod-amount{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:26px;font-weight:500;letter-spacing:-.01em}
.b-prod-amount del{font-size:17px;font-weight:400;color:rgba(18,17,16,.45)}
.b-prod-price .b-cuotas,.b-prod-price .b-transfer{font-size:14.5px}
.b-prod-buy form.cart{display:flex;flex-direction:column;gap:22px;margin:0}
.b-prod-buy .variations{border:none;margin:0;width:100%;border-collapse:collapse}
.b-prod-buy .variations tbody,.b-prod-buy .variations tr{display:flex;flex-direction:column;gap:11px}
.b-prod-buy .variations th,.b-prod-buy .variations td{display:flex;padding:0;text-align:left;border:none;background:none}
/* WooCommerce pone el encabezado en block con una regla más específica: sin el !important el detalle del talle quedaba pegado a "Talle" */
.b-prod-buy .variations th{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}
.b-prod-buy .variations th label,.b-size-hint{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.b-size-hint{letter-spacing:.12em;text-transform:none}
.b-size-hint.is-color{flex:1;margin-left:-5px}
.b-size-hint.is-color:empty{display:none}
.b-size-hint.is-color::before{content:'·';margin-right:7px}
.reset_variations{display:none!important}
.b-sizes{display:flex;gap:2px 6px;flex-wrap:wrap}
/* Talles: pestañas tipográficas sobre una línea fina; la elegida se subraya en tinta, creciendo desde el centro */
.b-size{position:relative;min-width:44px;min-height:44px;border:0;border-bottom:1px solid rgba(18,17,16,.2);background:transparent;color:var(--ink);padding:10px 9px 9px;display:flex;align-items:center;justify-content:center;transition:color .3s,border-color .3s}
.b-size::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .45s var(--ease)}
.b-size strong{font-family:var(--sans);font-weight:400;font-size:15.5px;line-height:1;letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums}
.b-size small{display:none}
.b-size:hover{border-bottom-color:rgba(18,17,16,.55)}
.b-size:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
.b-size.is-on::after{transform:scaleX(1)}
.b-size.is-on strong{font-weight:500}
/* última unidad: un punto de acento junto al número; el detalle lo dice la línea de arriba al elegirlo */
.b-size.is-low strong::after{content:'';display:inline-block;width:4px;height:4px;margin:0 0 7px 3px;border-radius:50%;background:var(--accent);vertical-align:middle}
/* sin stock (o sin stock en el color elegido): cruz de esquina a esquina con el número encima, así se lee qué talle falta */
.b-size.is-out{color:rgba(18,17,16,.42);border-bottom-color:rgba(18,17,16,.1);cursor:not-allowed;background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(18,17,16,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(18,17,16,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}
.b-size.is-out strong{position:relative;padding:1px 3px;background:var(--bg)}
.b-size.is-na:not(.is-on){opacity:.4}
/* Colores: círculos; un aro separado marca el elegido y un filete interno hace que blanco y crudo no se pierdan en el fondo */
.b-size.is-sw{width:40px;min-width:0;height:40px;min-height:0;padding:0;border:0;border-radius:50%;background:none}
.b-size.is-sw::after{display:none}
.b-size.is-sw i{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(18,17,16,.14);transition:box-shadow .35s var(--ease)}
.b-size.is-sw:hover i{box-shadow:inset 0 0 0 1px rgba(18,17,16,.14),0 0 0 3px var(--bg),0 0 0 4px rgba(18,17,16,.28)}
.b-size.is-sw.is-on i{box-shadow:inset 0 0 0 1px rgba(18,17,16,.14),0 0 0 3px var(--bg),0 0 0 4px var(--ink)}
.b-size.is-sw:focus-visible{outline:none}
.b-size.is-sw:focus-visible i{box-shadow:inset 0 0 0 1px rgba(18,17,16,.14),0 0 0 3px var(--bg),0 0 0 4px var(--accent)}
.b-size.is-sw.is-out{background:none}
.b-size.is-sw.is-out i{opacity:.4}
.b-size.is-sw.is-out::before{content:'';position:absolute;left:50%;top:50%;width:32px;height:1px;background:rgba(18,17,16,.6);transform:translate(-50%,-50%) rotate(-45deg)}
/* El plugin Variation Swatches dibuja sus propios botones: en la ficha mandan los del tema. */
.b-prod-buy ul.variable-items-wrapper,.b-prod-buy table.variations th.label .woo-selected-variation-item-name{display:none}
.b-sizes.is-nudge{animation:bnudgex .5s var(--ease)}
.b-add-err{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:var(--err)}
@keyframes bnudgex{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.single_variation_wrap{display:flex;flex-direction:column;gap:11px}
.single_variation_wrap .woocommerce-variation-price,.single_variation_wrap .woocommerce-variation-description,.single_variation_wrap .woocommerce-variation-availability{display:none}
.woocommerce-variation-availability{font-size:14px;color:var(--muted)}
.woocommerce-variation-availability p,.b-prod-buy p.stock{margin:0}
.b-prod-buy .quantity{display:none!important}
.b-prod-buy .woocommerce-variation-add-to-cart,.b-prod-buy form.cart:not(.variations_form){display:flex;flex-direction:column;gap:11px}
.b-prod-buy .single_add_to_cart_button{width:100%;padding:20px!important;font-family:var(--mono)!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:.16em!important;transition:background .35s!important}
.b-prod-buy .single_add_to_cart_button.disabled{opacity:1!important;cursor:pointer!important}
.single_add_to_cart_button.is-loading{opacity:.6!important;pointer-events:none}
.b-prod-notes{display:flex;flex-direction:column;gap:11px;text-align:center;margin-top:-11px}
.b-prod-notes .b-mono{font-size:10px;letter-spacing:.14em;color:rgba(18,17,16,.63)}
.b-prod-notes a{font-size:13.5px;color:rgba(18,17,16,.66);text-decoration:underline;text-underline-offset:3px}
.b-prod-extra:empty{display:none}
/* Los fragmentos "cuotas sin interés" y "precio transferencia" repiten lo que la ficha ya muestra bajo el precio. */
.b-prod-extra>.cuotas-sin-interes,.b-prod-extra>.transfer-price-single{display:none}
.b-acc{display:flex;flex-direction:column}
.b-acc details{border-top:1px solid rgba(18,17,16,.12)}
.b-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;cursor:pointer;font-size:14.5px;letter-spacing:.01em}
.b-acc summary::-webkit-details-marker{display:none}
.b-acc summary i{font-style:normal;font-size:15px;color:rgba(18,17,16,.45);transition:transform .4s var(--ease)}
.b-acc details[open] summary i{transform:rotate(45deg)}
.b-acc-body{padding:0 0 18px;font-size:15px;line-height:1.55;color:rgba(18,17,16,.76);animation:bfadeup .45s var(--ease) both}
.b-acc-body p{margin:0 0 8px}
.b-acc-body p:last-child{margin:0}
.b-cp{display:flex;gap:8px;flex-wrap:wrap}
.b-cp input,.b-cform input,.b-cform textarea{flex:1;min-width:0;background:var(--bg);border:1px solid rgba(18,17,16,.2);border-radius:0;padding:12px 13px;font-size:15px;outline:none}
.b-cp input:focus,.b-cform input:focus,.b-cform textarea:focus{border-color:var(--ink)}
.b-cp button{background:var(--ink);color:#f4f3f1;border:none;padding:12px 18px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background .35s}
.b-cp button:hover{background:var(--accent)}
.b-cp.is-busy button{opacity:.6;pointer-events:none}
.b-cp-out{display:flex;flex-direction:column;gap:5px}
.b-cp-out:not(:empty){margin-top:11px;animation:bfadeup .5s var(--ease) both}
.b-cp-out span{font-size:15px}
.b-cp-out small{font-size:14px;color:rgba(18,17,16,.7)}
.b-woo .b-related{padding:clamp(56px,8vw,104px) 0 0}
.b-related-head{border-bottom:1px solid rgba(18,17,16,.14);padding-bottom:16px;margin-bottom:clamp(20px,3vw,32px)}
/* "Combinalo con" trae cinco prendas: en pantalla ancha llenan la fila justa, sin hueco al final */
@media (min-width:1100px){.b-related .b-autogrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.b-buybar{display:none}

/* Páginas: el encabezado de las internas del diseño */
.b-page{padding:clamp(30px,4.5vw,60px) var(--pad) 0}
.b-page-head{margin-bottom:clamp(26px,3.4vw,44px)}
.b-page-head .b-eyebrow{color:rgba(18,17,16,.5)}
.b-eyebrow.is-accent{color:var(--accent-d)!important}
.b-page-head .b-title{margin-top:12px;font-size:clamp(34px,6vw,74px);line-height:.96;letter-spacing:-.025em}
.b-lede,.b-page-body>p:first-child{margin:14px 0 0;font-size:15.5px;line-height:1.6;max-width:52ch;color:rgba(18,17,16,.66);text-wrap:pretty}
.b-page-body>p:first-child{margin:calc(14px - clamp(26px,3.4vw,44px)) 0 clamp(26px,3.4vw,44px)}
.b-page-body{font-size:16px}
.b-page-body h2,.b-page-body h3{font-family:var(--serif);font-weight:400}
.b-page.is-woo .b-page-body :is(h2,h3){font-family:var(--sans)}
.b-page-preguntas-frecuentes .b-page-body{max-width:820px}
.b-page-body .wp-block-details{border-top:1px solid rgba(18,17,16,.13);margin:0;padding:0}
.b-page-body .wp-block-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;font-size:17px;line-height:1.35}
.b-page-body .wp-block-details summary::-webkit-details-marker{display:none}
.b-page-body .wp-block-details summary::after{content:"+";font-size:17px;color:rgba(18,17,16,.45);transition:transform .4s var(--ease)}
.b-page-body .wp-block-details[open] summary::after{transform:rotate(45deg)}
.b-page-body .wp-block-details>:not(summary){margin:0;padding:0 0 22px;font-size:15.5px;line-height:1.6;color:rgba(18,17,16,.72);max-width:62ch;animation:bfadeup .45s var(--ease) both}
.b-page-seguir-mi-pedido .b-page-body{max-width:760px}
.track_order{display:flex;flex-wrap:wrap;gap:8px;max-width:760px}
.track_order>p:first-child,.track_order .clear{display:none}
.track_order .form-row{flex:1;min-width:180px;margin:0!important}
.track_order .form-row:last-of-type{flex:none}
.track_order label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.track_order input.input-text{width:100%;padding:15px!important}
.track_order .button{padding:15px 26px!important}
.b-envios{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:rgba(18,17,16,.14);border:1px solid rgba(18,17,16,.14)}
.b-envios>div{background:var(--bg);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:10px}
.b-envios strong{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.2vw,27px);line-height:1.05}
.b-envios span{font-size:15px;line-height:1.55;color:rgba(18,17,16,.7)}
.b-envios b{font-size:15px;font-weight:500;margin-top:4px}
.b-calc{margin-top:clamp(28px,3.4vw,44px);border:1px solid rgba(18,17,16,.16);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:14px;max-width:640px}
.b-calc .b-eyebrow{color:rgba(18,17,16,.55)}
.b-calc .b-cp input{min-width:150px;padding:14px}
.b-calc .b-cp button{padding:14px 22px;font-size:13.5px;letter-spacing:.08em}
.b-calc .b-cp-out{margin-top:0}
.b-calc .b-cp-out span{font-size:15.5px}
.b-calc .b-cp-out small{font-size:14.5px}

/* Woo: carrito, checkout, cuenta */
table.shop_table{border:none!important;border-collapse:collapse!important;width:100%}
table.shop_table th{font-size:12.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);border:none!important;border-bottom:1px solid var(--line)!important;padding:12px 8px!important}
table.shop_table td{border:none!important;border-bottom:1px solid var(--line)!important;padding:16px 8px!important}
table.shop_table img{width:72px!important;height:96px;object-fit:cover;object-position:top}
.cart-collaterals .cart_totals{width:100%!important;max-width:460px;margin-left:auto;background:var(--bg2);padding:24px}
.woocommerce-checkout .col2-set{width:auto!important;float:none!important}
form.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3.4vw,56px);align-items:start}
form.woocommerce-checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
form.woocommerce-checkout .col2-set .col-1,form.woocommerce-checkout .col2-set .col-2{width:100%!important;float:none!important}
.b-ck-main{display:flex;flex-direction:column;gap:clamp(32px,3.6vw,44px);min-width:0}
#order_review_heading{display:none}
#order_review{position:sticky;top:96px;background:#efeeec;padding:clamp(18px,2vw,24px);border:1px solid rgba(18,17,16,.16)}
#order_review::before{content:"Tu pedido";display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.55);margin-bottom:16px}
.woocommerce-checkout h3{font-family:var(--sans);font-weight:400;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.5);margin:0 0 14px}
.woocommerce-billing-fields>h3{font-size:0}
.woocommerce-billing-fields>h3::before{content:"01 · Tus datos";font-size:12.5px}
.woocommerce-checkout-review-order-table td.product-name{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
.b-ck-thumb{width:56px!important;height:75px!important;object-fit:cover;object-position:top;flex:none;background:#e4e2de}
.woocommerce-checkout-review-order-table thead{display:none}
.woocommerce-checkout-review-order-table tfoot th{text-align:left;font-weight:400;color:rgba(18,17,16,.72);text-transform:none;letter-spacing:0;font-size:14.5px}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{border-bottom:none!important;font-size:14.5px;color:var(--ink)}
.woocommerce-checkout-review-order-table .order-total .amount{font-size:23px;font-weight:500;letter-spacing:-.01em}
/* Envío y pago comparten la fila de opción: lista con una raya entre opciones, círculo a la izquierda y borde tinta en la elegida */
#shipping_method,#payment ul.payment_methods{list-style:none;margin:0!important;padding:0!important;border:1px solid rgba(18,17,16,.2)!important;border-radius:0}
:is(#shipping_method,#payment ul.payment_methods)>li{position:relative;list-style:none;margin:0!important;padding:0!important;border-top:1px solid rgba(18,17,16,.12);outline:1px solid transparent;outline-offset:-1px;transition:background .35s var(--ease),outline-color .35s var(--ease)}
:is(#shipping_method,#payment ul.payment_methods)>li:first-child{border-top:0}
:is(#shipping_method,#payment ul.payment_methods)>li:has(>input:checked){z-index:1;background:var(--cream);outline-color:var(--ink)}
@media (hover:hover){:is(#shipping_method,#payment ul.payment_methods)>li:not(:has(>input:checked)):hover{background:rgba(18,17,16,.03)}}
/* con #order_review delante: WooCommerce pone ".woocommerce ul#shipping_method li label{display:inline}" */
#order_review #shipping_method li input{position:absolute;opacity:0;margin:0}
#order_review #shipping_method li label{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0;padding:14px 16px 14px 46px;font-size:14.5px;line-height:1.35;cursor:pointer}
#order_review #shipping_method li label::before{content:"";position:absolute;top:15px;left:16px;width:18px;height:18px;border:1px solid rgba(18,17,16,.4);border-radius:50%;background:var(--bg);transition:box-shadow .2s var(--ease),border-color .2s}
#order_review #shipping_method li input:checked+label::before{border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 9px var(--ink)}
#order_review #shipping_method li input:focus-visible+label::before{outline:2px solid var(--accent);outline-offset:2px}
/* una sola opción (antes de poner la dirección, solo el retiro): no hay nada que elegir, va sin círculo */
#order_review #shipping_method li input[type=hidden]+label{padding-left:16px}
#order_review #shipping_method li input[type=hidden]+label::before{display:none}
#shipping_method li:has(>input[type=hidden]){outline:0;background:transparent}
.b-ship-name{min-width:0}
.b-ship-price{flex:none;white-space:nowrap;font-weight:500}
.b-ship-price .amount{font-weight:inherit}
.b-ck-note{margin:12px 0 0;font-size:12.5px;text-align:center;color:rgba(18,17,16,.55)}
.form-row{margin:0 0 12px!important}
.form-row label{font-size:13px;color:var(--muted);margin-bottom:5px;display:block}
#payment{background:transparent!important;border-radius:0!important}
#payment::before{content:"03 · Pago";display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.5);margin:0 0 14px}
#payment li.wc_payment_method>input.input-radio{position:absolute;top:21px;left:18px;width:18px;height:18px;margin:0!important;appearance:none;-webkit-appearance:none;border:1px solid rgba(18,17,16,.4);border-radius:50%;background:var(--bg);cursor:pointer;transition:box-shadow .2s var(--ease),border-color .2s}
#payment li.wc_payment_method>input.input-radio:checked{border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 9px var(--ink)}
#payment li.wc_payment_method>input.input-radio:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#payment li.wc_payment_method>label{display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:12px 18px 12px 50px;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer}
#payment li.wc_payment_method>label img{flex:none;width:auto!important;max-height:24px!important;margin:0 0 0 auto!important;float:none!important}
.b-pm-tag{flex:none;margin-left:auto;padding:4px 8px 3px;border:1px solid color-mix(in oklch,var(--accent) 45%,transparent);font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-d)}
#payment div.payment_box{margin:0!important;padding:0 18px 18px 50px!important;background:transparent!important;font-size:14px;line-height:1.55;color:var(--muted)}
#payment div.payment_box>p:first-child{margin-top:0}
#payment div.payment_box>p:last-child{margin-bottom:0}
.woocommerce-checkout #payment div.payment_box::before{display:none}
/* Mercado Pago dibuja sus propias cajas blancas con su letra: que queden dentro de la fila, con la letra y la tinta de la tienda.
   Los campos de la tarjeta son iframes de Mercado Pago y no se tocan. */
#payment div.payment_box:has(.mp-checkout-container){padding-left:18px!important}
#payment .mp-checkout-container :is(.mp-checkout-ticket-container,.mp-checkout-credits-container,.mp-checkout-pro-content,.mp-checkout-custom-container){background:transparent!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important}
#payment .mp-checkout-container :is(p,span,label,a,h1,h2,h3,h4,button){font-family:var(--sans)!important}
#payment .mp-checkout-container a{color:var(--ink)!important;text-decoration:underline;text-underline-offset:2px}
#place_order{width:100%;padding:19px!important}

/* Checkout: dos columnas de campos, la etiqueta adentro del recuadro y sube al escribir (clase b-fl, la pone functions.php).
   Sin :has() la etiqueta queda arriba y chica, que también se lee bien. */
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.woocommerce-billing-fields__field-wrapper>*,.woocommerce-shipping-fields__field-wrapper>*{grid-column:1/-1}
:is(#billing_first_name_field,#billing_last_name_field,#billing_state_field,#billing_postcode_field,#shipping_first_name_field,#shipping_last_name_field,#shipping_state_field,#shipping_postcode_field){grid-column:auto}
/* la tienda vende solo a Argentina: no hace falta elegir el país */
:is(#billing_country_field,#shipping_country_field):has(.country_to_state--single),.woocommerce-billing-fields__field-wrapper>wc-order-attribution-inputs{display:none!important}
#billing_address_1_field{margin-top:36px!important}
#billing_address_1_field::before{content:"02 · Dirección";position:absolute;left:0;bottom:calc(100% + 13px);font-size:12.5px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.5)}
.b-fl{position:relative;width:auto!important;float:none!important;padding:0!important;margin:0!important}
.b-fl>label{position:absolute;z-index:1;top:17px;left:15px;max-width:calc(100% - 30px);margin:0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px!important;color:var(--muted);pointer-events:none;transform-origin:0 0;transform:translateY(-9px) scale(.72);transition:transform .22s var(--ease),color .22s}
.b-fl:has(:is(input,textarea):placeholder-shown:not(:focus))>label{transform:none}
.b-fl:focus-within>label{color:var(--ink)}
.b-fl>label .required{display:none}
.b-fl>label .optional{color:inherit}
.b-fl :is(input.input-text,textarea,select){display:block;width:100%;min-height:56px;padding:25px 14px 7px!important;font-size:16px!important;line-height:22px;transition:border-color .2s}
.b-fl :is(input,textarea)::placeholder{color:transparent}
.b-fl textarea{min-height:108px;resize:vertical}
.b-fl textarea:focus::placeholder{color:var(--soft)}
.b-fl select{appearance:none;-webkit-appearance:none;padding-right:40px!important;background-image:var(--chev)!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:11px!important}
.b-fl .select2-container{width:100%!important}
.b-fl .select2-container .select2-selection--single{height:56px!important;min-height:56px;padding:0!important}
.b-fl .select2-container .select2-selection--single .select2-selection__rendered{padding:25px 40px 7px 14px!important;font-size:16px;line-height:22px!important;color:var(--ink)}
.b-fl .select2-container .select2-selection--single .select2-selection__arrow{top:0!important;right:8px!important;height:54px!important}
.b-fl :is(.select2-container--focus,.select2-container--open) .select2-selection{border-color:var(--ink)!important}
.select2-dropdown{border:1px solid var(--ink)!important;border-radius:0!important;background:var(--bg)!important}
.select2-results__option{padding:10px 14px!important;font-size:15px}
.select2-results__option--highlighted{background:var(--ink)!important;color:var(--bg)!important}
.select2-search--dropdown .select2-search__field{min-height:42px!important;padding:9px 12px!important}
.b-fl.woocommerce-invalid :is(input.input-text,select,textarea),.b-fl.woocommerce-invalid .select2-selection{border-color:var(--err)!important}
.b-fl.woocommerce-invalid>label{color:var(--err)!important}
.b-fl :is(input.input-text,select,textarea):focus{border-color:var(--ink)!important}
.checkout-inline-error-message{margin:6px 0 0!important;font-size:12.5px;line-height:1.4;color:var(--err)}
:is(.woocommerce-checkout,.woocommerce-account) .woocommerce-form__label-for-checkbox{display:inline-flex!important;align-items:center;gap:12px;margin:0;cursor:pointer;font-size:14.5px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--ink)}
:is(.woocommerce-checkout,.woocommerce-account) input.woocommerce-form__input-checkbox{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-content:center;width:20px;height:20px;margin:0!important;border:1px solid rgba(18,17,16,.35);background:var(--bg);cursor:pointer;transition:background .2s,border-color .2s}
:is(.woocommerce-checkout,.woocommerce-account) input.woocommerce-form__input-checkbox::before{content:"";width:9px;height:5px;border:solid var(--bg);border-width:0 0 1.5px 1.5px;transform:translateY(-1px) rotate(-45deg) scale(.5);opacity:0;transition:opacity .15s,transform .2s var(--ease)}
:is(.woocommerce-checkout,.woocommerce-account) input.woocommerce-form__input-checkbox:checked{background:var(--ink);border-color:var(--ink)}
:is(.woocommerce-checkout,.woocommerce-account) input.woocommerce-form__input-checkbox:checked::before{opacity:1;transform:translateY(-1px) rotate(-45deg)}
:is(.woocommerce-checkout,.woocommerce-account) input.woocommerce-form__input-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.woocommerce-account-fields{margin-top:16px}
.woocommerce-account-fields .form-row{margin:0!important;padding:0!important}
.woocommerce-checkout .col2-set .col-2{margin-top:22px}
#ship-to-different-address{margin:0 0 14px;font-size:inherit;letter-spacing:0;text-transform:none;color:var(--ink)}
.woocommerce-additional-fields>h3{display:none}
.woocommerce-additional-fields{margin-top:16px}
/* "¿Ya compraste antes? Ingresá a tu cuenta": una línea bajo el título, no una caja */
.woocommerce-form-login-toggle .woocommerce-info{background:none!important;border:0!important;padding:0!important;margin:calc(10px - clamp(26px,3.4vw,44px)) 0 clamp(26px,3.4vw,44px)!important;font-size:14.5px;color:rgba(18,17,16,.66);animation:none}
.woocommerce-form-login-toggle .woocommerce-info::before{display:none!important}
.woocommerce-form-login-toggle a{color:var(--ink);border-bottom:1px solid rgba(18,17,16,.35);padding-bottom:1px;transition:border-color .3s}
.woocommerce-form-login-toggle a:hover{color:var(--ink);border-color:var(--ink)}
form:is(.woocommerce-form-login,.woocommerce-form-register){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;margin:0 0 clamp(26px,3.4vw,44px)!important;padding:clamp(18px,2vw,24px)!important;border:1px solid rgba(18,17,16,.16)!important;border-radius:0!important;background:#efeeec}
form:is(.woocommerce-form-login,.woocommerce-form-register)>*{grid-column:1/-1;margin:0!important}
form:is(.woocommerce-form-login,.woocommerce-form-register)>:is(.form-row-first,.form-row-last){grid-column:auto;width:auto!important;float:none!important;padding:0!important}
form:is(.woocommerce-form-login,.woocommerce-form-register)>p:first-child{font-size:14px;line-height:1.5;color:var(--muted)}
form:is(.woocommerce-form-login,.woocommerce-form-register) .clear{display:none}
form:is(.woocommerce-form-login,.woocommerce-form-register) label{display:block;margin-bottom:6px;font-size:12.5px;letter-spacing:.04em;color:var(--soft)}
form:is(.woocommerce-form-login,.woocommerce-form-register) label .required{display:none}
form:is(.woocommerce-form-login,.woocommerce-form-register) .form-row:has(.button){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:0}
form:is(.woocommerce-form-login,.woocommerce-form-register) .form-row:has(.button) label{margin:0}
form:is(.woocommerce-form-login,.woocommerce-form-register) .lost_password{font-size:13px}
/* Tu pedido */
.b-ck-item{display:flex;flex-direction:column;gap:3px;min-width:0}
.b-ck-item small{font-size:13px;color:rgba(18,17,16,.6)}
.woocommerce-checkout-review-order-table dl.variation{display:none}
/* El resumen va en filas flexibles y no en columnas de tabla: así el nombre de la prenda usa todo el ancho
   y las opciones de envío van a lo ancho debajo de "Envío", en vez de apretadas en la columna del precio. */
.woocommerce-checkout-review-order-table,.woocommerce-checkout-review-order-table :is(tbody,tfoot){display:block}
.woocommerce-checkout-review-order-table tr{display:flex;align-items:center;justify-content:space-between;gap:16px}
.woocommerce-checkout-review-order-table tr>:is(th,td){display:block}
.woocommerce-checkout-review-order-table td.product-name{flex:1;min-width:0;padding-left:0!important}
.woocommerce-checkout-review-order-table td.product-total{flex:none;text-align:right;white-space:nowrap;font-weight:500;padding-right:0!important}
/* una sola raya bajo las prendas y otra sobre el total, como el diseño */
.woocommerce-checkout-review-order-table tbody td{border-bottom:none!important;padding-top:6px!important;padding-bottom:6px!important}
.woocommerce-checkout-review-order-table tbody{padding-bottom:12px;border-bottom:1px solid rgba(18,17,16,.12)}
.woocommerce-checkout-review-order-table tfoot{padding-top:8px}
.woocommerce-checkout-review-order-table tfoot :is(th,td){border:none!important;padding:7px 0!important;font-weight:400!important}
.woocommerce-checkout-review-order-table tfoot td{text-align:right}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{flex-direction:column;align-items:stretch;gap:9px;padding:7px 0 9px}
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals>:is(th,td){padding:0!important;text-align:left}
.b-ship-hint td{padding:0 0 10px!important;font-size:13px!important;line-height:1.45;text-align:left!important;color:var(--muted)}
.woocommerce-checkout-review-order-table tr.order-total{align-items:baseline;margin-top:8px;border-top:1px solid rgba(18,17,16,.14)}
.woocommerce-checkout-review-order-table .order-total :is(th,td){padding-top:14px!important}
.b-ck-save td{padding:0 0 2px!important;font-size:14px!important;text-align:left!important;color:var(--accent-d)}
.b-ck-save .amount{font-weight:500}
/* la caja de dirección de Correo Argentino queda vacía hasta que se elige envío a domicilio */
.correo_argentino_review_order_section:has(#correo_argentino_review_order_section_address:empty){display:none}
.woocommerce-checkout-review-order-table :is(.cart-discount,.fee) td{color:var(--accent-d)}
.woocommerce-remove-coupon{margin-left:8px;font-size:12px;color:var(--soft)!important;border-bottom:1px solid currentColor}
.b-coupon{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(18,17,16,.12)}
.b-coupon>summary{display:inline-flex;align-items:center;gap:8px;list-style:none;font-size:14px;color:rgba(18,17,16,.72);cursor:pointer;border-bottom:1px solid rgba(18,17,16,.3);padding-bottom:1px;transition:color .25s,border-color .25s}
.b-coupon>summary::-webkit-details-marker{display:none}
.b-coupon>summary::after{content:"+";font-size:15px;line-height:1;color:var(--soft);transition:transform .3s var(--ease)}
.b-coupon[open]>summary::after{transform:rotate(45deg)}
.b-coupon>summary:hover{color:var(--ink);border-color:var(--ink)}
.b-coupon>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.b-coupon[open] .b-coupon-row{margin-top:12px;animation:bnote .32s var(--ease) both}
.b-coupon-row{display:flex;gap:8px}
.b-float{position:relative;flex:1;min-width:0}
.b-float input{min-height:52px;padding:23px 14px 7px!important;font-size:16px!important;line-height:22px;letter-spacing:.04em}
.b-float input:not(:placeholder-shown){text-transform:uppercase}
.b-float input::placeholder{color:transparent}
.b-float label{position:absolute;top:15px;left:15px;font-size:15px;line-height:20px;letter-spacing:0;color:var(--muted);pointer-events:none;transform-origin:0 0;transition:transform .22s var(--ease),color .22s}
.b-float input:is(:focus,:not(:placeholder-shown))+label{transform:translateY(-8px) scale(.72);color:var(--ink)}
.b-coupon button{flex:none;min-width:100px;padding:0 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s var(--ease),color .2s,transform .16s var(--ease)}
.b-coupon button:active{transform:scale(.97)}
.b-coupon.is-busy button{opacity:.5;pointer-events:none}
.b-coupon-msg{margin:8px 0 0;font-size:13px;line-height:1.45}
.b-coupon-msg:empty{display:none}
.b-coupon.is-ok .b-coupon-msg{color:var(--accent-d)}
.b-coupon.is-err .b-coupon-msg{color:var(--err)}
.b-coupon.is-err input{border-color:var(--err)!important}
@media (hover:hover){.b-coupon button:hover{background:var(--ink);color:var(--bg)}}
/* Pie del resumen: privacidad, términos y botón */
.woocommerce-checkout .place-order{margin:18px 0 0!important;padding:18px 0 0!important;border-top:1px solid rgba(18,17,16,.12)}
.woocommerce-privacy-policy-text{font-size:12.5px;line-height:1.5;color:var(--muted)}
.woocommerce-privacy-policy-text p{margin:0 0 14px}
.woocommerce-privacy-policy-text a,.woocommerce-terms-and-conditions-link{color:inherit;border-bottom:1px solid currentColor}
.woocommerce-terms-and-conditions-wrapper .form-row{margin:0 0 16px!important;padding:0!important}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox{align-items:flex-start!important;font-size:14px!important;line-height:1.45!important}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox abbr.required{display:none}
.woocommerce-terms-and-conditions-wrapper input.woocommerce-form__input-checkbox{margin-top:0!important}
.woocommerce-terms-and-conditions{margin:0 0 16px;padding:14px 16px!important;border:1px solid rgba(18,17,16,.14);background:var(--bg);font-size:13.5px;line-height:1.55}
.b-ck-trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(18,17,16,.12);display:flex;flex-direction:column;gap:7px}
.b-ck-trust li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;color:rgba(18,17,16,.66)}
.b-ck-trust li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.woocommerce-checkout .blockUI.blockOverlay{background:rgba(244,243,241,.55)!important}

/* Movimiento del checkout. Solo se animan contenedores que WooCommerce no reemplaza al recalcular
   (#customer_details, .b-ck-pay, #order_review): si no, la entrada se repetiría cada vez que cambia el envío. */
.b-page.is-woo .b-page-head .b-eyebrow{animation:bfadeup .6s var(--ease) both}
.b-page.is-woo .b-lede{animation:bfadeup .7s .32s var(--ease) both}
.b-ck-main>#customer_details{animation:bfadeup .85s .2s var(--ease) both}
.b-ck-pay{animation:bfadeup .85s .34s var(--ease) both}
#order_review{animation:bckside .95s .26s var(--ease) both}
@keyframes bckside{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
/* pasos: "01 · Tus datos" y "02 · Dirección" se tildan cuando sus campos obligatorios están completos (barda.js) */
.woocommerce-billing-fields>h3::before,#billing_address_1_field::before{display:inline-block;padding-right:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23915a33' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.4l2.7 2.6L10 3.4'/%3E%3C/svg%3E") no-repeat right 0 center/0 0;transition:background-size .5s var(--ease),color .4s}
.is-s1 .woocommerce-billing-fields>h3::before,.is-s2 #billing_address_1_field::before{background-size:11px 11px;color:var(--ink)}
/* elegir un medio de pago: el contenido de su caja sube mientras WooCommerce la despliega */
#payment li.is-opening>.payment_box>*{animation:bfadeup .5s .08s var(--ease) both}
/* recalculando: una línea corre por el borde de arriba del resumen */
#order_review::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--ink);opacity:0;transform:scaleX(0);transform-origin:left;pointer-events:none;transition:opacity .3s}
#order_review.is-updating::after{opacity:1;animation:bload 1.15s var(--io) infinite}
@keyframes bload{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
/* el total que cambia sube y pasa por el color de acento; la línea de transferencia entra cuando aparece */
@keyframes btotal{0%{opacity:.2;transform:translateY(9px)}55%{color:var(--accent-d)}100%{opacity:1;transform:none}}
.order-total td.is-bump .amount{display:inline-block;animation:btotal .75s var(--ease) both}
.b-ck-save.is-new td{animation:bfadeup .55s .1s var(--ease) both}
/* todo completo: un brillo cruza el botón una vez */
#place_order{position:relative;overflow:hidden}
#place_order::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:24%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));transform:skewX(-14deg);opacity:0;pointer-events:none}
form.is-ready #place_order::after{animation:bckshine 1.3s .2s cubic-bezier(.22,.61,.36,1) both}
@keyframes bckshine{from{opacity:1;transform:translateX(0) skewX(-14deg)}to{opacity:1;transform:translateX(560%) skewX(-14deg)}}

/* Pedido recibido: un tilde que se dibuja, los datos del pedido en cascada y la transferencia destacada */
.woocommerce-order{max-width:980px}
.woocommerce-order .woocommerce-thankyou-order-received{display:flex;align-items:center;gap:16px;margin:calc(14px - clamp(26px,3.4vw,44px)) 0 clamp(28px,3.4vw,40px);font-size:17px;line-height:1.5;color:rgba(18,17,16,.76);text-wrap:pretty;animation:bfadeup .7s .3s var(--ease) both}
.b-ok{flex:none;width:46px;height:46px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.b-ok circle{stroke-dasharray:151;stroke-dashoffset:151;transform:rotate(-90deg);transform-box:fill-box;transform-origin:center;animation:bdraw .95s .45s var(--ease) forwards}
.b-ok path{stroke-dasharray:33;stroke-dashoffset:33;animation:bdraw .5s 1.1s var(--ease) forwards}
@keyframes bdraw{to{stroke-dashoffset:0}}
/* las rayas entre datos son de cada celda (no el fondo de la grilla): así aparecen con ella en la cascada. Color sólido para que no se oscurezcan al superponerse */
.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:0;margin:0 0 clamp(28px,3.4vw,44px);padding:0;list-style:none;background:none;border:1px solid #d6d4d1}
.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details)>li{box-shadow:-1px -1px 0 #d6d4d1}
.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details)::before,.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details)::after{display:none}
.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details) li{float:none;margin:0;padding:16px 18px;border:0;background:var(--bg);font-size:11.5px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);animation:bfadeup .6s var(--ease) both}
.woocommerce .woocommerce-order ul:is(.woocommerce-order-overview,.bacs_details) li strong{display:block;margin-top:7px;font-size:15.5px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--ink);overflow-wrap:anywhere}
.woocommerce .woocommerce-order ul.woocommerce-order-overview li:nth-child(1){animation-delay:.5s}
.woocommerce .woocommerce-order ul.woocommerce-order-overview li:nth-child(2){animation-delay:.57s}
.woocommerce .woocommerce-order ul.woocommerce-order-overview li:nth-child(3){animation-delay:.64s}
.woocommerce .woocommerce-order ul.woocommerce-order-overview li:nth-child(4){animation-delay:.71s}
.woocommerce .woocommerce-order ul.woocommerce-order-overview li:nth-child(5){animation-delay:.78s}
.woocommerce-order .woocommerce-order-overview~p:not([class]),.woocommerce-bacs-bank-details{margin:0 0 clamp(28px,3.4vw,44px);padding:clamp(18px,2vw,24px);border:1px solid rgba(18,17,16,.16);background:#efeeec;font-size:15px;line-height:1.6;animation:bfadeup .7s .85s var(--ease) both}
.woocommerce-bacs-bank-details ul.bacs_details{margin-bottom:0!important}
.woocommerce-bacs-bank-details ul.bacs_details li{animation:none!important}
:is(.cart_totals h2,.woocommerce-order-details__title,.woocommerce-column__title,.wc-bacs-bank-details-heading){font-size:clamp(13px,1.1vw,15px);line-height:1.2;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.wc-bacs-bank-details-account-name{margin:0 0 10px;font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.woocommerce-order-details,.woocommerce-customer-details{animation:bfadeup .7s 1s var(--ease) both}
.woocommerce-table--order-details :is(th,td):last-child{text-align:right}
.woocommerce-table--order-details tfoot th{font-size:14.5px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:rgba(18,17,16,.72)!important}
.woocommerce-table--order-details tfoot td{font-weight:400!important}
.woocommerce-table--order-details tfoot tr:last-child :is(th,td){color:var(--ink)!important;border-bottom:0!important}
.woocommerce-table--order-details tfoot tr:last-child .amount{font-size:21px;font-weight:500}
.woocommerce-table--order-details .product-name a{color:inherit}
.woocommerce-table--order-details .product-quantity{font-weight:400!important;color:var(--muted)}
.woocommerce-customer-details .col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.woocommerce-customer-details .col2-set::before,.woocommerce-customer-details .col2-set::after{display:none}
.woocommerce-customer-details .col2-set>*{width:auto!important;float:none!important;margin:0!important}
.woocommerce-customer-details address{padding:16px 18px!important;border:1px solid rgba(18,17,16,.14)!important;border-radius:0!important;font-style:normal;line-height:1.65}
@media (max-width:640px){.woocommerce-customer-details .col2-set{grid-template-columns:1fr}.woocommerce-order-overview li.email{grid-column:1/-1}}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-MyAccount-navigation a{display:block;border:1px solid var(--line);padding:9px 15px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:var(--bg)}
/* Avisos de WooCommerce: tarjeta fina con ícono, en vez de la caja gris con borde negro */
.woocommerce-message,.woocommerce-error,.woocommerce-info{position:relative;list-style:none;border:1px solid rgba(18,17,16,.14)!important;border-radius:0;background:var(--cream)!important;padding:15px 18px 15px 46px!important;margin:0 0 24px!important;font-size:14.5px;line-height:1.5;color:var(--ink);animation:bnote .32s var(--ease) both}
.woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before{content:""!important;position:absolute!important;top:18px!important;left:18px!important;display:block!important;width:16px;height:16px;margin:0!important;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.woocommerce-message{--ico:var(--ico-ok)}
.woocommerce-message::before{color:var(--accent)!important}
.woocommerce-info{--ico:var(--ico-info)}
.woocommerce-info::before{color:var(--soft)!important}
.woocommerce-error{--ico:var(--ico-err);border-color:color-mix(in oklch,var(--err) 35%,transparent)!important;background:color-mix(in oklch,var(--err) 5%,var(--cream))!important}
.woocommerce-error::before{color:var(--err)!important}
.woocommerce-error li{margin:0}
.woocommerce-error li+li{margin-top:4px}
.woocommerce-message .button{float:right;margin:-5px 0 -5px 16px;padding:10px 16px!important;font-size:11.5px!important}
@keyframes bnote{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Contacto */
.b-contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:start}
.b-contact-rows>a,.b-contact-rows>div:not(.b-page-body){display:grid;grid-template-columns:120px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgba(18,17,16,.13);font-size:16px;line-height:1.45;color:var(--ink);transition:opacity .3s}
.b-contact-rows>a:hover{opacity:.65;color:var(--ink)}
.b-contact-rows span:first-child{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,17,16,.5);padding-top:3px}
.b-cform{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(18,17,16,.16);padding:clamp(20px,2.4vw,28px);margin:0}
.b-cform .b-eyebrow{color:rgba(18,17,16,.55)}
.b-cform input,.b-cform textarea{padding:14px;font-family:var(--sans)}
.b-cform textarea{resize:vertical}
.b-cform .b-btn{padding:17px!important}
.b-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.b-arrep-ok p{margin:0;font-size:15px;line-height:1.5}
.b-arrep-note{margin:28px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.b-arrep-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.b-arrep-code{font-family:var(--mono);font-size:clamp(20px,2.2vw,26px);font-weight:500;letter-spacing:.08em}
.b-where{padding-top:clamp(34px,4.5vw,60px)}
.b-where-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(18,17,16,.14);margin-bottom:clamp(18px,2.4vw,28px)}
.b-where-head h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.4vw,40px);line-height:1;letter-spacing:-.02em}
.b-where-head .b-link{padding-bottom:6px;border-bottom-color:rgba(18,17,16,.28);opacity:.75}
.b-map{position:relative;width:100%;aspect-ratio:21/9;min-height:280px;overflow:hidden;border:1px solid rgba(18,17,16,.14);background:var(--bg2)}
.b-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.b-404{text-align:center;padding-bottom:40px}
.b-404 p{color:var(--muted);margin:16px 0 26px}

/* Footer */
.b-footer{margin-top:clamp(70px,10vw,130px);background:var(--ink);color:#f4f3f1;padding:clamp(46px,6vw,84px) var(--pad) clamp(26px,3vw,38px)}
.b-footer-in{max-width:1080px;margin:0 auto}
.b-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(24px,3vw,40px)}
.b-fcol{display:flex;flex-direction:column;gap:13px}
.b-fcol>span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,243,241,.62)}
.b-flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.b-flist a{font-size:14.5px;color:rgba(244,243,241,.8);transition:color .3s}
.b-flist a:hover{color:var(--accent-l)}
.b-paylist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.b-paylist li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:rgba(244,243,241,.8)}
.b-paylist svg{width:19px;height:19px;flex:none}
.b-footer-bottom{display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,3vw,44px);align-items:center;margin-top:clamp(38px,5vw,66px);padding-top:clamp(26px,3.4vw,40px);border-top:1px solid rgba(244,243,241,.14)}
.b-footer-logo{position:relative;width:clamp(150px,17vw,210px);overflow:hidden}
.b-footer-logo img{width:100%;height:auto;display:block;opacity:.88;transition:opacity .6s ease,transform 1.1s var(--ease)}
.b-footer-logo:hover img{opacity:1;transform:scale(1.02)}
.b-footer-shine{position:absolute;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 62%);background-repeat:no-repeat;background-size:260% 100%;background-position:-160% 0;-webkit-mask:var(--mask) 0 0/100% 100% no-repeat;mask:var(--mask) 0 0/100% 100% no-repeat}
@keyframes bfootshine{0%{background-position:-160% 0;opacity:0}18%{opacity:1}82%{opacity:1}100%{background-position:160% 0;opacity:0}}
.b-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;justify-content:flex-end;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,243,241,.55)}
.b-footer-meta a{color:rgba(244,243,241,.8);transition:color .3s}
.b-footer-meta a:hover{color:var(--accent-l)}
.b-footer-meta .b-sign{color:rgba(244,243,241,.6);transition:color .35s}
.b-footer-meta .b-sign:hover{color:#f4f3f1}
/* Res. 424/2020: el botón de arrepentimiento tiene que destacarse, no es un link más */
.b-footer-meta .b-arrep{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border:1px solid rgba(244,243,241,.3);border-radius:999px;color:rgba(244,243,241,.92);transition:color .3s,border-color .3s}
.b-footer-meta .b-arrep svg{width:11px;height:11px;flex:none}
.b-footer-meta .b-arrep:hover{color:var(--accent-l);border-color:var(--accent-l)}

/* Flotantes */
.b-floats{position:fixed;right:clamp(14px,2.2vw,28px);bottom:clamp(14px,2.2vw,28px);z-index:450;display:flex;flex-direction:column;align-items:flex-end;gap:16px;transition:opacity .3s ease,visibility .3s}
.is-cart-open .b-floats,.is-menu-open .b-floats,.is-search-open .b-floats,.woocommerce-checkout .b-floats,.page-template-template-contacto .b-floats{opacity:0;visibility:hidden;pointer-events:none}
.b-top{cursor:pointer;width:46px;height:46px;border-radius:50%;border:1px solid rgba(18,17,16,.18);background:rgba(244,243,241,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0 0 2px;box-shadow:0 10px 26px rgba(18,17,16,.16);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .45s ease,transform .45s var(--ease),background .35s,color .35s}
.b-top.is-on{opacity:1;transform:none;pointer-events:auto}
.b-top:hover{background:var(--ink);color:#f4f3f1;border-color:var(--ink)}
.b-wa{display:flex;align-items:center;gap:10px;background:var(--ink);color:#f4f3f1;padding:14px 20px;border-radius:999px;box-shadow:0 10px 30px rgba(18,17,16,.24);animation:bfadeup .8s 1.2s var(--ease) both;transition:background .35s,transform .35s var(--ease)}
.b-wa:hover{background:var(--accent);color:#f4f3f1}
.b-wa svg{width:18px;height:18px;flex:none}
.b-wa span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* Responsive: los mismos cortes que index.html */
@media (max-width:1180px){.b-grid5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .b-benefits{grid-template-columns:repeat(4,minmax(0,1fr));border-top-color:rgba(244,243,241,.1)}
  .b-benefit{padding:14px 2px;align-items:center;justify-content:flex-start;gap:8px;border-left-color:rgba(244,243,241,.09);text-align:center}
  .b-benefit:first-child{border-left:none}
  .b-benefit svg{width:19px;height:19px;opacity:.92}
  .b-benefit-text{gap:0;align-items:center}
  .b-benefit-text>span:first-child{font-size:10px;letter-spacing:0;line-height:1.4;color:rgba(244,243,241,.92);white-space:nowrap}
  .b-benefit-text>span:last-child{display:none}
  .b-bfull{display:none}
  .b-bshort{display:inline}
}
@media (max-width:820px){
  .b-nav,.b-hide-sm{display:none!important}
  .b-burger,.b-show-sm{display:flex!important}
  /* logo al centro: los dos costados miden lo mismo aunque la bolsa ocupe más que el menú */
  .b-header-in{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}
  .b-hero-frame{overflow:hidden}
  .b-hero-d{display:none}
  .b-hero-m{display:block}
  .b-hero-logo{width:82%;top:25%}
  /* con video el hero es el video solo, como en el diseño: sin logo encima ni grano */
  .has-video .b-hero-frame{height:min(max(78svh,142vw),88svh);animation:none;background:#000}
  /* el logo del video está al 18% de arriba y los pies al 92%: con 142vw entran los dos, y el recorte se reparte arriba y abajo */
  .has-video .b-hero-m{object-position:center 67%}
  .has-video .b-hero-logo,.has-video .b-hero-grain{display:none}
  .b-stitle{font-size:15px;letter-spacing:.14em}
  .b-rail-track{scroll-snap-type:x mandatory;padding-left:9vw;padding-right:9vw}
  .b-rail-item{width:82vw;scroll-snap-align:center;transition:opacity .5s ease,transform .5s ease}
  .b-rail-item:hover{transform:none}
  .b-rail-item .b-card-img{transition:opacity .5s ease,filter .5s ease}
  .b-cats{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .b-cats::-webkit-scrollbar{display:none}
  .b-cat,.b-ugc-item{width:66vw}
  .b-look-arrow{display:flex}
  .b-looks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;padding-bottom:4px}
  .b-looks::-webkit-scrollbar{display:none}
  .b-look{flex:none;width:82vw;scroll-snap-align:center}
  .b-grid5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;padding-bottom:4px}
  .b-grid5::-webkit-scrollbar{display:none}
  .b-grid5>.b-card{flex:none;width:calc((100% - 34px) / 2.18);scroll-snap-align:start}
  .b-swipe{display:flex}
  .b-footer{padding:20px 16px 14px;margin-top:40px}
  .b-footer-in{display:flex;flex-direction:column;gap:0}
  .b-footer-bottom{order:-1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0;padding-top:0;border-top:none;padding-bottom:13px}
  .b-footer-logo{width:118px;margin:0 auto}
  .b-footer-meta{flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:8.5px;line-height:1.45;letter-spacing:.1em;justify-content:center}
  .b-footer-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid rgba(244,243,241,.14)}
  .b-fcol{gap:5px}
  .b-fcol>span{font-size:8.5px;letter-spacing:.12em}
  .b-flist{gap:2px}
  .b-flist a{font-size:11.5px}
  .b-footer-pay{grid-column:1/-1;padding-top:10px;border-top:1px solid rgba(244,243,241,.1)}
  .b-paylist{flex-direction:row;flex-wrap:wrap;gap:4px}
  .b-paylist li{gap:4px;padding:4px 8px;border:1px solid rgba(244,243,241,.16);border-radius:999px;font-size:9.5px;letter-spacing:.01em}
  .b-paylist svg{width:11px;height:11px}
  .b-floats{right:14px;bottom:90px;gap:12px}
  .b-wa{width:52px;height:52px;padding:0;border-radius:50%;justify-content:center}
  .b-wa span{display:none}
  .b-wa svg{width:22px;height:22px}
  .b-buybar{position:fixed;left:0;right:0;bottom:0;z-index:440;display:flex;align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(18,17,16,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f4f3f1;border-top:1px solid rgba(244,243,241,.16);transform:translateY(110%);transition:transform .32s var(--ease)}
  /* aparece recién cuando el botón de compra quedó arriba: al abrir la ficha tapaba las cuotas y el precio con transferencia */
  .is-buybar .b-buybar{transform:none}
  .b-footer-meta a{padding:5px 6px}
  .b-footer-meta .b-arrep{margin-bottom:6px;padding:5px 11px 5px 9px}
  .b-buybar div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
  .b-buybar strong,.b-buybar strong .amount{font-size:17px;font-weight:500}
  .b-buybar small{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,243,241,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .b-buybar button{border:none;background:#f4f3f1;color:var(--ink);padding:15px 22px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
  .b-prod-grid{grid-template-columns:1fr}
  .b-prod-info{position:static}
  /* fotos de la ficha: se deslizan de costado, así el precio y los talles quedan a mano */
  .b-shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);gap:8px;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scrollbar-width:none}
  .b-shots::-webkit-scrollbar{display:none}
  .b-shot{flex:none;width:86%;scroll-snap-align:start}
  .b-shot:only-child{width:100%}
  .b-size small:empty{display:none}
  /* con 36 talles la barra fija tapaba la pantalla: en el celular van en una fila que se desliza, "Todos" primero */
  .b-sizebar{gap:10px;padding-top:11px;padding-bottom:11px}
  .b-chips{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + var(--pad) * 2);margin:0 calc(var(--pad) * -1);padding:0 var(--pad);gap:8px;scrollbar-width:none}
  .b-chips::-webkit-scrollbar{display:none}
  .b-chips>*{flex:none;white-space:nowrap}
  .b-sorts{flex-wrap:nowrap;gap:14px}
  .b-sort{font-size:10px;white-space:nowrap}
  .b-related .b-autogrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none}
  .b-related .b-autogrid::-webkit-scrollbar{display:none}
  .b-related .b-autogrid>.b-card{flex:none;width:calc((100% - 34px) / 2.18);scroll-snap-align:start}
  #order_review{position:static}
  table.shop_table_responsive tr td{padding:10px 0!important}
  form.woocommerce-checkout,.b-contact{grid-template-columns:1fr}
}
@media (max-width:700px){.b-grid5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .b-sec{padding-left:16px;padding-right:16px}.b-grid5{gap:16px 12px}
  /* listados de a dos: de a una, una categoría eran 16.000 px de scroll */
  .b-woo ul.products,.b-autogrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}
  :is(.b-woo ul.products,.b-autogrid) .b-card{gap:10px}
  :is(.b-woo ul.products,.b-autogrid) .b-card-info{gap:3px}
  :is(.b-woo ul.products,.b-autogrid) .b-card-name{font-size:14px}
  :is(.b-woo ul.products,.b-autogrid) .b-card-price,:is(.b-woo ul.products,.b-autogrid) .b-card-price>.amount{font-size:15px}
  :is(.b-woo ul.products,.b-autogrid) :is(.b-cuotas,.b-transfer){font-size:12.5px}
  :is(.b-woo ul.products,.b-autogrid) .b-card-sizes{font-size:11.5px;letter-spacing:.02em}
  :is(.b-woo ul.products,.b-autogrid) .b-badge{top:8px;left:8px;padding:5px 8px;font-size:8.5px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none}
  [data-wr]>span>span{transform:none}
}