body{margin:0;font-family:Inter,sans-serif;background-color:#fff;display:flex;flex-direction:column;align-items:center}#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-pais{width:100%;max-width:701px;margin-top:60px;text-align:center;padding:0 20px}.container-pais h2{font-family:Century Gothic,sans-serif;font-size:32px;font-weight:700;color:#292d2d;margin-bottom:12px}.container-pais p{color:#878787;font-size:18px;font-family:Inter,sans-serif;margin-bottom:40px}.custom-select{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:640px;margin:0 auto 20px;cursor:pointer}.custom-select .selected{padding:20px;border-radius:46px;background-color:#f2f1fa;font-size:16px;border:none;display:flex;align-items:center;justify-content:space-between}.custom-select .options{width:100%;max-width:400px;max-height:250px;overflow-y:auto;display:none;position:absolute;top:110%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:12px;z-index:10;box-shadow:0 4px 10px #ffffff1a}.custom-select .options::-webkit-scrollbar{width:6px}.custom-select .options::-webkit-scrollbar-thumb{background:transparent;border-radius:20px}.custom-select .options::-webkit-scrollbar-thumb:hover{background:#999}.search-box{display:flex;justify-content:center;align-items:center;padding:5px 20px;border-bottom:1px solid #eee}.search-box input{max-width:281px;height:45px;padding:10px 40px;margin:2px;border:1px solid #ddd;border-radius:30px;font-size:12px;background:#f8f8f8;outline:none;text-align:center}.search-box input:hover{color:#888}.search-icon{position:absolute;left:35px;padding:30px;font-size:18px;color:#888}.clear-icon{margin:10px;font-size:25px;color:red;cursor:pointer}.icon-clear:hover{color:red}.search-box input:focus{border-color:#06f;background:#fff}.custom-select .options div[data-value]{padding:12px 20px;display:flex;align-items:center;gap:10px;justify-content:flex-start}.custom-select .options div:hover{background-color:#fff}#extra-fields{display:none;margin:20px}.province-select{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;max-width:640px;margin:0 auto 20px;cursor:pointer}.province-select .selected{padding:20px;border-radius:46px;background-color:#f2f1fa;font-size:16px;border:none;display:flex;align-items:center;justify-content:space-between}.province-select .selected:hover{border-color:#ffa525}.province-select .options{width:100%;max-width:400px;max-height:250px;overflow-y:auto;display:none;position:absolute;top:110%;left:50%;transform:translate(-50%);border:1px solid #ddd;border-radius:12px;z-index:10;box-shadow:0 4px 10px #ffffff1a}.province-select .options div{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background .2s ease}#school-fields{display:none;flex-direction:column;gap:18px;margin-top:15px;width:100%;max-width:640px;margin-left:auto;margin-right:auto}#school-fields input{width:100%;height:66px;padding:23px 53px;border-radius:46px;margin:10px;background-color:#f2f1fa;font-size:16px;color:#292d2d;font-family:inherit;outline:none;box-sizing:border-box;opacity:1;transition:all .3s ease}#school-fields input:focus{border-color:#ffa525;background-color:#fff;box-shadow:0 0 0 3px #ffa5251a}#school-fields input:hover{border-color:#ccc}#school-fields input::placeholder{color:#9e9e9e}.buttons-pais{display:flex;flex-direction:column;gap:12px;max-width:285px;margin:60px auto 40px;align-items:center}.buttons-pais button{width:100%;font-size:17px;border-radius:9999px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;color:#292d2d;font-family:inherit}.btn-back{max-width:136px;height:62px;border-radius:67.5px;border:1px solid #ccc;padding:18px 40px;background:#fff}.btn-next{max-width:238px;height:65px;border-radius:56px;padding:20px 40px;border:none;background-color:#ffa525;color:#fff}.btn-next:hover{background-color:#ff8f00;transform:translateY(-2px)}.btn-next:before{content:"→";margin-right:8px;font-size:22px}
