.cbl-heroF{border-bottom:1px solid var(--cbl-line)}
.cbl-heroF__media{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--cbl-surface)}
.cbl-heroF__media img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.cbl-heroF__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding:clamp(40px,5vw,88px) 24px}
.cbl-colores__wide{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--cbl-surface);margin-bottom:clamp(32px,4vw,56px)}
.cbl-colores__wide img{width:100%;height:100%;object-fit:cover;display:block}
.cbl-color__cta{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cbl-muted);border-bottom:1px solid var(--cbl-line);padding-bottom:4px;transition:color .2s ease,border-color .2s ease}
.cbl-color:hover .cbl-color__cta{color:var(--cbl-ink);border-color:var(--cbl-ink)}
.cbl-detalles{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--cbl-line);border-bottom:1px solid var(--cbl-line)}
.cbl-detalle{margin:0;background:var(--cbl-bg);display:flex;flex-direction:column}
.cbl-detalle__img{aspect-ratio:4/5;overflow:hidden;background:var(--cbl-surface)}
.cbl-detalle__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.cbl-detalle:hover .cbl-detalle__img img{transform:scale(1.02)}
.cbl-detalle__pie{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cbl-muted);padding:20px 24px}
@media (max-width:749px){
html body .cbl-heroF__media{aspect-ratio:4/5}
html body .cbl-heroF__media img{object-position:center 70%}
html body .cbl-heroF__body{padding:34px 22px 44px;gap:18px}
html body .cbl .cbl-h1{font-size:clamp(46px,13vw,64px);line-height:1}
html body .cbl .cbl-h2{font-size:clamp(32px,9vw,42px)}
html body .cbl .cbl-lede{font-size:18px}
html body .cbl-heroF__body>div,html body .cbl-heroF__body .cbl-btn{width:100%}
html body .cbl .cbl-btn{padding:19px 24px;font-size:12px}
html body .cbl-colores{padding:52px 0 44px}
html body .cbl-colores .cbl-wrap{padding:0 14px}
html body .cbl-colores__head{margin-bottom:28px;gap:10px;padding:0 8px}
html body .cbl-colores__wide{aspect-ratio:3/2;margin-bottom:22px}
html body .cbl-colores__grid{grid-template-columns:repeat(2,1fr);gap:10px}
html body .cbl-color{gap:12px}
html body .cbl-color__cta{font-size:10px;letter-spacing:.16em}
html body .cbl-detalle__pie{padding:14px 14px 18px;font-size:10px}
html body .cbl-editorial__body{padding:40px 22px 52px;gap:18px}
html body .cbl-editorial__text{font-size:12px;line-height:1.9}
html body .cbl-gal__main{aspect-ratio:4/5}
html body .cbl-gal__thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px}
html body .cbl-gal__thumb{flex:0 0 22%;scroll-snap-align:start}
html body .cbl-panel{padding:26px 20px 40px;gap:22px}
html body .cbl-sizes{grid-template-columns:repeat(5,1fr);gap:6px}
html body .cbl-size{padding:15px 0;font-size:14px;min-height:48px}
html body .cbl-sw{width:50px;height:50px}
html body .cbl-sw span{width:40px;height:40px}
html body #cbl-add{position:sticky;bottom:10px;z-index:20;box-shadow:0 8px 24px rgba(28,25,22,.18)}
}