*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#fff;display:flex;flex-direction:column;align-items:center;height:1307px;line-height:1.4}#mainNav{display:flex;background:#ffa525;height:192px;align-items:center;justify-content:center;width:100%}#logo{width:305px;height:122px;aspect-ratio:5/2}.container{width:100%;max-width:701px;margin-top:60px;display:inline-flex;flex-direction:column;align-items:center;gap:21px}.container h2{color:var(--Elements, #292D2D);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Century Gothic;font-size:32px;font-style:normal;font-weight:700;line-height:34px;margin-bottom:12px}.container p{color:#878787;Font-family:Inter,sans-serif;font-size:18px;font-weight:400;margin-bottom:40px}.container_2 p{width:100%;color:var(--Elements, #292D2D);font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:34px;height:34px;margin-bottom:10px;opacity:1;letter-spacing:0px}.titulo-classe{font-family:Century Gothic,sans-serif;font-size:32px;font-weight:700;color:#292d2d;margin-bottom:12px;text-align:center;max-width:769px;margin-left:auto;margin-right:auto}.subtitulo-classe{text-align:center;font-size:17px;max-width:701px;margin-left:auto;margin-right:auto}.form-group{width:100%;max-width:640px;margin:0 auto 20px}input,select{width:100%;height:66px;font-size:16px;border-radius:46px;border:1px solid var(--Snow, #FBFBFB);background:var(--Background-Card-Onboaring, #F2F1FA);padding:0 53px;box-sizing:border-box;transition:all .3s ease;gap:11px}input:focus,select:focus{outline:none;border:2px solid #ff9f1c;box-shadow:0 0 0 4px #ff9f1c26}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23787878%27 stroke-width=%272%27><polyline points=%276 9 12 15 18 9%27/></svg>");background-repeat:no-repeat;background-position:right 25px center;background-size:18px}.username-hint,.email-hint{font-family:Inter,sans-serif;font-weight:300;font-size:12px;color:#878787;text-align:left;max-width:597px;margin:8px auto 0;padding:0 10px}.nombre_de_aula-hint{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#292d2d;text-align:left;max-width:674px;margin:10px auto 0 30px}.aluno-label{font-family:Century Gothic,sans-serif;font-size:16px;font-weight:700;color:#292d2d;text-align:left;max-width:597px;margin:20px auto 10px 100px}.accept-section{background:#fff;border-radius:16px;padding:24px 28px;margin:30px auto;max-width:640px}.accept-section .title{font-size:18px;font-weight:500;color:#374151;margin-bottom:20px;text-align:center}.custom-checkbox{display:flex;align-items:center;gap:12px;font-size:16px;color:#374151;cursor:pointer;margin-bottom:14px;justify-content:center}.custom-checkbox input[type=checkbox]{display:none}.checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;background:#fff;display:inline-block;position:relative;transition:all .2s ease}.custom-checkbox input:checked+.checkmark{background-color:#2563eb;border-color:#2563eb}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.accept-section{background:#fff;border-radius:16px;padding:24px 28px;margin:30px auto;max-width:640px;text-align:center}.buttons{max-width:392px;height:65px;left:524px;margin:60px auto 0;display:flex;gap:10px;justify-content:center}.buttons button{height:65px;padding:0 32px;font-size:18px;font-weight:10px;border-radius:56px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#292d2d}.buttons .btn-back{background-color:#fff;border:1px solid #292D2D;flex:1;max-width:136px;transition:all .3s ease}.buttons .btn-back:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn-next{background-color:#ff9f1c;color:#fff;flex:1;max-width:238px;transition:all .3s ease}.btn-next:hover{background-color:#f90;transform:translateY(-2px);box-shadow:0 2px 8px #ff9f1c4d}.btn-next:before{content:"→";margin-right:8px;font-size:20px}.buttons .btn-omitir{background-color:#fff;border:1px solid #292D2D;flex:1;max-width:136px;transition:all .3s ease}.buttons .btn-omitir:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn-comenzar{background-color:#ff9f1c;color:#fff;flex:1;max-width:238px;transition:all .3s ease}.btn-comenzar:hover{background-color:#f90;transform:translateY(-2px);box-shadow:0 2px 8px #ff9f1c4d}.btn-comenzar:before{content:"→";margin-right:8px;font-size:20px}#extra-fields,#school-fields{display:none}#extra-fields{margin-top:20px}.container_2{max-width:701px;display:inline-flex;flex-direction:column;align-items:center;height:auto;padding-bottom:20px;text-align:center;color:var(--Elements, #292D2D);font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:34px}@media(max-width:1024px){.header{height:160px}.header img{width:250px;height:100px}.container{max-width:600px;margin-top:40px;padding:0 15px}.container h2{font-size:28px}.container p{font-size:16px;margin-bottom:30px}.titulo-classe{font-size:28px;max-width:600px}.subtitulo-classe{font-size:16px;max-width:550px}input,select{height:60px;font-size:15px;padding:0 40px}.accept-section{padding:20px 24px;margin:25px auto}.buttons{max-width:350px;height:60px;margin:50px auto 0}.buttons button{height:60px;padding:0 28px;font-size:16px}.container_2 p{font-size:16px}}@media(max-width:768px){body{height:auto;min-height:100vh}.header{height:120px}.header img{width:200px;height:80px}.container{max-width:500px;margin-top:30px;padding:0 10px}.container h2{font-size:24px;margin-bottom:10px}.container p{font-size:14px;margin-bottom:25px}.titulo-classe{font-size:24px;max-width:100%}.subtitulo-classe{font-size:14px;max-width:100%}input,select{height:55px;font-size:14px;padding:0 30px}.username-hint,.email-hint{font-size:11px;padding:0 5px}.accept-section{padding:18px 20px;margin:20px auto}.accept-section .title{font-size:16px;margin-bottom:15px}.custom-checkbox{font-size:14px;gap:10px;margin-bottom:12px}.checkmark{width:20px;height:20px}.buttons{flex-direction:column;max-width:280px;height:auto;gap:15px;margin:40px auto 0}.buttons button{height:55px;padding:13px 18px;font-size:15px;max-width:none;flex:none}.buttons .btn-back,.buttons .btn-omitir,.btn-next,.btn-comenzar{max-width:none;width:100%}.container_2 p{font-size:14px}}@media(max-width:480px){.header{height:100px}.header img{width:150px;height:60px}.container{max-width:100%;margin-top:20px;padding:0 8px}.container h2{font-size:20px}.container p{font-size:12px;margin-bottom:20px}.titulo-classe{font-size:20px}.subtitulo-classe{font-size:12px}input,select{height:50px;font-size:13px;padding:0 20px;border-radius:40px}.username-hint,.email-hint{font-size:10px;margin:6px auto 0}.accept-section{padding:15px 18px;margin:15px auto;border-radius:12px}.accept-section .title{font-size:14px;margin-bottom:12px}.custom-checkbox{font-size:13px;gap:8px;margin-bottom:10px}.checkmark{width:18px;height:18px}.buttons{max-width:250px;gap:12px;margin:30px auto 0}.buttons button{height:50px;padding:14px 10px;font-size:14px;border-radius:50px;width:100%}.container_2 p{font-size:12px}}.language-dropdown{position:relative;width:100%;max-width:640px;margin:0 auto 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.language-dropdown .selected{display:flex;align-items:center;justify-content:space-between;background-color:#f2f1fa;border-radius:46px;height:66px;padding:0 20px;font-size:16px}.language-dropdown .selected .flag,.language-dropdown ul.options li .flag{font-size:24px;margin-right:10px}.language-dropdown .selected .arrow{font-size:18px;color:#878787}.language-dropdown ul.options{position:absolute;top:70px;left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-height:0;overflow:hidden;transition:all .3s ease;z-index:10}.language-dropdown ul.options li{padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:16px;color:#292d2d;transition:background .2s}.language-dropdown ul.options li:hover{background-color:#fffaf0}.language-dropdown.active ul.options{max-height:200px}.form-group{position:relative;margin-bottom:16px}input::placeholder{color:#9ca3af;font-weight:400}.error-icon{position:absolute;right:20px;top:24px;width:18px;height:18px;background-color:#ff4d4f;color:#fff;font-size:11px;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-text{font-family:Inter,sans-serif;font-size:12px;color:#ff4d4f;text-align:left;max-width:597px;margin:8px auto 0;padding:0 10px;line-height:1.3}
