/* ==========================================================================
   Bolsas pouch (alto vacío) — dirección de arte propia
   Idea: precisión y conservación. La medida (cotas, regla, escala) y el vacío
   (aire que sale, película que se pega, sello que cierra). Fondo claro, tinta
   dorada, una sola sección oscura (las medidas) como pico de la página.
   CACHÉ: se sirve "immutable"; si lo editas, sube su ?v= en la página.
   ========================================================================== */

/* ===== 1. HERO ===== */
.phero--pouch{padding-block:clamp(1.75rem,1rem + 2.4vw,3.25rem) clamp(3.5rem,2.4rem + 4vw,6rem);}
.phero--pouch .phero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s7);align-items:center;}
.phero--pouch .phero__copy{grid-column:1 / span 6;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5);padding-right:var(--s4);}
.phero--pouch .phero__title{margin-block:var(--s2) var(--s1);}
.phero--pouch .specline{margin-top:var(--s2);padding-top:var(--s5);border-top:1px solid var(--linea);align-self:stretch;}
.phero--pouch .phero__fig{grid-column:7 / -1;margin:0;}
/* Bahía clara que sangra hasta el borde derecho de la ventana */
.pz-bahia{--bleed:max(var(--gutter), calc((100vw - var(--maxw)) / 2));position:relative;margin-right:calc(var(--bleed) * -1);padding:clamp(1.5rem,.8rem + 2.4vw,3.5rem) var(--bleed) clamp(1.5rem,.8rem + 2.4vw,3.5rem) clamp(1.25rem,.6rem + 2vw,3rem);background:
  linear-gradient(90deg, color-mix(in srgb, var(--jenn-gris-grafito) 7%, transparent) 1px, transparent 1px) 0 0 / 32px 32px,
  linear-gradient(color-mix(in srgb, var(--jenn-gris-grafito) 7%, transparent) 1px, transparent 1px) 0 0 / 32px 32px,
  var(--jenn-plate);border-left:1px solid var(--linea);border-block:1px solid var(--linea);}
.pz-foto{position:relative;max-width:600px;margin-inline:auto;aspect-ratio:1;}
.pz-foto > img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
.pz-capas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;}
.pz-capas path,.pz-capas rect{vector-effect:non-scaling-stroke;}
.pz-aire{stroke:var(--jenn-dorado-tinta);stroke-width:1.2;stroke-dasharray:6 6;opacity:0;}
.pz-sello{stroke:var(--jenn-dorado);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;}
.pz-cota{stroke:var(--jenn-dorado-tinta);stroke-width:1.2;stroke-linecap:round;}
.pz-cota path[pathLength]{stroke-dasharray:1;stroke-dashoffset:0;}
.pz-etq{position:absolute;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--jenn-dorado-tinta);background:var(--jenn-plate);padding:2px 8px;white-space:nowrap;}
.pz-etq--ancho{left:50%;top:7.7%;transform:translate(-50%,-50%);}
.pz-etq--largo{left:82%;top:48.5%;transform:translate(-50%,-50%) rotate(-90deg);}
.pz-etq--sello{left:24%;top:16.5%;transform:translate(-100%,-50%);display:inline-flex;align-items:center;gap:8px;letter-spacing:.06em;text-transform:none;font-size:.75rem;color:var(--jenn-negro-onix);}
.pz-etq--sello i{width:8px;height:8px;border-radius:50%;background:var(--jenn-dorado);box-shadow:0 0 0 4px color-mix(in srgb, var(--jenn-dorado) 25%, transparent);}
/* Mientras el <head> marca .intro-pending, las capas esperan a pouch.js (máx. 2.5 s) */
@media (prefers-reduced-motion: no-preference){
  .intro-pending .pz-cota path[pathLength],.intro-pending .pz-sello{stroke-dashoffset:1;}
  .intro-pending .pz-tick,.intro-pending .pz-etq{opacity:0;}
}

