@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}p,h1,h2,h3,h4{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}ul[role=list],ol[role=list]{list-style:none;padding:0}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{color-scheme:light only;--c-papel: #EAE5DD;--c-tarjeta: #F1EDE6;--c-escenario: #E4DED3;--c-tinta: #2F2C28;--c-tinta-2: #5B564F;--c-tenue: #8C857A;--c-contorno: #BFB6A8;--c-filete: #D6CEC0;--f-sans: "Helvetica Neue", Helvetica, Arimo, Arial, sans-serif;--t-11: 11px;--t-12: 12px;--t-13: 13px;--t-15: 15px;--t-16: 16px;--t-18: 18px;--ancho-max: 1280px;--gutter: clamp(16px, 3.2vw, 40px);--barra-alto: 60px;--modulo-alto-max: 780px;--foto-proporcion: .6;--plano-opacidad: .62;--m-pad: 24px;--m-fila: 34px;--m-muestra: 18px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .2s}}@layer base{html{background:var(--c-papel);color:var(--c-tinta);scroll-padding-top:var(--barra-alto)}body{background:var(--c-papel);color:var(--c-tinta);font-family:var(--f-sans);font-size:var(--t-15)}a{color:inherit}:focus-visible{outline:1.5px solid var(--c-tinta);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.lbl{font-size:var(--t-11);letter-spacing:.06em;text-transform:uppercase;color:var(--c-tenue)}}@layer layout{html{scroll-snap-type:y proximity}.wrap{max-width:var(--ancho-max);margin-inline:auto;padding-inline:var(--gutter)}.screen{scroll-snap-align:start;min-height:calc(100dvh - var(--barra-alto));padding-block:24px 32px;display:flex;flex-direction:column}@media (max-width: 860px){html{scroll-snap-type:none}.screen{min-height:0;padding-block:16px 24px}}}@layer components{.bar{position:sticky;top:0;z-index:50;background:var(--c-papel);border-bottom:1px solid var(--c-contorno);padding-top:env(safe-area-inset-top,0px)}.bar__in{max-width:var(--ancho-max);margin-inline:auto;padding-inline:var(--gutter);height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.bar__brand{flex:none;display:flex;align-items:center;height:40px}.bar__brand img{height:18px;width:auto;transform:translateZ(0)}.bar__index{min-width:0;display:inline-flex;align-items:center;gap:12px;height:40px;padding-inline:14px;border:1px solid var(--c-contorno);background:var(--c-tarjeta);font-size:var(--t-13);transition:border-color var(--dur) var(--ease)}.bar__index:hover,.bar__index[aria-expanded=true]{border-color:var(--c-tinta)}.bar__key{padding-right:12px;border-right:1px solid var(--c-filete);line-height:20px}.bar__where{min-width:0;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar__chev{flex:none;transition:transform var(--dur) var(--ease)}.bar__index[aria-expanded=true] .bar__chev{transform:rotate(180deg)}@media (max-width: 860px){.bar__in{height:56px}.bar__index{height:36px;padding-inline:12px;gap:10px}.bar__key{display:none}.bar__where{max-width:56vw}}}@layer components{.drop{position:absolute;inset-inline:0;top:100%;background:var(--c-papel);border-bottom:1px solid var(--c-contorno);max-height:calc(100dvh - var(--barra-alto));overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 48px -32px #2f2c2873}.drop__in{max-width:var(--ancho-max);margin-inline:auto;padding:16px var(--gutter) 24px;display:flex;flex-direction:column;gap:16px}.search{display:flex;align-items:center;gap:12px;height:44px;border-bottom:1px solid var(--c-tinta)}.search input{flex:1;min-width:0;border:0;background:transparent;font-size:var(--t-16);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search input::placeholder{color:var(--c-tenue)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__btn{flex:none;height:32px;padding-inline:12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--c-filete);background:var(--c-tarjeta);font-size:var(--t-12);color:var(--c-tinta-2);text-decoration:none;white-space:nowrap}.tabs__btn:hover{border-color:var(--c-contorno);color:var(--c-tinta)}.tabs__btn[aria-selected=true]{background:var(--c-tinta);border-color:var(--c-tinta);color:var(--c-papel)}.tabs__n{font-size:10px;opacity:.7}.tabs__sep{flex:none;width:1px;background:var(--c-filete);margin:4px 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:8px}.cards__sec{grid-column:1 / -1;height:28px;display:flex;align-items:flex-end;padding-bottom:4px;border-bottom:1px solid var(--c-filete)}.card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;height:72px;padding:8px;border:1px solid var(--c-filete);background:var(--c-tarjeta);text-decoration:none}.card:hover{border-color:var(--c-contorno)}.card[aria-current=true]{border-color:var(--c-tinta-2)}.card__thumb{width:56px;height:56px;background:var(--c-escenario);display:grid;place-items:center;overflow:hidden}.card__thumb img{max-width:100%;max-height:100%;width:auto;height:auto}.card__name{display:block;font-size:var(--t-13);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__meta{display:block;margin-top:2px;font-size:var(--t-11);color:var(--c-tenue)}.drop__empty{color:var(--c-tinta-2)}.drop__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--t-12);color:var(--c-tenue)}.drop__foot a{color:var(--c-tinta);text-underline-offset:3px}@media (max-width: 860px){.cards{grid-template-columns:1fr}}}@layer components{.cover{display:grid;align-items:stretch;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border:1px solid var(--c-contorno);background:var(--c-tarjeta)}.cover__text{padding:40px;display:flex;flex-direction:column;gap:32px;border-right:1px solid var(--c-filete)}.cover__logo{width:min(280px,100%);transform:translateZ(0)}.cover__title{font-size:var(--t-15);line-height:1.3;font-weight:400}.cover__title b{display:block}.cover__body{font-size:var(--t-13);line-height:1.55;color:var(--c-tinta-2);max-width:38em}.cover__nav{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.cover__nav a{height:32px;display:inline-flex;align-items:center;padding-inline:12px;border:1px solid var(--c-contorno);background:var(--c-papel);font-size:var(--t-12);text-decoration:none}.cover__nav a:hover{border-color:var(--c-tinta)}.cover__media{display:grid;place-items:center;background:var(--c-escenario);overflow:hidden}.cover__media img{width:100%;height:auto}@media (max-width: 860px){.cover{grid-template-columns:1fr}.cover__text{padding:24px;gap:20px;border-right:0;border-bottom:1px solid var(--c-filete)}}}@layer components{.materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--c-contorno);background:var(--c-tarjeta)}.materials__group{padding:28px}.materials__group+.materials__group{border-left:1px solid var(--c-filete)}.materials__title{height:32px;display:flex;align-items:flex-end;padding-bottom:7px;margin-bottom:16px;border-bottom:1px solid var(--c-tinta)}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}.swatch img{width:100%;aspect-ratio:1;object-fit:cover}.swatch figcaption{font-size:var(--t-12);margin-top:8px}.materials__note{font-size:var(--t-12);color:var(--c-tenue);margin-top:16px}@media (max-width: 860px){.materials{grid-template-columns:1fr}.materials__group{padding:20px}.materials__group+.materials__group{border-left:0;border-top:1px solid var(--c-filete)}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}}@layer components{.typ{--modulo-alto: clamp(500px, calc(100dvh - var(--barra-alto) - 176px), var(--modulo-alto-max));max-width:min(var(--ancho-max),calc(var(--modulo-alto) * 1.5 + 2 * var(--gutter)))}.typ__head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px}.typ__title{font-size:var(--t-16);line-height:1.2;font-weight:700;display:flex;align-items:baseline;gap:10px;white-space:nowrap;min-width:0}.typ__count{font-size:var(--t-11);font-weight:400;color:var(--c-tenue)}.typ__nav{display:flex;align-items:center;gap:8px}.typ__pos{width:64px;text-align:center;font-size:var(--t-13)}.arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--c-contorno);background:var(--c-tarjeta);transition:border-color var(--dur) var(--ease)}.arrow:hover:not(:disabled){border-color:var(--c-tinta)}.arrow:disabled{opacity:.3;cursor:default}.rail{display:flex;gap:20px;height:34px;margin:4px 0 16px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--c-tinta);border-bottom:1px solid var(--c-filete)}.rail::-webkit-scrollbar{display:none}.rail__btn{flex:none;height:32px;font-size:var(--t-12);color:var(--c-tenue);white-space:nowrap;border-bottom:2px solid transparent}.rail__btn:hover{color:var(--c-tinta)}.rail__btn[aria-current=true]{color:var(--c-tinta);border-color:var(--c-tinta)}.track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.track::-webkit-scrollbar{display:none}@media (max-width: 860px){.typ{max-width:none}.typ__head{height:40px;margin-bottom:8px}.typ__title{font-size:var(--t-15);gap:8px}.typ__pos{width:52px;font-size:var(--t-12)}.arrow{width:32px;height:32px}.rail{display:none}.track{gap:16px;align-items:flex-start}}}@layer components{.piece{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;height:var(--modulo-alto);display:grid;grid-template-columns:minmax(0,calc(var(--foto-proporcion) * 100%)) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 64px;grid-template-areas:"stage spec" "stage bar";background:var(--c-tarjeta);border:1px solid var(--c-contorno)}.piece__head{grid-area:head;display:none;padding:12px var(--m-pad) 10px}.piece__name{font-size:var(--t-18);line-height:24px;font-weight:700}.piece__desc{font-size:var(--t-13);line-height:20px;color:var(--c-tinta-2);max-width:34em}.piece__stage{grid-area:stage;position:relative;min-height:0;overflow:hidden;background:var(--c-escenario);border-right:1px solid var(--c-filete)}.piece__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:clamp(16px,5%,32px);object-fit:contain;transition:opacity var(--dur) var(--ease)}.piece__photo.is-loading{opacity:0}.piece__plan{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--c-tarjeta);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur)}.piece__plan img{max-width:80%;max-height:80%;width:auto;height:auto;opacity:var(--plano-opacidad)}.piece__stage.is-plan .piece__plan{opacity:1;visibility:visible}.piece__missing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:var(--t-12);color:var(--c-tenue)}.piece__bar{grid-area:bar;min-width:0;display:flex;align-items:center;gap:8px;padding-inline:var(--m-pad);border-top:1px solid var(--c-filete)}.piece__step{width:32px;height:40px;display:grid;place-items:center;color:var(--c-tinta-2)}.piece__step:hover:not(:disabled){color:var(--c-tinta)}.piece__step:disabled{opacity:.3;cursor:default}.piece__counter{min-width:40px;text-align:center;font-size:var(--t-11);color:var(--c-tinta-2)}.piece__thumbs{display:flex;gap:8px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px;margin:-4px}.piece__thumbs::-webkit-scrollbar{display:none}.piece__thumb{flex:none;height:40px;opacity:.5;outline-offset:2px;transition:opacity var(--dur)}.piece__thumb img{height:40px;width:auto}.piece__thumb:hover{opacity:.85}.piece__thumb[aria-current=true]{opacity:1;outline:1px solid var(--c-tinta-2)}.piece__plan-btn{margin-left:auto;flex:none;height:40px;padding-inline:12px;border:1px solid var(--c-contorno);font-size:var(--t-11);letter-spacing:.06em;text-transform:uppercase;color:var(--c-tinta-2)}.piece__plan-btn:hover{border-color:var(--c-tinta);color:var(--c-tinta)}.piece__plan-btn[aria-pressed=true]{background:var(--c-tinta);border-color:var(--c-tinta);color:var(--c-papel)}.piece__step,.piece__counter{display:none}.piece__spec{grid-area:spec;min-width:0;min-height:0;overflow:auto;scrollbar-width:thin;padding:24px var(--m-pad) var(--m-pad);display:flex;flex-direction:column;gap:24px}.piece__spec .piece__desc{margin-top:-12px}.block__head{height:var(--m-fila);display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid var(--c-tinta)}.row{height:var(--m-fila);display:flex;align-items:center;gap:14px;min-width:0;border-bottom:1px solid var(--c-filete);font-size:var(--t-13)}.row img{width:var(--m-muestra);height:var(--m-muestra);flex:none}.row__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__price{font-size:var(--t-12);letter-spacing:.02em;color:var(--c-tinta-2);text-align:right}.row__price.is-na{color:var(--c-tenue)}.row.is-off>*{opacity:.22}.fabrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fabrics .row{height:32px}.fabrics .row:nth-child(2n){padding-left:12px}@media (max-width: 860px){.piece{--m-pad: 16px;--m-fila: 32px;height:auto;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"head" "stage" "bar" "spec"}.piece__head{display:block}.piece__name{font-size:var(--t-16);line-height:20px}.piece__desc{font-size:var(--t-12);line-height:18px;margin-top:4px}.piece__stage{aspect-ratio:1 / 1;max-height:55dvh;border-right:0}.piece__photo{padding:32px}.piece__bar{height:44px;padding-inline:calc(var(--m-pad) - 8px);border-bottom:1px solid var(--c-filete);gap:0}.piece__step,.piece__counter{display:grid;place-items:center}.piece__thumbs{display:none}.piece__plan-btn{height:28px;padding-inline:10px}.piece__spec{padding:14px var(--m-pad) 18px;gap:16px;overflow:visible}.piece__spec>.piece__name,.piece__spec>.piece__desc{display:none}.fabrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fabrics .row{height:28px;gap:8px;font-size:var(--t-12)}.fabrics .row img{width:16px;height:16px}.fabrics .row:nth-child(2n){padding-left:0}}}@layer components{.foot{border-top:1px solid var(--c-tinta)}.foot__in{height:64px;display:flex;justify-content:space-between;align-items:center;gap:16px}.foot img{height:16px;width:auto;transform:translateZ(0)}.foot p{font-size:var(--t-11);color:var(--c-tenue)}}@layer utilities{.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}