/* La Estantería — catálogo original y compra asistida */
:root{--shop-font:'Manrope','Helvetica Neue',Arial,sans-serif}
body,button,input,textarea,select,#catalogo,#catalogo *,h1,h2,h3,h4,.display,.display em,.heroCopy h1 em,.slideCopy h2 em,em,i,.serif{font-family:var(--shop-font)!important;font-style:normal!important}
h1,h2,h3,.display{font-weight:600;letter-spacing:-.045em}.display em,.heroCopy h1 em,.slideCopy h2 em{font-weight:500!important;letter-spacing:-.045em}.btn{font-size:14px;letter-spacing:.025em;font-weight:700;min-height:48px}.kicker{font-size:12px}.navlinks a{font-size:14px}.sceneTop span,.field label,.stats span,.floating,.productType,.finishLabel{font-size:14px}.lead,.builderPanel p,.product p{font-size:16px;line-height:1.65}.fullVideo.top{min-height:720px}.heroCopy h1{line-height:.98!important}.heroCopy p{max-width:670px}.heroCopy h1 em{display:block}.proof span{font-size:12px}
.motionSection{padding-top:65px;padding-bottom:70px}.motionSection .display{font-size:clamp(38px,5vw,66px)}.motionGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.motionCard{margin:0;border:1px solid #2b2b2b;border-radius:18px;overflow:hidden;background:#111}.motionCard video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.motionCard figcaption{padding:16px 20px;display:flex;gap:16px;align-items:center;font-size:16px}.motionCard figcaption span{color:var(--orange);font-size:12px}
#catalogo .productMedia{height:390px;position:relative;cursor:zoom-in}#catalogo .productMedia img{padding:16px}#catalogo .product h3{font-size:24px;text-transform:none!important}#catalogo .product p{text-transform:none!important;font-size:15px;letter-spacing:0;min-height:48px}#catalogo .finishButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}#catalogo .finishButton{width:100%;height:auto;min-height:50px;font-size:14px!important;text-transform:none!important;padding:9px;line-height:1.3;letter-spacing:0;display:flex;align-items:center;text-align:left;border:1px solid #393939;background:#161616;color:#eee;border-radius:10px;gap:8px}#catalogo .finishButton.active{border-color:var(--orange);background:#251c10}#catalogo .finishButton.active:after{display:none}#catalogo .measure{font-size:14px}#catalogo .measure span{font-size:14px}#catalogo .measure b{font-size:12px}.colorDot{background:var(--sw);height:18px;width:18px;flex:0 0 18px;border:1px solid #aaa;border-radius:50%}#catalogo .finishTag{font-size:12px;top:12px;right:12px;left:auto}#catalogo .productIndex{font-size:12px;top:14px;left:14px}.photoZoom{position:absolute;right:14px;bottom:14px;color:#111;border:1px solid #ddd;background:#ffffffed;border-radius:8px;padding:8px 11px;font-size:13px}.productMedia:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}#catalogo .productActions{display:grid;grid-template-columns:1fr}.cardPreview{background:transparent;border:0;color:#c4b8a9;padding:12px;font-size:14px}.priceLabel{color:#c4b8a9!important;font-size:14px!important;min-height:0!important;margin:12px 0}.cardModel{margin:0 0 12px}.cardModel select{width:100%;padding:11px;border:1px solid #393939;background:#141414;color:#fff;border-radius:8px;font-size:15px}
.sceneCard{border-radius:20px;padding:22px;position:sticky;top:100px}.sceneTop{align-items:center}.previewExpand{border:1px solid #ccc;background:#fff;color:#222;border-radius:8px;min-height:42px;padding:8px 12px;font-size:14px}.scene{background:#fff;aspect-ratio:auto;min-height:510px;padding:60px 12px 24px;display:flex;flex-direction:column;justify-content:center;gap:32px;overflow:auto;border-radius:12px;box-shadow:inset 0 0 0 1px #e4e4e4}.scene:before{display:none}.sceneBadge{top:12px;right:12px;background:#f3f3f3;color:#666;border:1px solid #ddd;font-size:12px;border-radius:7px}.previewRow,.previewRow.upper,.previewRow.lower{position:relative;top:auto;left:auto;right:auto;height:auto;min-height:175px;display:flex;justify-content:center;align-items:flex-end;gap:4px;overflow:visible;border-bottom:1px solid #e4e4e4;padding-bottom:24px}.previewRow:empty{display:none}.previewRow:before{content:attr(data-label);position:absolute;left:0;bottom:5px;color:#777;font-size:12px}.photoUnit{display:flex;flex-direction:column;align-items:center;flex:0 0 var(--unit-width);min-width:0;margin:0;position:relative}.photoUnit button{border:0;padding:0;background:#fff;width:100%;cursor:zoom-in}.photoUnit img{height:var(--unit-height);width:100%;object-fit:contain;max-width:100%;background:#fff;filter:none;transform:none}.photoUnit figcaption{font-size:11px;color:#555;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emptyScene{background:#fff;border:0;width:90%;font-size:16px;padding:15px}.emptyScene span{font-size:clamp(22px,3vw,32px);font-weight:600;letter-spacing:-.04em}.emptyScene p{margin:10px 0 20px}.previewFoot{margin-top:15px;color:#666;font-size:13px;line-height:1.5}.previewFoot p{margin:7px 0}.previewFoot strong{color:#222}.builderGrid{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:24px}.builderPanel{position:static;max-height:none;overflow:visible;border-radius:20px}.quickAdd{display:grid;grid-template-columns:1fr;gap:7px;border-bottom:1px solid #ddd;padding:15px 0 24px}.quickAdd label{font-size:14px;color:#666}.quickAdd select{background:#fafafa;color:#222;border:1px solid #ccc;padding:12px;border-radius:9px;width:100%}.quickAdd .btn{margin-top:7px}.itemHead small{font-size:13px;line-height:1.45;display:block}.itemHead img{background:white}.itemControls label{display:block;font-size:13px}.itemControls select{font-size:14px;max-width:100%;padding:10px 5px}.itemControls input{font-size:16px}.itemControls>div{min-width:0}.itemHead .xbtn{flex-shrink:0}.itemOrder{display:flex;justify-content:space-between;gap:8px;padding-top:10px}.itemOrder button{border:1px solid #ccc;color:#444;background:#fff;font-size:13px;border-radius:6px;padding:7px;min-height:36px}.itemOrder button:disabled{opacity:.35;cursor:default}.drawer .itemOrder button{background:#222;color:#ddd;border-color:#555}.qtyRow input{min-width:30px;width:60px}.qtyRow button{flex:0 0 35px}.builderPanel .selected{max-height:640px;overflow:auto;padding-right:3px}.builderBtns{grid-template-columns:1fr 1fr}.builderBtns .btn{font-size:13px;padding:0 8px}.fit{font-size:14px}.stats span{font-size:13px}.field label{font-size:13px;letter-spacing:.02em;text-transform:none}
.drawer{margin:0 0 0 auto;max-width:100vw;max-height:100dvh;height:100dvh;inset:0 0 0 auto;width:min(540px,100vw);padding:0;border:1px solid #333;transform:none;color:#fff}.drawer:not([open]){display:none}.drawer[open]{display:flex}.drawer::backdrop,dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.drawer .btn:disabled{opacity:.45;cursor:default}.purchaseNote{color:#bbb;font-size:13px;line-height:1.5;margin:12px 0 0}.drawerHead h2{font-size:30px}.drawerFoot{padding-bottom:max(18px,env(safe-area-inset-bottom))}.drawerBody{overscroll-behavior:contain}.drawer .itemControls small{font-size:13px}.checkoutDialog,.previewDialog,.photoDialog{background:#fff;color:#171717;border:0;border-radius:20px;padding:28px;width:min(760px,calc(100% - 24px));max-height:92dvh;overflow:auto}.modalHead{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.modalHead h2{font-size:30px;letter-spacing:-.04em;margin:12px 0}.dialogClose{background:#f2f2f2;color:#222;border:1px solid #ddd;min-width:44px;min-height:44px;font-size:24px;border-radius:50%;cursor:pointer}.photoDialog{position:relative;text-align:center;width:min(780px,calc(100% - 24px))}.photoDialog>.dialogClose{position:absolute;right:14px;top:14px}.photoDialog img{width:100%;height:65dvh;object-fit:contain}.photoDialog h2{font-size:22px;margin:12px 0}.photoDialog p{color:#666}.previewDialog{width:min(1280px,calc(100% - 24px))}.previewDialog .scene{min-height:520px}.previewDialog>p{font-size:14px;color:#666;line-height:1.5}.checkoutNote{font-size:15px;line-height:1.6;background:#f5f3ef;border-radius:10px;padding:16px}.orderLine{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ddd}.orderLine img{width:70px;height:80px;object-fit:contain}.orderLine b{display:block;font-size:15px}.orderLine small{color:#666;display:block;font-size:13px;line-height:1.5}#orderSummary{max-height:280px;overflow:auto}#orderForm{display:grid;gap:16px}#orderForm label{font-size:14px;display:grid;gap:7px}#orderForm input,#orderForm textarea{font:inherit;padding:12px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#171717;width:100%}body:has(dialog[open]){overflow:hidden}.toast{position:fixed;z-index:1400;bottom:85px;left:50%;transform:translateX(-50%) translateY(20px);background:#fff;color:#111;box-shadow:0 5px 25px #0003;padding:14px 22px;border-radius:12px;border:1px solid #ccc;max-width:calc(100% - 30px);width:max-content;pointer-events:none;opacity:0;transition:.2s;font-size:15px}.toast.visible{opacity:1;transform:translateX(-50%)}:focus-visible{outline:3px solid #ff9800;outline-offset:3px}
@media(max-width:1100px){.builderGrid{grid-template-columns:1fr}.sceneCard{position:static}.builderPanel .selected{max-height:none}.heroCopy h1{font-size:clamp(45px,8vw,90px)!important}}
@media(max-width:720px){.fullVideo.top{min-height:680px;height:90svh}.heroCopy h1{font-size:clamp(38px,9.5vw,65px)!important;line-height:1.04!important}.heroCopy p{font-size:16px}.heroBtns .btn{font-size:13px;padding:0 13px}.motionGrid{grid-template-columns:1fr}.motionSection{padding-top:44px}.scene{min-height:410px;padding-left:6px;padding-right:6px}.sceneCard{padding:12px}.previewRow{min-height:120px!important}.sceneTop b{font-size:16px}.sceneTop button{font-size:13px}.builderPanel{padding:18px}.builderBtns{grid-template-columns:1fr 1fr}#catalogo .productMedia{height:380px}#catalogo .finishButtons{grid-template-columns:1fr 1fr}.checkoutDialog,.previewDialog,.photoDialog{padding:18px;border-radius:14px}.modalHead h2{font-size:26px}.drawerHead{padding:18px}.drawerBody{padding:12px}.drawerFoot .btn{font-size:13px}.previewDialog .scene{min-height:410px}.photoUnit figcaption{font-size:10px}.display{font-size:clamp(36px,10vw,64px)}.footer{padding-bottom:95px}.finishButton{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Immersive video sequence and photographic room — September 2026 */
.cinemaSequence{display:block;width:100%;margin:0;padding:0;background:#000}.cinemaSequence .cinemaPanel{position:relative;display:block;width:100%;height:100svh;min-height:600px;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#000}.cinemaSequence .cinemaPanel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;pointer-events:none;filter:none;opacity:1}.cinemaPanel:before,.cinemaPanel:after{display:none}video::-webkit-media-controls,video::-webkit-media-controls-enclosure{display:none!important}.sceneCard{padding:18px;border-radius:18px}.scene{display:block;position:relative;min-height:0;aspect-ratio:740/562;padding:0;border-radius:12px;overflow:hidden;background:#ddd url('images/room.webp') center/cover no-repeat;box-shadow:none}.roomCanvas{display:block;width:100%;height:auto;aspect-ratio:740/562;background:transparent;border-radius:12px}.scene .sceneBadge{background:#ffffffd9;border-color:#ddd;color:#444;top:14px;right:14px}.scene .emptyScene{top:47%;width:80%;background:#ffffffb8;backdrop-filter:blur(5px);border:1px solid #ffffffa0;border-radius:14px;padding:22px}.scene .emptyScene span{font-size:clamp(22px,2.5vw,32px)}.previewStatus{position:absolute;left:15px;right:15px;bottom:15px;font-size:14px;color:#7b291b;background:#fff;border-radius:8px;padding:12px}.previewStatus:empty{display:none}.previewFoot{font-size:13px}.previewDialog{width:min(1200px,calc(100% - 24px))}#expandedScene{width:min(100%,calc(67dvh * 740 / 562));margin:auto}#expandedScene .roomCanvas{border-radius:12px}.previewDialog>p{margin:14px 0}.builderGrid{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}
@media(min-width:1101px){#armador .wrap{width:min(1640px,calc(100% - 48px))}.sceneCard{position:sticky;top:94px}}
@media(max-width:1100px){.builderGrid{grid-template-columns:1fr}.sceneCard{position:static}.cinemaSequence .cinemaPanel{min-height:480px}}
@media(max-width:720px){.cinemaSequence .cinemaPanel{height:100svh;min-height:450px}.cinemaSequence .cinemaPanel video{object-fit:contain}.sceneCard{padding:10px}.scene{min-height:0;aspect-ratio:740/562}.scene .sceneBadge{font-size:11px;padding:6px 9px;top:8px;right:8px}.scene .emptyScene{padding:14px;width:90%}.scene .emptyScene span{font-size:22px}.scene .emptyScene p{font-size:14px;margin:8px 0 12px}.previewDialog{padding:14px}#expandedScene{width:100%}}
/* Launch entrance — one video, decisive type and direct access to the product. */
html{scroll-padding-top:100px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.nav-actions{margin-left:auto;flex-shrink:0}.nav .brand{min-width:210px}.launchHero#inicio{height:auto;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:126px max(30px,5.5vw) 110px;isolation:isolate}.launchHero#inicio>.heroCopy{position:relative;width:min(1480px,100%);max-width:100%;height:auto;margin:auto;padding:0;display:block}.launchHero#inicio>video{object-position:center;filter:brightness(.78);transform:scale(1.035);animation:launchVideoIn 1.6s ease-out both}.launchHero#inicio>.shade{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.62) 46%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.58),transparent 25%)}.launchEyebrow{display:flex;align-items:center;gap:14px;color:#ffac22;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 25px;animation:launchReveal .7s .1s both}.launchMark{display:block;width:28px;height:2px;background:#ff9800;flex-shrink:0}.launchHero#inicio h1{font-size:clamp(60px,9.4vw,158px)!important;line-height:.95!important;letter-spacing:-.065em!important;font-weight:600!important;margin:0;max-width:100%}.launchIntro,.launchName{display:block;width:fit-content;max-width:100%;animation:launchReveal .9s cubic-bezier(.2,.75,.25,1) both}.launchIntro{font-size:.51em;letter-spacing:-.04em;line-height:1.15;margin-bottom:8px;animation-delay:.16s;color:#f6f5f1}.launchName{color:#ff9800;animation-delay:.28s}.launchPeriod{color:#f6f5f1}.launchHero#inicio .launchDescription{font-size:clamp(16px,1.35vw,20px);line-height:1.6;max-width:540px;margin:25px 0 0;color:#deded9;animation:launchReveal .8s .38s both}.launchHero#inicio .heroBtns{margin-top:30px;gap:12px;animation:launchReveal .8s .46s both}.launchHero#inicio .heroBtns .btn{min-height:54px;padding:0 25px;font-size:14px;letter-spacing:.015em;transition:background .18s,transform .18s}.launchHero#inicio .heroBtns .ghost{color:#fff;border-color:#ffffff75;background:#0005}.launchPrimary span{font-size:22px;margin-left:14px}.launchDetails{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;letter-spacing:.05em;color:#c9c9c3;animation:launchReveal .8s .54s both}.launchDetails span+span{border-left:1px solid #ffffff40;padding-left:18px}.launchScroll{position:absolute;right:max(30px,5.5vw);bottom:37px;z-index:3;display:flex;align-items:center;gap:17px;min-height:44px;font-size:11px;font-weight:600;letter-spacing:.15em;color:#e8e8e3}.scrollLine{width:42px;height:1px;background:#ffffff50;position:relative;overflow:hidden}.scrollLine:after{content:'';position:absolute;inset:0;background:#ff9800;transform-origin:left;animation:launchLine 2.8s ease-in-out 3}.mobileMenu{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.hamb{flex:0 0 46px}.floating{bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left))}
@keyframes launchReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes launchVideoIn{from{transform:scale(1.07)}to{transform:scale(1.035)}}@keyframes launchLine{0%,100%{transform:scaleX(.15)}50%{transform:scaleX(1)}}
@media(hover:hover) and (pointer:fine){.launchHero#inicio .heroBtns .btn:hover{transform:translateY(-3px)}.launchHero#inicio .heroBtns .primary:hover{background:#ffb134}.launchHero#inicio .heroBtns .ghost:hover{background:#ffffff15}}
@media(max-width:1320px){.navlinks{display:none}.hamb{display:block}.nav{gap:14px}.launchHero#inicio h1{font-size:clamp(60px,10.8vw,138px)!important}}
@media(max-width:720px){html{scroll-padding-top:90px}.nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:70px}.nav .brand{min-width:0}.nav-actions>.btn:first-child{display:inline-flex;min-height:44px;padding:0 13px;font-size:12px}.nav-actions>.btn:nth-child(2){display:none}.nav-actions{gap:8px}.launchHero#inicio{min-height:100vh;min-height:100svh;height:auto;padding:115px max(20px,env(safe-area-inset-left)) 106px;align-items:center}.launchHero#inicio>.heroCopy{width:100%;margin:0}.launchHero#inicio h1{font-size:clamp(47px,12.35vw,88px)!important;letter-spacing:-.07em!important;line-height:1!important}.launchIntro{font-size:.58em;margin-bottom:8px}.launchEyebrow{font-size:10px;letter-spacing:.1em;gap:9px;margin-bottom:23px}.launchMark{width:20px}.launchHero#inicio .launchDescription{font-size:16px;margin-top:24px;max-width:330px}.launchHero#inicio .heroBtns{display:grid;grid-template-columns:1fr;gap:10px;max-width:350px;margin-top:26px}.launchHero#inicio .heroBtns .btn{min-height:52px;padding:0 17px;font-size:14px;justify-content:space-between}.launchDetails{font-size:11px;gap:10px;margin-top:23px;line-height:1.6}.launchDetails span+span{padding-left:10px}.launchDetails span:last-child{flex-basis:100%;border:0;padding-left:0}.launchScroll{right:20px;bottom:max(27px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.09em;gap:10px}.scrollLine{width:25px}.launchHero#inicio>.shade{background:linear-gradient(90deg,#000c,#0006),linear-gradient(0deg,#000a,transparent 70%)}.launchHero#inicio>video{object-position:54% center}.itemControls select,.itemControls input,.field input,.quickAdd select,#orderForm input,#orderForm textarea,.quote input,.quote select,.quote textarea{font-size:16px!important}.itemOrder button{min-height:44px}.qtyRow button{width:44px;height:44px;flex:0 0 44px}.qtyRow input{width:0;min-width:0;flex:1;padding:4px 1px}.itemControls{gap:8px}.itemHead{gap:8px}.itemHead img{width:56px;height:64px}.drawerHead h2{font-size:27px}.drawerFoot{padding-bottom:max(18px,env(safe-area-inset-bottom))}.photoDialog,.checkoutDialog,.previewDialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.dialogClose{position:relative;z-index:3}}
@media(max-width:360px){.launchHero#inicio{padding-left:16px;padding-right:16px}.launchHero#inicio h1{font-size:12.15vw!important}.launchEyebrow{font-size:9px}.launchHero#inicio .launchDescription{font-size:16px}.launchScroll{font-size:9px}.itemControls{grid-template-columns:1fr}.qtyRow input{max-width:85px;flex-basis:60px}}
@media(max-height:540px) and (orientation:landscape){.launchHero#inicio{padding-top:112px;padding-bottom:94px;min-height:650px}.launchHero#inicio .heroBtns{display:flex}.mobileMenu{top:70px;max-height:calc(100dvh - 82px)}}
@media(prefers-reduced-motion:reduce){.launchHero#inicio video,.launchHero#inicio .heroCopy *,.scrollLine:after{animation:none!important;transform:none!important}.launchHero#inicio .heroBtns .btn{transition:none!important}}
@media(max-width:720px){.nav{height:calc(70px + env(safe-area-inset-top));padding-top:calc(6px + env(safe-area-inset-top))}.mobileMenu{top:calc(70px + env(safe-area-inset-top));max-height:calc(100dvh - 100px - env(safe-area-inset-top))}.launchHero#inicio{padding-top:calc(115px + env(safe-area-inset-top))}html{scroll-padding-top:calc(90px + env(safe-area-inset-top))}}