@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}#brxe-tstm03 {position: relative; overflow: hidden}#brxe-tstm06 {position: relative; overflow: hidden}#brxe-tstm10 {position: relative; overflow: hidden}#brxe-tstm15 {position: absolute}#brxe-tstm16 {position: absolute}#brxe-tstm02 {width: 100%; max-width: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}#brxe-tstm01 {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@layer jf-pages { .jf-test-mood { --test-mood-ink: #393a2d; --test-mood-lime: #d6ed75; --test-mood-lime-soft: rgb(214 237 117 / 0.52); --test-mood-height: clamp(520px, 51vw, 620px); position: relative; overflow: hidden; background: #ffffff; } .jf-test-mood__inner { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: none; min-height: var(--test-mood-height); isolation: isolate; } .jf-test-mood__panel { position: relative; min-height: var(--test-mood-height); overflow: hidden; } .jf-test-mood__panel--center::before { content: ""; position: absolute; z-index: 3; top: 53px; right: -68%; width: 138%; aspect-ratio: 1; border-radius: 50%; background: var(--test-mood-lime-soft); pointer-events: none; height: 100%; } .jf-test-mood__image, .jf-test-mood__image img { display: block; width: 100%; height: 100%; min-height: var(--test-mood-height); object-fit: cover; } .jf-test-mood__image--left img { object-position: center center; } .jf-test-mood__image--center img { object-position: 54% center; } .jf-test-mood__image--right img { object-position: 50% center; } .jf-test-mood__label { position: absolute; z-index: 5; margin: 0; color: var(--test-mood-lime); font-family: "Goli", "Brooklyn", system-ui, sans-serif; font-size: clamp(30px, 3.35vw, 48px); font-weight: 700; line-height: 1; letter-spacing: 0; white-space: nowrap; text-shadow: 0 1px 10px rgb(0 0 0 / 0.08); } .jf-test-mood__label--vive { top: 19%; right: 8%; } .jf-test-mood__label--siente { right: 0%; bottom: 17%; color: var(--test-mood-ink); } .jf-test-mood__label--comparte { top: 8.5%; right: 21%; color: #ffffff; } .jf-test-mood__orb { position: absolute; z-index: 3; pointer-events: none; border-radius: 50%; background: var(--test-mood-lime-soft); mix-blend-mode: normal; } .jf-test-mood__orb--large { display: none; } .jf-test-mood__orb--small { right: 23%; bottom: -1%; width: min(28vw, 330px); aspect-ratio: 1; } .jf-test-mood__person { position: absolute; z-index: 7; right: clamp(-24px, -1.2vw, -8px); bottom: -2px; width: clamp(88px, 10vw, 155px); pointer-events: none; } .jf-test-mood__person, .jf-test-mood__person img { display: block; height: auto; } @media (max-width: 991px) { .jf-test-mood { --test-mood-height: 420px; } .jf-test-mood__inner { grid-template-columns: 1fr; } .jf-test-mood__panel--center::before { top: 9%; left: 36%; width: min(86vw, 440px); } .jf-test-mood__orb--small { right: -18%; bottom: 15%; width: min(72vw, 360px); } .jf-test-mood__label--vive { top: 18%; right: 12%; } .jf-test-mood__label--siente { right: 10%; bottom: 14%; } .jf-test-mood__label--comparte { top: 10%; right: 8%; } .jf-test-mood__person { width: 112px; right: -20px; } } @media (max-width: 640px) { .jf-test-mood { --test-mood-height: 360px; } .jf-test-mood__label { font-size: clamp(30px, 12vw, 46px); } }}