.contact-form{height:100%;width:35%;position:fixed;z-index:900;top:0;right:-35%;background-color:var(--color-sidebar);overflow-x:hidden;transition:right .5s;display:flex;flex-direction:column;row-gap:var(--bento-gap-y);padding:2rem;overscroll-behavior:contain;box-shadow:-1px 0 3px var(--color-bento-background)}.contact-form #contact-form-close{color:var(--color-bde);font-size:40px;transition:.3s;text-align:end;position:absolute;align-self:end}.contact-form #contact-form-close:hover,.contact-form #contact-form-close:focus{color:var(--text-color-white);text-decoration:none;cursor:pointer}.contact-form #contact-form-header{display:flex;position:relative;flex-direction:column;padding:1rem;row-gap:.5rem}.contact-form #contact-form-header div{display:flex}.contact-form #contact-form-button{width:100%;margin-top:8px;padding:1.2rem;font-weight:700;transition:.3s}.contact-form #contact-form-button>span{display:inline-flex}.contact-form #contact-form-button:hover{filter:brightness(1.2)}.contact-form #contact-form-status{transition:height .5s}.contact-form #contact-form-captcha input{width:70%}.contact-form .green{background-color:var(--color-ok);color:var(--color-white);border-radius:var(--bento-radius);padding:1rem}.contact-form .red{background-color:var(--color-error);color:var(--color-white);border-radius:var(--bento-radius);padding:1rem}.contact-form .reloadBtn{background-color:transparent;color:var(--color-bde)}.contact-form .contact-form-captcha-image{display:inline}.contact-form .contact-form-loader{display:none;margin:auto;width:25px;padding:4px;aspect-ratio:1;border-radius:50%;background:var(--color-infratec);--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:loadingSpin 1s infinite linear}.openContact{right:0}.closeContact{right:-35%}@media only screen and (max-width: 1500px){.contact-form{width:35%;right:-35%}.openContact{right:0}.closeContact{right:-35%}}@media only screen and (max-width: 1000px){.contact-form{width:100%;right:-100%}.openContact{width:100%;right:0}.closeContact{right:-100%}}.contact-page{height:100vh;background:linear-gradient(135deg,var(--color-sidebar-light) 0%,var(--color-bento-background-light) 100%);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.contact-header{text-align:center;margin-bottom:2rem;max-width:600px}.contact-logo{width:600px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.contact-title{font-size:2.2rem;font-weight:700;color:var(--text-color-software);margin-bottom:.5rem;text-shadow:none}.contact-subtitle{font-size:1rem;color:var(--color-bde);margin-bottom:0;font-style:italic}.contact-content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.contact-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.contact-item{display:flex;align-items:flex-start;gap:1rem;text-align:left;padding:1.5rem;background:var(--color-bento-background-light);border-radius:var(--bento-radius);border:1px solid var(--color-bde);transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.contact-item.clickable{cursor:pointer}.contact-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:var(--color-software)}.contact-item.clickable:hover{background:var(--color-bento-background-light);border-color:var(--color-software);transform:translateY(-4px);box-shadow:0 12px 40px #0393}.contact-icon{min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-software);border-radius:50%;color:#fff;box-shadow:0 6px 20px #0396;flex-shrink:0}.contact-details h3{font-size:1.2rem;font-weight:700;color:var(--text-color-software);margin:0 0 .5rem}.contact-details p{font-size:1rem;color:var(--text-color-black);margin:0;line-height:1.4}.contact-link{color:var(--color-software);text-decoration:none;transition:color .3s ease;font-weight:500}.contact-link:hover{color:var(--color-infratec);text-decoration:underline}.contact-actions{text-align:center}.save-phone-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;background:var(--color-software);color:#fff;border:none;border-radius:var(--bento-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0033994d}.save-phone-btn:hover{background:var(--color-software);transform:translateY(-2px);box-shadow:0 12px 35px #0396}.save-phone-btn svg{color:#fff}@media only screen and (max-width: 768px){.contact-page{padding:.8rem}.contact-header{margin-bottom:1.5rem}.contact-logo{width:350px;margin-bottom:.8rem}.contact-title{font-size:1.8rem}.contact-subtitle{font-size:.9rem}.contact-section{gap:.8rem;margin-bottom:1.5rem}.contact-item{padding:1.2rem;flex-direction:row;text-align:left}.contact-icon{min-width:45px;height:45px;align-self:flex-start}.contact-details h3{font-size:1.1rem}.contact-details p{font-size:.85rem}}@media only screen and (max-width: 480px){.contact-page{padding:.6rem}.contact-header{margin-bottom:1rem}.contact-logo{width:300px;margin-bottom:.6rem}.contact-title{font-size:1.5rem}.contact-subtitle{font-size:.8rem}.contact-section{gap:.6rem;margin-bottom:1rem}.contact-item{padding:1rem;flex-direction:row;text-align:left}.contact-icon{align-self:flex-start;min-width:35px;height:35px}.contact-details h3{font-size:1rem}.contact-details p{font-size:.85rem}.save-phone-btn{padding:.8rem 1.5rem;font-size:.9rem}}