*,::after,::before{box-sizing:border-box}
body{margin:0;padding:0;font-size:100%;line-height:1.6;background-color:#fff;color:#333;font-family:Roboto,sans-serif;background-image:url(images/background.jpg);background-size:cover;background-attachment:fixed;background-position:center;overflow-x:hidden}
:root{--animate-delay:0.1s}
.container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.hero{position:relative;height:450px;overflow:hidden}
.hero_video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-1;background-color:#051c45}
.hero_content{position:relative;z-index:1;display:flex;height:100%}
.hero_left,.hero_right{width:50%;display:flex;flex-direction:column;justify-content:center}
.hero_left{align-items:flex-start;padding-left:20px}
.hero_logo img{max-width:250px;height:auto;margin-bottom:20px}
.hero_text p{font-size:1.5rem;margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:lighter;color:#fff;margin-bottom:10px}
.hero_social a{margin-right:10px;font-size:1rem;color:#fff;text-decoration:none;display:flex;align-items:center}
.hero_social a i{font-size:1.5rem;margin-right:10px;padding-bottom:2px}
.hero_social a:hover{color:#00f2ff}
.hero_social a:hover span{text-decoration:underline}
.hero_button .btn{margin-top:20px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#0aa1d8;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}
.hero_button .btn img{width:35px;margin-left:10px}
.hero_button .btn:hover{background-color:#133e87;animation:pulse .5s}
.hero_underline{height:5px;width:100%;background:linear-gradient(to right,#0aa1d8,#133e87)}
@media (max-width:768px){
.hero{background-color:#051c45e0}
.hero_content{flex-direction:column;align-items:center;justify-content:center}
.hero_left{width:100%;align-items:center;text-align:center;padding:0 15px}
.hero_right{display:none}
.hero_video{left:0;transform:translate(-50%,-50%)}
}
.rubros .container{display:flex;flex-wrap:wrap;justify-content:center}
.rubro{flex:1 1 25%;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;margin:0;font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;line-height:1}
.rubro span{display:block;line-height:1;margin:0;padding-top:5px}
.rubro:nth-child(odd){background-color:#0aa1d8}
.rubro:nth-child(2n){background-color:#133e87}
.rubros-marquee{display:none}
@media (max-width:768px){
.rubro{display:none}
.rubros-marquee{display:block}
}
.rubros-marquee{width:100%;overflow:hidden;background:linear-gradient(to right,#0aa1d8,#133e87);padding:10px 0}
.marquee-content{display:flex;animation:marquee 15s linear infinite}
.marquee-content span{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;white-space:nowrap}
@keyframes marquee{
from{transform:translateX(0)}
to{transform:translateX(-100%)}
}
.products{padding:60px 0}
.products .container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}
.products_content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.products_left,.products_right{flex:1 1 50%;padding:20px}
.products_left h2{font-size:2.5rem;margin:0;font-weight:100}
.products_left p{font-size:1.1rem;line-height:1.6;text-align:justify;font-weight:300;padding-right:40px}
.products_left .btn{margin-top:20px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;color:#919191;text-decoration:none;border-radius:10px;transition:background-color .3s ease;border:solid 1px #c6c6c6}
.products_left .btn img{width:35px;margin-left:10px}
.products_left .btn:hover{animation:pulse .5s}
.products_right img{width:100%;height:auto;display:block}
@media (max-width:768px){
.products_content{flex-direction:column}
.products_left,.products_right{flex:1 1 100%;padding:10px}
.products_left h2{text-align:center}
.products_left p{padding-right:0; text-align: center;}
.products_left .btn{margin:0 auto;margin-bottom:30px;display:flex}
}
.features .container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}
.features-top{font-weight:200;text-align:center;margin-bottom:20px;font-size:1.5rem}
.features_box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;box-shadow:inset 0 1px 0 0 #fff;background-color:#f9f9f9;border-radius:6px;border:1px solid #dcdcdc;text-shadow:0 1px 0 #fff;padding:10px}
.feature{flex:1 1 calc(25% - 30px);text-align:center;padding:5px;margin:20px 15px;animation:featureEntry .8s ease-out forwards}
.feature_icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}
.feature_icon:hover{animation:fadeIn .5s}
.feature p{font-size:1.2rem;margin:0}
@keyframes featureEntry{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width:768px){
.feature{flex:1 1 calc(50% - 30px);max-width:calc(50% - 30px)}
.feature p{font-size:1rem}
}
html{scroll-behavior:smooth}
.scroll-link{text-decoration:none;color:inherit;display:inline-block;width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}
.nosotros{padding:60px 0}
.nosotros .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}
.nosotros_left{flex:1 1 70%;padding:20px}
.nosotros_left h2{font-size:2.5rem;margin:0;font-weight:100}
.nosotros_left p{font-size:1.1rem;line-height:1.6;text-align:justify;font-weight:300;padding-right:60px}
.nosotros_right{flex:1 1 30%;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.nosotros_right img{width:100%;cursor:pointer;border-radius:4px;transition:transform .3s ease}
.nosotros_right img:hover{transform:scale(1.05)}
.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000}
.lightbox:target{opacity:1;pointer-events:auto}
.lightbox img{max-width:90%;max-height:80%;border-radius:8px}
.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:2rem;text-decoration:none}
@media (max-width:768px){
.nosotros .container{flex-direction:column}
.nosotros_left,.nosotros_right{flex:1 1 100%;padding:10px}
.nosotros_right{grid-template-columns:1fr 1fr}
.nosotros_left h2{text-align:center}
.nosotros_left p{padding-right:0; text-align: center;}
}
.brands{padding:0}
.brands .container{max-width:1200px;width:100%;margin:0 auto;text-align:center;display:block}
.brands .container h2{margin:0;margin-bottom:30px;font-size:2.5rem;font-weight:100}
.brands_list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.brands_list img{width:120px;height:auto;display:block;padding-bottom:20px}
@media (max-width:768px){
.brands_list img{width:100px;padding-bottom:10px}
.brands_list{padding:30px}
.brands .container h2{font-size:2rem;}
}
.map{padding:60px 0;padding-bottom:0}
.map h2{text-align:center;margin:0;font-size:2.5rem;font-weight:100}
.map__container{width:100%;overflow:hidden}
.map__container iframe{width:100%;height:450px;border:0;display:block}
.address{padding:0 60px;text-align:center;font-size:1.2rem;font-weight:300;padding-bottom:40px}
.map_icon{color:#0aa1d8;margin-right:10px}
.call_icon{color:#0aa1d8;margin-right:10px;margin-left:20px}
@media (max-width:768px){
.map_icon{display:block;margin:0;padding-top:25px;padding-bottom:25px}
.call_icon{display:block;margin:0;padding-top:25px;padding-bottom:25px}
}
.footer{background:linear-gradient(45deg,#0aa1d8,#133e87,#0aa1d8);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;color:#fff;font-family:Arial,Helvetica,sans-serif}
@keyframes gradientAnimation{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.footer .container{max-width:1200px;margin:0 auto;padding:20px 15px;box-sizing:border-box}
.footer_top{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:20px;width:100%}
.footer_center,.footer_left,.footer_right{flex:1 1 33%;padding:20px}
.footer_left{text-align:left}
.footer_center{text-align:center}
.footer_right{text-align:right}
.footer_right img{width:200px;text-align:right}
.footer_logo img{max-width:150px;height:auto;margin-bottom:10px;display:block}
.footer_mobile,.footer_phone,.footer_rif{font-size:.9rem;margin:5px 0}
.footer_mobile i,.footer_phone i{margin-right:5px}
.footer_links{list-style:none;padding:0;margin:0;text-align:left}
.footer_links li{margin:5px 0}
.footer_links li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}
.footer_links li a:hover{color:#00f2ff;text-decoration:underline}
.footer_right img{max-width:100%;height:auto;border-radius:4px}
.footer_bottom{background-color:#133e87;padding:10px 0;text-align:center}
.footer_bottom p{margin:0;font-size:.9rem}
@media (max-width:768px){
.footer_logo{text-align:center;padding-bottom:20px;align-items:center;justify-content:center;display:flex}
.footer_top{flex-direction:column;text-align:center}
.footer_left,.footer_right{flex:1 1 100%;padding:10px;text-align:center}
.footer_center{text-align:center;display:flex;justify-content:center;border-top:dotted 1px #4c7da1;padding-top:10px}
.footer_links{text-align:center}
}
.whatsapp-button{position:fixed;bottom:20px;right:20px;background-color:#25d366;color:#fff;font-size:2rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;text-decoration:none;transition:transform .3s ease}
.whatsapp-button:hover{transform:scale(1.1)}