.learn-container{--progressbar-color-primary:#91d033;--progressbar-color-secondary:#73a329;--highlight-color-primary:#ffd703;--highlight-color-secondary:orange}html[data-theme=light] .learn-container{--progressbar-color-primary:#567a20;--progressbar-color-secondary:#3d5714;--highlight-color-primary:var(--accent-strong-color);--highlight-color-secondary:orange}.learn-container{border-top:1px solid var(--divider-color-lighter);flex-direction:column;margin-top:.2rem;display:flex;position:relative}.learn-container header{place-content:center;place-items:start;transition:margin .5s ease-in-out;display:flex;position:absolute}.learn-container .learn-header{flex-direction:row;align-items:center;margin:1.5rem;display:flex;position:relative}.learn-container .learn-header .learn-indicator{color:var(--progressbar-color-primary);flex:0 0 fit-content;font-size:18px;font-weight:500}.learn-container .learn-header .learn-indicator span:nth-child(2){color:var(--progressbar-color-secondary)}.learn-container .learn-header .learn-menu{flex:0 0 32px}.learn-container .learn-header .learn-menu>div{background:var(--card-background);border:var(--card-border);cursor:pointer;border-radius:8px;place-content:center;align-items:center;width:36px;min-height:36px;padding:.1rem;display:grid}.learn-container .learn-header .learn-menu svg{width:22px;height:22px;fill:var(--text-color)}.learn-container .learn-header .learn-menu ul{visibility:hidden;opacity:0;background:var(--background);box-shadow:var(--shadow);border:1px solid var(--border-color);z-index:100000;border-radius:8px;flex-direction:column;flex:900px;max-width:280px;max-height:380px;margin:0;padding:.2rem .8rem;transition:all .3s;display:flex;position:absolute;top:2.4rem;right:0;overflow-y:auto;transform:translateY(15px)}.learn-container .learn-header li{margin:.2rem 0;font-size:1rem;list-style:none!important}.learn-container .learn-header button{color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;padding-left:16px}.learn-container .learn-header button.learn-h1{color:var(--accent-color);font-weight:500;padding-left:0!important}.learn-container .learn-header button:hover{text-decoration:underline}.learn-container .learn-header li::marker{content:""}.learn-container .learn-header .learn-menu.active ul{visibility:visible;opacity:1}.learn-container h1{text-align:center;color:var(--text-color-dark);width:fit-content;margin:auto;font-size:2.5rem;font-style:normal;font-weight:700;line-height:1.5em;display:block;position:relative}.learn-container .learn-header-logo{width:64px;height:64px;margin-top:15px;margin-right:20px}.learn-mask{opacity:.025;z-index:-1;pointer-events:none;filter:grayscale();width:550px;height:550px;position:absolute;bottom:30px;right:0%}.learn-slider .hidden{display:none}.learn-slider .invisible{opacity:0;pointer-events:none}.learn-slider .absolute{position:absolute}.learn-progress{background:#37464f;border-radius:30px;flex:100%;margin:0 1.5rem;padding:0}.learn-progress>div{background-color:#93d333;background-image:linear-gradient(#0000 15%,#ffffff2e 35%,#0000 60%);border-radius:30px;width:3.5%;height:18px;transition:width .4s linear,background-color .4s linear}.learn-container .learn-slider.articlecontent{flex-direction:column;width:100%;margin:0 auto;padding:0;display:flex}.learn-main{flex-direction:column;flex:0 0 500px;align-items:center;display:flex;position:relative;overflow:hidden}.learn-slides-container{opacity:1;flex:500px;width:100%;transition:opacity .25s ease-in-out;position:relative}.learn-slide{flex-direction:column;flex:1;margin:0 auto;padding:0;display:flex;position:absolute;inset:0;overflow:auto}.learn-slide-content{flex:1;padding:1rem;inset:0;overflow:auto}.learn-container .hero .learn-slide-content{font-size:1.5rem}.learn-container .hero-narrow .learn-slide-content{max-width:700px;margin:auto}.learn-slide-content h2{display:hidden}.learn-container .learn-slider.articlecontent p:first-of-type{margin-top:.5rem}.learn-container .learn-slider.articlecontent .hero p:first-of-type{margin-top:1rem}.learn-slide-footer{flex-direction:column;flex:none;max-height:2.4rem;padding:2rem 0 0;font-size:1.2rem;transition:max-height .5s;display:flex;overflow:hidden}.learn-slide-footer.active{max-height:250px}.learn-slide-footer ul{margin:0;padding:0}.learn-slider h2{display:none!important}.learn-slide-readmore{border-top:1px solid var(--divider-color-lighter);position:relative}.learn-slide-readmore:after{content:"";width:.45em;height:.45em;color:var(--text-color-light);border:.15em solid;border-width:.15em .15em 0 0;transition:transform .4s;display:block;position:absolute;top:.85rem;left:10px;transform:rotate(45deg)}.learn-slide-readmore.active:after{color:var(--text-color-light);transform:rotate(135deg)}.learn-slide-readmore:before{content:"Leer más ✨";cursor:pointer;padding:0;font-size:1.2rem;font-style:italic;display:block;position:absolute;top:.2rem;left:2rem}.learn-slide-readmore:hover:before{color:var(--accent-color)}.learn-slide-footer a{margin:0;padding:0;display:block}.learn-slide-footer a:before{content:"";vertical-align:baseline;background-size:1.2rem;background:var(--accent-color-secondary);width:1.2rem;height:1.2rem;margin-right:.4rem;display:inline-block;transform:translateY(.2rem);mask:url(/./img/lll-box/lll-box-icon-link.svg) 50% no-repeat}.learn-speech-bubble-container{--bubble-bg:#b17192;--posY:150px;width:100%;max-width:600px;margin:0 auto 1rem;margin-top:var(--posY);flex-direction:row;flex:0 0;transition:transform .7s;display:flex;position:relative}.learn-speech-bubble-container:has(.right){padding-left:0;padding-right:6rem}.learn-speech-bubble-container:has(.left){padding-left:6rem;padding-right:0}.learn-speech-bubble-container img{flex:none;transition:transform .2s;position:absolute;top:0}.learn-speech-bubble-container img.mirror{transform:scaleX(-1)}.learn-speech-bubble-container:has(.right) img{right:0}.learn-speech-bubble-container:has(.left) img{left:0}.learn-speech-bubble{--bubble-inside:color-mix(in srgb, var(--bubble-bg), #000 50%);background:var(--bubble-inside);color:#fafafa;border:1px solid var(--bubble-bg);border-radius:.4em;flex:1;place-items:center;height:5.5rem;margin-right:1.5rem;padding:0 1rem;font-size:2rem;font-weight:700;transition:transform 1s;display:flex;position:relative}.learn-speech-bubble.left{margin-left:1.5rem}.learn-speech-bubble.right:after{content:"";border:18px solid #0000;border-left-color:var(--bubble-bg);z-index:1;border-bottom:0;border-right:0;width:0;height:0;margin-top:0;margin-right:-18px;position:absolute;top:50%;right:0}.learn-speech-bubble.right:before{content:"";border:18px solid #0000;border-left-color:var(--bubble-inside);z-index:2;border-bottom:0;border-right:0;width:0;height:0;margin-top:-1px;margin-right:-16px;position:absolute;top:50%;right:0}.learn-speech-bubble.left:before{content:"";border:18px solid #0000;border-right-color:var(--bubble-bg);z-index:1;border-bottom:0;border-left:0;width:0;height:0;margin-top:0;margin-left:-18px;position:absolute;top:50%;left:0}.learn-speech-bubble.left:after{content:"";border:18px solid #0000;border-right-color:var(--bubble-inside);z-index:1;border-bottom:0;border-left:0;width:0;height:0;margin-top:-1px;margin-left:-16px;position:absolute;top:50%;left:0}.learn-controls a{cursor:pointer}.learn-controls .disabled{pointer-events:none;opacity:.3;filter:grayscale()}.learn-main .learn-featured h3{font-size:1.4rem}.learn-container .learn-main .learn-featured a{color:inherit!important;text-decoration:none!important}.learn-container .card img{height:48px}.learn-featured{flex-direction:column;flex:none;display:flex;overflow:hidden!important}.learn-featured h3{font-size:1.25rem!important}.learn-featured>span{font-size:1.1rem;font-style:italic}.learn-container .learn-main .learn-featured ul{flex:auto;gap:.5rem;list-style:none;display:grid;position:relative;overflow:auto hidden;grid-template-columns:repeat(5,1fr)!important;margin:0!important}.learn-main .learn-featured li::marker{content:none!important}.learn-container .learn-slider.articlecontent p{margin-top:.8rem}.lll-box{margin:1rem 0}.navnextprev{margin-top:0}@media screen and (width<=991px){.learn-progress{margin:1rem}.learn-container .hero p{font-size:1.3rem}.learn-container .learn-header-logo{width:48px;height:48px;margin-top:10px}.learn-container .learn-header{margin:.5rem}.learn-container h1{font-size:1.8rem}.learn-main{flex-direction:column;flex:0 0 480px;align-items:center;display:flex;position:relative;overflow:hidden}.learn-slides-container{opacity:1;flex:480px;width:100%;transition:opacity .25s ease-in-out;position:relative}.learn-container .learn-slider.articlecontent p{margin-top:.7rem}.learn-container .learn-slider.articlecontent li{margin-top:.35rem;margin-bottom:.35rem}.learn-container .learn-slider.articlecontent .lll-box-content ul{margin-bottom:0}.learn-speech-bubble-container{max-width:460px}.learn-speech-bubble{height:4rem;padding:0 .5rem;font-size:1.2rem}.learn-speech-bubble-container img{width:64px;height:64px}.learn-slide-content{padding:0 .5rem}.learn-main .learn-featured{flex-wrap:nowrap;flex:none;width:100%;overflow:scroll}.learn-main .learn-featured h3{font-size:0.rem!important}.learn-container .card img{height:40px}.learn-main .card *{flex:0 0 150px}.navnextprev>div{gap:16px;margin:0;display:flex}.learn-speech-bubble-container:has(.right){padding-left:0;padding-right:4rem}.learn-speech-bubble-container:has(.left){padding-left:4rem;padding-right:0}}.animate_scale_out{animation:.5s forwards scale_out}.animate_scale_in{animation:.5s forwards scale_in}.animate_fade_out{animation:.5s forwards fade_out}.animate_fade_in{animation:.5s forwards fade_in}.animate_jump_move{animation:.5s ease-in-out forwards jump_move}.animate_slide_out{animation:.5s forwards slide_out}.animate_slide_in{animation:.5s forwards slide_in}@keyframes scale_out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes scale_in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fade_out{0%{opacity:1}to{opacity:0}}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@keyframes slide_out{0%{opacity:1;position:absolute;bottom:0;transform:translateY(0)}to{opacity:0;position:absolute;bottom:0;transform:translateY(150px)}}@keyframes slide_in{0%{opacity:0;position:relative;bottom:0;transform:translateY(150px)}to{opacity:1;position:relative;bottom:0;transform:translateY(0)}}.rotate-animation{transform-origin:10%;animation:.5s ease-in-out forwards rotate}@keyframes rotate{0%{color:var(--highlight-color-primary);transform:rotateX(0)}50%{color:var(--highlight-color-secondary);transform:scaleY(.4)}to{color:var(--highlight-color-primary);transform:rotateX(0)}}.grow-shrink-animation{animation:.3s ease-in-out forwards grow-shrink}@keyframes grow-shrink{0%{color:var(--highlight-color-primary);transform:scale(1)}50%{color:var(--highlight-color-secondary);transform:scale(1.3)}to{color:var(--highlight-color-primary);transform:scale(1)}}.jello-horizontal{animation:.9s both jello-horizontal}@keyframes jello-horizontal{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.bounce-animation{animation:.7s ease-in-out forwards bounce}@keyframes bounce{0%{opacity:.3;color:var(--highlight-color-primary);transform:scale(.5)}50%{opacity:1;color:var(--highlight-color-primary);transform:scale(1.2)}to{opacity:1;color:var(--highlight-color-primary);transform:scale(1)}}.flip-animation{animation:.6s ease-in-out forwards flipY}@keyframes flipY{0%{color:var(--highlight-color-primary);transform:rotateY(0)}50%{color:var(--highlight-color-secondary);transform:rotateY(180deg)}to{color:var(--highlight-color-primary);transform:rotateY(360deg)}}.wave-animation{animation:.5s ease-in-out forwards wave}@keyframes wave{0%{color:var(--highlight-color-primary);transform:translateY(0)}50%{color:var(--highlight-color-secondary);transform:translateY(-10px)}to{color:var(--highlight-color-primary);transform:translateY(0)}}.learn-slide-content span{display:inline-block}.learn-slide-content .lll-box-content ul{margin-bottom:0}.learn-container .navnextprev{max-width:none;margin:0}