/* ===== 2. QUÉ ES — escena del vacío ===== */
.vacio__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s4);align-items:end;margin-bottom:clamp(2rem,1.4rem + 2vw,3.5rem);}
.vacio__head .h2{grid-column:1 / span 6;}
.vacio__head .lede{grid-column:8 / span 5;}
.vacio__fig{margin:0;}
.vacio__stage{position:relative;border:1px solid var(--linea);background:var(--jenn-plate);overflow:hidden;}
.vacio__svg{width:100%;height:auto;}
/* Riel de pasos: transporte de la escena (progreso dorado arriba) */
.vacio__pasos{--prog:1;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s5);margin-top:var(--s5);padding-top:var(--s5);}
.vacio__pasos::before,.vacio__pasos::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--linea);}
.vacio__pasos::after{background:var(--jenn-dorado);transform:scaleX(var(--prog));transform-origin:left center;}
.vp{display:flex;flex-direction:column;gap:6px;}
.vp__btn{display:flex;align-items:center;gap:12px;padding:6px 0;background:none;border:0;cursor:pointer;text-align:left;transition:transform var(--dur-press) var(--ease-out);}
.vp__btn:active{transform:scale(.98);}
.vp__n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;border:1px solid var(--linea-fuerte);color:var(--jenn-gris-grafito);background:var(--jenn-blanco-marfil);transition:background-color var(--dur-panel) ease, border-color var(--dur-panel) ease, color var(--dur-panel) ease;}
.vp__t{font-weight:600;font-size:1.0625rem;line-height:1.3;color:var(--jenn-negro-onix);}
.vp__d{font-size:.9375rem;line-height:1.55;color:var(--jenn-gris-grafito);text-wrap:pretty;}
.vp[aria-current="step"] .vp__n{background:var(--jenn-dorado);border-color:var(--jenn-dorado);color:var(--jenn-negro-onix);}
.vp.is-done .vp__n{border-color:var(--jenn-dorado);color:var(--jenn-dorado-tinta);}
.vacio__pie{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s7);margin-top:clamp(3rem,2rem + 3vw,5rem);}
.vacio__pie .prose{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s7);}
.vacio__pie .prose p{max-width:none;margin:0;}
.vacio__pie .ficha-tira{grid-column:1 / -1;}
/* Elementos de la escena: el estado final ya está dibujado; pouch.js lo arma paso a paso */
/* La aguja trae su giro final en el atributo transform (GSAP lo controla ahí) */
.vc-arco{stroke-dasharray:1;stroke-dashoffset:.12;}

