*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;text-decoration:none;list-style:none;scroll-behavior:smooth}::selection{background:#18bc9c;color:#fff}:root{--tex-color:rgb(255, 255, 255);--bg-color:rgb(17, 17, 17);--second-bg-color:rgb(33, 33, 33);--main-color:rgb(24, 188, 156);--other-color:rgb(195, 202, 213);--alt-bg:rgb(238, 238, 238);--alt-txt:rgb(17, 17, 17);--bright-bg:rgb(255, 255, 255);--clients-txt:rgb(17, 17, 17);--h1-font:4.5rem;--h2-font:2.5rem;--p-font:1rem;--p-smol-font:calc(var(--p-font) * 0.8);--p-smoller-font:calc(var(--p-font) * 0.6);--total-brand:9;--logo-width:24rem;--total-logo-width:calc(var(--total-brand) * var(--logo-width) * 2);--animation-duration:calc(var(--total-brand) * 3s)}body{color:var(--tex-color);background:var(--bg-color)}span{color:var(--main-color)}header{position:fixed;width:100%;top:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:40px 16%;background:0 0}header .logo{height:100px;color:#fff;text-transform:uppercase;transition:all .5s ease}.top-fa .fa{margin:0 .7em;color:var(--main-color);font-size:1.7rem;padding:0}@media (max-width:951px){.top-fa{margin-right:5em}}.navlist{display:flex}.navlist a{font-size:var(--p-font);font-weight:500;color:var(--other-color);margin-left:40px;transition:all .5s ease}.navlist a:hover,.navlist li .active{color:var(--main-color);text-shadow:3px 3px 20px var(--main-color),-2px 1px 30px var(--tex-color)}header.sticky{background:var(--bg-color);box-shadow:0 .1rem 1rem rgba(0,0,0,.2);padding:16px 16%}header.sticky img.logo{height:70px!important;transition:all .5s ease}#menu-icon{font-size:35px;z-index:10001;cursor:pointer;display:none}.dropdown{position:relative}.dropdown-menu{display:block;opacity:0;visibility:hidden;position:absolute;top:100%;left:0;background-color:var(--bg-color);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;min-width:200px;padding:0;margin:0;list-style:none;overflow:hidden;transition:opacity .3s ease,visibility .3s ease}.dropdown-menu li{width:100%;padding:0;margin:0}.dropdown-menu a{display:block;padding:10px 20px;color:var(--other-color);font-size:calc(var(--p-font) * .9);text-transform:uppercase;transition:background .3s ease,color .3s ease;margin:0}.dropdown-menu a:hover{background-color:var(--second-bg-color);color:var(--main-color)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.arrow{font-size:.6rem;margin-left:5px}.h-btn{display:inline-block;padding:11px 26px;background:0 0;color:var(--main-color);border:2px solid var(--main-color);border-radius:8px;font-size:15px;font-weight:600;transition:all .5s ease}.h-btn:hover{background:var(--main-color);color:var(--bg-color);box-shadow:0 0 20px var(--main-color);transform:scale(1,1)}.footer{background:var(--second-bg-color);padding:22px 16%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.copyright p{font-size:15px;font-weight:400;color:var(--other-color)}.scroll-top i{display:inline-flex;align-items:center;justify-content:center;background:#18bc9c;width:45px;height:45px;border-radius:50%;color:var(--tex-color);font-size:27px}section{padding:110px 16% 90px}.main-content h1{font-size:50px;font-weight:600;margin:20px 0 20px;line-height:1.2}.main-content h4{font-size:1.7rem;margin-bottom:15px}.hero{height:80vh;width:100%;background:linear-gradient(#000,rgba(0,0,0,.4),rgba(0,0,0,.4),#eee),url(../img/fondo12.jpg) no-repeat;background-position:top right;background-size:cover;display:flex;align-items:center;justify-content:flex-start}#image-text-section{background:var(--alt-bg);color:var(--alt-txt);padding:100px 16%}#image-text-section .container{display:flex;align-items:center;justify-content:space-between;gap:3rem}#image-text-section .text-content{flex:1}#image-text-section .text-content h2{font-size:var(--h2-font);margin-bottom:1rem}#image-text-section .text-content p{font-size:var(--p-font);text-align:justify;line-height:1.6;margin-bottom:1.5rem}#image-text-section .text-content .btn{padding:10px 25px;background:var(--main-color);color:var(--bg-color);border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease}#image-text-section .text-content .btn:hover{background:var(--bg-color);color:var(--main-color);border:2px solid var(--main-color)}#image-text-section .image-content{flex:1;text-align:center}#image-text-section .image-content img{width:80%;max-width:500px;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.5)}@media (max-width:768px){#image-text-section .container{flex-direction:column-reverse;gap:2rem}#image-text-section .image-content,#image-text-section .text-content{text-align:center}#image-text-section .text-content h2{font-size:2rem}#image-text-section .text-content p{font-size:1rem}}#accordion-section{background:var(--alt-bg);padding:50px 16%;color:var(--alt-txt)}.section-title{text-align:center;font-size:2rem;color:var(--main-color);margin-bottom:30px}.accordion{width:100%}.accordion-item{background:#fff;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.accordion-header{width:100%;background:0 0;border:none;outline:0;padding:15px 20px;font-size:1.2rem;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:8px;transition:background .3s ease}.accordion-header:hover{background:#f7f7f7}.accordion-icon{font-size:1.5rem;color:#444;transition:transform .3s ease}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px;background:#f7f7f7;border-top:1px solid #e7e7e7}.accordion-content p{padding:10px 0;margin:0;font-size:1rem;color:#444}.accordion-content ol{padding-left:20px;margin:0}.accordion-content ol li{margin-bottom:10px;font-size:1rem;color:#444}.accordion-item.active .accordion-content{max-height:none;padding:20px}.accordion-item.active .accordion-icon{transform:rotate(45deg)}@media (max-width:1700px){header{padding:20px 14%}header.sticky{padding:14px 14%}section{padding:90px 14% 80px}}@media (max-width:1380px){header{padding:20px 8%}header.sticky{padding:14px 8%}section{padding:90px 8% 80px}.hero{height:90vh;background-position:center}}@media (max-width:1290px){.box h3{font-size:17px}.box img{width:100px;height:60px;max-width:60px}}@media (max-width:1240px){::root{--h2-font:2.2rem;--p-font:15px}}@media (max-width:950px){.h-btn{display:none}#services{padding:100px 50px}#services .content{grid-template-columns:repeat(2,1fr)}#services{padding:50px}.contact-form{margin-top:-2rem}.main-content h1{font-size:50px}.main-content h4{font-size:1.6rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-img img{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}#menu-icon{display:initial;position:absolute;top:10;left:85%}.navlist{position:absolute;top:100%;right:-100%;width:225px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color);transition:all .5s ease}.navlist a{display:block;padding:17px;font-size:16px}.navlist.active{right:0}}@media (max-width:700px){#services .content{grid-template-columns:repeat(1,1fr)}#services{padding:90px}}@media (max-width:775px){.main-content h1{font-size:45px}.main-content h4{font-size:1.6rem}}@media (max-width:697px){.products-preview .preview h3{font-size:1.1rem}.products-preview .preview p{font-size:1rem}.main-content h1{font-size:40px}.main-content h4{font-size:1.4rem}}@media (max-width:693px){.products-preview .preview{display:none;padding:1rem;text-align:center;background:#212121;position:relative;margin:9rem 2rem;width:30rem}}@media (max-width:506px){.main-content h1{font-size:30px}.main-content h4{font-size:1rem}::root{--h2-font:2rem;--p-font:15px}.contact-img img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}.top-fa{margin-right:3em}}@media (max-width:447px){.card .content .details h2{font-size:1.2em}.services-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,auto));gap:2.3rem;margin-top:3.2rem}.contact-img img{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}}@media (max-width:414px){.card .content .details h2{font-size:1.2em}.main-content h1{font-size:25px}.main-content h4{font-size:1rem}.s1{font-size:16px}.card .content .details p{font-size:16px}.services-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,auto));gap:2.3rem;margin-top:3.2rem}.contact-img img{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}.hero{height:90vh}}@media (max-width:390px){.h-btn{padding:11px 14px}.s1{font-size:17px}.card .content .details p{font-size:17px}.container{position:relative;display:flex;padding:80px 10px;justify-content:center;align-items:center;flex-wrap:wrap;gap:80px 20px;margin-top:20px}.main-content h1{font-size:22px}.main-content h4{font-size:1rem}.contact-img img{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}.hero{height:80vh}}