:root{font-family:Outfit,serif;line-height:1.5;font-weight:400;--green: #A5DC00;--black: rgb(18, 25, 39);--gray: rgb(107 114 128 / 1);color-scheme:light;color:var(--gray);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;text-size-adjust:none;min-width:1240px}@media(max-width:640px){html{min-width:initial;font-size:13px}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.flex-column{display:flex;flex-direction:column;align-items:center}.content{width:100%;display:flex;max-width:80rem;padding-left:5rem;padding-right:5rem}@media(max-width:640px){.content{padding-left:1.5rem;padding-right:1.5rem}}.title{font-size:2.5rem;line-height:1.3;color:var(--black);font-weight:700;display:flex;flex-direction:column;align-items:center}.title:after{content:"";width:3.5rem;height:.2rem;background-color:var(--green);margin-top:.3rem}.title-left{align-items:flex-start;text-align:left}@media(max-width:640px){.title-left{align-items:center;text-align:center}}#root{display:flex;flex-direction:column;min-height:100vh}.navigation{position:sticky;height:60px;top:0;z-index:2;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.navigation .content{align-items:center;justify-content:space-between;flex:1}.navigation .logo{display:flex;align-items:center;color:var(--green)}.navigation nav{display:flex;align-items:center;gap:4rem}.navigation nav a{color:var(--black);text-decoration:none;letter-spacing:.05em;text-transform:uppercase;font-weight:600;font-size:.875rem;line-height:1.25rem}.navigation nav a:hover{color:var(--green)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--black)}@media(max-width:640px){.navigation{position:fixed;left:0;right:0;height:40px;background-color:transparent;box-shadow:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.bg-white{background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.menu-toggle{display:block;z-index:5}.logo{z-index:5}.nav-links{position:fixed;width:100vw;height:100vh;inset:0;background-color:#fffffffa;display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:transform .15s ease-in-out;z-index:4}.nav-links.open{display:flex;transform:translate(0)}.navigation nav{flex-direction:column;gap:5rem}.navigation nav a{font-size:1.5rem}}.about{background-color:#fff;padding:5rem 0}.about .content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:5rem}.about .content>div{align-self:stretch}.about h2{display:flex;align-items:center;letter-spacing:.1em;font-size:.875rem;line-height:1.25rem;color:var(--green);font-weight:700;text-transform:uppercase;gap:.75rem}.about h2:before{content:"";width:2rem;height:3px;background-color:var(--green)}.about h3{font-size:3rem;line-height:.9;color:#0f172a;font-weight:700}.about .image-about{flex:1 1 33.33%;display:flex;justify-content:center;align-items:center}.about .image-about .photo{padding:4px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;height:100%;border:1px solid var(--gray)}.about .image-about .photo:hover figure{background-size:102%}.about .photo figure{flex:1;align-self:stretch;background-size:100%;background-position:center center;background-image:url(/images/foto.png);transition:background-size .2s ease}.data-about{flex:1 2 66.66%;gap:1.2rem;display:flex;flex-direction:column}.text-about{display:flex;flex-direction:column;gap:1.2rem}.about p{font-size:1.125rem;line-height:1.5;color:var(--gray);font-weight:300}@media(max-width:640px){.about{padding:3rem 0}.about .content{flex-direction:column;justify-content:center;gap:3rem}.about .image-about{align-self:stretch;flex:initial;display:none}.about .image-about figure{width:200px;aspect-ratio:1;height:auto}.about h2{flex-direction:column;font-size:1rem;line-height:1.25rem;gap:.3rem}.about h2:before{order:2;content:"";width:1.5rem;height:2px;background-color:var(--green)}.about h3{font-size:2.5rem;text-align:center}.text-about{gap:1rem}.about p{text-align:center}}header{position:relative;height:600px;overflow:hidden}header:before{content:"";position:absolute;inset:-10px;background-image:url(/images/background.png);background-position:center center;background-size:cover;filter:blur(2px) brightness(.38)}header .content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}header h1{font-size:3.2rem;line-height:1;font-weight:800;text-align:center;color:#fff}header h1 strong{color:var(--green)}header h2{font-size:1.5rem;line-height:2rem;letter-spacing:.1em;color:#fffc;font-weight:300}.typing-cursor:after{content:"|";animation:blink 1s infinite}@keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}}@media(max-width:768px){header{height:auto;min-height:100vh;padding:4rem 1rem}header h1{font-size:2.5rem}header h2{font-size:1.125rem;line-height:1.75rem}}.works{background-color:#f8fafc;padding:3rem 0}.works .content{display:flex;flex-direction:column;align-items:center;flex:1;gap:3rem}.works-content{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem}@media(max-width:900px){.works-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.works-content{grid-template-columns:repeat(1,1fr)}}.services{background-color:#f8fafc;padding:3rem 0 5rem}@media(max-width:640px){.services{padding:2rem 0 4rem}}.services .content{display:flex;flex-direction:column;align-items:center;flex:1;gap:3rem}@media(max-width:640px){.services .content{gap:2rem}}.services-content{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem}@media(max-width:640px){.services-content{grid-template-columns:repeat(1,1fr);gap:2rem}}.service{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem;background-color:#fff;border:solid 1px rgb(243 244 246 / 1);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(max-width:640px){.service{padding:2rem}}.service:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.service h3{font-size:1.2rem;line-height:1.75rem;color:var(--black);font-weight:700}.service p{font-size:1rem;line-height:1.2;color:var(--gray);font-weight:300;text-align:center}.service figure{color:var(--green);display:flex;align-items:flex-end;justify-content:center;width:50px;height:55px;margin-bottom:1rem}.service figure svg{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform-origin:center center}.service:hover figure svg{transform:scale3d(1.12,1.12,1.12)}.contact{background-color:#fff;padding:4rem 0 5rem}@media(max-width:640px){.contact{padding:2rem 0 4rem}}.contact .content{display:flex;flex-direction:row;align-items:flex-start;flex:1;gap:5rem}@media(max-width:640px){.contact .content{flex-direction:column;gap:3rem}}.contact-data{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:1.2rem}@media(max-width:640px){.contact-data{align-items:center}}@media(max-width:640px){.contact-info p{text-align:center}}.contact-info-content{align-self:stretch;margin-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:.7rem}@media(max-width:640px){.contact-info-content{flex-direction:row;align-items:center;justify-content:center;gap:2.5rem}}.contact-info-content a,.contact-info-content p{font-size:.9rem;line-height:1.5;color:var(--gray);display:flex;align-items:center;gap:.5rem}.contact-info-content a:hover{color:var(--black)}.contact-info-content a svg{display:flex;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;align-items:center;flex:1;max-width:450px}@media(max-width:640px){.contact-form{max-width:initial;align-self:stretch}}.contact-form form{align-self:stretch;display:flex;flex-direction:column;align-items:center;flex:1;gap:.6rem}.contact-form form div:not(.recaptcha-container){width:100%;display:flex;flex-direction:column}input,textarea{resize:none;width:100%;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:#f9fafb;border:1px solid rgb(229 231 235 / 1);border-radius:.5rem;font-size:.875rem;line-height:1.25rem}:is(input,textarea):focus{outline:none;border-color:var(--green)}.contact-form button{padding:.5rem 2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--green);border:none;border-radius:.35rem;font-size:.875rem;text-transform:uppercase;color:#fff;font-weight:700;cursor:pointer}.contact-form button:hover{background-color:#65a30d}@media(max-width:640px){.contact-info-content .address{display:none}}.error{border-color:#ef4444!important}.error-msg{color:#ef4444;font-size:.75rem;margin-top:.1rem;align-self:flex-start}.success-msg{color:var(--green);font-weight:700;margin-top:1rem}.footer{padding:2.5rem 0 1rem;background-color:#f8fafc}.footer .content{display:flex;flex-direction:column;align-items:center;flex:1;gap:.7rem}.footer section{margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;gap:3rem}@media(max-width:600px){.footer section{flex-direction:column;gap:1.5rem}}.footer hr{margin-top:1rem;width:100%;height:1px;background:var(--gray);border:none}.footer a{color:var(--gray);text-decoration:none;font-size:.875rem;line-height:1.25rem;font-weight:300}.footer p{font-size:.8rem;line-height:1.25rem;font-weight:300;color:var(--gray)}
