.ilc-mosaico-wrap{padding-block:clamp(48px,6vw,84px);background:#2c351c;color:#fffbf6}.ilc-mosaico__intro{max-width:56ch;margin-bottom:clamp(28px,3.5vw,44px)}.ilc-mosaico__heading{margin:0;color:#fffbf6;font-family:var(--font-stack-headings);font-size:clamp(1.9rem,3vw,2.75rem);font-style:var(--font-style-headings);font-weight:600;letter-spacing:-.005em;line-height:1.05;text-wrap:balance}.ilc-mosaico__body{margin-top:16px;color:#e9e2d2;font-size:1.0625rem;line-height:1.65;text-wrap:pretty}.ilc-mosaico__body p{margin:0}.ilc-mosaico__frame{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:clamp(300px,26vw,400px) clamp(250px,21vw,340px);grid-template-areas:"a a a a b b b b c c c c" "t t t t d d d d d d d d";gap:1px;background:#fffbf638;border:1px solid rgba(255,251,246,.22);border-radius:3px}.ilc-mosaico__cell{min-width:0;min-height:0;background:#2c351c}.ilc-mosaico__cell--1{grid-area:a}.ilc-mosaico__cell--2{grid-area:b}.ilc-mosaico__cell--3{grid-area:c}.ilc-mosaico__cell--4{grid-area:d}.ilc-mosaico__cell--texto{grid-area:t}.ilc-mosaico__pieza{position:relative;height:100%;margin:0;overflow:hidden}.ilc-mosaico__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#232a16}.ilc-mosaico__media img,.ilc-mosaico__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-ui),filter .5s var(--ease-ui)}.ilc-mosaico__pieza:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(to top,#141a0cb8,#141a0c2e 42%,#141a0c00 62%);transition:background .5s var(--ease-ui),opacity .5s var(--ease-ui)}.ilc-mosaico__caption{position:absolute;z-index:1;right:0;bottom:0;left:0;display:block;padding:clamp(16px,1.8vw,24px)}.ilc-mosaico__pieza-title{margin:0;color:#fffbf6;font-family:var(--font-stack-headings);font-size:clamp(1.15rem,1.5vw,1.4rem);font-style:var(--font-style-headings);font-weight:600;line-height:1.2;text-wrap:balance}.ilc-mosaico__pieza-text{max-height:0;margin-top:0;overflow:hidden;color:#e9e2d2;font-size:.875rem;line-height:1.55;opacity:0;transform:translateY(8px);transition:max-height .42s var(--ease-ui),opacity .32s var(--ease-ui),transform .42s var(--ease-ui),margin-top .42s var(--ease-ui)}.ilc-mosaico__pieza-text p{margin:0}.ilc-mosaico__pieza:hover .ilc-mosaico__media img{transform:scale(1.04);filter:brightness(.82)}.ilc-mosaico__pieza:hover:after{background:linear-gradient(to top,#141a0ce6,#141a0c8c 55%,#141a0c40)}.ilc-mosaico__pieza:hover .ilc-mosaico__pieza-text{max-height:12em;margin-top:10px;opacity:1;transform:translateY(0)}@media(hover:none){.ilc-mosaico__pieza:after{background:linear-gradient(to top,#141a0cd9,#141a0c66 55%,#141a0c1f)}.ilc-mosaico__pieza-text{max-height:none;margin-top:10px;opacity:1;transform:none}}.ilc-mosaico__texto{display:flex;flex-direction:column;justify-content:center;height:100%;padding:clamp(20px,2.4vw,36px)}.ilc-mosaico__texto-eyebrow{margin:0 0 12px;color:#cfc7b4;font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ilc-mosaico__texto-heading{margin:0;color:#fffbf6;font-family:var(--font-stack-headings);font-size:clamp(1.5rem,2.4vw,2.1rem);font-style:var(--font-style-headings);font-weight:600;letter-spacing:-.005em;line-height:1.1;text-wrap:balance}.ilc-mosaico__texto-body{max-width:44ch;margin-top:14px;color:#e9e2d2;font-size:.9375rem;line-height:1.6;text-wrap:pretty}.ilc-mosaico__texto-body p{margin:0}@media(max-width:1024px){.ilc-mosaico__frame{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(280px,34vw,360px) clamp(280px,34vw,360px) clamp(240px,30vw,320px);grid-template-areas:"a b" "t c" "d d"}}@media(max-width:699px){.ilc-mosaico__frame{grid-template-columns:minmax(0,1fr);grid-template-rows:260px 260px 260px auto 260px;grid-template-areas:"a" "b" "c" "t" "d"}.ilc-mosaico__texto{padding-block:28px}}@media(prefers-reduced-motion:reduce){.ilc-mosaico__media img,.ilc-mosaico__pieza:after,.ilc-mosaico__pieza-text{transition:none}.ilc-mosaico__pieza:hover .ilc-mosaico__media img{transform:none;filter:none}.ilc-mosaico__pieza:hover .ilc-mosaico__pieza-text{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-ilc-oficio-mosaico.css.map */