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