@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}@layer bricks {.brxe-code{width:100%}}@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)}}:where(.brxe-video){align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}:where(.brxe-video) iframe,:where(.brxe-video) video{border:none;height:100%;position:absolute;top:0;width:100%}:where(.brxe-video) video[poster]:not([data-is-loaded]){object-fit:cover}@supports not (aspect-ratio:16/9){:where(.brxe-video){aspect-ratio:auto;padding-top:56.25%}}.brxe-video .plyr{bottom:0;font-family:inherit;left:0;position:absolute;right:0;top:0}.brxe-video .plyr .plyr__controls>.plyr__control{padding:8px}.brxe-video .plyr .plyr__control--overlaid{align-items:center;background-color:rgba(0,0,0,.65);border-radius:0;display:flex!important;height:50px;justify-content:center;padding:0;width:80px}.brxe-video .plyr .plyr__control--overlaid:hover{background-color:rgba(0,0,0,.9)}.brxe-video .plyr .plyr__control--overlaid svg{height:18px;width:18px}.brxe-video .plyr .plyr__controls .plyr__control{background-color:transparent;color:inherit}.brxe-video .plyr .plyr__controls .plyr__control.plyr__tab-focus{background:transparent;box-shadow:0 0 0 2px}.brxe-video .plyr input[type=range]:hover::-webkit-slider-thumb{visibility:visible}.brxe-video .plyr input[type=range]::-webkit-slider-runnable-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:none;visibility:hidden}.brxe-video .plyr input[type=range]::-moz-range-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-moz-range-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range]::-moz-range-progress{border-radius:0}.brxe-video .plyr input[type=range]::-ms-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-ms-fill-lower,.brxe-video .plyr input[type=range]::-ms-fill-upper{border-radius:0}.brxe-video .plyr input[type=range]::-ms-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-ms-track{box-shadow:none}.brxe-video .plyr .plyr__progress__buffer::-webkit-progress-value{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-moz-progress-bar{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-ms-fill{border-radius:0}.brxe-video .plyr .plyr__volume{max-width:none;min-width:0;width:auto}.brxe-video .plyr .plyr__volume:hover input[type=range]{margin:0 5px;width:60px}.brxe-video .plyr .plyr__volume input[type=range]{margin:0;transition:width .1s ease-out;width:0}.brxe-video .plyr .plyr__controls__item,.brxe-video .plyr input[type=range]{cursor:pointer}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:hover:before{background-color:#000}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:after{background-color:#fff;opacity:1;transform:translateY(-50%) scale(1)}.bricks-video-preview-image{background-position:50%;background-repeat:no-repeat}.bricks-video-overlay,.bricks-video-preview-image{background-size:cover;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.bricks-video-overlay{align-items:center;display:flex;justify-content:center;z-index:1}.bricks-video-overlay.bricks-lazy-hidden{background-image:none!important}.bricks-video-overlay-icon{color:#fff;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@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}}@media (max-width: 991px) {#brxe-hpdakk {position: absolute; bottom: -310px}}@media (max-width: 478px) {#jf-ia-integrada-hero-title {font-size: 26px}#jf-ia-integrada-hero-title span{flex-wrap: nowrap;}}@media (max-width: 991px) {#brxe-trszot {position: absolute; bottom: -310px}}@media (max-width: 478px) {#brxe-trszot {width: 250px; bottom: 0px; position: static}}@media (max-width: 478px) {#brxe-pgzprp {position: static; max-width: 150px; width: 100%}}@media (max-width: 478px) {#brxe-cuitzw {display: flex; flex-direction: column; align-items: center; row-gap: 70px}}.brxe-jf_wave {position: absolute; z-index: 5}.jf-wave { --jf-wave-height: 18rem; --jf-wave-height-mobile: 11rem; --jf-wave-cover-height: 55%; --jf-wave-shadow: 0 -1rem 2.6rem rgba(0, 0, 0, 0.06); position: absolute; left: 50%; bottom: -1px; z-index: 5; width: 100vw; height: var(--jf-wave-height); transform: translateX(-50%); pointer-events: none; overflow: visible; background: transparent;} .jf-wave::before { content: none !important; } .jf-wave::after { content: ""; position: absolute; left: 50%; bottom: -1px; z-index: 2; width: 100vw; height: var(--jf-wave-cover-height); transform: translateX(-50%); background: var(--jf-color-white); pointer-events: none;} .jf-wave > svg,.jf-wave__svg { position: relative; z-index: 1; display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(var(--jf-wave-shadow));}@media (max-width: 767px) { .jf-wave { height: var(--jf-wave-height-mobile); }}#brxe-infgqd {min-height: 500px}.jf-ia-integrada-hero { position: relative; overflow: hidden; padding-block: var(--jf-space-2xl) 8rem; background: var(--jf-color-white);} .jf-ia-integrada-hero .jf-container { position: relative; z-index: 2;} .jf-ia-integrada-hero__stage { position: relative; min-height: 30rem;} .jf-ia-integrada-hero__content { display: flex; justify-content: center; align-items: flex-start; padding-top: clamp(2rem, 4vw, 3.25rem);} .jf-ia-integrada-hero__title { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; color: var(--jf-color-black); line-height: var(--jf-lh-tight); text-align: center; .jf-highlight--amber{ transform: rotate(-3.291deg); } .jf-highlight--green{transform: rotate(-1.393deg);}} .jf-ia-integrada-hero__line { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.38em;} .jf-ia-integrada-hero__line .jf-highlight { font-size: inherit; line-height: 1;} .jf-ia-integrada-hero__robot { position: absolute; margin: 0;} .jf-ia-integrada-hero__robot--left { left: clamp(0.5rem, 1.5vw, 1.25rem); top: clamp(1rem, 6vw, 0rem); width: clamp(8rem, 15vw, 20rem); } .jf-ia-integrada-hero__robot--right { right: clamp(0.75rem, 2vw, 1.5rem); top: clamp(1rem, 6vw, 1.25rem); width: clamp(9rem, 16vw, 20rem);} .jf-ia-integrada-hero__robot-image { display: block; width: 100%; height: auto;} .jf-ia-integrada-hero__wave { position: absolute; left: 50%; bottom: -8.5rem; width: 150vw; height: 15rem; transform: translateX(-50%); border-radius: 50%; background: var(--jf-color-white); box-shadow: 0 -1rem 2.6rem rgba(0, 0, 0, 0.05);}@media (max-width: 991px) { .jf-ia-integrada-hero { padding-block: var(--jf-space-xl) 7rem; } .jf-ia-integrada-hero__stage { min-height: 25rem; } .jf-ia-integrada-hero__robot--left { width: clamp(7rem, 16vw, 9rem); } .jf-ia-integrada-hero__robot--right { width: clamp(8rem, 17vw, 10rem); }}@media (max-width: 767px) { .jf-ia-integrada-hero { padding-block: var(--jf-space-l) 6rem; } .jf-ia-integrada-hero__stage { min-height: 17rem; } .jf-ia-integrada-hero__title { font-size: var(--jf-text-xl); } .jf-ia-integrada-hero__content { padding-top: 1rem; } .jf-ia-integrada-hero__robot--left { left: -0.4rem; top: 2.4rem; width: 5.8rem; } .jf-ia-integrada-hero__robot--right { right: -0.2rem; top: 2.4rem; width: 6.4rem; } .jf-ia-integrada-hero__wave { bottom: -6.8rem; width: 175vw; height: 11rem; }}#brxe-infgqd .jf-wave{ --jf-wave-height: 10rem; --jf-wave-height-mobile: 8rem; --jf-wave-cover-height: 0%;}@media(width<768px){#brxe-infgqd .jf-wave{ --jf-wave-cover-height: 15%; }}@media (max-width: 478px) {#brxe-rjjqon {justify-content: flex-start; align-items: flex-start; margin-bottom: -30px}}.jf-ia-integrada-intro { padding-block: var(--jf-space-l) var(--jf-space-2xl); background: var(--jf-color-white);} .jf-ia-integrada-intro__content { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--jf-space-s); min-height: 18rem;} .jf-ia-integrada-intro__sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0;} .jf-ia-integrada-intro__copy { max-width: 86rem; color: var(--jf-color-black); line-height: var(--jf-lh-body); text-align: center;} .jf-ia-integrada-intro__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--jf-space-xs); margin-top: 0.2rem;} .jf-ia-integrada-intro__button { display: inline-flex; align-items: center; justify-content: center; min-height: 4rem; padding-inline: 1.6rem; border: 1px solid transparent; border-radius: var(--jf-radius-s); color: var(--jf-color-black); font-family: var(--jf-font-body); font-weight: var(--jf-weight-medium); line-height: 1; text-align: center; white-space: nowrap;} .jf-ia-integrada-intro__button--primary { background: var(--jf-color-purple-btn); border-color: var(--jf-color-purple-btn); color: var(--jf-color-white);} .jf-ia-integrada-intro__button--secondary { background: var(--jf-color-white); border-color: var(--jf-color-purple); color: var(--jf-color-purple-btn);} .jf-ia-integrada-intro__character { position: absolute; right: 2rem; bottom: -1rem; display: block; width: auto; max-width: 10rem; max-height: 10rem;}@media (max-width: 767px) { .jf-ia-integrada-intro { padding-block: var(--jf-space-m) var(--jf-space-xl); } .jf-ia-integrada-intro__content { min-height: unset; padding-bottom: 8rem; } .jf-ia-integrada-intro__copy { } .jf-ia-integrada-intro__actions { width: 100%; flex-direction: column; align-items: center; } .jf-ia-integrada-intro__button { width: min(100%, 26rem); } .jf-ia-integrada-intro__character { right: 50%; bottom: -1.4rem; max-width: 8rem; max-height: 8rem; transform: translateX(50%); }}#brxe-iphfds {position: absolute; top: -125px; right: 20px; max-width: 100px; display: none}#brxe-ghikvt {position: relative}@media (max-width: 478px) {#brxe-uygwgv {margin-top: 20px; margin-right: auto; margin-left: auto}}#brxe-dwtvmu {max-width: 1300px}.jf-ia-integrada-como { padding-block: var(--jf-space-l) var(--jf-space-2xl); background: var(--jf-color-white);} .jf-ia-integrada-como__layout { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--jf-space-2xl);} .jf-ia-integrada-como__visual-column { flex: 0 0 41rem;} .jf-ia-integrada-como__title { margin-bottom: var(--jf-space-m); color: var(--jf-color-black); font-size: var(--jf-text-3xl); line-height: 1.08;} .jf-ia-integrada-como__visual { display: block; width: auto; max-width: 24rem; height: auto;} .jf-ia-integrada-como__copy-column { flex: 1 1 auto; padding-top: 5.2rem;} .jf-ia-integrada-como__copy { color: var(--jf-color-black); line-height: var(--jf-lh-body);}@media (max-width: 767px) { .jf-ia-integrada-como { padding-block: var(--jf-space-m) var(--jf-space-xl); } .jf-ia-integrada-como__layout { flex-direction: column; gap: var(--jf-space-m); } .jf-ia-integrada-como__visual-column, .jf-ia-integrada-como__copy-column { flex: none; width: 100%; } .jf-ia-integrada-como__visual { max-width: 16rem; } .jf-ia-integrada-como__copy-column { padding-top: 0; } }@media (max-width: 478px) {#jf-ia-integrada-enfoque-title {margin-bottom: 90px}}#brxe-zgekum {position: absolute; top: -117px}#brxe-dtisfe {position: relative; margin-top: var(--jf-space-3xl)}#brxe-muqelg {align-self: flex-start !important}@media (max-width: 478px) {#brxe-gzrlme {max-width: 80px; position: absolute; right: 0px; top: 60px}}@media (max-width: 478px) {#brxe-tkeehv {position: absolute; top: -10px; right: -20px}}@media (max-width: 478px) {#brxe-wrftyx {text-align: left}}@media (max-width: 478px) {#brxe-dlpjzp {margin-top: 90px}}@media (max-width: 478px) {#brxe-ylhrea {position: relative; align-items: flex-start; justify-content: flex-start}}.jf-ia-entrenan { background: var(--jf-color-white);} .jf-ia-entrenan__layout { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--jf-space-l);} .jf-ia-entrenan__heading { flex: 0 1 46rem; padding-bottom: 4rem;} .jf-ia-entrenan__title { margin: 0; color: var(--jf-color-black); font-family: var(--jf-font-heading); font-size: var(--jf-text-3xl); font-weight: var(--jf-weight-black); line-height: 1.08;} .jf-ia-entrenan__visual-wrap { flex: 0 0 auto; display: flex; justify-content: center;} .jf-ia-entrenan__visual { width: clamp(11rem, 18vw, 14.5rem); height: auto; display: block;} .jf-ia-entrenan__copy-wrap { flex: 0 1 60rem; padding-bottom: 2rem;} .jf-ia-entrenan__copy { margin: 0; color: var(--jf-color-black); font-family: var(--jf-font-body); font-weight: var(--jf-weight-regular); line-height: 1.5;}@media (max-width: 900px) { .jf-ia-entrenan__layout { align-items: center; flex-direction: column; text-align: center; } .jf-ia-entrenan__heading, .jf-ia-entrenan__copy-wrap { flex: none; padding-bottom: 0; } .jf-ia-entrenan__heading { max-width:30rem; text-align: left; } .jf-ia-entrenan__copy-wrap { max-width: 34rem; }}.jf-ia-integrada-enfoque { background: var(--jf-color-white);} .jf-ia-integrada-enfoque .jf-container { display: flex; flex-direction: column; gap: var(--jf-space-xl);} .jf-ia-integrada-enfoque__heading { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--jf-space-s);} .jf-ia-integrada-enfoque__title { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; margin: 0; color: var(--jf-color-black); font-family: var(--jf-font-heading); font-weight: var(--jf-weight-black); line-height: 1; text-align: center; text-transform: uppercase; .jf-highlight--purple{ transform: rotate(0.947deg); } .jf-highlight--blue{transform: rotate(1.91deg);} .jf-highlight--green{transform: rotate(-2.834deg);} .jf-highlight--pink{transform: rotate(-3.18deg);}} .jf-ia-integrada-enfoque__line { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.7rem;} .jf-ia-integrada-enfoque__character { width: clamp(7rem, 9vw, 9.6rem); height: auto; display: block; margin-top: -0.4rem;} .jf-ia-integrada-enfoque__cards { display: flex; align-items: stretch; justify-content: center; gap: var(--jf-space-l);} .jf-ia-integrada-enfoque__card { position: relative; display: flex; flex: 1 1 0; flex-direction: column; align-items: center; gap: var(--jf-space-m); min-height: 28.8rem; padding: 3.1rem 1.6rem 2.1rem; border-radius: 3.2rem; text-align: center;} .jf-ia-integrada-enfoque__card--blue { background: var(--jf-color-blue);} .jf-ia-integrada-enfoque__card--amber { background: var(--jf-color-amber);} .jf-ia-integrada-enfoque__card--purple { background: var(--jf-color-purple);} .jf-ia-integrada-enfoque__badge { display: inline-flex; align-items: center; justify-content: center; width: 7.75rem; height: 7.75rem; border-radius: 1.4rem; background: var(--jf-color-white); font-family: var(--jf-font-heading); font-size: 5.9rem; font-weight: var(--jf-weight-bold); line-height: 1;} .jf-ia-integrada-enfoque__badge--blue { color: var(--jf-color-blue); transform: rotate(-10deg);} .jf-ia-integrada-enfoque__badge--amber { color: var(--jf-color-amber); transform: rotate(16deg); border-radius: 2rem;} .jf-ia-integrada-enfoque__badge--purple { color: var(--jf-color-purple); transform: rotate(16deg); border-radius: 2rem;} .jf-ia-integrada-enfoque__card-title { margin: 0; color: var(--jf-color-black); font-family: var(--jf-font-body); font-weight: var(--jf-weight-bold); line-height: 1.35; text-align: center; text-transform: uppercase;} .jf-ia-integrada-enfoque__card-copy { margin: 0; color: var(--jf-color-black); font-family: var(--jf-font-body); font-weight: var(--jf-weight-regular); line-height: 1.5; text-align: center;}@media (max-width: 980px) { .jf-ia-integrada-enfoque__cards { flex-direction: column; } .jf-ia-integrada-enfoque__card { min-height: unset; }}@media (max-width: 640px) { .jf-ia-integrada-enfoque__line { gap: 0.45rem; } .jf-ia-integrada-enfoque__character { width: 7rem; } .jf-ia-integrada-enfoque__cards { gap: var(--jf-space-m); } .jf-ia-integrada-enfoque__card { padding: var(--jf-space-l) var(--jf-space-m); border-radius: 2.4rem; } .jf-ia-integrada-enfoque__badge { width: 4.8rem; height: 4.8rem; font-size: 3.2rem; } }#brxe-hgrcco {text-align: center}.brxe-hgqqfm {border-radius: 500px; background-color: var(--jf-color-input-border); height: 100%; width: 100%; position: relative}.brxe-wqinsw {border-top-left-radius: 420px; border-bottom-left-radius: 420px; width: 80%}.brxe-uioxln {max-width: 32ch}.brxe-hvofjk {flex-direction: row; column-gap: 20px; padding-top: 40px; padding-bottom: 20px; align-items: flex-start}.brxe-rswexe {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 16px}.brxe-qkseqd {row-gap: 0px}.brxe-xkpcoz {margin-top: 20px; margin-bottom: 30px; margin-left: 10px}@media (min-width: 1580px) {.brxe-xkpcoz {font-family: "LexendDeca"}}.brxe-utzgje {border-top-right-radius: 420px; border-bottom-right-radius: 420px; justify-content: center; padding-left: 120px; row-gap: 0px}.brxe-mcsetv {flex-direction: row; align-items: stretch}.brxe-sefhuy {border-radius: 500px; background-color: var(--jf-color-input-border); height: 100%; width: 100%; position: relative}.brxe-aoghfd {border-top-left-radius: 420px; border-bottom-left-radius: 420px; width: 80%}@media (max-width: 991px) {.brxe-aoghfd {width: 100%}}@media (max-width: 991px) {.brxe-rgouuo {margin-bottom: 20px}}@media (max-width: 478px) {.brxe-rgouuo {text-align: center; max-width: 200px}}.brxe-cywqyv {max-width: 32ch}.brxe-lzikcj {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 16px}@media (max-width: 478px) {.brxe-lzikcj {text-align: left}}.brxe-doxltl {row-gap: 0px}@media (max-width: 478px) {.brxe-doxltl {text-align: left}}.brxe-uqjwqa {margin-top: 20px; margin-bottom: 30px}@media (min-width: 1580px) {.brxe-uqjwqa {font-family: "LexendDeca"}}.brxe-ndfkvj {justify-content: center; row-gap: 0px}.brxe-uyxdzm {flex-direction: row; align-items: stretch}#brxe-lfyupi {display: flex; flex-direction: column; row-gap: 60px}@media (max-width: 478px) {#brxe-bxjhch {padding-right: 0; padding-left: 0}}#brxe-rrezir {padding-right: 30px; padding-left: 30px}@media (max-width: 478px) {#brxe-rrezir {padding-right: 0; padding-left: 0}}#brxe-gfacrh {margin-top: 50px}.jf-libros-relacionadas { padding-block: var(--jf-space-l) var(--jf-space-2xl); background: var(--jf-color-white);} .jf-libros-relacionadas__panel { padding: var(--jf-space-xl); border-radius: 2.4rem; background: var(--jf-color-amber);} .jf-libros-relacionadas__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--jf-space-xl); margin-bottom: var(--jf-space-l);} .jf-libros-relacionadas__title { color: var(--jf-color-black); font-size: var(--jf-text-2xl); line-height: 1.08;} .jf-libros-relacionadas__legend { display: flex; flex-direction: column; gap: var(--jf-space-s); min-width: 40rem; padding: var(--jf-space-l); border-radius: 1rem; background: var(--jf-color-white);} .jf-libros-relacionadas__legend-item { display: inline-flex; align-items: center; gap: 1rem; color: var(--jf-color-black); font-family: var(--jf-font-body); font-size: var(--jf-text-l); line-height: 1.2; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em;} .jf-libros-relacionadas__dot { flex: 0 0 auto; width: 1.4rem; height: 1.4rem; border-radius: 50%;} .jf-libros-relacionadas__dot--green { background: var(--jf-color-green);} .jf-libros-relacionadas__dot--amber { background: var(--jf-color-amber);} .jf-libros-relacionadas__dot--blue { background: var(--jf-color-blue);} .jf-libros-relacionadas__dot--pink { background: var(--jf-color-pink);} .jf-libros-relacionadas__media-grid { display: flex; gap: var(--jf-space-l);} .jf-libros-relacionadas__photo-card { flex: 1 1 0; min-width: 0; margin: 0; overflow: hidden; border-radius: 2rem; background: var(--jf-color-white);} .jf-libros-relacionadas__photo { display: block; width: 100%; height: 100%; min-height: 24rem; object-fit: cover;}@media (max-width: 991px) { .jf-libros-relacionadas__top { flex-direction: column; } .jf-libros-relacionadas__legend { min-width: 0; width: 100%; }}@media (max-width: 767px) { .jf-libros-relacionadas { padding-block: var(--jf-space-m) var(--jf-space-xl); } .jf-libros-relacionadas__panel { padding: var(--jf-space-m); border-radius: 1.8rem; } .jf-libros-relacionadas__title { font-size: var(--jf-text-xl); } .jf-libros-relacionadas__legend { padding: var(--jf-space-m); } .jf-libros-relacionadas__legend-item { font-size: var(--jf-text-m); } .jf-libros-relacionadas__media-grid { flex-direction: column; gap: var(--jf-space-s); } .jf-libros-relacionadas__photo { min-height: 18rem; }}@media (max-width: 478px) {#brxe-hbfipm {width: fit-content; justify-self: center}} .jf-novedades-section { padding: clamp(34px, 4vw, 64px) 0; background: var(--jf-color-white);} .jf-novedades-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: clamp(26px, 3vw, 44px);} .jf-novedades-heading { max-width: 768px;} .jf-novedades-title { margin: 0; font-family: var(--jf-font-heading); font-size: clamp(36px, 2.7vw, 48px); font-weight: var(--jf-weight-bold); line-height: var(--jf-lh-heading); color: var(--jf-color-black);} .jf-novedades-subtitle { margin: 24px 0 0; font-family: var(--jf-font-body); line-height: 1.5; color: var(--jf-color-black);} .jf-novedades-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 10px; border: 1px solid var(--jf-color-pink); color: var(--jf-color-pink); text-decoration: none; font-family: var(--jf-font-body); line-height: 1.5; white-space: nowrap;} .jf-novedades-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}.jf-post-card { background: #fafafa; overflow: hidden; display: flex; flex-direction: column; min-height: 394px; position: relative;}.jf-post-card:nth-child(odd) { border-radius: 50px;}.jf-post-card:nth-child(even) { border-radius: 10px; flex-direction: column-reverse;}.jf-post-media { position: relative; overflow: hidden; flex-shrink: 0; height: 214px;} .jf-post-card:nth-child(odd) .jf-post-media { border-radius: 50px;} .jf-post-card:nth-child(even) .jf-post-media { border-radius: 10px; height: 180px;} .jf-post-media img { width: 100%; height: 100%; object-fit: cover; display: block;}.jf-post-body { padding: 20px 28px 24px; flex: 1;} .jf-post-card:nth-child(even) .jf-post-body { padding: 18px 28px 16px;}.jf-post-title { margin: 0; font-family: var(--jf-font-heading); font-size: 24px; line-height: 1.3; font-weight: var(--jf-weight-black); color: var(--jf-color-black);} .jf-post-text { margin: 14px 0 0; font-family: var(--jf-font-body); line-height: 1.2; color: var(--jf-color-black);}.jf-post-tag { position: static; margin-bottom: 14px; min-width: 116px; height: 25px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--jf-font-heading); font-size: 16px; font-weight: var(--jf-weight-black); text-transform: uppercase; color: var(--jf-color-black); transform: rotate(-7.93deg);}.jf-post-card:nth-child(odd) .jf-post-tag { position: absolute; top: 18px; left: 22px;} .jf-post-card a.tag{ width: 100%; }@media (max-width: 1200px) { .jf-novedades-grid { gap: 20px; }}@media (max-width: 992px) { .jf-novedades-head { align-items: flex-start; flex-direction: column; } .jf-novedades-grid { grid-template-columns: 1fr; gap: 22px; } .jf-post-card:nth-child(odd), .jf-post-card:nth-child(even) { border-radius: 24px; min-height: auto; } .jf-post-card:nth-child(odd) .jf-post-media, .jf-post-card:nth-child(even) .jf-post-media { border-radius: 24px; height: 230px; } .jf-post-text { font-size: clamp(16px, 3.8vw, 18px); }}