:root{--ink:#1c1c1a;--paper:#fff;--warm:#f7f5f0;--line:#e7e5e0;--muted:#77756f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{background:#191918;color:#f6f5f1;text-align:center;font-size:10px;letter-spacing:.22em;padding:12px 8px}.header{height:79px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.wordmark{font:800 27px 'Manrope',sans-serif;letter-spacing:-.075em}.wordmark-dot,.footer-brand span{color:#a7885e}.nav{display:flex;gap:33px;font-size:12px;letter-spacing:.05em}.nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;gap:20px;align-items:center}.icon-button{border:0;background:none;font-size:27px;line-height:1;padding:6px}.bag-button{background:none;border:0;font-size:11px;font-weight:700;letter-spacing:.08em}.bag-button span{display:inline-grid;place-items:center;border:1px solid #222;border-radius:50%;width:23px;height:23px;margin-left:5px}.mobile{display:none}.hero{height:min(660px,72vw);min-height:420px;position:relative;background:#ded9d2;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,12,.44),transparent 66%);pointer-events:none}.hero-overlay{position:absolute;z-index:1;left:8%;top:50%;transform:translateY(-50%);color:white}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700}.hero h1{font:500 clamp(48px,6.5vw,95px)/1.04 'Manrope',sans-serif;letter-spacing:-.065em;margin:18px 0}.hero p{font-size:15px;margin-bottom:29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid transparent;padding:17px 24px;font-size:11px;font-weight:700;letter-spacing:.11em;transition:opacity .2s}.btn:hover{opacity:.85}.btn-light{background:white;color:#1a1a1a}.btn-dark{background:#191918;color:white}.intro{text-align:center;padding:88px 20px 94px;max-width:710px;margin:auto}.intro h2,.feature h2{font:500 clamp(29px,4vw,45px)/1.25 'Manrope',sans-serif;letter-spacing:-.05em;margin:20px 0}.intro p,.feature p{color:#6d6b65;font-size:14px;line-height:1.9}.section{padding:0 5.3% 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font:600 clamp(27px,3vw,38px) 'Manrope',sans-serif;letter-spacing:-.06em;margin:12px 0 0}.muted{color:var(--muted);font-size:12px}.filters{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto}.filter{border:0;background:none;padding:0 0 14px;font-size:12px;color:#888;white-space:nowrap}.filter.active{color:#191918;border-bottom:2px solid #191918;font-weight:700}.search-wrap{display:none;margin-bottom:22px}.search-wrap.open{display:block}.search-wrap input{width:100%;padding:14px 16px;border:1px solid var(--line);outline:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px}.product-card{min-width:0}.product-photo{position:relative;background:#f0ede7;aspect-ratio:3/4;overflow:hidden;cursor:pointer}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-photo:hover img{transform:scale(1.03)}.photo-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f5f1e9,#e8e2d7);color:#aaa39a;font:600 13px 'Manrope';letter-spacing:.2em}.demo-pill{position:absolute;top:11px;left:11px;background:#fff;padding:6px 9px;font-size:9px;letter-spacing:.07em}.product-info{padding:15px 2px 0}.product-name{display:block;border:0;background:none;text-align:left;padding:0;font-size:13px;font-weight:600}.product-price{font-size:13px;margin-top:6px}.product-colors{font-size:11px;color:#777;margin-top:7px}.notice{color:#777;font-size:12px;line-height:1.6}.feature{background:var(--warm);padding:90px 20px;text-align:center}.feature p{max-width:440px;margin:0 auto 27px}footer{background:#1b1b19;color:#fff;padding:55px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{font:800 34px 'Manrope';letter-spacing:-.07em}.footer-info{font-size:12px;color:#bbb;line-height:1.7}footer small{font-size:10px;color:#999}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:39}.scrim[hidden]{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;z-index:40;transform:translateX(102%);transition:transform .28s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-header{padding:27px 25px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.drawer-header h2{margin:9px 0 0;font:600 25px 'Manrope'}.close{border:0;background:none;font-size:31px;line-height:1}.cart-items{padding:22px;overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:83px 1fr;gap:15px;padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid var(--line)}.cart-thumb{width:83px;height:110px;object-fit:cover;background:#eee}.cart-title{font-size:13px;font-weight:700}.cart-meta{font-size:12px;color:#777;margin:7px 0}.cart-actions{display:flex;justify-content:space-between;align-items:center}.qty{display:flex;align-items:center;gap:12px}.qty button,.remove{background:none;border:1px solid #ddd;padding:3px 8px}.remove{border:0;text-decoration:underline;font-size:11px}.drawer-bottom{padding:22px;border-top:1px solid var(--line)}.subtotal{display:flex;justify-content:space-between;font-size:15px}.drawer-bottom p{font-size:11px;color:#777;margin:13px 0 18px}.full{width:100%}.text-btn{background:none;border:0;display:block;margin:15px auto 0;font-size:12px;text-decoration:underline}.modal{position:fixed;z-index:41;inset:5vh max(4vw,calc((100vw - 1000px)/2));background:white;display:none;overflow:auto;box-shadow:0 10px 40px #0003}.modal.open{display:block}.modal-close{position:absolute;right:16px;top:12px;z-index:2}.modal-body{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.modal-photo{background:#f2f0eb;min-height:500px}.modal-photo img{width:100%;height:100%;object-fit:cover}.modal-details{padding:70px 45px 35px}.modal-details h2{font:600 30px 'Manrope';letter-spacing:-.05em;margin:13px 0}.modal-details p{font-size:13px;color:#777;line-height:1.8}.field-label{font-size:11px;font-weight:700;letter-spacing:.08em;display:block;margin:22px 0 9px}.select{width:100%;border:1px solid #ddd;background:white;padding:13px}.modal-qty{display:flex;gap:15px;align-items:center;margin:22px 0}.modal-qty button{padding:6px 14px;background:white;border:1px solid #ddd}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#191918;color:#fff;padding:13px 18px;font-size:12px;z-index:60;display:none}.toast.show{display:block}@media(max-width:800px){.header{height:67px;padding:0 5%}.mobile{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:25px;box-shadow:0 10px 20px #0001;flex-direction:column}.nav.open{display:flex}.header-actions{gap:9px}.wordmark{font-size:24px}.hero{height:66vh;min-height:440px;max-height:680px}.hero-img{object-position:64% center}.hero-overlay{left:7%;top:auto;bottom:9%;transform:none}.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.53),transparent 65%)}.hero h1{font-size:55px}.intro{padding:70px 28px}.section{padding:0 5% 70px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 12px}.product-info{padding-top:12px}.product-name,.product-price{font-size:12px}.modal{inset:0}.modal-body{grid-template-columns:1fr}.modal-photo{min-height:0;aspect-ratio:4/3}.modal-details{padding:25px 24px 45px}.modal-details h2{font-size:24px}footer{padding:45px 6%}.bag-button{font-size:10px}}@media(max-width:430px){.hero{height:62vh;min-height:430px}.hero h1{font-size:48px}.hero p{font-size:13px}.section-heading h2{font-size:27px}.modal-photo{aspect-ratio:4/3}}


/* BRYAS v3 — portada 16:9 en todas las pantallas; textos dentro */
.hero { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:16/9; position:relative; overflow:hidden; background:#ded9d2; }
.hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
.hero::after { content:""; display:block; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.26) 37%,transparent 76%); pointer-events:none; }
.hero-overlay { position:absolute; z-index:1; left:5.5%; top:auto; bottom:9%; transform:none; color:#fff; max-width:52%; padding:0; background:transparent; }
.hero h1 { font-size:clamp(28px,5.3vw,76px); line-height:1.02; margin:10px 0 10px; }
.hero p { font-size:clamp(11px,1.25vw,17px); margin:0 0 18px; color:#fff; }
.hero .eyebrow { color:#fff; font-size:clamp(8px,.85vw,12px); letter-spacing:.19em; }
.hero .btn-light { background:#fff; color:#191918; padding:13px 17px; font-size:clamp(8px,.85vw,12px); gap:16px; width:auto; max-width:100%; }
@media(max-width:800px) {
 .hero { width:100%; aspect-ratio:16/9; height:auto; min-height:0; max-height:none; overflow:hidden; background:#ded9d2; }
 .hero-img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center center; }
 .hero::after { display:block; background:linear-gradient(90deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.30) 48%,transparent 92%); }
 .hero-overlay { position:absolute; left:5%; top:auto; bottom:8%; transform:none; max-width:57%; padding:0; color:#fff; background:transparent; }
 .hero .eyebrow { font-size:clamp(7px,1.5vw,10px); letter-spacing:.10em; color:#fff; }
 .hero h1 { font-size:clamp(22px,5.7vw,40px); margin:6px 0; line-height:1.03; }
 .hero h1 br { display:block; }
 .hero p { font-size:clamp(9px,2.15vw,13px); margin:0 0 10px; line-height:1.25; color:#fff; }
 .hero .btn-light { background:#fff; color:#191918; padding:9px 10px; font-size:clamp(7px,1.55vw,10px); letter-spacing:.07em; gap:10px; }
}
@media(max-width:430px) {
 .hero-overlay { max-width:60%; bottom:7%; }
 .hero h1 { font-size:clamp(20px,5.6vw,26px); }
 .hero .eyebrow { font-size:7px; }
 .hero p { font-size:9px; }
 .hero .btn-light { padding:8px 9px; font-size:7px; }
}

/* BRYAS v4 — responsive 16:9 carousel */
.hero-slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#ded9d2}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.22) 45%,transparent 85%);pointer-events:none}
.hero-slide .hero-overlay{position:absolute;z-index:2;left:5%;bottom:11%;top:auto;transform:none;color:#fff;max-width:60%}
.hero-slide .hero-overlay .eyebrow{font-size:clamp(8px,.85vw,12px);letter-spacing:.12em;color:white}
.hero-slide .hero-overlay h1{font-size:clamp(27px,5.1vw,75px);line-height:1.02;margin:9px 0;letter-spacing:-.06em}
.hero-slide .hero-overlay p{font-size:clamp(11px,1.25vw,17px);margin:0 0 15px;line-height:1.35;color:white}
.hero-slide .hero-overlay .btn-light{padding:12px 17px;font-size:clamp(9px,.85vw,12px);gap:12px;white-space:nowrap}
.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:1px solid #ffffff85;background:#0004;color:white;width:34px;height:42px;font-size:26px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(3px)}
.slider-prev{left:8px}.slider-next{right:8px}
.slider-dots{position:absolute;z-index:4;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots button{height:5px;width:20px;border:0;background:#ffffff75;padding:0;border-radius:4px}
.slider-dots button.is-active{background:#fff}
.intro{padding:38px 20px 42px;max-width:640px}
.intro .eyebrow{font-size:10px;letter-spacing:.19em}
.intro h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:13px 0 9px}
.intro p{font-size:13px;line-height:1.5;margin:0}
@media(max-width:800px){.hero-slider{aspect-ratio:16/9}.hero-slide .hero-overlay{left:5%;bottom:12%;max-width:66%}.hero-slide .hero-overlay h1{font-size:clamp(22px,5.5vw,40px);margin:5px 0}.hero-slide .hero-overlay p{font-size:clamp(9px,2vw,13px);margin:0 0 9px}.hero-slide .hero-overlay .eyebrow{font-size:clamp(7px,1.5vw,10px)}.hero-slide .hero-overlay .btn-light{padding:8px 10px;font-size:clamp(7px,1.6vw,10px)}.slider-arrow{width:25px;height:34px;font-size:20px}.slider-dots{bottom:5px}.intro{padding:29px 20px 32px}.intro h2{font-size:25px}.intro p{font-size:12px}}
@media(max-width:430px){.hero-slide .hero-overlay{max-width:70%}.hero-slide .hero-overlay h1{font-size:clamp(19px,5.5vw,26px)}.hero-slide .hero-overlay p{font-size:9px}.hero-slide .hero-overlay .btn-light{font-size:7px;padding:7px 9px}.slider-arrow{width:22px;height:29px}.intro{padding:26px 15px 29px}.intro h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* BRYAS: controles del carrusel en esquina superior derecha, lejos del texto */
.hero-slider .slider-arrow{top:16px;transform:none;width:34px;height:34px;border-radius:50%;background:rgba(20,20,20,.40);border:1px solid rgba(255,255,255,.75);font-size:23px;line-height:1;backdrop-filter:blur(5px)}
.hero-slider .slider-prev{left:auto;right:60px}
.hero-slider .slider-next{left:auto;right:16px}
@media(max-width:800px){.hero-slider .slider-arrow{top:10px;width:27px;height:27px;font-size:19px}.hero-slider .slider-prev{left:auto;right:45px}.hero-slider .slider-next{left:auto;right:10px}}

/* BRYAS — ficha de producto: fotografía 3:4 sin recortes.
   Solo afecta la ventana de detalles, no el banner ni el catálogo. */
#productModal .modal-photo {
  aspect-ratio: 3 / 4;
  min-height: 0;
  height: auto;
  overflow: hidden;
  background: #f2f0eb;
}
#productModal .modal-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 800px) {
  #productModal .modal-body { grid-template-columns: 1fr; }
  #productModal .modal-photo { aspect-ratio: 3 / 4; min-height: 0; }
}

/* BRYAS: símbolo original junto al nombre en la cabecera */
.header .wordmark{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;color:inherit;flex-shrink:0;letter-spacing:normal}
.header .wordmark-text{font:800 27px 'Manrope',sans-serif;letter-spacing:-.075em;line-height:1}
.header .wordmark-icon{display:block;width:35px;height:35px;object-fit:contain;flex:none}
@media(max-width:800px){.header .wordmark{gap:6px}.header .wordmark-text{font-size:24px}.header .wordmark-icon{width:27px;height:27px}}
@media(max-width:370px){.header .wordmark{gap:4px}.header .wordmark-text{font-size:21px}.header .wordmark-icon{width:24px;height:24px}}

/* BRYAS · aviso flotante mientras llegan los productos de Google Sheets */
.bryas-catalog-loading{position:fixed;z-index:1100;left:50%;bottom:calc(22px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:14px 21px;background:rgba(255,255,255,.97);border:1px solid rgba(0,0,0,.10);border-radius:12px;box-shadow:0 12px 38px rgba(0,0,0,.14);font-family:inherit;color:#171717;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
.bryas-catalog-loading.is-hidden{opacity:0;visibility:hidden;}
.bryas-catalog-loading__spinner{display:block;flex:0 0 25px;width:25px;height:25px;border-radius:50%;border:2px solid #e4e4e4;border-top-color:#171717;animation:bryas-spin .8s linear infinite;}
.bryas-catalog-loading__body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.bryas-catalog-loading__body strong{font-size:12px;line-height:1.2;letter-spacing:.23em;font-weight:650;}
.bryas-catalog-loading__body small{font-size:12px;line-height:1.3;color:#6a6a6a;white-space:nowrap;}
@keyframes bryas-spin{to{transform:rotate(360deg)}}
@media (max-width:400px){.bryas-catalog-loading{padding:12px 16px;gap:10px}.bryas-catalog-loading__body small{font-size:11px}}
@media (prefers-reduced-motion:reduce){.bryas-catalog-loading__spinner{animation:none}}

/* BRYAS · anuncio editorial emergente (independiente del catálogo) */
.bryas-promo-overlay[hidden]{display:none!important}
.bryas-promo-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(11,11,10,.66);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.bryas-promo-overlay.is-visible{opacity:1;visibility:visible}
body.promo-is-open{overflow:hidden}
.bryas-promo{width:min(430px,100%);height:min(73vh,660px);min-height:360px;max-height:calc(100dvh - 36px);position:relative;overflow:hidden;background:#a9a39b;color:white;box-shadow:0 22px 95px #0006;isolation:isolate}
.bryas-promo__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-2}
.bryas-promo__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.05) 28%,rgba(0,0,0,.48) 64%,rgba(0,0,0,.82) 100%)}
.bryas-promo__close{position:absolute;right:16px;top:16px;width:39px;height:39px;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#191919;border:0;border-radius:50%;font-size:27px;font-weight:300;line-height:1;z-index:2;box-shadow:0 2px 12px #0002}
.bryas-promo__content{position:absolute;bottom:0;left:0;right:0;padding:36px 30px 35px;text-align:center}
.bryas-promo__eyebrow{font-size:10px;letter-spacing:.25em;font-weight:700}
.bryas-promo__title{font:600 clamp(36px,9vw,56px)/.98 'Manrope',sans-serif;letter-spacing:-.062em;white-space:pre-line;margin:16px 0 12px;text-shadow:0 2px 10px #0003}
.bryas-promo__subtitle{font-size:13px;margin:0 0 25px;line-height:1.6}
.bryas-promo__cta{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;background:#fff;color:#1c1c1c;padding:16px 10px;font-size:11px;letter-spacing:.11em;font-weight:700}
@media(max-width:480px){.bryas-promo{height:min(69dvh,590px);min-height:340px}.bryas-promo__content{padding:26px 22px 25px}.bryas-promo__title{font-size:clamp(35px,10vw,51px)}}
@media(prefers-reduced-motion:reduce){.bryas-promo-overlay{transition:none}}


/* BRYAS | explosive launch confetti across the popup and surrounding screen. */
.bryas-promo-overlay .bryas-promo{z-index:2}
.bryas-promo-overlay .bryas-promo__confetti{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;contain:layout paint}
.bryas-promo-overlay .bryas-promo__confetti-piece{position:absolute;left:var(--origin-x);top:var(--origin-y);width:var(--piece-size);height:calc(var(--piece-size) * 1.5);border-radius:1px;background:var(--confetti-color);opacity:0;transform:translate3d(-50%,-50%,0) scale(.15);animation:bryas-confetti-explode var(--duration) var(--delay) cubic-bezier(.19,.77,.25,1) forwards;will-change:transform,opacity}
.bryas-promo-overlay .bryas-promo__confetti-piece:nth-child(5n){border-radius:50%;height:var(--piece-size)}
@keyframes bryas-confetti-explode{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.15) rotate(0)}9%{opacity:1}42%{opacity:1;transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(1) rotate(calc(var(--turn) * .6))}76%{opacity:.9}100%{opacity:0;transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy) + var(--fall)),0) scale(.75) rotate(var(--turn))}}
@media(prefers-reduced-motion:reduce){.bryas-promo-overlay .bryas-promo__confetti{display:none!important}}

/* BRYAS · Redes sociales */
.nav-social{display:none}
.footer-social{display:flex;flex-direction:column;gap:13px}.footer-social-title,.nav-social-title{font-size:10px;letter-spacing:.21em;font-weight:700;color:#aaa}.footer-social-links{display:flex;gap:23px;align-items:center}.footer-social-links a{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#eee;transition:opacity .2s}.footer-social-links a:hover{opacity:.65}.footer-social-links svg{width:19px;height:19px;flex:none}.floating-whatsapp{position:fixed;right:17px;bottom:20px;z-index:30;background:#1f2722;color:white;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 22px #0003;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp svg{width:25px;height:25px}
@media(max-width:800px){.nav-social{display:flex;flex-direction:column;gap:14px;border-top:1px solid #e7e5e0;margin-top:5px;padding-top:20px}.nav-social a{font-size:14px}.footer-social{width:100%}.floating-whatsapp{right:14px;bottom:16px;width:46px;height:46px}}

/* BRYAS SALE — editorial landing */
.sale-banner{padding:clamp(55px,8vw,120px) 6% clamp(50px,6vw,90px);text-align:center;background:#f6f3ee;border-bottom:1px solid #e8e4dc}
.sale-banner h1{font:800 clamp(78px,15vw,180px)/1 'Manrope',sans-serif;letter-spacing:-.09em;margin:22px 0 16px}.sale-star{color:#a7885e}
.sale-banner p{font-size:clamp(15px,2vw,21px);color:#6d6a63;margin:0 0 28px}
.sale-pill{position:absolute;top:12px;left:12px;background:#161616;color:white;padding:8px 12px;font-size:11px;letter-spacing:.14em;font-weight:700;z-index:1}
.price-old{color:#888;font-weight:400;font-size:.85em;text-decoration:line-through;margin-right:8px}
@media(max-width:600px){.sale-banner{padding:52px 20px 54px}.sale-banner h1{font-size:90px}}

/* BRYAS · Galería editorial. Foto principal de modelo y miniaturas por color. */
#productModal .product-gallery{min-width:0;background:#f5f3ef;align-self:start}
#productModal .product-gallery .modal-photo{width:100%;aspect-ratio:3/4;min-height:0;height:auto;overflow:hidden}
#productModal .product-gallery .modal-photo img{display:block;width:100%;height:100%;object-fit:contain}
#productModal .product-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 13px 15px;scrollbar-width:thin;overscroll-behavior-x:contain}
#productModal .product-thumb{display:flex;flex:none;flex-direction:column;align-items:center;gap:5px;width:74px;padding:4px;border:1px solid transparent;background:transparent;color:#666;cursor:pointer}
#productModal .product-thumb.selected{border-color:#282725;background:white;color:#161616}
#productModal .product-thumb img{display:block;width:64px;height:76px;object-fit:contain;background:#ebe8e3}
#productModal .product-thumb .photo-placeholder{width:64px;height:76px;font-size:7px}
#productModal .product-thumb span{font-size:9px;letter-spacing:.04em;text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){#productModal .product-thumbs{padding:10px 14px 14px}#productModal .product-thumb{width:68px}#productModal .product-thumb img,#productModal .product-thumb .photo-placeholder{width:58px;height:69px}}

/* Etiqueta para ofertas únicamente en colores señalados en Sheets */
.sale-pill{max-width:calc(100% - 24px);font-size:9px;line-height:1.3;white-space:normal}

/* BRYAS SALE — tarjeta minimalista */
body[data-page="sale"] .catalog.section{padding-top:28px}
body[data-page="sale"] .section-heading{margin-top:0}
.sale-pill{top:12px;left:12px;padding:5px 9px;background:#191919;color:#fff;font-size:10px;letter-spacing:.11em;font-weight:600;line-height:1.2;pointer-events:none}

/* BRYAS: oferta en rojo con texto blanco y precio rebajado rojo */
.sale-pill,body[data-page="sale"] .sale-pill{background:#D60000;color:#FFFFFF}
.price-sale{color:#D60000;font-weight:700}

/* BRYAS · SALE: categorías compartidas y señalización de descuentos */
body[data-page="sale"] .catalog.section{padding-top:64px}
body[data-page="sale"] .section-heading{align-items:end;border-bottom:1px solid #e8e2dc;padding-bottom:28px;margin-bottom:25px}
.sale-kicker{color:#b31b1b;letter-spacing:.2em;font-weight:700}
.sale-page-title{font-size:clamp(42px,6.5vw,86px);font-weight:800;letter-spacing:-.055em;line-height:1.03;margin:12px 0 14px}
.sale-page-title span{font-size:.38em;letter-spacing:.04em;color:#b31b1b;vertical-align:middle;font-weight:700}
.sale-page-subtitle{max-width:560px;color:#6e6864;font-size:14px;line-height:1.7;margin:0}
.modal-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.modal-price-row strong{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0}
.modal-price-row .sale-pill-inline{position:static;display:inline-flex;align-items:center;background:#D60000;color:#fff;padding:5px 9px;font-size:10px;font-weight:700;letter-spacing:.09em;line-height:1.2;max-width:none;white-space:nowrap}
.modal-price-row .price-sale,.product-price .price-sale{color:#D60000;font-weight:700}
@media(max-width:600px){body[data-page="sale"] .catalog.section{padding-top:34px}.sale-page-title{font-size:clamp(38px,11vw,62px)}.sale-page-title span{font-size:.32em}.sale-page-subtitle{font-size:13px}}

/* BRYAS — sin avisos técnicos visibles debajo de los catálogos */
#catalogNotice{display:none!important}
/* Rojo vivo, coherente en SALE, fichas y tarjetas */
:root{--bryas-sale-red:#E60023}
.sale-pill,body[data-page="sale"] .sale-pill,.modal-price-row .sale-pill-inline{background:var(--bryas-sale-red)!important;color:#fff!important}
.price-sale,.modal-price-row .price-sale,.product-price .price-sale{color:var(--bryas-sale-red)!important}
body[data-page="sale"] .sale-kicker,body[data-page="sale"] .sale-page-title span{color:var(--bryas-sale-red)!important}
body[data-page="sale"] .sale-page-title{color:#171717}
body[data-page="sale"] .filter.active{background:var(--bryas-sale-red)!important;border-color:var(--bryas-sale-red)!important;color:#fff!important}
body[data-page="sale"] .nav a[aria-current="page"]{color:var(--bryas-sale-red)!important}

/* Enlace a historia de BRYAS */
.about-link{display:inline-block;margin-top:8px;color:#493b32;text-decoration:none;border-bottom:1px solid #9d8574;padding-bottom:5px;font-size:13px;letter-spacing:.05em}
.about-link:hover{color:#a17b62}

/* BRYAS: categorias siempre visibles durante el desplazamiento del catalogo */
.catalog .filters{
  position:sticky;
  top:79px;
  z-index:19;
  background:#fff;
  padding-top:14px;
  margin-top:-14px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  box-shadow:0 5px 12px rgba(0,0,0,.025);
}
.catalog .filters::-webkit-scrollbar{display:none}
.catalog .filter{flex-shrink:0}
@media(max-width:800px){
  .catalog .filters{top:67px;padding-top:13px;margin-top:-13px}
}

/* BRYAS V7: colección horizontal, ofertas y buscador global */
body:not([data-page="sale"]):not([data-page="catalogo"]) .bryas-rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:15px;padding-bottom:18px;scrollbar-width:thin}
body:not([data-page="sale"]):not([data-page="catalogo"]) .bryas-rail>.product-card{flex:0 0 clamp(185px,23vw,300px);scroll-snap-align:start}
.rail-controls{display:flex;gap:8px}.rail-controls button{width:40px;height:40px;background:#fff;border:1px solid #dedbd5;border-radius:50%;font-size:27px;line-height:1}
.section-action{text-align:center;margin:25px 0 0}.offers-section{background:#faf7f3;padding-top:65px}.offers-link{font-size:11px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #a38a70;padding-bottom:6px}.offers-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.header-search-panel{display:none;position:fixed;z-index:35;top:79px;left:0;right:0;background:#fff;box-shadow:0 15px 28px #0002;padding:22px max(5%,calc((100vw - 1100px)/2));max-height:65vh;overflow-y:auto}.header-search-panel.open{display:block}.header-search-panel label{font-size:10px;font-weight:700;letter-spacing:.2em}.search-panel-row{display:flex;align-items:center;border-bottom:1px solid #ccc;margin-top:10px}.search-panel-row input{border:0;outline:0;padding:14px 0;flex:1;min-width:0;font-size:16px}.search-panel-row button{background:none;border:0;padding:10px}.search-results{display:grid;gap:4px;margin-top:12px}.search-results button{border:0;background:#faf8f5;padding:13px;text-align:left;display:flex;justify-content:space-between;gap:12px}.search-results span{color:#87725d;font-size:12px}
body[data-page="catalogo"] .bryas-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page="catalogo"] .section-action{display:none}
@media(max-width:800px){.header-search-panel{top:67px}.offers-section .product-grid,body[data-page="catalogo"] .bryas-rail{grid-template-columns:repeat(2,minmax(0,1fr))}body:not([data-page="sale"]):not([data-page="catalogo"]) .bryas-rail>.product-card{flex-basis:63vw}.offers-section{padding-top:45px}}

/* BRYAS V8: home editorial minimalista */
.catalog.section{padding-top:clamp(34px,5vw,70px)}
.catalog .section-heading,.offers-section .section-heading{margin-bottom:25px}
.offers-section .section-action{margin-top:32px}
.offers-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.catalog.section{padding-top:35px}.offers-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* BRYAS V9 — cabecera simétrica y minimalista */
.header{position:sticky;justify-content:space-between}
.header .wordmark{position:absolute;left:50%;transform:translateX(-50%);margin:0;z-index:1}
.header .header-actions{margin-left:auto;z-index:2}
.header #menuButton{z-index:2}
.header .bag-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:6px;border:0;background:transparent;position:relative}
.header .bag-button svg{width:26px;height:26px;fill:none;stroke:#191918;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-search-action{display:flex;align-items:center;gap:12px;background:none;border:0;padding:8px 0;text-align:left;font-size:13px;letter-spacing:.03em;color:#222}
.nav-search-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media(min-width:801px){.header .nav{margin-left:0;padding-left:0;position:absolute;left:5.3%;top:100%;background:#fff;padding:16px 20px;box-shadow:0 10px 24px #0001;display:none;flex-direction:column;z-index:4}.header .nav.open{display:flex}.header #menuButton{display:block}.header .wordmark{left:50%}}
.catalog .section-heading,.offers-section .section-heading{justify-content:center;text-align:center}
.catalog .section-heading>div,.offers-section .section-heading>div{width:100%}
.hero-slider .slider-arrow{display:none!important}
.hero-slider{overflow:visible;margin-bottom:26px}
.hero-slider .hero-slide{overflow:hidden}
.hero-slider .slider-dots{position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;z-index:5;display:flex;gap:9px;justify-content:center}
.hero-slider .slider-dots button{width:7px!important;height:7px!important;min-width:7px;border-radius:50%;padding:0;background:#c8c3bd;border:0;opacity:1}
.hero-slider .slider-dots button.is-active{background:#272622;transform:scale(1.15)}
body[data-page="catalogo"] #catalogFilters{justify-content:center;flex-wrap:wrap;overflow:visible;gap:10px 22px;margin:8px 0 30px}
body[data-page="catalogo"] #catalogFilters .filter{padding:9px 0;font-size:12px}
@media(max-width:800px){.header .wordmark{left:50%}.header .bag-button{width:38px;height:38px}.header .bag-button svg{width:25px;height:25px}.header .wordmark-text{font-size:23px}.header .wordmark-icon{width:25px;height:25px}}
@media(max-width:370px){.header .wordmark-text{font-size:20px}.header .wordmark-icon{width:22px;height:22px}}

/* BRYAS V11: secciones compactas sin grandes espacios vacíos en inicio */
body:not([data-page]) .catalog.section{padding-top:clamp(24px,3.5vw,44px);padding-bottom:clamp(28px,4vw,52px)}
body:not([data-page]) .offers-section{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(32px,4vw,56px)}
body:not([data-page]) .section-heading{margin-bottom:20px}
body:not([data-page]) .section-action{margin-top:22px}
body:not([data-page]) .hero-slider{margin-bottom:19px}
body:not([data-page]) .catalog .notice:empty{display:none}
@media(max-width:800px){body:not([data-page]) .catalog.section{padding-top:24px;padding-bottom:30px}body:not([data-page]) .offers-section{padding-top:30px;padding-bottom:34px}}

/* BRYAS V13 — menú lateral editorial */
.bryas-menu-shade{position:fixed;inset:0;background:rgba(17,17,17,.48);z-index:79;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.bryas-menu-shade.open{opacity:1;visibility:visible}
.header .nav#nav{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;width:min(355px,86vw)!important;max-width:86vw;background:#fff!important;z-index:80!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0 26px 30px!important;margin:0!important;box-shadow:15px 0 55px #0002!important;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;overscroll-behavior:contain}
.header .nav#nav.open{transform:translateX(0)}
.bryas-menu-head{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid #e9e6e1;margin-bottom:18px}
.bryas-menu-brand{font:800 25px 'Manrope',sans-serif;letter-spacing:-.06em;color:#171717}.bryas-menu-brand span{color:#a7885e}
.bryas-menu-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5e3de;border-radius:50%;background:#fff;color:#171717;font-size:25px;line-height:1}
.bryas-menu-label{font-size:10px;letter-spacing:.22em;color:#96918a;font-weight:700;margin:20px 0 9px}
.header .nav#nav>a{display:flex;align-items:center;justify-content:space-between;padding:17px 0!important;border-bottom:1px solid #f0eeea;font:500 18px 'Manrope',sans-serif;letter-spacing:-.02em;text-decoration:none!important}
.header .nav#nav>a::after{content:'↗';font-size:15px;color:#a49a8e}
.header .nav#nav .nav-search-action{order:0;padding:17px 0!important;border-bottom:1px solid #f0eeea;font:500 16px 'Manrope',sans-serif;width:100%}
.header .nav#nav .nav-social{display:flex!important;flex-direction:column;gap:12px;border-top:1px solid #e9e6e1;padding-top:24px;margin-top:26px}
.header .nav#nav .nav-social a{font-size:14px;color:#555}
body.bryas-menu-open{overflow:hidden}
@media(min-width:801px){.header #menuButton{display:block}}
@media(prefers-reduced-motion:reduce){.header .nav#nav,.bryas-menu-shade{transition:none}}

/* BRYAS V14: minimal product details */
#productModal .bryas-product-v14 .product-gallery{background:#fff;padding:18px 18px 0}
#productModal .bryas-product-v14 .modal-photo{max-width:390px;margin:0 auto;aspect-ratio:3/4;background:#f7f6f4}
#productModal .bryas-product-v14 .modal-photo img{object-fit:contain}
#productModal .bryas-gallery-dots{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 0 19px}
#productModal .bryas-gallery-dot{width:8px;height:8px;border:0;border-radius:50%;background:#d6d6d6;padding:0;transition:background .2s,transform .2s}
#productModal .bryas-gallery-dot.active{background:#202020;transform:scale(1.25)}
#productModal .bryas-product-v14 .modal-details{padding-top:35px}
#productModal .bryas-product-v14 .modal-details h2{margin:10px 0 8px}
#productModal .bryas-product-v14 .field-label{margin-top:20px}
#productModal .bryas-selected-color{color:#777;font-weight:400;letter-spacing:0;text-transform:none}
#productModal .bryas-description{margin-top:27px;border-top:1px solid #e8e8e8;padding-top:20px}
#productModal .bryas-description summary{font-size:13px;font-weight:600;cursor:pointer;list-style-position:outside}
#productModal .bryas-description p{margin:15px 0 0}
@media(max-width:800px){#productModal .bryas-product-v14 .product-gallery{padding:12px 35px 0}#productModal .bryas-product-v14 .modal-photo{max-width:310px;aspect-ratio:3/4}#productModal .bryas-product-v14 .modal-details{padding:14px 24px 36px}#productModal .bryas-product-v14 .modal-details h2{font-size:23px}}

/* V15: menú lateral visible por encima del velo; galería deslizable y encabezado preservado. */
body > .nav#nav{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;width:min(355px,86vw)!important;max-width:86vw!important;background:#fff!important;z-index:90!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0 26px 30px!important;box-shadow:15px 0 55px #0002!important;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;overscroll-behavior:contain}
body > .nav#nav.open{transform:translateX(0)}
body > .nav#nav>a{display:flex;align-items:center;justify-content:space-between;padding:17px 0!important;border-bottom:1px solid #f0eeea;font:500 18px 'Manrope',sans-serif;text-decoration:none!important}
body > .nav#nav>a::after{content:'↗';font-size:15px;color:#a49a8e}
body > .nav#nav .nav-search-action{padding:17px 0!important;border-bottom:1px solid #f0eeea;width:100%}
body > .nav#nav .nav-social{display:flex!important;flex-direction:column;gap:12px;border-top:1px solid #e9e6e1;padding-top:24px;margin-top:26px}
body > .nav#nav .nav-social a{font-size:14px;color:#555}
#productModal .modal-photo{touch-action:pan-y;user-select:none;-webkit-user-select:none}
body:has(#productModal.open) .header{z-index:42}
@media(max-width:800px){#productModal.modal{top:67px!important;bottom:0!important;left:0!important;right:0!important;inset:67px 0 0!important}}

/* V16 · SALE: encabezado consistente y filtros proporcionados */
body[data-page="sale"] .header .header-actions>.icon-button{display:none!important}
body[data-page="sale"] .header .bag-button{font-size:0!important;letter-spacing:0!important}
body[data-page="sale"] .header .bag-button #cartCount{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
body[data-page="sale"] .sale-heading-minimal{display:block;text-align:center;margin:0 auto 30px;max-width:650px}
body[data-page="sale"] .sale-heading-minimal>div{width:100%}
body[data-page="sale"] .sale-heading-minimal .eyebrow{color:#77716a!important;letter-spacing:.19em;font-size:10px}
body[data-page="sale"] .sale-heading-minimal h1{font:600 clamp(35px,6vw,53px)/1.14 'Manrope',sans-serif;letter-spacing:-.065em;margin:14px 0 9px;color:#1c1c1a}
body[data-page="sale"] .sale-heading-minimal p{font-size:13px;color:#77716a;line-height:1.55;margin:0}
body[data-page="sale"] .catalog .filters{position:relative;top:auto;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:9px;overflow-x:auto;padding:4px 0 15px;margin:0 0 25px;border:0;box-shadow:none;background:transparent;scrollbar-width:none}
body[data-page="sale"] .catalog .filter{border:1px solid #e5e2de!important;border-radius:999px;background:#fff!important;color:#65615c!important;padding:10px 17px!important;font:600 12px 'DM Sans',sans-serif;line-height:1.2;white-space:nowrap;min-height:39px;box-shadow:none!important}
body[data-page="sale"] .catalog .filter.active{background:#1b1b1b!important;color:#fff!important;border-color:#1b1b1b!important}
@media(max-width:800px){body[data-page="sale"] .catalog.section{padding-top:38px}body[data-page="sale"] .sale-heading-minimal{margin-bottom:27px}body[data-page="sale"] .catalog .filters{margin-left:0;margin-right:0;padding-bottom:12px}body[data-page="sale"] .catalog .filter{padding:10px 15px!important}}

/* V17: SALE elegante con acentos del rojo de descuento */
body[data-page="sale"] .sale-heading-minimal .eyebrow{color:#C91F35!important;letter-spacing:.19em}
body[data-page="sale"] .sale-heading-minimal h1{color:#1B1B1B}
body[data-page="sale"] .sale-heading-minimal{border-bottom:1px solid #F1E4E6}
body[data-page="sale"] .filters{gap:10px;border-bottom:0;justify-content:flex-start;padding-bottom:12px}
body[data-page="sale"] .filter{border:1px solid #E8DADD;border-radius:999px;background:#fff;color:#565052;padding:11px 18px;font-size:12px;font-weight:600;line-height:1.2;min-height:40px}
body[data-page="sale"] .filter.active{background:#C91F35!important;border-color:#C91F35!important;color:#fff!important;box-shadow:0 3px 9px #C91F351C}
body[data-page="sale"] .filter:not(.active):hover{border-color:#C91F35;color:#C91F35}
body[data-page="sale"] .product-grid{min-height:0}
@media(max-width:800px){body[data-page="sale"] .filters{top:67px;gap:9px}body[data-page="sale"] .filter{padding:10px 15px}}

/* V18: la franja institucional solo aparece en Inicio, no en la ficha abierta. */
body:has(#productModal.open) > .announcement{display:none}

/* BRYAS V30 — acceso directo a Mi cuenta */
.header .account-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#191918;flex-shrink:0}.header .account-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.header .account-button:hover{color:#a7885e}.header .account-button:focus-visible{outline:2px solid #a7885e;outline-offset:2px;border-radius:50%}@media(max-width:800px){.header .account-button{width:35px;height:38px}.header .account-button svg{width:23px;height:23px}}

/* Animaciones de campañas configurables */
.bryas-promo-overlay.promo-zoom .bryas-promo{transform:scale(.84);transition:transform .45s ease,opacity .4s ease}.bryas-promo-overlay.promo-zoom.is-visible .bryas-promo{transform:scale(1)}
.bryas-promo-overlay.promo-slide .bryas-promo{transform:translateY(65px);transition:transform .5s ease,opacity .4s ease}.bryas-promo-overlay.promo-slide.is-visible .bryas-promo{transform:translateY(0)}
.bryas-promo-overlay.promo-fade .bryas-promo{transition:opacity .7s ease}
@media(prefers-reduced-motion:reduce){.bryas-promo-overlay .bryas-promo{transition:none!important;transform:none!important}}