/* ===== 3. AJUSTE — sobrada vs exacta ===== */
.ajuste{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s6);align-items:start;}
.ajuste__head{grid-column:1 / span 5;display:flex;flex-direction:column;gap:var(--s6);align-items:flex-start;position:sticky;top:calc(var(--subnav-h) + 40px);}
.ajuste__veces{display:flex;flex-direction:column;border-top:1px solid var(--jenn-negro-onix);align-self:stretch;}
.ajuste__veces li{display:grid;grid-template-columns:3.25rem 1fr;gap:var(--s4);align-items:baseline;padding:var(--s4) 0;border-bottom:1px solid var(--linea);}
.ajuste__vez{font-family:var(--jenn-font-heading);font-size:2.5rem;line-height:1;color:var(--jenn-dorado-tinta);}
.ajuste__veces p{color:var(--jenn-gris-grafito);text-wrap:pretty;}
.ajuste__veces b{color:var(--jenn-negro-onix);font-weight:600;}
.ajuste__fig{grid-column:7 / -1;position:relative;margin:0;}
.ajuste__svg{width:100%;height:auto;background:var(--jenn-blanco-marfil);border:1px solid var(--linea);}
.ajuste__notas{grid-column:7 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);}
.aj-nota__t{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:600;color:var(--jenn-gris-grafito);margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:2px solid var(--linea);transition:border-color var(--dur-panel) ease, color var(--dur-panel) ease;}
.aj-nota__t::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;transition:background-color var(--dur-panel) ease;}
.ajuste[data-state="sobrada"] .aj-nota--sobrada .aj-nota__t,.ajuste[data-state="exacta"] .aj-nota--exacta .aj-nota__t{color:var(--jenn-negro-onix);border-bottom-color:var(--jenn-dorado);}
.ajuste[data-state="sobrada"] .aj-nota--sobrada .aj-nota__t::before,.ajuste[data-state="exacta"] .aj-nota--exacta .aj-nota__t::before{background:var(--jenn-dorado);border-color:var(--jenn-dorado);}
.aj-nota .rombos li{font-size:.9375rem;}
.aj-film{fill:rgba(184,148,77,.1);stroke:#7E6230;stroke-width:1.25;vector-effect:non-scaling-stroke;}
.aj-sello{fill:rgba(184,148,77,.45);}
.aj-sobrante{transition:opacity 500ms ease;}
.ajuste[data-state="exacta"] .aj-sobrante{opacity:0;}
/* La bolsa se ajusta con transform (escala desde el centro de la bolsa sobrada) */
.aj-bolsa{transform-origin:280px 200px;transition:transform 950ms var(--ease-in-out);}
.ajuste[data-state="exacta"] .aj-bolsa{transform:translateY(11px) scale(.59,.594);}
.aj-pliegues{transition:opacity 420ms ease;}
.ajuste[data-state="exacta"] .aj-pliegues{opacity:0;}
.aj-ok{opacity:0;transform-origin:410px 124px;transform:scale(.9);transition:opacity 260ms ease, transform 420ms var(--ease-out);}
.ajuste[data-state="exacta"] .aj-ok{opacity:1;transform:none;transition-delay:720ms;}
/* Rótulos sobre el diagrama: cada uno aparece en su estado */
.aj-rot{position:absolute;display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;line-height:1.3;color:var(--jenn-negro-onix);background:var(--jenn-blanco-marfil);border:1px solid var(--linea);padding:5px 10px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 300ms ease, transform 400ms var(--ease-out);pointer-events:none;}
.aj-rot::before{content:"";width:6px;height:6px;background:var(--jenn-dorado);transform:rotate(45deg);}
.aj-rot--sobra{left:5%;top:72%;}
.aj-rot--pliegue{left:24%;top:2.5%;}
.aj-rot--justo{left:auto;right:3%;top:20%;}
.ajuste[data-state="sobrada"] .aj-rot--sobra,.ajuste[data-state="sobrada"] .aj-rot--pliegue{opacity:1;transform:none;}
.ajuste[data-state="exacta"] .aj-rot--justo{opacity:1;transform:none;transition-delay:700ms;}

/* ===== 4. USOS ===== */
.usos-sec{padding-bottom:var(--sec-tight);}
.usos-banda{position:relative;margin-top:clamp(.5rem,0rem + 1.5vw,1.5rem);}
.usos-banda__foto{position:relative;height:clamp(26rem,17rem + 24vw,46rem);overflow:hidden;background:#E9E8E6;}
.usos-banda__foto img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:50% 0%;}
.usos-banda__txt{position:absolute;left:0;right:0;bottom:clamp(1.5rem,.8rem + 2.4vw,3.25rem);margin-inline:auto;pointer-events:none;}
.usos-banda__txt > div{max-width:31rem;pointer-events:auto;}
.usos-banda__txt .h3--serif{font-size:clamp(1.875rem,1.3rem + 1.8vw,3rem);}
.usos-banda__txt p{margin-top:var(--s3);color:var(--jenn-gris-grafito);font-size:1.0625rem;text-wrap:pretty;}
.usos-resto{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s6);align-items:start;margin-top:clamp(3rem,2rem + 3.5vw,5.5rem);}
.usos-resto__intro{grid-column:1 / span 5;position:sticky;top:calc(var(--subnav-h) + 40px);font-size:clamp(1.75rem,1.2rem + 1.9vw,2.75rem);}
.usos-lista{grid-column:7 / -1;display:flex;flex-direction:column;border-top:1px solid var(--jenn-negro-onix);}
.uso-fila{display:grid;grid-template-columns:132px 1fr;gap:var(--s5);align-items:start;padding:var(--s6) 0;border-bottom:1px solid var(--linea);}
.uso-fila__ilu{width:132px;height:auto;color:var(--jenn-dorado-tinta);}
.uso-fila p{margin-top:6px;color:var(--jenn-gris-grafito);text-wrap:pretty;}
.uso-otra{display:flex;flex-direction:column;gap:6px;padding:var(--s6) 0;}
.uso-otra__t{font-family:var(--jenn-font-heading);font-weight:500;font-size:1.625rem;line-height:1.15;}
.uso-otra__d{color:var(--jenn-gris-grafito);}
.uso-otra .link-arrow{margin-top:var(--s2);}
.quienes{grid-column:7 / -1;font-size:.9375rem;color:var(--jenn-gris-grafito);}
.quienes .etq{margin-bottom:4px;}

