.highlighter-rouge{position:relative}.highlighter-rouge::before{position:absolute;content:attr(data-language);top:.3em;left:0;right:0;text-align:center;z-index:100;color:#fff;font-size:.9em;font-family:sans-serif}.highlighter-rouge__clipboard{position:absolute;width:2.5em;height:2.5em;right:1.5em;top:2.5em;opacity:.5;background-image:url("../img/web/clipboard.png");background-size:80%;background-position:center;background-repeat:no-repeat;border:1px solid transparent;transition:.2s;border-radius:.4rem}.highlighter-rouge__clipboard:hover{border-color:#fff;opacity:1}.highlighter-rouge>.highlight{position:relative;font-size:1.1em;font-family:code;margin:0 0 1em;padding:1em;border:.4em solid rgba(128,128,128,0.5);border-top-width:1.7em;border-radius:.4em}.highlighter-rouge>.highlight::after{position:absolute;content:"";width:.9em;height:.9em;border-radius:50%;background-color:#f94858;top:-1.2em;right:.3em}.highlighter-rouge>.highlight::before{position:absolute;content:"";width:.9em;height:.9em;border-radius:50%;background-color:#22e955;top:-1.2em;right:1.9em}.highlighter-rouge>.highlight .err{color:inherit;background-color:inherit}.highlighter-rouge>.highlight .c1{color:#9c977e}.highlighter-rouge>.highlight .o{color:inherit;font-weight:inherit}.highlighter-rouge>.highlight pre{display:initial;margin:0 0 10px;padding:0;font-size:.9em;line-height:initial;color:inherit;background-color:initial;border:initial;border-radius:initial;font-family:monospace}.highlighter-rouge>.highlight pre .language-bash{border-radius:0 0 5px 5px}.activity-next__summary{padding:3rem;font-weight:bold;padding:3rem;border-radius:.2rem;border-left:5px solid #f7b143;transition:.2s all;background-color:#f0f0f0;color:#f7b143}.activity-next__summary:hover{background-color:#f7b143;color:#fff}.activity-next__content{padding:1rem;border:1px solid #f7b143}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:code;src:url(../fonts/SourceCodePro-Regular.ttf)}button:focus{outline:none}@media (max-width: 768px){*:hover{cursor:initial}}.bold{font-weight:bold}@media (max-width: 768px){.cursor{display:none}}.cursor__circle{position:fixed;width:28px;height:28px;z-index:2100;background-image:url(/img/web/cursor.png);background-size:contain;background-repeat:no-repeat}.cursor__point{position:fixed;display:none;z-index:1000;background-color:#e48400;width:5px;height:5px;border-radius:50%}video{display:block;width:100%}header .mobile-on>div{display:flex;align-items:center;justify-content:space-between}header .mobile-on>div .navbar-mobile{padding:2rem;height:initial;width:initial}.nav-logo-wrap .logo{max-width:340px}@media all and (max-width: 992px){.nav-logo-wrap .logo{font-size:.5em;padding-left:2em}}@media all and (max-width: 1024px){.inner-nav ul{background:initial !important}}@media all and (max-width: 1024px){.inner-nav a{text-align:center !important;font-size:2rem;margin:1rem 0;border:0 !important}}@media all and (max-width: 1024px){.inner-nav a.active{color:#fff !important}}@media all and (max-width: 1024px){.inner-nav{display:flex !important;flex-direction:column;position:fixed !important;background:#f7b143;top:0 !important;right:0 !important;bottom:0 !important;transition:.5s all;left:-24rem;width:24rem !important}.inner-nav.show{left:0}}.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}.btn__success{border-color:#88c425;background:initial;color:#88c425}.btn__success[disabled]{filter:grayscale(100%)}.btn__success[disabled]:hover{border-color:#88c425;background:initial;color:#88c425}.btn__success:hover,.btn__success:focus{background:#88c425;color:#fff}.btn__danger{border-color:#ff3e3e;background:initial;color:#ff3e3e}.btn__danger[disabled]{filter:grayscale(100%)}.btn__danger[disabled]:hover{border-color:#ff3e3e;background:initial;color:#ff3e3e}.btn__danger:hover,.btn__danger:focus{background:#ff3e3e;color:#fff}.btn__orange{border-color:#e48400;background:initial;color:#e48400}.btn__orange[disabled]{filter:grayscale(100%)}.btn__orange[disabled]:hover{border-color:#e48400;background:initial;color:#e48400}.btn__orange:hover,.btn__orange:focus{background:#e48400;color:#fff}section#contact .bocadillo-cuadrado{position:absolute;top:calc(50% - 36px);left:calc(50% + 40px);width:6.5em;background:#fff;box-shadow:1px 12px 33px rgba(0,0,0,0.5);border-radius:.1em;font-size:1.1em;text-align:center;padding:.3em}section#contact .bocadillo-cuadrado.delighter{transition:all .3s cubic-bezier(.08, .82, .17, 1);transform:translateX(50vw);opacity:0}section#contact .bocadillo-cuadrado.delighter.started{transform:translateX(50vw);opacity:0}section#contact .bocadillo-cuadrado.delighter.ended{transform:translateX(0);opacity:1}@media all and (max-width: 768px){section#contact .bocadillo-cuadrado{display:none}}section#contact .bocadillo-cuadrado::before{border:10px solid #fff;content:"";border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:calc(50% - 10px);left:-20px}section#contact .bocadillo-cuadrado__text{margin:0;color:#e48400}section#contact .icon-refresh{animation-name:ani360;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}section#contact .help-block{color:#ff3e3e;font-size:1.4rem}section#contact .disclaimer{padding-top:2rem}section#contact .disclaimer a{color:#e48400}section#contact .disclaimer label{font-weight:initial}.table th{text-align:center}.resizable{position:relative}.resizable__control{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:#ecf8f8;width:15px;border:1px solid #000}.resizable__control-line{background:#000;width:10px;height:2px}.about{perspective:1000px}.about .textoInicio{text-align:justify}.about .destacado{font-size:2rem;font-weight:bold}@media all and (max-width: 992px){.about__retrato{margin:1em auto;margin-top:3em}}@media all and (min-width: 992px){.about__retrato.delighter{transition:all .3s ease-out;transform:rotateY(90deg);opacity:0}.about__retrato.delighter.started{transform:rotateY(90deg);opacity:0}.about__retrato.delighter.ended{transform:rotateY(0deg);opacity:1}}@media all and (min-width: 992px){.about__texto.delighter{transition:all .3s ease-out;transform:translateX(50vw);opacity:0}.about__texto.delighter.started{transform:translateX(50vw);opacity:0}.about__texto.delighter.ended{transform:translateX(0vw);opacity:1}}#progressBars{margin-top:2em}#logosClients{margin-top:1em}.form input,.form select,.form textarea{text-transform:initial}@keyframes aniGridShow{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes aniGridHide{from{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(90deg)}}#portfolio #grid{animation:aniGridShow .5s forwards ease-in-out}#portfolio #grid .grid__row{display:flex;flex-wrap:wrap;justify-content:center}#portfolio #grid .grid__row>div{width:230px;margin:1rem}#portfolio #grid .grid__row>div img,#portfolio #grid .grid__row>div video{width:100%;height:100%}@media all and (max-width: 1200px){#portfolio #grid .grid__row>div{width:200px}}@media all and (max-width: 992px){#portfolio #grid .grid__row>div{width:calc(100% - 2rem)}}@media all and (max-width: 992px){#portfolio #grid .grid__row{flex-direction:column}}@media all and (min-width: 992px){#portfolio #grid.grid__show{animation-name:aniGridShow}}@media all and (min-width: 992px){#portfolio #grid.grid__hide{animation-name:aniGridHide}}#portfolio .portfolio-item-info{transition:1s all}#portfolio .portfolio-item-info__show{transform:perspective(1000px) rotateY(360deg);transition-delay:.5s}#portfolio .portfolio-item-info__hide{transform:perspective(1000px) rotateY(270deg)}#portfolio .grid__item{transition:.5s ease-in-out}#portfolio .grid__item:hover{transform:perspective(1000px) scale(1.1)}#portfolio .button-back{background:initial;border:initial;opacity:0;color:#777;margin:3rem 0 2rem}#portfolio .button-back:hover{color:#444}#portfolio .container-info{padding:0 7rem}#portfolio .container-info .cols{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem}#portfolio .container-info .fullvideo{grid-template-columns:1fr}#portfolio .container-info .fullvideo .video:hover{transform:scale(.9)}#portfolio .container-info .video{transition:.5s}#portfolio .container-info .video:hover{transform:scale(1.1)}#portfolio .portfolio-item-info__title{font-weight:bold;font-size:3rem;line-height:2.8rem}#portfolio .portfolio-item-info__category{font-weight:bold;font-size:2.5rem}#portfolio .portfolio-item-info__punto-title{margin:1rem 0 0}#portfolio .portfolio-item-info__punto-text{font-weight:bold}#portfolio .ani-forwards{animation-fill-mode:forwards}#portfolio .carousel{width:500px;padding:0}#portfolio .carousel .owl-carousel{display:block}#portfolio nav#portfolio--nav--paginator a{background:initial;color:#e48400;border-color:#e48400}#portfolio nav#portfolio--nav--paginator a:hover{background:#e48400;color:#fff}div#page.home h1.titulo{position:fixed;left:-100px;top:-100px;margin:0 !important;padding:0}div#page.home h2,div#page.home h3{margin-bottom:1em;line-height:1.4;font-weight:400;color:#444}div#page.home h2{font-size:24px}div#page.home h3{font-family:"Dosis",arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:18px}div#page.home .bitcoin{width:2.5rem}div#page.home .tech__image.delighter{transition:all .3s ease-out;filter:grayscale(100%)}div#page.home .tech__image.delighter.started{filter:grayscale(100%)}div#page.home .tech__image.delighter.ended{filter:grayscale(0)}div#page.home .tech__text.delighter{transition:all .3s ease-out;opacity:0;transform:translateX(-50vw)}div#page.home .tech__text.delighter.started{transform:translateX(-50vw);opacity:0}div#page.home .tech__text.delighter.ended{transform:translateX(0);opacity:1}div#page.home .algunos-clientes__fila{display:flex;align-items:center;justify-content:center}@media all and (max-width: 768px){div#page.home .algunos-clientes__fila{flex-direction:column}}@media all and (min-width: 992px){div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item{perspective:100px}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item img{transition:all .3s ease-out;transform-origin:100% 0 0;opacity:0;transform:rotateX(65deg)}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item:nth-child(1) img{transition-delay:.125s}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item:nth-child(2) img{transition-delay:.25s}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item:nth-child(3) img{transition-delay:.375s}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item:nth-child(4) img{transition-delay:.5s}div#page.home .algunos-clientes__fila.delighter .algunos-clientes__item:nth-child(5) img{transition-delay:.625s}div#page.home .algunos-clientes__fila.delighter.started .algunos-clientes__item img{transform:rotateX(65deg);opacity:0}div#page.home .algunos-clientes__fila.delighter.ended .algunos-clientes__item img{transform:rotateX(0deg);opacity:1}}div#page.home .algunos-clientes__item{width:calc(100% / 6);margin:0 3rem}@media all and (max-width: 768px){div#page.home .algunos-clientes__item{width:100%}}div#page.home .algunos-clientes__item:first-child{margin-left:0}div#page.home .algunos-clientes__item:last-child{margin-right:0}@media all and (max-width: 768px){div#page.home .algunos-clientes__item img{padding:2rem 3rem;margin:0 auto}}section#team{padding:0}section#team h2.alt-font{color:#fff}section#team .angle{border-color:#fff}.blog-masonry .post-title{letter-spacing:initial;text-align:center}.blog-masonry .date-post{text-align:center}section#contact .map{position:relative}section#contact .map-icon{position:absolute;top:calc(50% - (3rem / 2));left:calc(50% - (3rem / 2));font-size:3rem;color:#f7b143;z-index:100}section#contact .icon-focus{animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}section#contact .google-map #map-canvas{background-image:var(--url-map);background-size:cover;background-position:center center}section#contact .google-map .map-section{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:rgba(228,132,0,0.8);padding:.5rem 0}section#contact .google-map .map-section--title{color:#fff;margin:0}section#contact .google-map .map-section--text{color:#fff;margin-bottom:0}#titleSinglePost,#titleBlog{height:0px;padding-top:6em;padding-bottom:2em;background:#f7b143}#titleSinglePost h1.hs-line-first.alt-font,#titleBlog h1.hs-line-first.alt-font{text-align:center}#titleSinglePost.bg_sheep,#titleBlog.bg_sheep{background-repeat:no-repeat;background-position-x:87%;background-position-y:132px;background-attachment:fixed;background-image:url("/img/web/oveja-zombie-blog.svg")}@media all and (max-width: 992px){#titleSinglePost.bg_sheep,#titleBlog.bg_sheep{background-position-x:6%;background-position-y:90px}}@media all and (max-width: 768px){#titleSinglePost.bg_sheep,#titleBlog.bg_sheep{background-image:initial !important}}.post-content{text-align:justify}.social-links a:hover{color:#e48400}.social-links a:hover::before{background-color:initial;border-color:#e48400}section#blog{padding-top:0}section#blog aside.sidebar{padding-top:2.2rem;margin-top:0}@media all and (max-width: 992px){section#blog aside.sidebar{display:none}}section#blog aside.sidebar section{padding:0}section#blog aside.sidebar .aside--search{margin:0;margin-bottom:2rem;padding-top:0;min-height:initial}section#blog aside.sidebar .aside--search #search{background-color:#f7b143;color:#fff;font-size:1.3rem;transition:1s all}section#blog aside.sidebar .aside--search #search::placeholder{color:#fff}section#blog aside.sidebar .aside--search #button_search{color:#fff}section#blog aside.sidebar .bang-duckduckgo{display:flex;justify-content:space-around;align-items:center}section#blog aside.sidebar .bang-duckduckgo--logo{width:25%}section#blog aside.sidebar .bang-duckduckgo--texto{font-weight:bold}section#blog aside.sidebar .bang-duckduckgo--bang{color:#f7b143}section#blog aside.sidebar .podcast__link{color:#777}section#blog aside.sidebar .book{margin:4rem 0}section#blog aside.sidebar .book__title{font-size:2rem}section#blog aside.sidebar .book__subtitle{font-size:1.5rem}section#blog aside.sidebar .book__image{width:100%;object-fit:initial}section#blog aside.sidebar .social-links{display:flex;justify-content:space-between;margin:0}section#blog aside.sidebar .social-links i{transition:all .27s cubic-bezier(.3, .1, .58, 1)}section#blog aside.sidebar .social-links a,section#blog aside.sidebar .social-links i{color:#e48400;border-color:#e48400}section#blog aside.sidebar .social-links a{border-radius:4rem}section#blog aside.sidebar .social-links a::before{border-color:#e48400}section#blog aside.sidebar .social-links a:hover{background-color:#e48400}section#blog aside.sidebar .social-links a:hover i{color:#fff}section#blog #loop_posts{display:flex;align-content:space-between;flex-wrap:wrap;height:auto !important}section#blog #loop_posts .item_post{padding:2rem;word-break:normal;border:1px solid transparent;width:calc(100% / 3 - 1%)}@media all and (max-width: 768px){section#blog #loop_posts .item_post{width:100%;height:auto;margin-bottom:3em}}section#blog #loop_posts .item_post:hover{border:1px solid #e48400}section#blog #loop_posts .post-title{text-align:left;font-size:1.8rem;letter-spacing:2px;font-family:"Dosis",arial,sans-serif}section#blog #loop_posts .no-found{padding:3rem}section#blog #loop_posts .no-found p{font-size:2rem}section#blog #loop_posts .no-found.active{display:block !important}section#blog #loop_posts .columns{display:flex;justify-content:space-between}section#blog #loop_posts .columns p{margin-bottom:0}section#blog #loop_posts .min-read{padding-top:1rem;color:#e48400}section#blog #loop_posts .date{color:#bdbdbd;font-style:italic}section#blog #next_pag{width:100%;position:static;margin:5em auto}section#blog .formSearchMobile{display:none;margin-bottom:-3rem}section#blog .formSearchMobile #search{background-color:#f7b143;color:#fff;font-size:1.3rem;transition:1s all}section#blog .formSearchMobile #search::placeholder{color:#fff}section#blog .formSearchMobile #button_search{color:#fff}@media all and (max-width: 992px){section#blog .formSearchMobile{display:block}}section#blog .formSearchDesktop{display:block}@media all and (max-width: 992px){section#blog .formSearchDesktop{display:none}}#blog-single{padding:0}#blog-single section{padding:0}#blog-single #titleSinglePost.bg-dark-50:before{background-image:none}#blog-single #signatureAndCategorys{margin-top:3em}#blog-single .min_read{color:#f7b143;text-align:right}@media all and (max-width: 992px){#blog-single .tags{display:flex;justify-content:center}}#blog-single .post-meta{display:flex;justify-content:flex-end}@media all and (max-width: 992px){#blog-single .post-meta{margin-top:3rem;justify-content:center}}#blog-single .post-content{text-align:left}#blog-single .post-content>p{margin:1em 0}#blog-single p,#blog-single a,#blog-single li{font-family:sans-serif;color:#000;font-weight:300}#blog-single a{color:#e48400;font-weight:bold}#blog-single img{display:block;max-width:100%;height:auto;margin:3em auto}#blog-single .thin{width:20%}@media all and (max-width: 768px){#blog-single .thin{width:100%}}#blog-single .section-comments{margin-bottom:0}#blog-single .section-comments .icon-chat{color:#e48400}#blog-single table{width:100%;border-collapse:collapse;margin:2rem 0}#blog-single table td,#blog-single table th{border:1px solid #f7b143;padding:1rem}#blog-single table th{text-align:center;background-color:#f7b143;color:#fff}.newsletter__subtitle{font-size:2rem}.newsletter__columns{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}@media all and (max-width: 768px){.newsletter__columns{grid-template-columns:1fr}}.newsletter__button:hover,.newsletter__button:focus,.newsletter__button:active{background-color:#e48400;color:#fff !important}.donation{margin-bottom:2rem}.donation__content{text-align:center}.donation__code{font-size:1.8rem}.fakeButtons{height:10px;width:10px;border-radius:50%;border:1px solid #000;position:relative;top:6px;left:6px;background-color:#ff3b47;border-color:#9d252b;display:inline-block}.fakeMinimize{left:11px;background-color:#ffc100;border-color:#9d802c}.fakeZoom{left:16px;background-color:#00d742;border-color:#049931}.fakeMenu{box-sizing:border-box;height:30px;background-color:#bbb;margin:0 auto;border-top-right-radius:5px;border-top-left-radius:5px}section#page_404{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;padding:0 3em;background-image:var(--url-spacio);background-size:cover}section#page_404 h1{color:#fff;font-family:sans-serif;text-align:center}.page-portfolio__title{background:#e48400;padding:8rem 1rem 3rem;margin:0;text-align:center;color:#fff}.page-portfolio__subtitle{font-size:1.8rem;margin-top:3rem}.page-portfolio__detail{padding:0;margin-bottom:4rem}.page-portfolio__detail th{font-family:"Dosis",arial,sans-serif;font-size:1.3rem;font-weight:300;letter-spacing:1px;text-transform:uppercase;width:13rem;color:#777}.page-portfolio .carousel{padding:0}.page-legal-disclaimer{background:#f7b143;padding:11rem 0}@media all and (max-width: 992px){.page-legal-disclaimer{padding:1rem;padding-top:6rem}}.page-legal-disclaimer .container{margin-top:2rem;background:#fff;color:#000;padding:10rem}@media all and (max-width: 992px){.page-legal-disclaimer .container{padding:2rem}}.page-legal-disclaimer .container p{text-align:justify}@media all and (max-width: 992px){.page-legal-disclaimer .container p{font-size:1.7rem}}.page-legal-disclaimer .container a{color:#e48400}.page-courses-home .title{background-color:#f7b143;padding-top:7rem;padding-bottom:3rem}.page-courses-home>.container{padding:5rem 0}@media all and (max-width: 768px){.page-courses-home>.container{padding:4rem 2rem}}.page-courses-home .course__description{padding:6rem 0;padding-top:2rem}.page-courses-home .course__description p{color:#000;margin:0}.page-courses-home .course__description ul{margin:4rem 0}.page-courses-home .course__description ul li{font-weight:bold}.page-courses-home .course__description ul li:before{content:"- "}.page-courses-home .course{display:block;background-color:#fff;border-radius:1rem;margin:1rem auto;padding:3rem;padding-bottom:0 !important;max-width:84rem;transition:.5s all}.page-courses-home .course img{border-radius:1rem}.page-courses-home .course:hover{box-shadow:0px 0px 36px 6px rgba(0,0,0,0.1);max-width:85rem}.page-courses-home .course .course__footer{margin-top:1rem}.page-courses-home .course .course__title{font-weight:bold;min-height:9.1rem}.page-courses-home .course .progress-bar-lessons__col{display:flex;align-items:center}.page-courses-home .course .progress-bar-lessons,.page-courses-home .course .progress-bar-lessons__bar{height:.4rem;width:10rem;border-radius:.2rem;background:#f0f0f0}.page-courses-home .course .progress-bar-lessons__text,.page-courses-home .course .progress-bar-lessons__bar__text{margin-left:1rem;color:#b0b0b0}.page-courses-home .course .progress-bar-lessons .progress-bar-lessons__bar,.page-courses-home .course .progress-bar-lessons__bar .progress-bar-lessons__bar{background:#88c425;display:flex;justify-content:center;width:0px}.page-lessons .separation{background-color:#f7b143;height:75px}.page-lessons .aside nav{top:0;bottom:0;position:fixed;overflow-y:auto;z-index:100;transition:1s}@media all and (max-width: 1024px){.page-lessons .aside nav{top:initial;bottom:initial;position:initial;overflow-y:initial;overflow-x:auto;transition:initial;margin:0 -15px}}@media all and (max-width: 1024px){.page-lessons .aside nav .aside__ul{display:flex;margin:0}}@media all and (max-width: 1024px){.page-lessons .aside nav .aside__link{height:100%;width:12rem;text-align:center;border-right:1px solid #f7b143}.page-lessons .aside nav .aside__link:first-child{border-left:1px solid #f7b143}}@media all and (max-width: 1024px){.page-lessons .aside nav .aside__number-lesson{display:block}}.page-lessons .aside nav .divider{border-top:1px solid #f7b143}@media all and (max-width: 1024px){.page-lessons .aside nav .divider{height:100%;text-align:center;border-top:initial;border-right:1px solid #f7b143}}.page-lessons .aside nav .aside__title{color:#f7b143;margin:1rem 0;text-align:center}@media all and (max-width: 1024px){.page-lessons .aside nav .aside__title{display:none}}.page-lessons .aside nav.aside__nav--small{top:5em}.page-lessons .aside nav ul{padding:0}.page-lessons .aside nav a{display:block;padding:1rem}.page-lessons .aside nav a:hover,.page-lessons .aside nav a.active{background-color:#f7b143;color:#fff}.page-lessons .aside nav a:hover .fa,.page-lessons .aside nav a.active .fa{color:#fff}.page-lessons .aside nav a .fa{color:#f7b143;margin-right:.5rem}.page-lessons .aside nav a .fa.read{color:#88c425}@media all and (min-width: 1024px){.page-lessons main{padding-left:25rem}}@media all and (min-width: 1200px){.page-lessons main{padding-left:5rem}}.page-lessons main table{width:100%;margin:3rem 0}.page-lessons main table thead{border-bottom:3px solid #f7b143}.page-lessons main table th,.page-lessons main table td{padding:1rem}.page-lessons main table td{border-bottom:1px solid #f7b143}.page-lessons main .demo{position:relative;border:2px solid #f7b143;padding:3rem;margin:1rem 0}.page-lessons main .demo ol,.page-lessons main .demo ul{margin-bottom:0}.page-lessons main .demo::before{content:"Resultado";position:absolute;top:1rem;right:2rem;text-transform:uppercase;opacity:.5;color:#f7b143}.page-lessons main img,.page-lessons main video{display:block;margin:0 auto}.page-lessons main img.border-img,.page-lessons main video.border-img{border:2px solid #f7b143;margin:5rem auto;width:calc(100% - 4px)}.page-lessons main img.title,.page-lessons main video.title{margin-bottom:5rem}.page-lessons main img.small,.page-lessons main video.small{width:20rem}@media all and (max-width: 768px){.page-lessons main img.small,.page-lessons main video.small{width:100%}}.page-lessons main img.medium,.page-lessons main video.medium{width:50%}@media all and (max-width: 768px){.page-lessons main img.medium,.page-lessons main video.medium{width:100%}}.page-lessons main img.full,.page-lessons main video.full{width:100%}.page-lessons main h1{margin-top:1rem;color:#f7b143}.page-lessons main p,.page-lessons main li,.page-lessons main a{font-family:sans-serif;color:#000;font-weight:300;font-size:16px;line-height:1.8}.page-lessons main a{color:#f7b143}.page-lessons main a:hover{color:#f9c574}.page-lessons main ul{list-style-type:initial}.page-lessons main nav{display:flex;justify-content:center;margin-top:4rem;margin-bottom:3rem}.page-lessons main nav .nav-prev,.page-lessons main nav .nav-next{margin-left:1rem;margin-right:1rem}.page-lessons main .advice{position:relative;background:rgba(255,221,87,0.5);padding:3rem;border-radius:.2rem;border:1px solid #ffd324}.page-lessons main .advice::before{content:"";position:absolute;background-color:#ffd324;width:3px;top:0;bottom:0;left:0}.page-lessons main .advice a{color:#1F1989;border-bottom:1px solid #1F1989}.page-lessons main .activity{display:block;background:#f0f0f0;font-weight:bold;padding:3rem;border-radius:.2rem;border-left:5px solid #f7b143;transition:.2s all}.page-lessons main .activity::before{content:"Actividad "}.page-lessons main .activity:hover{color:#fff;background:#f7b143}.page-lessons main .tag-info{background-color:rgba(255,221,87,0.2);border-left:5px solid #f7b143}.page-lessons main .tag-info>tbody>tr>td{border:0}.page-lessons main .tag-info>tbody>tr>td:first-child{font-weight:bold;padding:2rem;width:17rem}.page-lessons main .tag-info code{background-color:initial}.page-lessons main .section-comments{margin-bottom:6rem}.page-lessons main .section-comments .icon-chat{color:#f7b143}.page-lessons main .solution{display:inline-flex;align-items:center;height:3em;position:relative;font-weight:bold;margin:1em 0;padding-left:4em}.page-lessons main .solution::before{position:absolute;display:block;left:0;top:0;bottom:0;content:"";width:3em;height:3em;background-image:url(../img/courses/solution.png);background-size:cover}.page-lessons .license-nc-nd{margin:0}.related{display:flex;flex-wrap:wrap}.related .work-item{width:25%}@media all and (max-width: 992px){.related .work-item{width:33%}}@media all and (max-width: 768px){.related .work-item{width:100%}}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}input[type=checkbox]{display:none}input[type=checkbox]+label:before{font-family:FontAwesome;display:inline-block;content:"";letter-spacing:10px}input[type=checkbox]:checked+label:before{content:"";letter-spacing:5px}.suggestions__list{display:flex;flex-wrap:wrap;justify-content:center}.suggestions__item{width:33%}@media all and (max-width: 768px){.suggestions__item{width:100%}}.suggestions__title{font-size:2rem;padding:1rem;text-align:center}.small{width:20rem}@media all and (max-width: 768px){.small{width:100%}}.medium{width:50%}@media all and (max-width: 768px){.medium{width:100%}}.full{width:100%}.license-nc-nd{text-align:center;line-height:1rem;margin:5rem 0}.license-nc-nd p{margin:0}.license-nc-nd__link{font-weight:normal !important;color:#f7b143 !important}.license-nc-nd__link:hover{color:#e48400 !important}.license-nc-nd__content-img{display:flex;justify-content:center;margin-top:1rem}.license-nc-nd__img{width:10rem;margin-top:1rem !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important}footer.page-footer{position:initial}footer.page-footer .footer--button-up{position:relative}footer.page-footer .footer--button-up .scroll-to-top{right:6rem;animation-name:up;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes aniBalloon{0%, 100%{transform:translate(0px, 15px) rotate(5deg)}50%{transform:translate(0px, -15px) rotate(-5deg)}}@keyframes ani360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes pulse{0%{transform:scale(1)}100%{transform:scale(1.5)}}@keyframes up{0%{transform:translateY(0)}100%{transform:translateY(2rem)}}@media print{header,.tags,section.newsletter,.post-navigation,section#comments,footer{display:none}.page-lessons .container:after{content:"Autor: Andros Fenollosa - programadorwebvalencia.com"}.page-lessons .container main{width:100% !important}.page-lessons .container nav{display:none}}