@tailwind base;@tailwind components;@tailwind utilities;:root{--nodo-yellow:#f8ed1b;--nodo-blue-dark:#0b2640;--nodo-black:#000000;--nodo-white:#f8f9fab3}.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/nodo-key-left.png);margin-right:30px}.main-title h1{margin:0}.navbar-nav{--bs-nav-link-padding-y:0!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:var(--nodo-blue-dark)}.breadcrumb li{list-style-type:none}.breadcrumb-item a,.breadcrumb-item a:hover{list-style-type:none;color:var(--nodo-blue-dark)}.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(to bottom,var(--nodo-blue-dark),var(--nodo-blue-dark));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(to bottom,var(--nodo-blue-dark),var(--nodo-blue-dark));width:30%;height:100vh;padding:20px;background-color:var(--nodo-blue-dark)}.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:var(--nodo-blue-dark);border:1px solid var(--nodo-blue-dark);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:var(--nodo-blue-dark)}.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:var(--nodo-blue-dark)}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:var(--nodo-blue-dark);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:var(--nodo-blue-dark);border:1px solid var(--nodo-blue-dark);border-radius:8px;flex:none;order:0;font-style:normal;font-weight:700;font-size:14px;letter-spacing:.2px;margin:1em}.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:100%;box-shadow:0 4px 30px 0 rgba(0,0,0,.2);padding:1.5rem;margin-top:1rem}#navbarNav,#navbarNavDropdown{background-color:#11110e;border-radius:8px}#navbarNavDropdown .navbar-nav{flex-direction:column;align-items:flex-start!important;gap:.5rem}#navbarNavDropdown .nav-item{width:100%}#navbarNavDropdown .nav-link{color:#ffffff!important;padding:.75rem 1rem;border-radius:6px;transition:all .3s}#navbarNavDropdown .nav-link:hover{background-color:rgba(248,237,27,.1)}#navbarNavDropdown .black-button{width:100%;text-align:center}#navbarNavDropdown .dropdown-menu{position:static!important;transform:none!important;border:none;background:transparent;box-shadow:none;padding-left:1rem}#navbarNavDropdown .dropdown-item{color:rgba(255,255,255,.8)!important;padding:.5rem 1rem}#navbarNavDropdown .dropdown-item:hover{background-color:rgba(248,237,27,.1);color:#ffffff!important}.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,.logout a:hover{color:var(--nodo-blue-dark)}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:var(--nodo-blue-dark);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:var(--nodo-blue-dark)}.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:#11110e;color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-toggler{border:1px solid rgba(255,255,255,.3);padding:.5rem .75rem;border-radius:4px;transition:all .3s}.navbar-toggler:focus,.navbar-toggler:hover{border-color:var(--nodo-yellow)}.navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(248,237,27,.25);outline:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");width:1.5em;height:1.5em}.navbar-collapse{flex-basis:100%;flex-grow:0!important;align-items:center}.navbar-nav{gap:1rem;margin-top:0!important;margin-bottom:0!important}.navbar-nav .btn-group,.navbar-nav .dropdown,.navbar-nav li{margin:0!important;display:flex;align-items:center}.nav-item{padding-right:1em;margin-right:1em;color:var(--nodo-yellow);display:flex;align-items:center}a .registerButton{text-decoration:none!important}.link-login{color:#ffffff;text-decoration:none}.link-login button:hover{transition:all .3s;background:#ffd54f;color:#000000;transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,237,27,.3)}.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{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;background:var(--nodo-blue-dark);color:#fff}.button-cursos:hover{border-radius:8px;box-shadow:0 0 11px rgba(33,33,33,.2)}.btn-nav{font-weight:500!important;text-decoration:none;color:var(--nodo-yellow)!important;transition:color .3s}.btn-nav:hover{color:#ffd54f!important}.nav-link{color:var(--nodo-yellow)!important;font-weight:500!important;transition:all .3s;cursor:pointer}.nav-link:hover{color:#ffd54f!important;transform:translateY(-2px)}.nav-link.dropdown-toggle{background:none;border:none;padding:0}.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:var(--nodo-blue-dark);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:var(--nodo-blue-dark);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-image:url(/images/fondo-js-claro.png);background-color:#f2f2f2;padding:3em 0 4em;background-size:contain}.bg-image,.js-page{background-image:url(/images/fondo-js-claro.png);padding:2em;background-size:contain}.bg-image{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:var(--nodo-yellow);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:var(--nodo-yellow);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:199px;height:48px}.next-button:hover{color:#c6c6c6;background:#000000;border-radius:8px;box-shadow:0 0 11px rgba(33,33,33,.2)}.green-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--nodo-blue-dark);color:#ffffff;border-radius:8px;font-weight:600;transition:all .3s;border:none;cursor:pointer;text-decoration:none}.green-button:hover{background:#0d3458;transform:translateY(-2px);box-shadow:0 10px 20px rgba(11,38,64,.3);color:#ffffff}.black-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--nodo-yellow);color:#000000;border-radius:8px;font-weight:600;transition:all .3s;border:none;cursor:pointer;text-decoration:none}.black-button:hover{background:#ffd54f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,237,27,.3);color:#000000}.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){.next-button,.test-button{width:150px}}.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:var(--nodo-blue-dark)}.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}}.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{padding:1em}.container-fluid{padding-right:2em!important;padding-left:2em!important}@media (min-width:1400px){.js-page .container{max-width:1820px!important}}.dropdown-toggle:after{margin-left:.5rem;vertical-align:middle}.dropdown-toggle:after,.nav-link.dropdown-toggle:after{color:var(--nodo-yellow)}.black-button.dropdown-toggle,.green-button.dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.black-button.dropdown-toggle:after{color:#000000}.navbar-nav .dropdown-menu{background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:.5rem 0;margin-top:.5rem;min-width:200px}.navbar-nav .dropdown-item{color:#000000;padding:.75rem 1.5rem;transition:all .3s;font-weight:500}.navbar-nav .dropdown-item:focus,.navbar-nav .dropdown-item:hover{background:var(--nodo-yellow);color:#000000}.navbar-nav .dropdown-menu li{list-style:none}.navbar-nav .dropdown-menu .dropdown-item button{width:100%;text-align:left;background:none;border:none;padding:0;font-weight:500;color:#000000}.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 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}.hero-tutorial{background:#ffffff;padding:4rem 0;min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-two-columns{display:grid;grid-template-columns:55fr 45fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-content-left{padding-right:2rem;position:relative;z-index:2}.hero-cta-tutorial{justify-content:flex-start;margin-top:2rem}.hero-image-right-tutorial{display:flex;align-items:center;justify-content:center;position:relative}.tutorial-flyer-image{width:120%;max-width:120%;height:auto;transition:transform .3s ease;position:relative;margin:0}.hero-title-tutorial{color:#000000;font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2;font-weight:700}.hero-subtitle-tutorial{color:#333333;font-size:1.1rem;line-height:1.8}.tutorial-badge{display:inline-block;background:#f0f0f0;color:#000000;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.tutorial-details-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:2.5rem 0}.tutorial-detail-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:2px solid #e0e0e0;transition:all .3s ease}.tutorial-detail-card:hover{background:#ffffff;border-color:var(--nodo-yellow);transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tutorial-detail-card i{font-size:2.5rem;color:#2a2a2a}.about-tutorial-section{background:#f0f0f0;padding:5rem 0}.section-header-tutorial{text-align:center;margin-bottom:2rem}.section-title-tutorial{font-size:2.5rem;font-weight:700;color:#000000;margin-bottom:1rem}.section-subtitle-tutorial{font-size:1.2rem;color:#666666;max-width:800px;margin:0 auto}.nodo-tutorial-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 1fr;min-height:350px;border:2px solid #e0e0e0}.tutorial-card-image{background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;padding:0}.tutorial-card-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.tutorial-card-content h3{font-size:2rem;margin:0 0 1rem;color:rgb(0,0,0);font-weight:700}.tutorial-card-content p{line-height:1.8;margin:0 0 1rem;font-size:1.1rem;color:#333}.tutorial-features-list{line-height:1.8;margin:0;font-size:1.2rem;color:#000000;list-style:none;padding-left:0}.tutorial-features-list li{margin-bottom:1rem}.tutorial-features-list i{color:var(--nodo-yellow);margin-right:.75rem;font-size:1.3rem}.courses-tutorial-section{background:#ffffff;padding:5rem 0}.courses-grid-tutorial{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.course-tutorial-card{background:white;padding:2.5rem;border-radius:20px;border:2px solid #e0e0e0;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.05)}.course-tutorial-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--nodo-yellow)}.course-icon-tutorial{margin-bottom:1.5rem;display:flex;justify-content:center}.course-tutorial-card h3{font-size:1.8rem;font-weight:700;color:#000000;margin-bottom:1rem}.course-tutorial-card p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:1.5rem;min-height:60px}.btn-ver-path{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;color:#0b2640;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:1rem;width:100%;justify-content:center}.btn-ver-path:hover{background:#f5f5f5;border-color:var(--nodo-yellow);color:#000000}.btn-ver-path i{font-size:.8rem}.course-topics{margin:0 0 1.5rem;text-align:left;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topics-list{list-style:none;padding:0;margin:0 0 1rem}.topics-list li{font-size:.9rem;color:#555;padding:.4rem 0;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.topics-list li i{color:var(--nodo-yellow);margin-top:.2rem;font-size:.75rem;flex-shrink:0}.btn-tutorial-primary{display:inline-block;padding:1rem 2rem;background:var(--nodo-yellow);color:#000000;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;border:none;cursor:pointer}.btn-tutorial-primary:hover{background:#ffd54f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,237,27,.3);color:#000000}.btn-tutorial-secondary{display:inline-block;padding:.75rem 1.5rem;background:transparent;color:#000000;border:2px solid #000000;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer}.btn-tutorial-secondary:hover{background:#000000;color:#ffffff}.btn-tutorial-secondary-outline{display:inline-block;padding:1rem 2rem;background:transparent;color:#ffffff;border:2px solid #ffffff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer}.btn-tutorial-secondary-outline:hover{background:#ffffff;color:#000000}.btn-large{padding:1rem 2rem;font-size:1.1rem}.cta-tutorial-section{background:var(--nodo-blue-dark);padding:5rem 0;text-align:center}.cta-tutorial-content{max-width:800px;margin:0 auto}.cta-tutorial-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.cta-tutorial-subtitle{font-size:1.2rem;color:#ffffff;margin-bottom:2.5rem;opacity:.9}.cta-tutorial-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}@media (max-width:768px){body{font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3}.container{padding-left:1rem;padding-right:1rem}.hero-two-columns{grid-template-columns:1fr;gap:2rem}.hero-content-left{padding-right:0;order:2;text-align:center}.hero-cta-tutorial{justify-content:center}.hero-image-right-tutorial{display:none}.tutorial-flyer-image{max-width:350px;height:auto;position:static;transform:none}.hero-tutorial{padding:2rem 0;min-height:auto}.hero-title-tutorial{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.hero-subtitle-tutorial{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.tutorial-details-grid{grid-template-columns:1fr;gap:1rem}.tutorial-badge{font-size:.75rem;padding:.4rem 1rem}.tutorial-detail-card i{font-size:1.75rem}.detail-value{font-size:.95rem}.nodo-tutorial-card{grid-template-columns:1fr}.tutorial-card-content{padding:2rem}.tutorial-card-content h3{font-size:1.5rem}.courses-grid-tutorial{grid-template-columns:1fr}.section-title-tutorial{font-size:2rem}.section-subtitle-tutorial{font-size:1rem}.cta-tutorial-title{font-size:2rem}.cta-tutorial-subtitle{font-size:1rem}.cta-tutorial-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px}.about-tutorial-section,.courses-tutorial-section,.cta-tutorial-section{padding:2.5rem 0}.section-header-tutorial{margin-bottom:2rem}.course-tutorial-card{padding:1.5rem;margin-bottom:1rem}.course-tutorial-card h3{font-size:1.4rem;margin-bottom:.75rem}.course-tutorial-card p{font-size:.9rem;min-height:auto;margin-bottom:1rem;line-height:1.6}.course-icon-tutorial{margin-bottom:1rem}.course-icon-tutorial div,.course-icon-tutorial img,.course-icon-tutorial svg{max-width:70px;max-height:70px}.btn-tutorial-primary,.btn-tutorial-secondary{padding:.75rem 1.5rem;font-size:.95rem;width:100%}.btn-tutorial-secondary-outline{padding:.75rem 1.5rem;font-size:.95rem}.btn-ver-path{font-size:.85rem;padding:.5rem .75rem}.topics-list li{font-size:.85rem;padding:.3rem 0}.course-topics h4{font-size:.9rem;margin-bottom:.75rem}.partners-grid{margin-top:2rem!important}.partners-column{margin-bottom:2rem}.partners-column h3{font-size:1rem;font-weight:700;color:#0b2640;margin-bottom:1.25rem;text-align:center;display:inline-block;padding:.4rem .85rem;background:rgba(255,255,255,.98);border-radius:6px}.auth-page{padding:1rem .5rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.9rem}.auth-input{font-size:.95rem;padding:.75rem .875rem}.auth-button{font-size:.95rem;padding:.875rem}footer .footer-content{padding:40px 20px}footer .footer-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:1rem}footer .footer-content h4{font-size:1rem}footer .footer-content h5{font-size:.95rem}footer .footer-logo{height:auto;padding:1rem 0}.footer-redes ul{justify-content:center;gap:1rem}.footer-redes li{margin:0!important}}@media (max-width:576px){.hero-title-tutorial{font-size:1.35rem}.hero-subtitle-tutorial{font-size:.85rem}.section-title-tutorial{font-size:1.6rem}.section-subtitle-tutorial{font-size:.9rem}.course-tutorial-card{padding:1.25rem}.course-tutorial-card h3{font-size:1.25rem}.btn-tutorial-primary,.btn-tutorial-secondary{padding:.65rem 1.25rem;font-size:.9rem}.cta-tutorial-title{font-size:1.5rem}.cta-tutorial-subtitle{font-size:.9rem}.partners-logos img{height:50px!important}.partners-logos{animation:scroll 12s linear infinite}.partners-logos-colaboran{animation:scroll 18s linear infinite}.partner-logo-item{min-width:100px}.partners-column h3{font-size:.95rem;font-weight:700;color:#0b2640;margin-bottom:1rem;padding:.35rem .75rem;background:rgba(255,255,255,.98);border-radius:6px;display:inline-block}.tutorial-badge{font-size:.7rem;padding:.35rem .85rem}.nodo-tutorial-card{padding:1rem}.tutorial-card-content{padding:1.25rem}.tutorial-card-content h3{font-size:1.15rem}.tutorial-card-content p{font-size:.85rem;line-height:1.5}.tutorial-features-list li{font-size:.85rem}footer .footer-content{padding:30px 15px}footer .footer-content h3{font-size:1.1rem}}@media (max-width:400px){.hero-title-tutorial{font-size:1.25rem}.section-title-tutorial{font-size:1.4rem}.course-tutorial-card{padding:1rem}.btn-tutorial-primary,.btn-tutorial-secondary{padding:.6rem 1rem;font-size:.85rem}.container{padding-left:.75rem;padding-right:.75rem}.partners-column h3{font-size:.9rem;margin-bottom:.75rem;padding:.3rem .65rem;background:rgba(255,255,255,.98);border-radius:6px;display:inline-block}.partners-grid{padding:0 .5rem}.partners-logos img{height:45px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-detail-card{animation:fadeInUp .6s ease-out}.tutorial-detail-card:first-child{animation-delay:.1s}.tutorial-detail-card:nth-child(2){animation-delay:.2s}.tutorial-detail-card:nth-child(3){animation-delay:.3s}.course-tutorial-card{animation:fadeInUp .6s ease-out}.course-tutorial-card:first-child{animation-delay:.1s}.course-tutorial-card:nth-child(2){animation-delay:.2s}.course-tutorial-card:nth-child(3){animation-delay:.3s}.partners-tutorial-section{background:#ffffff;padding:4rem 0}.partners-grid{display:grid;grid-template-columns:40% auto 60%;grid-gap:2rem;gap:2rem;align-items:start;max-width:1200px;margin:0 auto;position:relative}.partners-column{text-align:center;position:relative;z-index:2}.partners-column h3{font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0b2640;margin-top:0;margin-bottom:1.5rem;text-align:center;padding:.5rem 1rem;background:rgba(255,255,255,.95);border-radius:8px;display:inline-block;width:auto;position:relative;z-index:10}.partners-logos-wrapper{width:100%;overflow:visible;position:relative;padding:0 1rem}.partners-logos{flex-direction:row;gap:4rem;width:auto}.partner-logo-item,.partners-logos{display:flex;align-items:center;justify-content:center}.partner-logo-item{flex-shrink:0;padding:0 1rem}.partners-column:first-child .partner-logo-item:nth-child(n+3),.partners-logos-colaboran .partner-logo-item:nth-child(n+5){display:none}.partners-logos img{height:100px;transition:all .3s ease;max-width:100%;object-fit:contain;filter:grayscale(0)}.partners-logos img:hover{filter:grayscale(0);transform:scale(1.05)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.partners-logos:hover{animation-play-state:paused}.partners-separator{width:1px;background:linear-gradient(180deg,transparent,#e0e0e0,transparent);height:100%;min-height:150px;align-self:stretch;position:relative;z-index:0}@media (min-width:769px){.partners-logos{animation:none;justify-content:center;gap:2rem}.partners-logos-colaboran{animation:none;gap:1.5rem}.partners-logos-wrapper{overflow:visible;padding:0}}@media (max-width:768px){.partners-grid{grid-template-columns:1fr!important;gap:3rem!important;padding:2rem 0}.partners-separator{display:none!important}.partners-column{width:100%;padding:0;display:flex;flex-direction:column;align-items:center}.partners-column h3{font-size:1.1rem;font-weight:700;color:#0b2640;margin-bottom:1.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.98);border-radius:8px;display:inline-block}.partners-logos-wrapper{width:100%;overflow:hidden;position:relative}.partners-logos{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:3rem!important;animation:scroll 15s linear infinite!important;padding:1rem 0}.partners-logos-colaboran{animation:scroll 20s linear infinite!important}.partners-logos img{height:70px!important}.partner-logo-item{flex-shrink:0!important;align-items:center!important;justify-content:center!important;min-width:auto!important;padding:0!important}.partner-logo-item,.partners-column:first-child .partner-logo-item:nth-child(n+3),.partners-logos-colaboran .partner-logo-item:nth-child(n+5){display:flex!important}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#ffffff);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{width:100%;max-width:480px;margin:0 auto}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo img{transition:transform .3s ease}.auth-logo img:hover{transform:scale(1.05)}.auth-card{background:#ffffff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:3rem 2.5rem;transition:all .3s ease}.auth-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.15)}.auth-title{font-size:2rem;font-weight:700;color:#0b2640;margin-bottom:.5rem;text-align:center}.auth-subtitle{font-size:1rem;color:#6c757d;margin-bottom:2rem;text-align:center}.auth-form{gap:1.5rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-label{font-size:.9rem;font-weight:600;color:#0b2640;margin-bottom:0}.auth-input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#212529;background-color:#f8f9fa;border:2px solid transparent;border-radius:8px;transition:all .3s ease;outline:none}.auth-input:focus{background-color:#ffffff;border-color:#f8ed1b;box-shadow:0 0 0 3px rgba(248,237,27,.1)}.auth-input::placeholder{color:#adb5bd}.auth-input select,.auth-input[type=select],select.auth-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2640' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25em;padding-right:2.5rem}.auth-link-container{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-link{font-size:.9rem;color:#0b2640;text-decoration:none;font-weight:500;transition:all .3s ease}.auth-link:hover{color:#f8ed1b;text-decoration:none}.auth-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;padding:.875rem 1rem;font-size:.9rem;text-align:center}.auth-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#000000;background:#f8ed1b;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-button:hover:not(:disabled){background:#ffd54f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,237,27,.3)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#6c757d}.auth-footer p{margin:0}.auth-footer .auth-link{color:#0b2640;font-weight:600}@media (min-width:769px){.auth-container-signup{max-width:720px}.auth-container-signup .auth-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;grid-column-gap:2rem;column-gap:2rem}.auth-container-signup .auth-button,.auth-container-signup .auth-error,.auth-container-signup .auth-footer,.auth-container-signup .auth-form-group:has(#country),.auth-container-signup .auth-form-group:has(#email),.auth-container-signup .auth-form-group:has(#english_ability),.auth-container-signup .auth-link-container{grid-column:1/-1}}@media (max-width:576px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.auth-page{padding:1rem .5rem}}