/* ===== 5. MEDIDAS a escala + cotizador (oscura) =====
   Escritorio: una sola fila sobre la misma base, agrupada por categoría como el eje
   de una gráfica. Cada grupo crece según la suma de anchos de sus bolsas (--g) y
   cada mosaico según el ancho de su bolsa (--w). Móvil/tablet: rejilla de 4. */
.sec--medidas{overflow:hidden;isolation:isolate;}
.medidas__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);align-items:end;margin-bottom:clamp(2.5rem,1.6rem + 2.6vw,4rem);}
.medidas__titulo{grid-column:1 / span 7;display:flex;flex-direction:column;gap:var(--s4);}
.medidas__titulo .lede{color:var(--jenn-gris-perla);max-width:36em;}
/* El 12 como figura tipográfica: contorno dorado, en su propia columna (no pisa texto) */
.medidas__doce{grid-column:9 / -1;justify-self:end;margin-bottom:-.12em;font-family:var(--jenn-font-heading);font-weight:500;font-size:clamp(7rem,3rem + 11vw,13rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.25px color-mix(in srgb, var(--jenn-dorado) 70%, transparent);pointer-events:none;user-select:none;}
.medidas{display:flex;flex-direction:column;gap:var(--s7);margin:0;}
.tallas{display:flex;align-items:flex-end;gap:10px;border:0;margin:0;padding:0;min-width:0;--plate-h:clamp(120px, 11.5vw, 184px);}
.tallas__grupo{flex:var(--g) 1 0;min-width:calc(var(--n) * 54px + (var(--n) - 1) * 8px);display:flex;flex-direction:column;gap:14px;}
.tallas__grupo--prog{min-width:96px;}
.tallas__fila{display:flex;align-items:flex-end;gap:8px;}
.tallas__fila .talla{flex:var(--w) 1 0;min-width:54px;}
.tallas__grupo--prog .talla{flex:1 1 0;}
.tallas__cat{position:relative;display:block;text-align:center;padding-top:16px;font-size:.8125rem;font-weight:600;color:var(--jenn-gris-perla);}
/* Llave del eje: ⊔ bajo el grupo */
.tallas__cat::before{content:"";position:absolute;top:0;left:2px;right:2px;height:8px;border:1px solid color-mix(in srgb, var(--jenn-blanco-marfil) 24%, transparent);border-top:0;}
.talla{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 4px 12px;border:1px solid var(--linea-oscura);border-radius:var(--r-md);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-hover) ease, background-color var(--dur-hover) ease, transform var(--dur-press) var(--ease-out);}
.talla:active{transform:scale(.97);}
.talla input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.talla__plate{display:flex;align-items:flex-end;justify-content:center;width:100%;height:var(--plate-h);border-bottom:1px solid color-mix(in srgb, var(--jenn-blanco-marfil) 20%, transparent);margin-bottom:8px;}
/* Escala común: la bolsa más larga (34 in) ocupa todo el alto del plate */
.talla__bolsa{position:relative;width:calc(var(--w) * var(--plate-h) / 34);height:calc(var(--l) * var(--plate-h) / 34);border:1.25px solid var(--jenn-dorado);border-top-style:dashed;border-radius:2px;background:color-mix(in srgb, var(--jenn-dorado) 10%, transparent);transition:background-color var(--dur-hover) ease;}
/* Cotas de la medida elegida: ancho arriba, largo a la derecha */
.talla__bolsa::before,.talla__bolsa::after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity var(--dur-hover) ease, transform var(--dur-panel) var(--ease-out);}
.talla__bolsa::before{left:-1px;right:-1px;top:-10px;height:5px;border:1px solid var(--jenn-blanco-marfil);border-bottom:0;transform:scaleX(.2);}
.talla__bolsa::after{top:-1px;bottom:-1px;right:-10px;width:5px;border:1px solid var(--jenn-blanco-marfil);border-left:0;transform:scaleY(.2);}
.talla.is-checked .talla__bolsa::before,.talla:has(input:checked) .talla__bolsa::before,.talla.is-checked .talla__bolsa::after,.talla:has(input:checked) .talla__bolsa::after{opacity:1;transform:none;}
.talla__txt{font-weight:600;font-size:.875rem;line-height:1.3;color:var(--jenn-blanco-marfil);white-space:nowrap;}
/* En la fila de escritorio la categoría la dice la llave del grupo; se conserva para lectores de pantalla */
.talla__cat{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.talla.is-checked,.talla:has(input:checked){border-color:var(--jenn-dorado);background:color-mix(in srgb, var(--jenn-dorado) 12%, transparent);}
.talla.is-checked .talla__bolsa,.talla:has(input:checked) .talla__bolsa{background:color-mix(in srgb, var(--jenn-dorado) 40%, transparent);}
.talla:has(input:focus-visible){outline:2px solid var(--jenn-dorado);outline-offset:2px;}
.talla--prog .talla__bolsa{--w:11;--l:17;border-style:dashed;background:repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--jenn-dorado) 24%, transparent) 5px 6px);}
.cotiza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"head head prev" "med qty prev" "prog maq btn";column-gap:var(--s7);row-gap:var(--s5);align-items:start;padding:var(--s6) var(--s7);border:1px solid var(--linea-oscura);background:var(--jenn-onix-2);}
.cotiza__head{grid-area:head;}
.cotiza__row--med{grid-area:med;}
.cotiza__prog{grid-area:prog;}
.cotiza__row--qty{grid-area:qty;}
.cotiza__row--maq{grid-area:maq;}
.cotiza__preview{grid-area:prev;}
.cotiza > .btn{grid-area:btn;align-self:end;}
.cotiza__head p{color:var(--jenn-gris-perla);font-size:.9375rem;margin-top:6px;}
.cotiza__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s4);border:0;margin:0;padding:0;min-width:0;}
.cotiza__row--top{display:block;}
.cotiza__label{display:block;min-width:5.5rem;padding:0;font-size:.8125rem;font-weight:600;color:var(--jenn-dorado);}
.cotiza__row--med{flex-direction:column;align-items:flex-start;gap:var(--s3);}
.cotiza__elegida{display:flex;align-items:center;gap:var(--s4);}
/* Miniatura de la bolsa elegida, a escala (pouch.js escribe --w y --l) */
.cotiza__mini{flex:none;width:56px;height:56px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid color-mix(in srgb, var(--jenn-blanco-marfil) 25%, transparent);}
.cotiza__mini::before{content:"";width:calc(var(--w, 0) * 56px / 34);height:calc(var(--l, 0) * 56px / 34);border:1.25px solid var(--jenn-dorado);border-top-style:dashed;background:color-mix(in srgb, var(--jenn-dorado) 35%, transparent);}
.cotiza__aviso{flex-basis:100%;min-height:1.2em;font-size:.8125rem;color:var(--jenn-dorado);}
.cotiza__aviso:empty{display:none;}
.cotiza__row--top .cotiza__label{margin-bottom:var(--s3);}
.cotiza__medida{font-weight:600;font-size:1.0625rem;color:var(--jenn-blanco-marfil);}
.cotiza__prog{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3);}
.cotiza__prog[hidden]{display:none;}
.cotiza__x{padding-bottom:12px;color:var(--jenn-gris-perla);}
.campo{position:relative;display:flex;flex-direction:column;gap:6px;}
.campo__l{font-size:.75rem;color:var(--jenn-gris-perla);}
.campo input{width:7rem;padding:12px 36px 12px 14px;background:transparent;border:1px solid color-mix(in srgb, var(--jenn-blanco-marfil) 30%, transparent);border-radius:var(--r-sm);color:var(--jenn-blanco-marfil);font-size:1rem;font-variant-numeric:tabular-nums;transition:border-color var(--dur-hover) ease;}
.campo input::placeholder{color:var(--jenn-gris-perla);}
.campo input:focus{border-color:var(--jenn-dorado);outline:none;}
.campo__u{position:absolute;right:12px;bottom:13px;font-size:.875rem;color:var(--jenn-gris-perla);pointer-events:none;}
.stepper{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb, var(--jenn-blanco-marfil) 30%, transparent);border-radius:999px;}
.stepper button{width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--jenn-blanco-marfil);font-size:1.25rem;line-height:1;cursor:pointer;transition:background-color var(--dur-hover) ease, transform var(--dur-press) var(--ease-out);}
.stepper button:active{transform:scale(.9);}
.stepper input{width:3.4rem;text-align:center;background:none;border:0;color:var(--jenn-blanco-marfil);font-weight:600;font-size:1.0625rem;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.cotiza__unit{color:var(--jenn-gris-perla);font-size:.9375rem;}
.cotiza__preview{padding:var(--s4);border:1px dashed color-mix(in srgb, var(--jenn-blanco-marfil) 20%, transparent);}
.cotiza__preview p{margin-top:8px;white-space:pre-line;font-size:.875rem;line-height:1.6;color:var(--jenn-gris-perla);}
.medidas__nota{margin-top:var(--s6);color:var(--jenn-gris-perla);max-width:44em;}

/* ===== 6. CÓMO ELEGIR — la regla ===== */
.regla{position:relative;}
.regla__escala{position:relative;height:44px;border-top:1px solid var(--jenn-negro-onix);background:
  linear-gradient(90deg, var(--jenn-negro-onix) 1px, transparent 1px) 0 0 / 25% 22px no-repeat repeat-x,
  linear-gradient(90deg, color-mix(in srgb, var(--jenn-gris-grafito) 70%, transparent) 1px, transparent 1px) 0 0 / calc(25% / 4) 14px repeat-x,
  linear-gradient(90deg, color-mix(in srgb, var(--jenn-gris-grafito) 45%, transparent) 1px, transparent 1px) 0 0 / calc(25% / 16) 7px repeat-x;
  background-repeat:repeat-x;}
.regla__cursor{position:absolute;left:0;top:-7px;width:2px;height:40px;background:var(--jenn-dorado);transform:translateX(var(--x, 0px));}
.regla__cursor::before{content:"";position:absolute;left:-6px;top:-2px;width:14px;height:10px;background:var(--jenn-dorado);clip-path:polygon(0 0,100% 0,50% 100%);}
.regla__pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s5);}
.rp{display:flex;flex-direction:column;gap:var(--s3);padding-right:var(--s4);}
.rp__n{font-family:var(--jenn-font-heading);font-size:clamp(2.75rem,2rem + 2.4vw,4.25rem);line-height:1;color:var(--jenn-gris-perla);transition:color var(--dur-panel) ease;margin-bottom:var(--s2);}
.rp.is-on .rp__n,.regla:not(.is-live) .rp__n{color:var(--jenn-dorado-tinta);}
.rp p{color:var(--jenn-gris-grafito);font-size:1rem;text-wrap:pretty;}

