@tailwind base;@tailwind components;@tailwind utilities;.font{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;font-size:36px;text-transform:uppercase;text-shadow:3px 3px 3px black;font-weight:600;line-height:1.2;color:#fff;margin-bottom:2em;text-align:center}button{background-color:transparent}button img{display:inline-block}.main-title{display:flex;align-items:center}.main-title:before{content:url(/images/llave-left_sm.svg);margin-right:30px}.main-title h1{margin:0}.navbar-nav{--bs-nav-link-padding-y:0.7rem!important}@font-face{font-family:Uni Neue Heavy Italic;src:url(/fonts/Uni/UniNeueHeavy-Italic.otf)}@font-face{font-family:Uni Neue;src:url(/fonts/Uni/UniNeueRegular.otf)}@font-face{font-family:Uni Neue Book;src:url(/fonts/Uni/UniNeueBook.otf)}@font-face{font-family:Uni Neue Bold;src:url(/fonts/Uni/UniNeueBold.otf)}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;overflow-y:auto;color:#212529}main{height:100vh;padding-bottom:10em}table{width:25%;border:1px solid #000}td,th{width:25%;text-align:left;vertical-align:top;border:1px solid #000;border-collapse:collapse}td{padding:2em}.colour-link,.colour-link:hover{color:#5a851b}.breadcrumb li,.breadcrumb-item a{list-style-type:none}.breadcrumb-item a{color:#1f1f1f;text-decoration:none}.breadcrumb-item a:hover{list-style-type:none;color:#5a851b}.submenu li{list-style-type:none}.link{color:white;padding:.8em 1.5em;text-decoration:none;display:block;margin:1.875em 1.25em 0 0}.link:before{content:"> "}.link:hover{background-color:#ddd;color:black}.post-body{width:400px;height:400px;border:1px solid gray;margin:auto}.divButton{text-align:center}.nextExercise{display:inline;margin-left:200px}.markdown{color:black}.wrapper{display:flex;width:100%;margin:0 auto}.sidenav{background-color:#111;color:white}.title{margin:3.125em 0 0 1.25em;font-size:1.25em}.box-editor{margin:2.5em 0 0 27.5em;width:60%;height:8.75em}.container-signup,.sidebarColor,.signup-banner{display:flex;flex-direction:column}.sidebarColor,.signup-banner{background-image:linear-gradient(180deg,#356753,#729e2e);width:20%;position:fixed;top:0;left:0;bottom:0;justify-content:space-around}.logo{padding-top:2em;height:55px;display:flex}.form-wrapper,.logo{justify-content:center;align-items:center}.form-wrapper{margin:auto}.form-container{margin-top:10em}.container-sidebar{position:relative;width:100%;height:220px;padding-bottom:40px}.descripcion{margin-top:2em;margin-bottom:2em}.descripcion h3{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;font-style:italic;font-size:24px}.descripcion h2,.descripcion h3{font-weight:800px;line-height:32px;margin-bottom:1em}.descripcion h2{font-size:20px}.descripcion p{color:#737373;font-size:16px;font-weight:700px;line-height:30px;margin-top:1rem;margin-bottom:1rem}.ejercicio{height:auto}.ejercicio h3{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;text-align:center;font-style:italic;font-size:24px;font-weight:800px;line-height:32px}.buttons{display:inline-block}.sidebarIcons{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:20;width:100%;padding:10px;background-color:#f0f0f0}.title-categories{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;color:#575658;font-weight:500;font-size:40px;text-transform:uppercase;top:8.5rem;left:33rem;text-align:left}.text-categories,.title-categories{position:absolute;z-index:2;line-height:1.2;display:flex}.text-categories{margin-top:2rem;margin-left:5rem;font-family:Uni Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;color:#777272;width:70%;top:13rem;left:20rem}.consulta{margin-left:1000px}.progress{margin-left:440px;margin-top:20px;width:60%}.sidebar-login{background-image:linear-gradient(180deg,#356753,#729e2e);width:30%;height:100vh;padding:20px;background-color:#729e2e}.registerButton{background:#ffffff}.navButton,.registerButton{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;font-weight:700;width:199px;height:48px;color:#739E2D;border:1px solid #739e2d;border-radius:8px;flex:none;order:0}.navButton{background-color:#ffffff;transition:background-color .3s ease}@media only screen and (max-width:768px){main{display:inline;padding:2em 2em 0}.sidebar-login{text-align:center;width:auto;margin:0}}.sidebar{width:25%;padding:20px;box-shadow:-12px 20px 30px 0 #73737366}@media only screen and (max-width:768px){.main{display:inline;padding:2em 2em 0}.sidebar{text-align:center;width:auto;margin:2em 2em 2em 0;height:auto}}.sidebar ul{list-style:none;list-style-type:decimal;padding:0;margin:1em 0 1em 1em;font-weight:700}.sidebar li{margin:1em}.sidebar>ul>li>a{color:#000;display:block;padding:10px;text-decoration:none;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}.sidebar .submenu{display:none;margin-left:20px}.sidebar .submenu.active{display:block;margin-left:2em}.sidebar .submenu>li>a{padding:5px;text-decoration:none}.svg{display:-webkit-inline-box;fill:#000;stroke:#000;vertical-align:middle;margin-right:20px;float:right;top:50%}.link-menu span{color:#7c7c7c;transition:color .5s ease;text-decoration:none}.link-menu h3:hover{color:#000;-webkit-text-decoration:solid;text-decoration:solid;font-weight:700}.image-navbar{margin-right:auto}.boxEditor{display:flex;justify-content:center;align-items:center;height:25vh;border:1px solid #d9d9d9;background-color:#1e1e1e}hr{height:100vh;width:.5vw;border-width:0;color:#000;background-color:#000}.queryButtons{margin:1em 0;display:flex;justify-content:flex-end}.editor p{margin:1em}@media only screen and (max-width:768px){.descripcion{flex:1 1;height:auto;overflow:auto}}.titulo-respuesta{margin-top:1em}.active-submenu-item{font-weight:bolder;color:#000}.dashboard{display:flex;box-shadow:0 20px 30px 0 #73737366;min-height:120vh;min-width:auto}.dashboard h1{font-size:30px}.dashboard h3{font-size:25px}.dashboard img{margin:2em 1em}.content{margin:4em 8em;padding-left:2em}.content h3{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;font-size:24px;font-style:italic;font-weight:800;line-height:32px;letter-spacing:.10000000149011612px;text-align:left;color:#739e2d}.content .submenu>li>a{text-decoration:none}.span-categories{display:flex;width:825px;height:66px;top:263px;left:493px;border-radius:8px;border:1px solid #f1f1f1;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left;padding:1em;align-items:center;margin-bottom:1em}.span-categories img{padding:0}.span-categories:hover{color:#000;border:2px solid #009946}.content ul{padding-left:0!important}.link-menu{color:#000}footer{background:#739e2d}footer .footer-partners img{max-width:300px}footer .dropdown-divider{border:1px solid #ffffff;margin:15px 0}footer .footer-logo{display:flex;justify-content:center;align-items:center;height:55px}footer .footer-logo img{max-width:100%}footer .footer-content{padding:80px 30px}footer .footer-content h3{font-size:24px;color:#ffffff;margin-top:30px;margin-bottom:30px}footer .footer-content h3,footer .footer-content h4{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif}footer .footer-content h4{font-size:18px;color:#fff}footer .footer-content h5{font-size:16px;color:#fff}footer .footer-content p{font-size:14px;color:#fff}footer .footer-content span{font-size:12px;color:#fff}footer .footer-content a.mailto{text-decoration:none;font-size:14px;color:#fff}footer .footer-content a.mailto:hover{color:#ffffff;font-weight:bolder}footer .footer-content .footer-menu a{font-size:18px}footer .footer-content .footer-menu ul{padding:0}footer .footer-content .footer-menu ul li{list-style-type:none}footer .footer-content .footer-menu ul li a{color:#fff;font-size:14px;text-decoration:none}footer .footer-content .footer-menu ul li a:hover{font-weight:bolder}footer .footer-content .footer-menu ul li.separador{width:150px;height:4px;background:#ffffff;margin:20px 0}footer .footer-content .footer-redes{margin-top:20px}footer .footer-content .footer-redes ul{margin:0;padding:0;text-indent:0}footer .footer-content .footer-redes ul li{display:inline-block;list-style-type:none;font-size:30px;margin-right:10px}footer .footer-content .footer-redes ul li a i{color:#ffffff;font-size:30px}footer .footer-content .footer-redes ul li a i:hover{color:#fff}.card{border:none!important}.card-body{width:280px;height:350px;left:0;top:0;border:none;box-shadow:0 4px 10px rgba(0,0,0,.25);z-index:3}.card-body svg{fill:#737373!important}.carousel-control-prev{left:-8em!important;color:#000000!important}.carousel-control-next{right:-8em!important;color:#000000!important}.collapse-navbar{display:flex;padding:2em}.logo-collapse{margin:2em 1em}.collapse-navbar ul{margin-left:1em}.logo-navbar-collapse{position:absolute}.tablesContainer{display:flex;justify-content:center;align-items:center;color:#737373}.titleTableResult{font-family:Uni Neue,Helvetica,Arial,sans-serif;font-style:italic;text-align:center;margin:2em;font-size:24px}.tableContainer{display:flex;flex:1 1;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1em;margin-top:1em}.tableSet{align-items:center;text-align:center;width:auto;border-collapse:collapse;font-size:small;line-height:30px}.tableSet td,.tableSet th{width:auto;border:1px solid #ccc;padding:0 1em;color:#737373}.tableSet th{text-transform:uppercase;width:none;background-color:#f2f2f2;vertical-align:middle;color:#737373}table{align-items:center;text-align:center;width:auto;border-collapse:collapse;font-size:small;line-height:30px}table td,table th{width:auto;border:1px solid #ccc;padding:5px 1em;color:#737373}table th{text-transform:uppercase;width:none;background-color:#f2f2f2;vertical-align:middle;color:#737373}.divButtons{margin:auto;display:flex;flex-direction:row;align-items:center;padding:2em 0;gap:69%;justify-content:flex-end;align-items:flex-end}.divButtons a{text-decoration:none}.queryButton{color:#fff;font-weight:700;width:199px;height:48px;background:#739e2d;border-radius:8px}.hintSection,.queryButton{justify-content:center;align-items:center}.hintSection{display:flex;color:#737373;vertical-align:middle;margin-bottom:.5em}.hintSection img{width:85px!important;height:95px!important}.hintButton,.hintQuestion{text-align:center}.hintButton{padding:16px;font-weight:500;width:199px;height:48px;background:#ffffff;color:#739E2D;border:1px solid #739e2d;border-radius:8px;flex:none;order:0;font-style:normal;font-weight:700;font-size:14px;letter-spacing:.2px;margin:1em}.hintButtonSelected{background:#739E2D;color:#ffffff}.hintButton:disabled{cursor:default;opacity:.7}.titulo-por-que h2{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;font-size:40px;color:#ffffff;margin-top:1em}@media only screen and (max-width:768px){main{display:inline;padding:2em 2em 0}.descripcion{flex:1 1;height:auto;overflow:auto;padding:1em 2em}.sidebar-login{text-align:center;width:auto;margin:0}.collapse-navbar{margin:0 1em;padding:0}.sidebar{display:none}.span-categories{width:90%}.navbar-collapse{width:80%;box-shadow:0 4px 30px 0 #73737366;padding:2em}#navbarNav{background-color:#ffffff;top:13em;position:fixed;z-index:1}.image-navbar{margin:auto}.dashboard{position:relative;box-shadow:none}.content{margin:4em 0}.tablesContainer{display:grid}.tableContainer{border:none}.hintSection{margin-top:2em;padding-bottom:.5em;border:none}.hintImage{margin-left:5.5em}.hintSection p{text-align:left}.tableSet{align-items:center;text-align:center;width:auto;border-collapse:collapse;font-size:xx-small;line-height:30px}.tableSet td,.tableSet th{width:auto;border:1px solid #ccc;padding:3px 1em;color:#737373}table{align-items:center;text-align:center;width:auto;border-collapse:collapse;font-size:xx-small;line-height:30px}table td,table th{width:auto;border:1px solid #ccc;padding:3px 1em;color:#737373}.divButtons{display:flex;width:100%;padding:3em 1em;justify-content:flex-end;align-items:flex-end;margin-top:2em;gap:40%}.queryButtons{margin:1em}.registerButton{width:100px;font-weight:700}.navButton{width:auto}.breadcrumb{margin-left:2em}.titulo-por-que h2{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;font-size:25px;color:#ffffff;margin-top:1em;padding-top:1em}}.collapse{visibility:inherit}.sidebar img{margin:2em auto 3em}@media (min-width:1280px){.container{max-width:1280px;padding:2em 4em}.courses-page .container{max-width:1280px;padding:0}}.logout{display:flex;text-decoration:underline;justify-content:flex-end;align-items:self-start;margin-right:2em;margin-top:-2.5rem}.logout,.logout a{color:#739e2d}.logout a:hover{color:#5a851b}ol li{list-style:decimal}select option{margin-left:2em}td a{text-decoration:none;color:#737373}#aceleracion{background-size:cover;background-repeat:no-repeat;padding-bottom:50px}#aceleracion .block-style-five{background:rgba(219,224,231,1);border-radius:20px;padding:0 50px;height:100%}#aceleracion .green-card{background:#739E2D;color:#ffffff}#aceleracion .green-card h3,#aceleracion .green-card p{color:#ffffff}.block-style-five .icon{width:100px;height:100px;background-color:#ffffff;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-top:-40px;margin-bottom:20px}.block-style-five .icon img{width:50px}.block-style-five h3,.block-style-five p{color:var(--text-color)}#aceleracion .section-title h2{font-size:30px}#aceleracion h1{color:#000000;font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif}.card-text{color:#373737}.card-text-green{color:#739e2d}.animate-icon:hover .icon{animation-name:floating;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.container-fluid{padding-right:4em!important;padding-left:4em!important}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.navbar{background-color:#38353f;color:white}.navbar-collapse{flex-basis:100%;flex-grow:0!important;align-items:center}.nav-item{padding-right:1em;color:#fff}a .registerButton{text-decoration:none!important}.link-login{color:white;text-decoration:none}.link-login button:hover{transition-duration:.5s;background:#5a851b;color:#ffffff}.profile-welcome{padding:2em;height:300px}.profile-certificates{box-shadow:0 3px 10px 0 rgba(0,0,0,.1);margin-bottom:30px;padding:30px;background-color:#fff}.profile-divider,.profile-divider-welcome{margin:2em 0;height:1px;background:#cecece;opacity:.5}.profile-details-container{align-items:center;justify-content:space-between;display:flex}.not-name-profile p{font-size:small;font-weight:700;color:#a72f2f}.ui-svg-icon{color:#097bbf;vertical-align:text-top}.not-granted{filter:grayscale(1)}.update-btn{font-weight:400;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;height:auto;outline:none;border:0;background:transparent;color:#097bbf;font-size:15px;cursor:pointer}.certficates-container{margin-bottom:2em}.uni{font-size:30px}.uni,.uni-title{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif}.uni-regular{font-family:Uni Neue,Helvetica,Arial,sans-serif}.uni h1{color:#373737;text-shadow:3px 3px 3px #fff}.texto-certificados{font-weight:700;min-height:3em}.texto-certificados-bloqueados{min-height:3em}.card-cursos{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.3)}.card-cursos img{background-size:cover;padding:1em;align-self:center}.card-curso-text{padding:0 1em 1em}.card-curso-text h3{padding-bottom:.3em;border-bottom:1px solid #dbdbdb}.button-cursos{background:#729e2e;border-radius:8px;transition:background-color .3s ease;border:none}.button-cursos,.button-cursos:hover{justify-content:center;align-items:center;font-weight:700;width:100%;height:48px;color:#fff}.button-cursos:hover{background:#356753;border-radius:8px;box-shadow:0 0 11px rgba(33,33,33,.2)}.btn-nav{text-decoration:none}.btn-nav,.nav-link{font-weight:700!important;color:#fff!important}.nav-link img{padding-bottom:.3em}.btn-nav:hover{color:#050000;background-color:#ffffff;box-shadow:0 4px 12px 0 rgba(104,115,125,.5)}.btn-cursos{color:#fff;background-color:#000000;text-decoration:none}.btn-cursos:hover{color:#ffffff;background-color:#739E2D;box-shadow:0 4px 12px 0 rgba(104,115,125,.5)}.certificate-container-text{display:block;margin-bottom:1em}.certificate-share button{margin-top:1em;transition:all .5s ease-out}.certificate-share button:hover{transform:scale(1.1)}.pagos-bottom-text{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 5px;text-align:center}.pagos-bottom-text h3{color:#739E2D;font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif}.pagos-bottom-text ul{text-align:left}.element{position:relative}.notification-list{width:400px;border:1px solid #575658!important;border-radius:5px}.notification-item{padding:1em;margin:0 1em;border-bottom:1px solid #e6e6e6}.notification-item button{margin-right:auto}.notification-icon{position:absolute;top:5px;left:5px}.notification-message{margin-bottom:0!important}.notification-message-readed{color:#575658;margin-bottom:0!important}.readed-notification{font-style:italic;text-align:right;margin-bottom:0}.button-notification-div{display:block;margin-right:0}.notification-button{border:1px solid #cecece;padding:.3em 1em;border-radius:5px;text-align:right;margin-bottom:0}.notification-button span{font-size:x-small}.element .dropdown-menu{border:none}.about{background-image:url(/images/bg-section.jpg)}.dos,.tres,.uno{font-size:16px}.texto-nosotros{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;height:auto}.button-faq{background-color:#ebf3fa;border:none;border-radius:.5rem;box-shadow:0 4px 12px 0 rgba(104,115,125,.15);width:100%;padding:2em;text-align:left;font-weight:600;color:#515170}.wow{opacity:0;transform:translateY(0);transition:all .5s}.fadeInUp{opacity:1;transform:translateY(10px)}.faq-section{display:flex;justify-content:center;height:100%}.faq-title{font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif;color:#000;margin-bottom:1em;text-align:center}.faq-section img{max-width:100%;max-height:400px}.courses-page{background-color:#f2f2f2;padding:3em 0 4em}.courses-page,.js-page{background-image:url(/images/fondo-js-claro.png);background-size:contain}.js-page{padding:0;height:100vh;overflow:hidden}.bg-image{background-image:url(/images/fondo-js-claro.png);padding:2em;background-size:contain;height:auto}.bg-image .profile-inputs{background-color:#fff;padding:2em;border-radius:5px}.exercise-container{background-color:#ffffff;padding:1em;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 0 20px #73737366}.exercise-breadcrumb{display:flex;margin-bottom:1em}.exercise-breadcrumb a,.exercise-breadcrumb p{padding-left:.5em;align-self:center;margin-bottom:0;text-decoration:none;color:#000}.exercise-breadcrumb .breacrumb-svg{align-self:center;margin-left:1em}.exercise-breadcrumb .js-svg,.exercise-breadcrumb img{margin-left:auto}.test-button{color:#000000;background:#f7df1e;border-radius:8px;transition:background-color .3s ease;border:none}.test-button,.test-button:hover{justify-content:center;align-items:center;font-weight:700;width:199px;height:48px;box-shadow:0 0 11px rgba(33,33,33,.2)}.test-button:hover{color:#f7df1e;background:#000000;border-radius:8px}.next-button{color:#000000;background:#c6c6c6;border-radius:8px;transition:background-color .3s ease;border:none}.next-button,.next-button:hover{justify-content:center;align-items:center;font-weight:700;width:140px;height:36px;font-size:.875rem}.next-button:hover{color:#c6c6c6;background:#000000;border-radius:8px;box-shadow:0 0 11px rgba(33,33,33,.2)}.green-button{background:#739e2d;border-radius:8px;transition:background-color .3s ease;border:none}.green-button,.green-button:hover{color:#ffffff;justify-content:center;align-items:center;font-weight:700;width:199px;height:48px;box-shadow:0 0 11px rgba(33,33,33,.2)}.green-button:hover{background:#080606;border-radius:8px}.black-button{padding:0 .5em;background:#38353f;border-radius:8px;transition:background-color .3s ease;border:none}.black-button,.black-button:hover{color:#ffffff;justify-content:center;align-items:center;font-weight:700;width:auto;height:48px;box-shadow:0 0 11px rgba(33,33,33,.2)}.black-button:hover{background:#322f38;border-radius:8px}.exercise-title-js{text-decoration:underline;-webkit-text-decoration-color:#ffd100;text-decoration-color:#ffd100;text-decoration-thickness:5px;text-underline-offset:10px}.exercise-title-js,.exercise-title-py{color:#1b1b1b;border-radius:0 20px 0 0;margin:0;padding:.3em 0 1em}.exercise-title-py{text-decoration:underline;-webkit-text-decoration-color:#4584b6;text-decoration-color:#4584b6;text-decoration-thickness:5px;text-underline-offset:10px}.exercise-console-title-js{background-color:#000000;padding:.3em 0;border-radius:20px 0 0 0;margin:0;color:#ffffff;text-align:right}.exercise-console-title-js h4{font-size:x-large;font-weight:700}.exercise-console-title-js-2{padding:.3em 0;border-radius:0 20px 0 0;margin:0;color:#000000;text-align:left}.exercise-console-title-js-2 h4{font-size:x-large;font-weight:700}.content-js{position:relative;padding:1em;background-color:#ffffff;border:1px solid #e2e1e1;box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:1}.content-js.result{min-height:40vh}.content-js.result-sql{min-height:30vh}.content-js-console{padding:1em;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid #e2e1e1;background-color:#f5f3f3}.js-result-stdout{min-height:34vh;margin-bottom:3.5em}.js-result-stdout,.test-cases-stdout{background-color:rgb(40,42,54);color:#ccccc0;border-radius:0 0 0 0;padding:1em 2em}.execution-result{background-color:#000000;border-radius:0 0 0 20px;margin:0;color:#ffffff;text-align:right;display:flex;padding:.3em .3em .3em 2em}.js-result-stdout p{margin-bottom:0}.grayscale-image{filter:grayscale(100%)}@media (max-width:767px){.test-button{width:150px}.next-button{width:120px;height:34px}}.monaco-editor{padding-top:1em;border-radius:0 0 0 20px}.test-execution-js{list-style:none;padding-left:0;padding-top:1em}.user-result-js{color:#739E2D}.user-result-js,.user-result-js-incorrect{text-align:center;margin-left:auto;align-self:center;margin-bottom:0;padding-right:.5em}.user-result-js-incorrect{color:#474b40}.content-section-js svg{padding-bottom:.5em}@media (max-width:767px){.courses-page{padding:2em 0}.card-cursos{margin:1em 0}}.main-view{margin-top:0;margin-bottom:0;background-image:url(/images/fondo-4.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.main-content{text-align:center;margin:auto;padding:2em 1em;width:60%;position:relative}.main-content h1{font-size:46px}.main-content p{font-size:20px;text-align:center;margin:0 1em;padding:0 1em 1em}.main-subtitle{font-size:18px!important;font-weight:400;color:#6e6e73;margin-bottom:12px!important;max-width:42rem;margin-left:auto;margin-right:auto;text-wrap:pretty}.main-subtitle-highlight{font-weight:600;color:#1d1d1f}@media (min-width:768px){.main-subtitle{font-size:20px!important}}.main-description{font-size:16px!important;color:#6e6e73;line-height:1.6;margin-bottom:24px!important}.main-social-proof{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.social-proof-card{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.05);padding:8px 16px;border-radius:50px}.social-proof-card-green{background:rgba(52,199,89,.1)}.social-proof-avatars{display:flex}.social-proof-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;margin-left:-8px}.social-proof-avatar:first-child{margin-left:0}.social-proof-icon{color:#34c759}.social-proof-info{display:flex;flex-direction:column;align-items:flex-start}.social-proof-number{font-size:14px;font-weight:700;color:#1d1d1f;line-height:1.2}.social-proof-label{font-size:12px;color:#6e6e73}@media (max-width:576px){.main-social-proof{gap:12px}.social-proof-card{padding:6px 12px}.social-proof-avatar{width:28px;height:28px}}.features-section{background:#f5f5f7;padding:80px 0}.features-title{font-size:36px;font-weight:700;color:#1d1d1f;text-align:center;margin-bottom:12px}.features-subtitle{font-size:18px;color:#6e6e73;text-align:center;margin-bottom:48px}.editor-mockup{max-width:1000px;margin:0 auto 48px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid #e5e5ea;background:#ffffff}.editor-mockup-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f7;border-bottom:1px solid #e5e5ea}.editor-mockup-dots{display:flex;gap:6px}.editor-mockup-dot{width:12px;height:12px;border-radius:50%}.editor-mockup-dot.red{background:#ff5f57}.editor-mockup-dot.yellow{background:#febc2e}.editor-mockup-dot.green{background:#28c840}.editor-mockup-url{flex:1 1;text-align:center;font-size:12px;color:#6e6e73;background:#ffffff;padding:6px 16px;border-radius:6px;max-width:400px;margin:0 auto}.editor-mockup-content{display:grid;grid-template-columns:1fr 1fr}.editor-mockup-lesson{padding:24px;border-right:1px solid #e5e5ea}.editor-mockup-lesson-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.editor-mockup-badge{background:rgba(52,199,89,.1);color:#34c759;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.editor-mockup-course{font-size:12px;color:#6e6e73}.editor-mockup-lesson-title{font-size:20px;font-weight:600;color:#1d1d1f;margin:0 0 16px}.editor-mockup-lesson-text{font-size:14px;color:#6e6e73;line-height:1.6;margin-bottom:20px}.editor-mockup-lesson-text p{margin:0 0 12px;padding:0;text-align:left}.editor-mockup-lesson-text code{background:#f5f5f7;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;color:#1d1d1f}.editor-mockup-exercise{background:#f5f5f7;padding:16px;border-radius:8px}.editor-mockup-exercise-label{font-size:14px;font-weight:600;color:#1d1d1f;margin:0 0 8px;padding:0;text-align:left}.editor-mockup-exercise-text{font-size:14px;color:#6e6e73;margin:0;padding:0;text-align:left}.editor-mockup-exercise-text code{background:#ffffff;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;color:#1d1d1f}.editor-mockup-editor{display:flex;flex-direction:column;background:#1e1e1e}.editor-mockup-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.editor-mockup-editor-label{font-size:12px;color:rgba(255,255,255,.6)}.editor-mockup-editor-actions{display:flex;gap:8px}.editor-mockup-btn-reset{background:transparent;color:rgba(255,255,255,.6);padding:4px 8px}.editor-mockup-btn-reset,.editor-mockup-btn-run{border:none;font-size:12px;border-radius:4px;cursor:pointer}.editor-mockup-btn-run{background:#34c759;color:#ffffff;font-weight:600;padding:4px 12px}.editor-mockup-code{display:flex;padding:16px;font-family:monospace;font-size:14px}.editor-mockup-line-numbers{color:rgba(255,255,255,.3);text-align:right;margin-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-mockup-code-text{color:#4ec9b0;line-height:1.5}.code-keyword{color:#569cd6}.code-number{color:#b5cea8}.editor-mockup-output{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.editor-mockup-output-header{display:flex;align-items:center;gap:8px}.editor-mockup-output-success{color:#4ade80;font-size:14px}.editor-mockup-output-label{color:#4ade80;font-size:12px;font-weight:600}.editor-mockup-feedback{padding:16px;border-top:1px solid rgba(255,255,255,.1);background:rgba(52,199,89,.05)}.editor-mockup-feedback-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.editor-mockup-feedback-icon{font-size:14px}.editor-mockup-feedback-label{color:#34c759;font-size:12px;font-weight:600}.editor-mockup-feedback-text{color:rgba(255,255,255,.7);font-size:12px;line-height:1.5;margin:0 0 12px;padding:0;text-align:left}.editor-mockup-btn-next{background:#34c759;border:none;color:#ffffff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:4px;cursor:pointer}@media (max-width:768px){.editor-mockup-content{grid-template-columns:1fr}.editor-mockup-lesson{border-right:none;border-bottom:1px solid #e5e5ea}}.why-section{background:#ffffff;padding:80px 0}.why-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.why-header{max-width:600px;margin:0 auto 48px;text-align:center}.why-badge{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#34c759;margin-bottom:16px}.why-title{font-size:32px;font-weight:700;color:#1d1d1f;margin:0 0 12px;line-height:1.2}.why-subtitle{font-size:16px;color:#6e6e73;margin:0}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.why-card{background:#ffffff;border:1px solid #e5e5ea;border-radius:16px;padding:24px;transition:all .2s ease}.why-card:hover{border-color:rgba(52,199,89,.3);box-shadow:0 4px 16px rgba(0,0,0,.08)}.why-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-bottom:16px}.feature-icon-blue{background:rgba(0,122,255,.1);color:#007aff}.feature-icon-purple{background:rgba(175,82,222,.1);color:#af52de}.feature-icon-yellow{background:rgba(255,204,0,.1);color:#ffcc00}.feature-icon-green{background:rgba(52,199,89,.1);color:#34c759}.feature-icon-red{background:rgba(255,59,48,.1);color:#ff3b30}.feature-icon-teal{background:rgba(90,200,250,.1);color:#5ac8fa}.why-card-title{font-size:18px;font-weight:600;color:#1d1d1f;margin:0 0 8px}.why-card-description{font-size:14px;color:#6e6e73;line-height:1.6;margin:0;text-align:left}@media (max-width:992px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.why-section{padding:60px 0}.why-title{font-size:26px}.why-grid{grid-template-columns:1fr}}.courses-section{background:#f5f5f7;padding:80px 0}.courses-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.courses-title{font-size:36px;font-weight:700;color:#1d1d1f;text-align:center;margin-bottom:12px}.courses-subtitle{font-size:18px;color:#6e6e73;text-align:center;margin-bottom:48px}.courses-section .v9-courses-grid{grid-template-columns:repeat(3,1fr)}.courses-view-all{text-align:center;margin-top:32px}.courses-view-all-link{display:inline-flex;align-items:center;gap:8px;color:#34c759;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s ease}.courses-view-all-link:hover{color:#2da44e;gap:12px}@media (max-width:992px){.courses-section .v9-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.courses-section{padding:60px 0}.courses-section .container{padding:0 16px}.courses-title{font-size:28px}.courses-section .v9-courses-grid{grid-template-columns:1fr}}.main-content button{margin:1.5em 0 2em}.hero-title{font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:.02em;text-align:center;margin:0 0 1.5rem;text-wrap:balance}.hero-bracket,.hero-gradient{color:#739e2d}.hero-text{color:#1d1d1f}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:#739e2d;color:#ffffff;font-size:16px;font-weight:600;padding:14px 28px;border-radius:8px;text-decoration:none;transition:all .2s ease}.hero-cta:hover{background:#5a851b;color:#ffffff}.hero-cta:hover .hero-cta-arrow{transform:translateX(4px)}.hero-cta-arrow{transition:transform .2s ease}.main-content p.hero-login-text{margin-top:24px;font-size:13px;color:#6e6e73;text-align:center;padding-bottom:0}.hero-login-link{font-weight:500;color:#739e2d;text-decoration:none;text-underline-offset:4px}.hero-login-link:hover{text-decoration:underline}@media (min-width:768px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:3.75rem}}.title-bracket img{width:60px;height:auto}@media (max-width:992px){.js-page{height:auto;min-height:100vh;overflow:visible;overflow-y:auto}}@media (max-width:767px){.main-view{margin-top:0;margin-bottom:0;background-image:url(/images/fondo-4.png);background-size:contain}.main-content{text-align:center;margin:auto;padding:2em 1em;width:90%}.main-content h1{font-size:36px}.main-content p{font-size:17px;text-align:center;margin:0;padding:0 1em 1em}.navbar-nav button{padding-left:0}.navbar-nav li{margin-bottom:1em}.temporary-collapse-navbar .navbar{margin-top:2em;background-color:#ffffff}.temporary-collapse-navbar a{color:#000!important}.js-page{height:auto;min-height:100vh;overflow:visible;overflow-y:auto}.title-content{display:flex}.title-bracket img{width:40px}.title-content{gap:8px}.container-fluid{padding-right:2em!important;padding-left:2em!important}}@media (min-width:1400px){.js-page .container{max-width:1820px!important}}.dropdown-toggle:after{color:#fff}.category-section{background-image:url(/images/fondo-js-claro.png);padding:3em 0;min-height:100vh}@media (max-width:767px){.category-section .container{max-width:700px}}@media (max-width:1400px){.category-section .container{max-width:1000px}}.title-category{margin:1em 0;padding-bottom:1em;border-bottom:1px solid #dfdfdf;font-family:Uni Neue Heavy Italic,Helvetica,Arial,sans-serif}.category-container{background-color:#fff;padding:1em 1.5em;border:1px solid #dfdfdf;border-radius:20px;box-shadow:0 0 20px #73737366}.title-cat-bottom{padding-bottom:.5em}.cat-left{padding-right:1.5em;border-right:1px solid #dfdfdf}.cat,.cat-left{text-decoration:none}.cat{padding:1em;border:1px solid #dfdfdf;border-radius:1em;color:#000;transition:.2s;margin:1em 0}.cat.cat-selected{border-left:4px solid var(--cat-border-color,#f7df1e);background-color:#f5f5f7;cursor:default}.cat p{text-decoration:none}.cat small{margin-right:auto}.cat:hover{background-color:#dfdfdf;color:#1f1f1f}.inner-cat-card{color:#000;text-decoration:none!important;border:none;width:100%;text-align:left}@media (max-width:767px){.displayed-category{position:fixed;background-color:#ffffff;width:auto!important}.category-responsive-x-button{border:none;background-color:#fff;display:inline;float:right}.title-cat-bottom{padding-bottom:.5em;border-bottom:1px solid #dfdfdf}}.content-js .number-img{position:absolute;right:.5em;width:auto;top:0;opacity:100%;z-index:-1;filter:contrast(.69)}.markdown-content img,.markdown-content-js img{max-width:30%;height:auto;display:block}.markdown-content-js table{margin:1em 0}@media (max-width:767px){.markdown-content img{max-width:100%;height:auto}.markdown-content-js img{max-width:30%;height:auto;display:block}}.input-form{background-color:#f5f8fa;width:100%;padding:10px;border-radius:4px;box-sizing:border-box;font-weight:400;line-height:22px;color:#33475b;border:1px solid #cbd6e2}.copy-button{background:transparent;border:none;cursor:pointer;width:25px;margin-right:1em}.toast-container{text-align:center;width:150px!important}.app-container{padding:1em 0}.app-container,.app-sidebar{display:flex;flex-direction:row}.app-sidebar{flex-grow:0;flex-shrink:0;min-width:0;max-width:400px;z-index:2}.app-frame{flex:1 1;display:flex;flex-direction:column;height:100vh;max-height:100%;z-index:1}.app-sidebar .app-sidebar-content{flex:1 1}.app-sidebar .app-sidebar-resizer{flex-grow:0;flex-shrink:0;flex-basis:6px;justify-self:flex-end;cursor:col-resize;resize:horizontal;background:#c1c3c5b4;width:3px;margin-left:1em;margin-right:-.5em}.app-sidebar .app-sidebar-resizer:hover{width:10px;background:#7c7e80b4}@media (max-width:914px){.app-container,.app-sidebar{flex-direction:column}.app-sidebar{width:100%;max-width:none;min-width:0}.app-frame{height:auto}.app-sidebar .app-sidebar-resizer{display:none}}#certificado{background-image:url(/images/fondo-js-claro.png)}.subtitle-certificate{color:#4d4d4d;font-size:1rem;line-height:1.8}.certificate-inner{background-color:#fff;border-radius:10px}.share-section{border:1px solid #322f38;border-radius:20px}.certificate-share button{margin:0 .5em}.bg-courses{background-image:url(/images/fondo-js-claro.png)}.courses-container{background-color:rgba(255,255,255,.15);box-shadow:0 0 10px #73737366}.select-course-container{border:1px solid #dadce0;border-radius:8px;padding:0!important}.select-courses-text-div{padding:0 10px 0 0!important;min-height:40px}.select-courses-text-div div{line-height:1.375;margin-top:10px}.container-select-container{border-top:1px solid #dadce0;padding:0 0 0 16px}.select-course-container-items{display:flex;align-items:flex-start;padding:8px 16px 8px 0}.lateral-button{padding:1em;border:1px solid #dadce0;margin-bottom:1em}.svg-container{color:var(--IXoxUe);margin-left:auto;padding-top:8px}.svg-container span{display:inline-block;fill:currentColor;height:24px;line-height:24px;position:relative;width:24px}.svg-container svg{display:block;height:100%;width:100%}.select-course-container a{text-decoration:none!important;color:#000}.a-courses{text-decoration:none!important;color:rgba(0,0,0,.1)}.container-select-container.active,.container-select-container:hover{background-color:#f1f3f4}.no-courses-message{padding-left:16px}.streak-badge{display:flex;align-items:center;gap:2px;padding:4px 8px;color:#fff;font-weight:700;font-size:14px;margin:0 8px;cursor:default}.streak-active .streak-fire{color:#ff6b35}.streak-inactive .streak-fire{color:#ff6b35;animation:pulse-warning 2s infinite}.streak-zero .streak-fire{color:#666;opacity:.5}.streak-zero .streak-count{opacity:.5}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.streak-fire{display:inline-block;vertical-align:middle}.streak-count{font-family:Uni Neue Bold,sans-serif;font-size:14px}.v9-apple-blank-footer a,.v9-apple-blank-footer a:hover,.v9-apple-footer a,.v9-apple-footer a:hover{text-decoration:none!important}.v9-apple-lesson-exercise,.v9-apple-sql-result{display:flex;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.v9-apple-feedback{display:flex;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.v9-apple-blank-header .breadcrumb-item a,.v9-apple-header .breadcrumb-item a{color:#1d1d1f;font-weight:500;transition:color .1s ease-out}.v9-apple-blank-header .breadcrumb-item a:hover,.v9-apple-header .breadcrumb-item a:hover{color:#0071e3}.v9-apple-blank-header .breadcrumb-item.active,.v9-apple-header .breadcrumb-item.active{color:#6e6e73;font-weight:400}.streak-popover{position:absolute;top:100%;right:0;margin-top:8px;width:260px;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1000}.streak-popover-title{font-family:Uni Neue Bold,sans-serif;font-size:16px;color:#fff;margin-bottom:8px}.streak-popover-desc{font-size:13px;color:#aaa;margin-bottom:16px;line-height:1.4}.streak-popover-stats{display:flex;gap:16px}.streak-stat{flex:1 1;text-align:center;padding:12px;background:#252525;border-radius:8px}.streak-stat-value{display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.streak-stat-value svg{color:#ff6b35}.streak-stat:last-child .streak-stat-value svg{color:#f7931e}.streak-stat-label{display:block;font-size:11px;color:#888;text-transform:uppercase}.streak-popover-warning{margin-top:12px;padding:10px;background:rgba(255,107,53,.15);border:1px solid rgba(255,107,53,.3);border-radius:8px;font-size:12px;color:#ff6b35;text-align:center}.notification-badge{display:flex;align-items:center;padding:4px 8px;margin:0 8px;cursor:pointer;position:relative}.notification-bell{color:#fff;display:inline-block;vertical-align:middle}.notification-dot{position:absolute;top:2px;right:4px;width:8px;height:8px;background:red;border-radius:50%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-cursos:disabled{opacity:.8;cursor:wait}blockquote{font-style:normal;border-left:4px solid #e5e5ea;padding-left:1em;margin:1em 0;color:#1d1d1f}.cta-section{background:#ffffff;padding:5rem 0}.cta-card{position:relative;max-width:56rem;margin:0 auto;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,#739e2d,#5a851b 50%,#4a7518);padding:3rem 2rem}@media (min-width:768px){.cta-card{padding:4rem 3rem}}@media (min-width:1024px){.cta-card{padding:5rem 4rem}}.cta-blur{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(80px);opacity:.3}.cta-blur-top{top:-6rem;right:-6rem;background:#ffffff}.cta-blur-bottom{bottom:-6rem;left:-6rem;background:#34C759}.cta-content{position:relative;z-index:10;text-align:center}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);color:#ffffff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:9999px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cta-title{font-size:1.875rem;font-weight:700;color:#ffffff;margin:0 0 1rem;line-height:1.2}@media (min-width:768px){.cta-title{font-size:2.25rem}}@media (min-width:1024px){.cta-title{font-size:2.5rem}}.cta-description{font-size:1rem;color:rgba(255,255,255,.9);max-width:32rem;margin:0 auto 2rem;line-height:1.6}@media (min-width:768px){.cta-description{font-size:1.125rem}}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff;color:#739e2d;font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.15)}.cta-button:hover{background:#f5f5f7;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.cta-button-arrow{transition:transform .2s ease}.cta-button:hover .cta-button-arrow{transform:translateX(4px)}.cta-disclaimer{font-size:.75rem;color:rgba(255,255,255,.7);margin-top:1.5rem}