.demo-collection{padding:84px 0;border-top:1px solid var(--line)}
.dv-brand{display:inline-flex;align-items:center;min-width:76px;min-height:44px}.dv-brand img{width:94px;height:auto}.dv-brand-light{display:none}.dv-brand-dark{display:block}:root[data-dv-appearance=light] .dv-brand-dark{display:none}:root[data-dv-appearance=light] .dv-brand-light{display:block}
.demo-cover{position:relative;isolation:isolate;overflow:hidden;margin-top:28px;padding:0;color:#f1edde;background:#0e1117 url('/variantes/b/media/fachada-noche-v1.webp') center/cover no-repeat}
.demo-cover-media{display:none}
.demo-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,13,.97) 0%,rgba(5,12,13,.88) 35%,rgba(5,12,13,.36) 72%,rgba(5,12,13,.12) 100%),linear-gradient(0deg,rgba(5,12,13,.64),transparent 45%)}
.demo-cover-inner{min-height:560px;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,72px);max-width:890px}
.demo-cover .eyebrow{color:#a8c2ff}.demo-cover h1{font-size:clamp(44px,5.5vw,80px);color:#fff}.demo-cover h1 span{color:#b9cbff}.demo-cover .intro-bottom{display:block;margin-top:30px}.demo-cover .intro-bottom>p{max-width:48ch;font-size:clamp(16px,1.7vw,20px)}.demo-cover .intro-bottom .jump{margin-top:18px;color:#c1d1ff}.demo-cover .review-note{color:#d7dce4;max-width:64ch;margin-top:22px}
@media(max-width:800px){.demo-cover{margin-top:18px;background-position:58% center}.demo-cover::before{background:linear-gradient(90deg,rgba(5,12,13,.96),rgba(5,12,13,.76) 65%,rgba(5,12,13,.44)),linear-gradient(0deg,rgba(5,12,13,.6),transparent)}.demo-cover-inner{min-height:500px;padding:32px 26px}.demo-cover h1{font-size:clamp(38px,8vw,58px)}}
@media(max-width:680px){.demo-cover{background:#0e1117}.demo-cover::before{display:none}.demo-cover-media{display:block;height:clamp(220px,68vw,320px);background:linear-gradient(0deg,#0e1117,transparent 48%),url('/variantes/b/media/fachada-movil-v1.webp') 52% center/cover no-repeat}.demo-cover-inner{min-height:0;padding:24px 20px 30px}.demo-cover .intro-bottom>p{font-size:16px}.demo-cover .intro-bottom .jump{margin-top:14px}.demo-cover .review-note{font-size:11px}}
.review-language{position:relative;z-index:9;font-size:12px}.review-language summary{min-height:44px;padding:10px 12px;border:1px solid var(--line);list-style:none;cursor:pointer}.review-language summary::-webkit-details-marker{display:none}.review-language>div{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 36px));padding:20px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 16px 32px #0004}.review-language>div p{font-size:13px;line-height:1.5;margin:0 0 12px}.review-language select{display:block;width:100%;margin:8px 0 12px;min-height:44px}
.demo-collection .collection-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:32px}
.demo-collection h2{font-size:clamp(36px,5vw,70px);line-height:1.05;letter-spacing:-.04em}.demo-collection p{max-width:54ch;line-height:1.6}
.collection-facade{margin:0 0 48px}.collection-facade img{display:block;width:100%;height:auto}.collection-facade figcaption,.collection-grid figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-grid figure{margin:0;min-width:0}.collection-grid img{width:100%;height:auto;display:block}.collection-grid figure{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){.collection-grid figure:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0002}.review-nav a:hover{color:var(--action)}}
.collection-note{margin-top:30px;font-size:13px;color:var(--muted)}
.proposal-steps li{padding:10px 12px;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}
@media(hover:hover) and (pointer:fine){.proposal-steps li:hover{background:#dfe8c7;box-shadow:inset 3px 0 #b4ce24;transform:translateX(3px)}}
.context-columns>div,.video-grid>div{padding:20px;transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}
@media(hover:hover) and (pointer:fine){.context-columns>div:hover,.video-grid>div:hover{background:#6e97f618;box-shadow:inset 3px 0 var(--link);transform:translateY(-3px)}}
[data-embed] #coleccion{display:none}
@media(max-width:680px){.demo-collection{padding:52px 0}.demo-collection .collection-intro{grid-template-columns:1fr;gap:12px}.collection-grid{grid-template-columns:1fr 1fr}.collection-grid figure:last-child{grid-column:1/-1;max-width:50%}}
@media(prefers-reduced-motion:reduce){.collection-grid figure,.proposal-steps li,.context-columns>div,.video-grid>div{transition:none!important;transform:none!important}}
[data-motion=reduce] .collection-grid figure,[data-motion=reduce] .proposal-steps li,[data-motion=reduce] .context-columns>div,[data-motion=reduce] .video-grid>div{transition:none!important;transform:none!important}

.shop-nav-actions{display:flex;align-items:center;gap:clamp(8px,2vw,22px)}[data-dv-page] .shop-nav .shop-language-trigger{color:#142920;border-color:#647567;background:transparent}[data-dv-page] .shop-nav .shop-language-trigger:hover,[data-dv-page] .shop-nav .shop-language-trigger[aria-expanded=true],[data-dv-page] .shop-nav .shop-language-trigger:focus-visible{background:#dce6d4;border-color:#142920}