/* ===== 7. PLANTA ===== */
.planta{position:relative;padding-bottom:var(--sec);}
.planta__foto{position:relative;height:clamp(22rem,12rem + 28vw,44rem);overflow:hidden;background:#D9D6D0;}
.planta__foto img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:50% 40%;}
.planta__grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s7);margin-top:clamp(-9rem,-4rem - 6vw,-4rem);}
.planta__copy{grid-column:1 / span 6;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5);padding:clamp(1.75rem,1rem + 2.6vw,3.5rem);background:var(--jenn-blanco-marfil);box-shadow:var(--sombra-1);}
.planta__b{grid-column:8 / span 5;align-self:end;margin:0;aspect-ratio:3 / 2;overflow:hidden;border:6px solid var(--jenn-blanco-marfil);box-shadow:var(--sombra-2);}
.planta__b img{width:100%;height:100%;object-fit:cover;}
.planta__hechos{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s5);border-top:1px solid var(--jenn-negro-onix);}
.planta__hechos > div{padding:var(--s5) var(--s5) 0 0;}
.planta__hechos dt{font-weight:600;}
.planta__hechos dd{margin-top:6px;color:var(--jenn-gris-grafito);font-size:.9375rem;text-wrap:pretty;}

/* ===== 8. CIERRE (variante pouch): cada término lleva su cota ===== */
.cierre--pouch .cierre__term small{position:relative;border-top:0;padding-top:14px;}
.cierre--pouch .cierre__term small::before{content:"";position:absolute;left:0;right:0;top:4px;height:7px;border:1px solid color-mix(in srgb, var(--jenn-dorado) 70%, transparent);border-bottom:0;}

