/*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/gallery-vertical-scroll/style.scss ***! \***************************************************************************************************************************************************************************************************************************************************************/ .gallery-vertical-scroll{position:relative;background-color:var(--azul);color:var(--crema-fondo)}.gallery-vertical-scroll .sticky-side .has-m-font-size{margin:0 0 4rem}.gallery-vertical-scroll .clickable-items{padding-right:6.9rem;position:relative}.gallery-vertical-scroll .clickable-items::before{content:"";width:1px;height:100%;background-color:var(--lightpale);position:absolute;left:0;top:0}.gallery-vertical-scroll .clickable-items .clickable-box{padding:0 1.4rem;margin-bottom:5.6rem;position:relative;opacity:.5;transition:all var(--anim-delay);cursor:pointer}.gallery-vertical-scroll .clickable-items .clickable-box::before{content:"";width:5px;height:100%;background-color:#fff0;position:absolute;left:0;top:0;transition:all var(--anim-delay)}.gallery-vertical-scroll .clickable-items .clickable-box ul{margin-bottom:1.4rem}.gallery-vertical-scroll .clickable-items .clickable-box h3{margin-top:1.4rem}.gallery-vertical-scroll .clickable-items .clickable-box>span{font-size:1rem;line-height:1.6em;letter-spacing:.1em;font-weight:var(--font-weight-semibold);color:var(--lightpale);text-transform:uppercase}.gallery-vertical-scroll .clickable-items .clickable-box>span br{display:none}.gallery-vertical-scroll .clickable-items .clickable-box>.clickable-details::before{content:"|";margin:0 1.2rem 0 1rem;pointer-events:none}.gallery-vertical-scroll .clickable-items .clickable-box .has-s-font-size{color:var(--crema-secondary)}.gallery-vertical-scroll .clickable-items .clickable-box.active{opacity:1}.gallery-vertical-scroll .clickable-items .clickable-box.active::before{background-color:var(--rojo)}.gallery-vertical-scroll .gallery-box:not(:last-of-type){margin-bottom:4rem}.gallery-vertical-scroll .gallery-box .bp-multimedia{height:42.6rem;margin:0 0 1.8rem}.gallery-vertical-scroll .gallery-box .bp-multimedia .img-box{margin:0}.gallery-vertical-scroll .gallery-box .txt-box h3{margin-bottom:1.8rem}@media only screen and (min-width:961px){.gallery-vertical-scroll .sticky-side{position:sticky;top:var(--sitenavHeightDesktop)}.gallery-vertical-scroll .sticky-side .has-m-font-size{margin:0 0 5.2rem}.gallery-vertical-scroll .gallery-box:not(:last-of-type){margin-bottom:13.4rem}.gallery-vertical-scroll .gallery-box:last-of-type{margin-bottom:6.7rem}.gallery-vertical-scroll .gallery-box .bp-multimedia{height:55.6rem;margin:0 0 3.3rem;box-shadow:0 12px 16px -4px rgb(0 0 0 / .21),0 4px 6px -2px rgb(65 75 90 / .1)}.gallery-vertical-scroll .gallery-box .txt-box{display:flex;align-items:flex-start}.gallery-vertical-scroll .gallery-box .txt-box :is(h3,p){flex:0 1 50%;width:50%}.gallery-vertical-scroll .gallery-box .txt-box h3{padding-right:2.8rem;margin-bottom:0;color:var(--crema-secondary)}}