:root{--ink:#20201e;--paper:#f9f8f5;--white:#fff;--line:#deddd7;--muted:#686861;--sand:#e7ddcb;--brown:#6b4d36;--ease:cubic-bezier(.2,.65,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brown);outline-offset:5px}button{border:0}img{display:block;max-width:100%;height:auto}::selection{background:var(--sand)}.wrap{max-width:1440px;margin:auto;padding:0 64px}.eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.arrow{font-weight:400}.skip{position:absolute;top:-60px;left:16px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:8px}
.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px 16px;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.announcement span{color:#bdb9ac;margin:0 12px}.header{position:sticky;top:0;z-index:30;background:rgba(249,248,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{position:relative;width:151px;height:31px;overflow:hidden;flex-shrink:0}.brand img{width:100%}.nav-links{display:flex;gap:32px;font-size:12px}.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.nav-links a:hover:after{width:100%}.nav-ig{font-size:11px;display:flex;align-items:center;gap:15px}.menu-toggle{display:none;width:40px;height:40px;background:transparent;border:1px solid var(--line);font-size:20px}.ig-icon{width:17px;height:17px;vertical-align:middle;flex-shrink:0}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:648px;border-bottom:1px solid var(--line)}.hero-copy{padding:69px 32px 48px 0;display:flex;flex-direction:column;align-items:flex-start}.hero-kicker{display:flex;align-items:center;gap:11px}.small-line{width:28px;height:1px;background:var(--ink)}h1{font-size:clamp(68px,7.2vw,110px);font-weight:900;line-height:.94;letter-spacing:-.075em;margin:37px 0 27px}h1 span{display:block}.hero-copy p{font-size:15px;line-height:1.8;max-width:310px;color:var(--muted);margin:0 0 30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:36px;min-height:49px;padding:16px 22px;background:var(--ink);color:white;font-size:12px;transition:background .2s,transform .2s}.btn:hover{background:var(--brown);transform:translateY(-2px)}.btn-light{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-light:hover{color:white}.hero-note{display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:37px;color:var(--muted);font-size:10px;letter-spacing:.07em}.hero-note .swatches{display:flex}.hero-note i{width:12px;height:12px;border-radius:50%;display:block;border:1px solid #d0cec7;margin-right:-2px}.hero-visual{position:relative;overflow:hidden;background:#eee8dc;min-width:0}.hero-visual:before{content:'AUREN';position:absolute;left:24px;top:24px;font-size:10px;letter-spacing:.22em;color:var(--brown);z-index:1}.hero-product{position:absolute;inset:65px 0 55px;overflow:hidden;mix-blend-mode:multiply}.hero-product img{width:100%;position:absolute;top:0;transition:transform 1.2s var(--ease)}.hero-visual:hover .hero-product img{transform:scale(1.025)}.hero-number{position:absolute;right:24px;top:22px;font-size:11px;color:var(--brown)}.hero-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7bca7;padding-top:15px;font-size:11px}.hero-caption a{display:flex;gap:22px;align-items:center}.hero-caption a:hover{text-decoration:underline}.hero-stamp{position:absolute;right:25px;bottom:92px;width:75px;height:75px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink);border-radius:50%;font-size:44px;line-height:1;transform:rotate(-12deg)}
.ticker{border-bottom:1px solid var(--line);overflow:hidden}.ticker-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-size:11px;font-weight:bold;letter-spacing:.15em;white-space:nowrap}.ticker .spark{font-size:19px;color:var(--brown)}
.catalog{padding:77px 0 80px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}h2{font-size:clamp(34px,3.7vw,53px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:12px 0 0}.section-description{font-size:13px;color:var(--muted);max-width:300px;line-height:1.7;margin:0 0 3px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{background:transparent;border:1px solid transparent;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 14px;transition:all .2s}.filter:hover{border-color:var(--line)}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #c2beb4;background:var(--dot)}.results-count{font-size:11px;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px}.product-card{min-width:0;animation:arrive .4s var(--ease) both}.product-button{display:block;width:100%;padding:0;text-align:left;background:transparent}.product-stage{position:relative;aspect-ratio:1.12;overflow:hidden;background:white}.product-stage img{position:absolute;width:100%;top:0;left:0;transition:transform .6s var(--ease)}.product-button:hover .product-stage img{transform:scale(1.045)}.product-index{position:absolute;top:12px;left:12px;z-index:2;font-size:9px;color:#76766f;background:rgba(255,255,255,.85);padding:4px 5px}.quick-view{position:absolute;right:10px;bottom:10px;height:29px;width:29px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:18px;transition:all .2s}.product-button:hover .quick-view{background:var(--ink);border-color:var(--ink);color:white;transform:rotate(90deg)}.product-info{display:flex;justify-content:space-between;gap:8px;padding-top:15px}.product-name{font-size:13px;font-weight:500;margin:0}.product-color{font-size:11px;margin-top:6px;color:var(--muted)}.product-color .dot{width:7px;height:7px;margin-right:6px}.product-link{font-size:16px}.catalog-note{margin:39px 0 0;padding:19px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.catalog-note a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}
.essence{background:var(--ink);color:var(--paper);padding:70px 0}.essence-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;align-items:center}.essence-brand{display:flex;gap:25px;align-items:center}.essence-logo{width:120px;height:124px;overflow:hidden;position:relative;flex-shrink:0}.essence-logo img{width:100%}.essence-brand .eyebrow{font-size:10px;color:#c8c6bd;line-height:1.9}.essence-text{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3vw,42px);line-height:1.25;letter-spacing:-.035em;margin:0}.essence-text em{color:#cfb995}.essence-bottom{margin-top:47px;padding-top:23px;border-top:1px solid #45443d;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#b8b7af}.essence-bottom span:last-child{color:var(--paper)}
.contact{padding:80px 0 86px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.contact h2{font-size:clamp(42px,4.8vw,68px);max-width:550px}.contact p{font-size:14px;color:var(--muted);line-height:1.8;max-width:390px;margin:19px 0 25px}.contact-link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding:20px 0;font-size:clamp(18px,2vw,28px);letter-spacing:-.04em}.contact-link:hover .arrow{transform:translate(4px,-4px)}.contact-link .arrow{transition:transform .2s}.contact-small{font-size:11px;color:var(--muted);margin-top:13px}.footer{border-top:1px solid var(--line);padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-copy{font-size:10px;color:var(--muted);letter-spacing:.04em}.back-top{font-size:11px;display:flex;gap:15px}
dialog{width:min(930px,calc(100% - 40px));padding:0;border:0;background:var(--paper);color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#15151399;backdrop-filter:blur(5px)}.modal-body{display:grid;grid-template-columns:1.1fr 1fr;min-height:450px}.modal-image-area{background:white;display:flex;align-items:center;min-width:0;padding:28px 8px}.modal-image-area .product-stage{width:100%}.modal-copy{padding:65px 38px 32px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.modal-copy h2{font-size:38px;margin:14px 0 20px}.modal-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.modal-color{display:flex;align-items:center;gap:8px;font-size:12px}.modal-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:25px 0 18px}.modal-copy .btn{width:100%;gap:14px}.ficha-ig{display:block;width:100%;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;text-align:center;color:var(--muted)}.ficha-ig:hover{color:var(--ink);border-color:var(--ink)}.close-modal{position:absolute;top:13px;right:13px;z-index:3;width:33px;height:33px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:22px}.modal-nav{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.modal-nav button{width:32px;height:32px;background:transparent;font-size:20px}.modal-nav span{font-size:10px;color:var(--muted)}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:700px}.hero-copy{padding-top:85px}.hero-product{inset:65px 0 50px}}
@media(max-width:1100px){.wrap{padding:0 35px}.nav-links{gap:22px}.hero{min-height:590px}.hero-copy{padding-top:59px}h1{font-size:77px}.hero-visual .hero-product{inset:105px 0 95px}.hero-stamp{width:60px;height:60px;font-size:35px;bottom:86px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.essence-grid{gap:40px;grid-template-columns:.9fr 1.2fr}.essence-brand{gap:15px}.essence-brand .eyebrow{font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:78px}.wrap{padding:0 22px}.announcement{font-size:9px;letter-spacing:.08em}.nav{height:70px;gap:15px}.brand{width:126px;height:27px}.nav-ig{margin-left:auto}.nav-ig span{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:23px;border-bottom:1px solid var(--line);gap:20px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 32px}.hero-kicker{font-size:9px}h1{font-size:clamp(65px,12.5vw,96px);margin:28px 0 20px}.hero-copy p{font-size:13px;max-width:300px;margin-bottom:24px}.hero-note{padding-top:24px;margin:0;font-size:9px}.hero-visual{min-height:0;aspect-ratio:1.06;margin-bottom:22px}.hero-visual .hero-product{inset:28px 0 37px}.hero-stamp{width:55px;height:55px;font-size:31px;bottom:68px;right:17px}.hero-caption{bottom:15px;left:17px;right:17px;padding-top:10px;font-size:10px}.hero-visual:before{top:17px;left:17px;font-size:9px}.hero-number{top:17px;right:17px;font-size:9px}.ticker-inner{padding:17px 0;font-size:9px;gap:20px}.ticker-inner .optional{display:none}.ticker .spark{font-size:15px}.catalog{padding:45px 0 47px}.section-top{display:block;margin-bottom:23px}.section-description{margin:18px 0 0;font-size:12px;max-width:350px}h2{font-size:39px}.catalog-toolbar{display:block;padding:12px 0}.filters{gap:2px}.filter{padding:8px 10px;font-size:10px}.results-count{display:block;margin-top:12px;padding-left:4px;font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.product-index{left:6px;top:6px;font-size:8px;padding:3px}.quick-view{width:25px;height:25px;right:7px;bottom:7px;font-size:16px}.product-info{padding-top:11px}.product-name{font-size:12px}.product-color{font-size:10px}.catalog-note{margin-top:28px;display:block;font-size:10px;line-height:1.7}.catalog-note a{display:inline-block;margin-top:10px}.essence{padding:40px 0}.essence-grid{grid-template-columns:1fr;gap:28px}.essence-logo{width:73px;height:76px}.essence-brand{gap:20px}.essence-brand .eyebrow{font-size:9px}.essence-text{font-size:30px}.essence-bottom{margin-top:30px;padding-top:18px;line-height:1.7;display:block;font-size:10px}.essence-bottom span{display:block}.essence-bottom span:last-child{margin-top:12px}.contact{padding:45px 0}.contact-grid{grid-template-columns:1fr;gap:15px}.contact h2{font-size:45px}.contact p{font-size:12px;margin:17px 0 15px}.contact-link{font-size:25px;padding:13px 0}.contact-small{font-size:10px}.footer{padding:25px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:22px}.footer-copy{grid-column:1/-1;grid-row:2;font-size:9px}.back-top{font-size:10px}.footer .brand{width:112px;height:24px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal-body{grid-template-columns:1fr;min-height:0}.modal-image-area{padding:25px 12px 0}.modal-image-area .product-stage{width:min(100%,330px);margin:auto}.modal-copy{padding:23px 25px 20px}.modal-copy h2{font-size:31px;margin:8px 0 13px}.modal-description{font-size:12px;margin-bottom:15px}.modal-hint{margin:16px 0 13px}.modal-copy .eyebrow{font-size:9px}.modal-nav{margin-top:8px}.close-modal{position:fixed;top:22px;right:22px}.modal-color{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Final campaign composition and responsive gutters. */
.essence-logo{height:100px}
.brand{height:23px}
.hero-product{inset:65px 3% 55px}

.ticker-inner{padding:22px 64px}.catalog.wrap{padding:77px 64px 80px}.contact.wrap{padding:80px 64px 86px}
@media(min-width:1600px){.hero-product{inset:65px 3% 50px}}
@media(max-width:1100px){.hero-visual .hero-product{inset:70px 3% 65px}.ticker-inner{padding:22px 35px}.catalog.wrap{padding:65px 35px}.contact.wrap{padding:65px 35px}}
@media(max-width:760px){h1{font-size:clamp(42px,13.5vw,86px)}h1 span{white-space:nowrap}.essence-logo{height:62px}.brand{height:20px}.hero-visual{aspect-ratio:1}.hero-visual .hero-product{inset:30px 6% 40px}.ticker-inner{padding:17px 22px}.catalog.wrap{padding:45px 22px 47px}.contact.wrap{padding:45px 22px}.footer .brand{height:18px}.filters{gap:2px}.filter{padding:8px 9px}}

/* Colores que en el original iban en atributos style. La CSP no deja estilos en linea. */
.tono-negro{background:#242424}.tono-blanco{background:#fff}.tono-beige{background:#d7bd94}.tono-marron{background:#71503e}
.dot-negro{--dot:#242424}.dot-blanco{--dot:#fff}.dot-beige{--dot:#d7bd94}.dot-marron{--dot:#71503e}.dot-azul{--dot:#222e49}.dot-gris{--dot:#505259}

/* Pedido: boton de la cabecera, precio y controles de la ficha. Mismo lenguaje que los filtros del catalogo. */
.nav-acciones{display:flex;align-items:center;gap:20px}
.nav-pedido{position:relative;display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:50%;transition:border-color .2s}
.nav-pedido:hover{border-color:var(--ink)}
.pedido-icono{width:19px;height:19px}
.nav-pedido-n{position:absolute;top:-6px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:10px;font-weight:600;line-height:19px;text-align:center}
.nav-pedido-n.salta{animation:salta .35s var(--ease)}
@keyframes salta{50%{transform:scale(1.3)}}
.product-price{font-size:11px;margin-top:6px;color:var(--muted)}
.modal-price{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:16px 0 0}
.talles{border:0;padding:0;margin:22px 0 0;min-width:0}
.talles legend{padding:0;margin-bottom:10px}
.talles-opciones{display:flex;gap:8px}
.talles input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.talles label{min-width:46px;height:40px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--line);font-size:12px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.talles label:hover{border-color:var(--ink)}
.talles input:checked+label{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.talles input:focus-visible+label{outline:2px solid var(--brown);outline-offset:3px}
.talles.falta label{border-color:var(--brown)}
.cantidad-fila{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:18px 0 20px}
.cantidad{display:flex;align-items:center;border:1px solid var(--line)}
.cantidad button{width:40px;height:40px;background:transparent;font-size:18px;line-height:1}
.cantidad button:disabled{color:var(--line);cursor:default}
.cantidad output{min-width:34px;text-align:center;font-size:13px}
.pedido-aviso{min-height:20px;margin:10px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.pedido-aviso.error{color:var(--brown)}
@media(max-width:760px){.nav-acciones{margin-left:auto;gap:14px}.nav-ig{margin-left:0}.modal-price{font-size:14px;margin-top:12px}.talles{margin-top:16px}.talles-opciones{gap:6px}.talles label{min-width:0;flex:1}.cantidad-fila{margin:14px 0 16px}}

/* Panel del pedido: a la derecha en escritorio, pantalla completa en el celular. Cabeza y pie fijos, la lista corre. */
.panel-pedido{margin:0 0 0 auto;width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;flex-direction:column;overflow:hidden}
.panel-pedido[open]{display:flex}
.pedido-cabeza{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line)}
.pedido-cabeza h2{font-size:26px;margin:0}
.pedido-cerrar{width:33px;height:33px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:22px;line-height:1}
.pedido-cuerpo{flex:1;overflow:auto;padding:6px 26px}
.pedido-vacio{padding:40px 0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pedido-vacio p{margin:0;font-size:14px;color:var(--muted);line-height:1.7}
.pedido-lista{list-style:none;margin:0;padding:0}
.pedido-linea{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.pedido-linea:last-child{border-bottom:0}
.pedido-linea img{width:72px;aspect-ratio:1.12;background:var(--white)}
.pedido-linea-nombre{margin:0;font-size:13px;font-weight:500}
.pedido-linea-detalle,.pedido-linea-precio{margin:5px 0 0;font-size:11px;color:var(--muted)}
.pedido-linea-acciones{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cantidad-chica button{width:34px;height:34px;font-size:16px}
.cantidad-chica output{min-width:28px;font-size:12px}
.pedido-sacar,.pedido-vaciar{background:transparent;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 0}
.pedido-sacar:hover,.pedido-vaciar:hover{color:var(--ink);border-color:var(--ink)}
.pedido-pie{padding:18px 26px 22px;border-top:1px solid var(--line);background:var(--paper)}
.pedido-total{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
.pedido-total strong{font-size:18px;letter-spacing:-.02em}
.pedido-nota{margin:6px 0 0;font-size:11px;color:var(--muted)}
.pedido-nota:empty{display:none}
.pedido-form{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.pedido-form input{width:100%;height:46px;padding:0 14px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:16px}
.pedido-form input:focus-visible{outline:2px solid var(--brown);outline-offset:2px}
.pedido-form input[aria-invalid=true]{border-color:var(--brown)}
.pedido-form .btn{width:100%;margin-top:4px}
.pedido-form .pedido-aviso{margin:0;min-height:0}
.pedido-enviado:empty{display:none}
.pedido-enviado a{color:var(--ink);border-bottom:1px solid var(--ink)}
.pedido-vaciar{margin-top:12px}
@media(max-width:760px){.panel-pedido{width:100%}.pedido-cabeza{padding:16px 22px}.pedido-cuerpo{padding:4px 22px}.pedido-pie{padding:14px 22px 18px}}

/* Pie: legales y sello de Celfar (el mismo en todas las paginas, lo arma scripts/generar-paginas.mjs). */
.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.legales{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:var(--muted)}
.legales a:hover{color:var(--ink);text-decoration:underline}
.legales .arrepentimiento{color:var(--ink);font-weight:600;border-bottom:1px solid var(--ink)}
.sello{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:var(--muted)}
.sello strong{color:var(--brown);font-weight:700}
.sello-marca{width:18px;height:20px;flex-shrink:0}
.pedido-pie-enlaces{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.pedido-pie-enlaces .pedido-vaciar{margin-top:0}
.pedido-legal{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 0}

/* Paginas legales y 404: un documento de lectura sobre el mismo marco del sitio. */
.nav-volver{font-size:12px;display:flex;gap:14px;align-items:center}
.nav-volver:hover{text-decoration:underline}
.legal-doc{max-width:720px;padding:56px 0 48px}
.legal-doc h1{font-size:clamp(34px,4.6vw,52px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0 0 12px}
.legal-doc .actualizado{font-size:11px;color:var(--muted);margin:0 0 34px}
.legal-doc section{border-top:1px solid var(--line);padding:24px 0}
.legal-doc h2{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:0 0 10px}
.legal-doc p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 12px}
.legal-doc section a:not(.btn){color:var(--ink);text-decoration:underline}
.legal-doc .btn{margin:6px 0}
.legal-doc .datos{display:grid;grid-template-columns:120px 1fr;gap:10px 18px;margin:0;font-size:15px}
.legal-doc .datos dt{color:var(--muted)}
.legal-doc .datos dd{margin:0}
.legal-doc .pendiente{background:var(--sand);border:1px solid var(--brown);padding:16px;margin:0 0 26px;font-size:14px;line-height:1.6}
.pagina-404{padding:90px 0 110px}
.pagina-404 .eyebrow{color:var(--brown)}
@media(max-width:760px){.footer-legal{display:block}.legales{gap:10px 16px;margin-bottom:18px}.legal-doc{padding:36px 0 32px}.legal-doc .datos{grid-template-columns:1fr;gap:2px}.legal-doc .datos dd{margin-bottom:12px}.pagina-404{padding:56px 0 70px}}

/* Critica de interfaz (P12): areas para el dedo de 44 px, bordes de controles con contraste 3:1, error distinto del
   marron de la marca, y letra de 12 a 13 px en lo que informa. Lo decorativo (franjas, etiquetas) queda como el original. */
:root{--line-control:#8f8d85;--error:#a8321e}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nav-links a:after{width:100%;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover:after{width:100%;transform:scaleX(1)}
.nav-pedido{display:flex;align-items:center;gap:9px;width:auto;height:44px;padding:0 17px 0 14px;border-radius:22px;font-size:12px}
.menu-toggle{width:44px;height:44px}
.nav-ig{min-height:44px}
.filter[aria-pressed=true] .dot{border-color:#ffffffb3}
.product-price,.catalog-note,.contact-small,.essence-bottom,.legales,.sello{font-size:12px}
.legales a{display:inline-block;padding:6px 0}
.talles{align-self:stretch}
.talles label{height:44px;border-color:var(--line-control)}
.talles.falta label{border-color:var(--error)}
.talles.falta input:focus+label{outline:2px solid var(--error);outline-offset:3px}
.talle-error{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--error)}
.talle-error:empty{display:none}
.cantidad{border-color:var(--line-control)}
.cantidad button,.cantidad-chica button{width:44px;height:44px}
.pedido-aviso{font-size:13px}
.modal-copy .pedido-aviso{color:var(--ink)}
.pedido-aviso.error,.modal-copy .pedido-aviso.error{color:var(--error)}
.modal-copy .btn-ver-pedido{margin-top:10px}
.close-modal,.pedido-cerrar,.modal-nav button{width:44px;height:44px}
.pedido-linea-detalle,.pedido-linea-precio,.pedido-nota{font-size:13px}
.pedido-sacar,.pedido-vaciar,.pedido-legal{display:inline-flex;align-items:center;min-height:44px;padding:0;border-bottom:0;font-size:13px;text-decoration:underline;text-decoration-color:var(--line-control);text-underline-offset:4px}
.pedido-sacar:hover,.pedido-vaciar:hover,.pedido-legal:hover{color:var(--ink);text-decoration-color:var(--ink)}
.pedido-form input{border-color:var(--line-control)}
.pedido-form input[aria-invalid=true]{border-color:var(--error)}
.pedido-cabeza{position:sticky;top:0;z-index:1;background:var(--paper)}
@media(max-width:760px){.nav-ig{min-width:44px;min-height:44px;justify-content:center}.nav-pedido{width:44px;padding:0;justify-content:center}.nav-pedido-texto{display:none}.filters{gap:4px}.filter{min-height:44px}.product-color{font-size:12px}.close-modal{top:18px;right:18px}}
@media(max-width:520px){.ticker-inner{justify-content:center}.ticker-inner>span:not(:first-child){display:none}}
/* Pantalla baja (celular con el teclado abierto): el panel corre entero en vez de dejar la lista sin lugar. */
@media(max-height:700px){.panel-pedido[open]{display:block;overflow:auto}.pedido-cuerpo{overflow:visible}}