@media (hover:hover) and (pointer:fine){
  .talla:hover{border-color:color-mix(in srgb, var(--jenn-dorado) 70%, transparent);}
  .stepper button:hover{background:color-mix(in srgb, var(--jenn-blanco-marfil) 10%, transparent);}
  .vp__btn:hover .vp__n{border-color:var(--jenn-dorado);}
  .uso-otra:hover .link-arrow{color:var(--jenn-dorado-tinta);}
  .uso-otra:hover .link-arrow svg{transform:translateX(3px);}
}
@media (max-width:1100px){
  .cotiza{grid-template-columns:1fr 1fr;grid-template-areas:"head head" "med qty" "prog maq" "prev prev" "btn btn";padding:var(--s6);}
}
@media (max-width:960px){
  .phero--pouch .phero__copy{grid-column:1 / -1;padding-right:0;}
  .phero--pouch .phero__fig{grid-column:1 / -1;}
  .pz-bahia{margin-left:calc(var(--gutter) * -1);padding-inline:var(--gutter);border-left:0;}
  .vacio__head .h2,.vacio__head .lede{grid-column:1 / -1;}
  .vacio__pasos{grid-template-columns:1fr 1fr;row-gap:var(--s5);}
  .ajuste__head{grid-column:1 / -1;position:static;}
  .ajuste__fig,.ajuste__notas{grid-column:1 / -1;}
  .usos-resto__intro,.usos-lista,.quienes{grid-column:1 / -1;}
  .usos-resto__intro{position:static;max-width:30rem;}
  /* Móvil: la foto va justo después del título (producto en el primer pantallazo) */
  .phero--pouch .phero__copy{display:contents;}
  .phero--pouch .crumbs{order:1;}
  .phero--pouch .phero__title{order:2;margin:0;}
  .phero--pouch .phero__fig{order:3;}
  .phero--pouch .phero__lede{order:4;}
  .phero--pouch .phero__actions{order:5;}
  .phero--pouch .specline{order:6;}
  .phero--pouch .phero__grid{display:flex;flex-direction:column;align-items:stretch;gap:var(--s5);}
  .phero--pouch .crumbs{align-self:flex-start;}
  .medidas__titulo{grid-column:1 / span 9;}
  .medidas__doce{grid-column:10 / -1;font-size:clamp(5rem,2rem + 12vw,8rem);}
  .planta__copy{grid-column:1 / span 10;}
  .planta__b{grid-column:5 / -1;}
  .planta__hechos{grid-template-columns:1fr;}
  .planta__hechos > div{padding-right:0;border-bottom:1px solid var(--linea);padding-bottom:var(--s4);}
  .tallas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;--plate-h:120px;}
  .tallas__grupo,.tallas__fila{display:contents;}
  .tallas__cat{display:none;}
  .talla__cat{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:.75rem;font-weight:500;color:var(--jenn-gris-perla);}
  .talla__txt{font-size:.9375rem;}
  .talla--prog{grid-column:span 4;flex-direction:row;justify-content:flex-start;gap:var(--s4);padding:12px 16px;}
  .talla--prog .talla__plate{width:auto;height:64px;border:0;margin:0;}
  .talla--prog .talla__bolsa{--plate-h:112px;}
  .talla--prog .talla__txt{margin-right:auto;}
  /* Regla en vertical: escala a la izquierda, pasos a la derecha */
  .regla{display:grid;grid-template-columns:44px 1fr;column-gap:var(--s5);}
  .regla__escala{height:auto;border-top:0;border-left:1px solid var(--jenn-negro-onix);background:
    linear-gradient(var(--jenn-negro-onix) 1px, transparent 1px) 0 0 / 22px 25% no-repeat,
    linear-gradient(color-mix(in srgb, var(--jenn-gris-grafito) 70%, transparent) 1px, transparent 1px) 0 0 / 14px 48px repeat-y,
    linear-gradient(color-mix(in srgb, var(--jenn-gris-grafito) 45%, transparent) 1px, transparent 1px) 0 0 / 7px 12px repeat-y;}
  .regla__cursor{top:0;left:-7px;width:40px;height:2px;transform:translateY(var(--y, 0px));}
  .regla__cursor::before{left:-2px;top:-6px;width:10px;height:14px;clip-path:polygon(0 0,100% 50%,0 100%);}
  .regla__pasos{grid-template-columns:1fr;row-gap:var(--s7);}
  .rp{padding-right:0;}
}
@media (max-width:720px){
  .cotiza{display:flex;flex-direction:column;align-items:stretch;padding:var(--s5);}
}
@media (max-width:560px){
  .vacio__svg text{font-size:20px;letter-spacing:1px;}
  .vc-marcas text{font-size:19px;}
  .pz-etq--sello{display:none;}
  .pz-etq{font-size:.625rem;letter-spacing:.1em;padding:1px 6px;}
  .vacio__pasos{grid-template-columns:1fr;}
  .vacio__pie .prose{grid-template-columns:1fr;row-gap:var(--s4);}
  .ajuste__notas{grid-template-columns:1fr;gap:var(--s5);}
  .aj-rot{font-size:.6875rem;padding:4px 8px;}
  .aj-rot--pliegue{left:18%;top:0;}
  .aj-rot--justo{right:2%;top:10%;}
  .usos-banda__foto{height:20rem;}
  .usos-banda__foto img{object-position:50% 0%;}
  .usos-banda__txt{position:static;padding-top:var(--s5);}
  .uso-fila{grid-template-columns:84px 1fr;gap:var(--s4);}
  .uso-fila__ilu{width:84px;}
  .medidas__head{row-gap:var(--s4);}
  .medidas__titulo,.medidas__doce{grid-column:1 / -1;}
  .medidas__doce{justify-self:start;order:-1;font-size:5.5rem;}
  .tallas{gap:8px;--plate-h:96px;}
  .talla{padding:12px 4px 10px;}
  .talla__txt{font-size:.875rem;}
  .talla--prog{padding:12px 14px;}
  .cotiza__label{min-width:0;width:100%;}
  .planta__grid{margin-top:-3rem;}
  .planta__copy{grid-column:1 / -1;}
  .planta__b{grid-column:1 / -1;border-width:4px;}
}
@media (prefers-reduced-motion: reduce){
  .ajuste[data-state] .aj-bolsa,.ajuste[data-state] .aj-pliegues,.ajuste[data-state] .aj-ok,.ajuste[data-state] .aj-nota__t,.ajuste[data-state] .aj-sobrante,.ajuste[data-state] .aj-rot{transition-duration:1ms;transition-delay:0ms;}
  .talla__bolsa::before,.talla__bolsa::after{transition:none;}
}