@import "https://fonts.googleapis.com/css2?family=Anton&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body{margin:0;padding:0;font-family:Rubik,sans-serif;overflow-x:hidden}main{margin-top:50px}.contact{background-color:#fff;width:100%}.contact .container{flex-flow:wrap;min-height:100vh;display:flex}.left{background-color:#fff;flex-direction:column;flex:1;justify-content:center;padding:65px 2rem;display:flex}.contact-heading h1{color:#000;margin-bottom:1.2rem;font-size:3.5rem;font-weight:600;line-height:1}.contact-heading h1 span{color:#ff9000}.text{color:#ff9000;font-size:1.1rem;line-height:1.5}.form-wrapper{width:100%;max-width:600px}.contact-form{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}.input-wrap{position:relative}.input-wrap.w-100{grid-column:span 2}.contact-input{color:#111;background-color:#f2f2f2;border:2px solid #0000;border-radius:20px;outline:none;width:100%;padding:1.5rem;font-size:1rem;transition:all .3s}.input-wrap label{color:#494848;pointer-events:none;transition:all .25s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.input-wrap .icon{color:#636262;font-size:1.25rem;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}textarea.contact-input{resize:none;min-height:150px}textarea.contact-input~label{top:1.2rem;transform:none}textarea.contact-input~.icon{top:1.3rem;transform:none}.input-wrap.focus .contact-input{background-color:#f5f4f4;border:2px solid #ff9000;box-shadow:0 0 0 5px #ff8c001c}.input-wrap.focus label,.input-wrap.focus .icon{color:#ff9000}.input-wrap.not-empty label{font-size:.66rem;top:.75rem;transform:translateY(0)}.contact-buttons{justify-content:center;align-items:center;width:100%;display:flex}.btn{color:#fff;cursor:pointer;background-color:#ff9000;border:none;border-radius:40px;padding:1rem 2rem;font-family:Rubik,sans-serif;font-size:1rem;transition:all .3s}.btn:hover{background-color:#653400}.right{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.image-wrapper{width:100%;max-width:600px;position:relative}.dashed-wave{z-index:3;height:130%;position:absolute;bottom:60%;left:-28px}#dashed-wave{fill:none;stroke:#828282;stroke-width:1px;stroke-dasharray:6.5;opacity:.8}@media (width<=1200px){.contact-heading h1{font-size:3rem}}@media (width<=1024px){.contact .container{flex-direction:column}.right{order:-1;padding:2rem 0}.contact-heading h1{font-size:2.8rem}.contact-form{grid-template-columns:1fr}.input-wrap.w-100{grid-column:span 1}.btn{width:100%}.contact-buttons{flex-direction:column}}@media (width<=768px){.contact-heading h1{font-size:2.5rem}.text{font-size:.95rem}.contact-form{gap:1rem}.left{padding:40px 1rem}}@media (width<=500px){.contact-heading h1{font-size:2.2rem}.form-wrapper{padding:0 .5rem}.input-wrap label{font-size:.9rem}.contact-input{padding:1.2rem;font-size:.9rem}}@media (width<=375px){.contact-heading h1{font-size:2rem}.contact-buttons{padding-top:1rem}}@media (width<=320px){.contact-heading h1{font-size:1.8rem}.btn{font-size:.9rem}.input-wrap label{font-size:.8rem}}.dark-mode{color:#fff;background-color:#1e1e1e;transition:all .8s}.dark-mode .contact,.dark-mode .left{color:#fff;background-color:#1e1e1e}.dark-mode .contact-heading h1{color:#fff}.dark-mode .text{color:#ff9000}.dark-mode .contact-input{color:#fff;background-color:#3b3b3b;border:2px solid #444}.dark-mode .contact-input:hover{background-color:#4d4d4d}.dark-mode .input-wrap label{color:#b0b0b0}.dark-mode .input-wrap .icon{color:#ff9000}.dark-mode .btn{color:#fff;background-color:#ff9000}.dark-mode header nav{background-color:#181818}.dark-mode .btn-insc-nav:hover{color:#ff9000;background-color:#181818;border-color:#ff9000}.dark-mode .perfil-font{color:#121212}