@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins,sans-serif}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.menu-toggle .bar{background-color:var(--black-color);border-radius:2px;width:25px;height:3px;transition:all .3s}:root{--primary-color:#ffc107;--white-color:#fff;--black-color:#000;--light-color:#fff1c8;--dark-color:#8e6a00;--whatsapp-logo:url(../src/assets/whatsapp.svg);--footer-color:#898989}.main-container{max-width:1500px;margin:0 auto;position:relative}section{scroll-margin-top:80px}.nav-container{background-color:var(--white-color);width:100%;color:var(--black-color);z-index:1000;border-bottom:1px solid #e0e0e0;position:fixed;top:0;left:0}.navbar{justify-content:space-between;align-items:center;max-width:100%;height:5rem;margin:0 auto;padding:1rem 2rem;display:flex;box-shadow:0 50px 400px #0003}.navbar .logo img{width:16rem;height:auto}.nav-links{align-items:center;gap:2rem;font-size:1rem;font-weight:500;list-style:none;transition:all .3s;display:flex}.contact-btn a{color:var(--white-color);background-color:var(--primary-color);border-radius:5px;padding:.5rem 1rem;transition:all .3s}.nav-links .contact-btn a:hover{color:var(--black-color);background-color:#ffd042;transition:all .3s}.nav-links li a{color:var(--black-color);padding:.5rem 1rem;text-decoration:none;transition:all .3s}.nav-links li a:hover{color:var(--primary-color);cursor:pointer;transition:all .3s}.nav-links li a.active{color:var(--primary-color);font-weight:600}.home-page{justify-content:center;align-items:center;gap:4.5rem;height:100vh;margin-right:4rem;padding:5rem 0 0;display:flex}.social{flex-direction:column;justify-content:center;gap:.8rem;width:2.5rem;height:100%;display:flex}.social button svg{width:32px;height:32px}.social button:first-child,.social button:nth-child(2),.social button:nth-child(3){cursor:pointer;background:0 0;border:none;border-radius:90px;padding:1rem;transition:all .3s}.social button:hover{background-size:32px;padding:1.2rem;transition:all .3s}.home-container1{flex-direction:column;justify-content:center;gap:2rem;max-width:35rem;display:flex}.home-container1 h1{font-size:2.9rem}.highlight{color:var(--primary-color)}.home-container1 p{color:#4c4c4c;font-size:1.2rem}.home-container1 .trusted{background:var(--light-color);color:var(--dark-color);border-radius:45px;max-width:fit-content;padding:.5rem 1rem}.home-container1 .trusted h2{font-size:.9em;font-weight:400}.home-container2{position:relative}.home-container2 .home-img{z-index:100;border-radius:1rem;justify-content:center;align-items:center;width:25rem;height:30rem;display:flex;position:absolute;overflow:hidden}.home-img img{width:38.6rem;height:30.2rem}.home-container2 .box-img{background:var(--primary-color);border-radius:1rem;width:25rem;height:30rem;transform:rotate(5deg)}.about-page{justify-content:center;align-items:center;gap:8rem;min-height:100vh;padding:0;display:flex}.about-container1 .about-img{object-fit:cover;z-index:1;border-radius:1rem;width:25rem;height:30rem;position:absolute;overflow:hidden}.about-container1 .box-img{background:var(--primary-color);border-radius:1rem;width:25rem;height:30rem;transform:rotate(-5deg)}.about-container2 .subtitle{background:var(--light-color);text-align:center;border-radius:90px;width:20%;padding:.3rem .5rem}.subtitle p{color:var(--dark-color);font-size:.9rem}.about-page .about-container2{flex-direction:column;gap:3rem;max-width:40%;display:flex}.about-container2 p.about-content{color:#4c4c4c;font-size:1.2rem}.about-container2 .sub-about{justify-content:space-between;display:flex}.sub-about h2{text-align:center;color:var(--primary-color);flex-direction:column;font-size:2rem;display:flex}.sub-about span{color:#9d9d9d;font-size:1.2rem;font-weight:400}.services-page{flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100vh;display:flex}.main-services{flex-wrap:wrap;justify-content:center;gap:1rem;width:95%;display:flex}.services-page svg{width:55%;height:55%}.services-container{border:1.5px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:1.5rem;width:32%;height:14rem;padding:1.5rem 2rem 0;display:flex}.services-container .services-img{background:var(--light-color);border-radius:8px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.services-content{flex-direction:column;gap:.5rem;display:flex}.services-content h2{color:var(--black-color);font-size:1.1rem;font-weight:600}.services-content p{color:#4c4c4c;font-size:1rem;font-weight:400}.contact-page{flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100vh;padding-top:5rem;display:flex}.contact-page .contact-title{text-align:center;flex-direction:column;gap:1rem;display:flex}.contact-title p{color:#4c4c4c;font-size:1.05rem;font-weight:300}.contact-page .contact-container{justify-content:center;gap:8rem;width:100%;display:flex}.contact-container .info-user{background:#fefefe;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:1rem;padding:1.8rem 3rem;display:flex}.info-user div{flex-direction:column;gap:.5rem;display:flex}.info-user input{border:1px solid #aaa;border-radius:6px;padding:.8rem 1rem}.info-user textarea{resize:none;border:1px solid #aaa;border-radius:6px;padding:.8rem 10rem 1rem 1rem}.info-user button{color:var(--black-color);background:var(--primary-color);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.7rem;transition:color .5s,background .5s}.info-user button:hover{color:#fff;background:oklch(27.8% .033 256.848)}.info-global ul{flex-direction:column;gap:3rem;display:flex}.info-global ul li{gap:1.2rem;display:flex}.info-global ul li .box-img{background:var(--light-color);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-global ul li .box-img img{width:32px;height:32px}.info-global ul li h1{flex-direction:column;font-size:1.1rem;font-weight:600;display:flex}.info-global ul li h1 span{color:#4c4c4c;font-size:1rem;font-weight:400}.Container-Footer{background-color:#100636;flex-direction:column;max-width:100%;height:100%;margin-top:5rem;display:flex}.Main-Footer{border-bottom:1px solid gray;flex-wrap:wrap;justify-content:flex-start;gap:7rem;width:100%;height:100%;padding:4rem 0 4rem 5rem;display:flex}.footer-pt{color:#fff;flex-direction:column;width:25rem;display:flex}.footer-pt h2{padding-bottom:.5rem;font-size:24px}.footer-pt p{color:#898989;font-size:16px;transition:all .3s}.footer-quick{align-items:left;flex-direction:column;width:10rem;display:flex}.footer-quick h3{color:var(--white-color);padding-bottom:.5rem}.footer-quick ul{color:var(--footer-color);list-style:none}.footer-quick ul li{padding:.5rem 0 0}.footer-quick ul li a{color:var(--footer-color);text-decoration:none}.footer-quick ul li a:hover{color:#fff;cursor:pointer;text-decoration:underline;transition:all .3s}.maps{width:350px;height:200px;margin:0}.maps iframe{width:100%;height:100%}.below-Footer{width:100%;color:var(--footer-color);justify-content:space-between;padding:1rem 5rem;display:flex}.below-Footer p{font-size:14px}.social-footer button:first-child,.social-footer button:nth-child(2),.social-footer button:nth-child(3){cursor:pointer;background-color:oklch(27.8% .033 256.848);transition:background-color 1s}.social-footer .icon:first-child,.social-footer .icon:nth-child(2),.social-footer .icon:nth-child(3){transition:fill .5}.social-footer .icon:first-child:hover,.social-footer .icon:nth-child(2):hover,.social-footer .icon:nth-child(3):hover{fill:oklch(27.8% .033 256.848)}.social-footer button:first-child:hover,.social-footer button:nth-child(2):hover,.social-footer button:nth-child(3):hover{background-color:#ffc107}.social-footer{flex-direction:row;gap:.5rem;width:100%;margin-top:1rem;display:flex}.social-footer button{border:none;border-radius:90px;align-items:center;padding:.3rem;display:flex}.social-footer button svg{width:1.8rem;height:1.8rem}@media only screen and (width:1920px){.navbar{justify-content:space-between;align-items:center;max-width:100%;height:5rem;margin:0 auto;padding:1rem 5rem;display:flex;box-shadow:0 50px 400px #0003}.home-page{justify-content:center;align-items:center;gap:25rem;height:100vh;padding:5rem 0 0;display:flex}.Main-Footer{border-bottom:1px solid gray;flex-wrap:wrap;justify-content:center;gap:17.5rem;width:100%;height:100%;padding:4rem 0 4rem 5rem;display:flex}}@media only screen and (width<=900px){.navbar{width:100%;padding:1rem 2rem}.navbar .logo img{width:11rem}.menu-toggle{display:flex}.menu-toggle.open .bar:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0}.menu-toggle.open .bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-links{background-color:var(--white-color);opacity:0;pointer-events:none;border-bottom:1px solid #e0e0e0;flex-direction:column;gap:1.5rem;width:100%;padding:2rem 0;transition:transform .4s,opacity .3s;position:absolute;top:5rem;left:0;transform:translateY(-150%);box-shadow:0 10px 20px #0000000d}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{text-align:center;width:100%}.nav-links li a{width:100%;padding:.75rem 0;display:block}.contact-btn{max-width:fit-content;margin:0 auto}.home-page{flex-direction:column;grid-template-columns:0fr 3fr;justify-content:center;height:max-content;padding:7rem 1.5rem}.grid{gap:2.5rem;display:grid}.home-container1{order:2;grid-column:1/3;gap:1rem;max-width:100%;margin-left:1rem}.home-container1 h1{font-size:1.85rem}.home-container1 p{font-size:.95rem}.home-container2{order:1;justify-content:center;width:14rem;height:17rem;margin:0 auto;display:flex;position:relative}.home-container2 .home-img{z-index:100;border-radius:1rem;justify-content:center;align-items:center;width:15rem;height:15rem;display:flex;position:absolute;overflow:hidden}.home-container2 .home-img img{background-position:50%;background-size:cover;width:100%;height:100%}.home-container2 .box-img{border-radius:1rem;width:15rem;height:15rem;display:flex}.trusted{justify-content:start;width:100%;margin-top:1rem;font-size:.7rem;display:flex}.social{flex-direction:column;gap:0;display:flex}.about-page{height:auto max-content;flex-direction:column;justify-content:center;gap:2.5rem;width:100%;min-height:max-content;margin-top:6rem}.about-container1 .about-img{object-fit:cover;z-index:1;border-radius:1rem;width:15rem;height:17rem;position:absolute;overflow:hidden}.about-container1 .box-img{background:var(--primary-color);border-radius:1rem;width:15rem;height:17rem;transform:rotate(-5deg)}.about-page .about-container2{flex-direction:column;justify-content:center;gap:1rem;max-width:90%;display:flex}.about-container2 .subtitle{background:var(--light-color);text-align:center;border-radius:90px;width:24%;padding:.3rem .5rem}.subtitle p{color:var(--dark-color);font-size:.7rem}.about-container2 p.about-content{color:#4c4c4c;font-size:.95rem}.services-page{height:auto max-content;justify-content:center;gap:2.5rem;min-height:max-content;margin-top:5rem}.main-services{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.services-container{width:95%;height:auto max-content;border:1.5px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:1.5rem;display:flex}.info-user input{height:2rem}.info-user textarea{flex-direction:row;width:100%;height:8rem;display:flex}.contact-page{height:auto max-content;justify-content:center;gap:2rem;min-height:max-content;padding:7rem 1.5rem 4rem}.contact-container{flex-direction:column;gap:0}.contact-container textarea{padding:.6rem 0 0 1rem;font-size:.95rem}.social-footer button:first-child,.social-footer button:nth-child(2),.social-footer button:nth-child(3){cursor:pointer;background-color:oklch(27.8% .033 256.848);transition:background-color 1s}.social-footer .icon:first-child,.social-footer .icon:nth-child(2),.social-footer .icon:nth-child(3){transition:fill .5}.social-footer .icon:first-child:hover,.social-footer .icon:nth-child(2):hover,.social-footer .icon:nth-child(3):hover{fill:oklch(27.8% .033 256.848)}.social-footer button:first-child:hover,.social-footer button:nth-child(2):hover,.social-footer button:nth-child(3):hover{background-color:#ffc107}.Main-Footer{justify-content:center;padding:5rem 1rem 2rem}.social-footer{flex-direction:row;gap:.5rem;width:100%;margin-top:1rem;display:flex}.social-footer button{border:none;border-radius:2rem;padding:.5rem}.social-footer button svg{width:1.8rem;height:1.8rem}.footer-quick{display:none}.below-Footer{text-align:center;padding:2rem}}
