@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;700&display=swap');

:root{
  --color-azul:#0f2679;  
  --color-gris:#a2a2a2;
}

body{background:#eff1f5; font:16px 'Merriweather Sans', sans-serif; color:#111;}

.btn-color{background:var(--color-gris); color:var(--color-azul); border:0; border-radius:0; font-weight:700; transition:all .4s ease-in-out; overflow:visible;}
.btn-color:hover{background:#111; color:#fff;}
#btn-back-to-top{position:fixed; bottom:90px; right:20px; display:none; z-index:999;}

.title{font-weight:700; font-size:48px; text-transform:uppercase;}
.title::after{content:""; background:var(--color-gris); height:2px; width:50px; display:block; margin-top:10px;}

/* MENU SUPERIOR */
.navbar{background:#fff;}
.navbar-brand img.logo{max-height:64px;}
.navbar-nav .nav-item .nav-link{font-weight:700; color:var(--color-azul); display:flex; align-items:center; position:relative; transition:all 500ms ease;}
.navbar-nav .nav-item .nav-link::before{content:""; height:2px; border-radius:0px; background-color:var(--color-gris); position:absolute; bottom:3px; left:0px; right:0px; transition:transform 500ms ease; transform:scale(0, 1); transform-origin:left center; z-index:1;}
.navbar-nav .nav-item:hover > .nav-link::before{transform:scale(1, 1); transform-origin:right center;}

.datos-top{background:var(--color-azul); color:#fff;}
.datos-top .social-media a{background:var(--color-gris); color:#111; display:inline-block; padding:10px 11.25px; border-radius:50%; transition:all 200ms;}
.datos-top .social-media a:hover{background:#111; color:#fff;}
.datos-top .wa-link a{text-decoration:none; color:#fff;}
.datos-top .wa-link a:hover{color:var(--color-gris);}

/* SLIDER */
#sliderMain .carousel-inner .carousel-item{overflow:hidden;}
#sliderMain .carousel-inner .carousel-item > img{-webkit-animation:zoom 30s; animation:zoom 30s;}
#sliderMain .carousel-inner .carousel-item .carousel-caption{right:auto; bottom:auto;}
#sliderMain .carousel-inner .carousel-item .carousel-caption h2{font-weight:700;}

@keyframes zoom{
  from{transform:scale(1, 1);}
  to{transform:scale(1.5, 1.5);}
}

/* INTRO */
.intro{background:url(../imgs/1.jpg) no-repeat; background-size:cover;}
.video{width:auto; max-width:90%; max-height:500px;}

.dato{background:var(--color-azul); width:80%; text-align:center; display:flex; justify-content:center; align-items:center; position:relative; height:150px; margin-left:auto; padding-left:60px;}
.dato .engrane-shape{background:url(../imgs/engrane-shape.png) no-repeat; width:154px; height:154px; color:#fff;}
.dato h3{color:#fff;}

/* SERVICIOS */
.servicios{background:var(--color-azul) url(../imgs/clientes-bg.jpg) no-repeat center center; background-size:cover; color:#fff; font-size:24px; line-height:150%}
.servicios ul{margin:0;}
.servicios ul li{margin-top:20px;}
.servicios ul li .fa-circle-check{color:#fff;}

/* NOSOTROS */
.nosotros{font-size:24px; line-height:150%}
.nosotros h2, .nosotros h3{color:var(--color-azul);}
.nosotros h3{font-weight:700;}

/* NUESTROS CLIENTES */
.industrias{background:var(--color-azul) url(../imgs/clientes-bg.jpg) no-repeat center center; background-size:cover; color:#fff;}
.industrias .box{overflow:hidden; position:relative;}
.industrias .box::before{position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg);}
.industrias .box:hover::before{-webkit-animation:shine .75s; animation:shine .75s;}
.industrias .box .box-name{background:var(--color-azul); color:#fff; clip-path:polygon(0 0, 79% 0, 100% 100%, 0% 100%); padding:20px; padding-right:40px;}
@keyframes shine{
  100%{left:125%;}
}

/* OBJETIVOS */
.objetivos{background:var(--color-azul) url(../imgs/clientes-bg.jpg) no-repeat center center; background-size:cover; color:#fff; font-size:24px; line-height:150%}
.objetivos h2{color:#fff; font-weight:700; text-transform:uppercase;}

.objetivos ul{margin:0;}
.objetivos ul li{margin-top:20px;}
.objetivos ul li .fa-circle-check{color:#fff;}

/* POLITICA DE CALIDAD */
.calidad{font-size:24px; line-height:150%}
.calidad h2{color:var(--color-azul); font-weight:700; text-transform:uppercase;}

/* GALERIA */
.galeria h2{color:var(--color-azul);}
.galeria .owl-carousel .owl-nav div{opacity:0; background:var(--color-azul) !important; color:#fff; position:absolute; top:50%; height:40px; width:40px; text-align:center; transition:all 0.3s ease; transform:translateY(-50%);}
.galeria .owl-theme .owl-nav [class*="owl-"]{padding:0;}
.galeria .owl-carousel .owl-nav .owl-prev{left:0; border-radius:0;}
.galeria .owl-carousel .owl-nav .owl-next{right:0; border-radius:0;}
.galeria .owl-carousel:hover .owl-nav div{opacity:1; background:rgba(55,170,225,.5);}
.galeria .owl-carousel:hover .owl-nav div:hover{background:#111 !important;}
.galeria .owl-carousel .fa{line-height:40px;}
.galeria .owl-item .item{cursor:pointer;}
.galeria .owl-item .item::before{position:absolute; top:0; left:0; height:100%; width:100%; content:""; background:rgba(15,38,121,0.3); background-position-x:0%; background-position-y:0%; transition:all 900ms ease; transition:transform 0.5s ease; transform:scale(0, 1); transform-origin:right center; background-position:center center; z-index:1;}
.galeria .owl-item .item:hover::before{transform:scale(1, 1); transform-origin:left center;}
.galeria .owl-item .item .foto-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; background:var(--color-azul); color:#fff; padding:15px 19px; border-radius:50%; opacity:0; transition:opacity 500ms ease;}
.galeria .owl-item .item:hover .foto-icon{opacity:1;}

/* FOOTER - CONTACTO */
footer{background:var(--color-azul); position:relative; display:block; overflow:hidden; z-index:1; color:#fff;}
footer .services-one__bg-shape-1{position:absolute; left:0; bottom:0; z-index:-1;}
footer .services-one__bg-shape-2{position:absolute; right:0; bottom:0; z-index:-1;}

.contacto h2{color:#fff;}
.contacto .datos .fa-solid, .contacto .datos .fa-brands{color:var(--color-gris);}
.contacto .datos a{color:#fff; text-decoration:none; transition:all 200ms;}
.contacto .datos a:hover{color:var(--color-gris);}
.contacto .datos .mapa{width:100%; height:392px; border:0;}

.contacto .form-control{background:transparent; border:2px solid #fff; border-radius:0; padding:20px; color:#fff; box-shadow:none;}
.contacto .form-control::placeholder{color:var(--color-gris);}
.contacto textarea.form-control{resize:none;}
.contacto form .btn{background:#111; color:#fff; display:block; margin-left:auto; padding:20px 40px; position:relative; text-transform:uppercase; border-radius:0; font-weight:700;}
.contacto form .btn span, .contacto form .btn .fa-paper-plane{transition:all 500ms;}
.contacto form .btn .fa-paper-plane, .contacto form .btn:hover span{opacity:0;}
.contacto form .btn:hover .fa-paper-plane{opacity:1;}

.footer-bot::before{content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.2); margin-bottom:1.5rem;}
.footer-bot a{color:#fff; text-decoration:none;}
.footer-bot a:hover{color:var(--color-gris);}

/* MEDIA QUERIES */
@media(min-width:576px){}

@media(min-width:768px){}

@media(min-width:992px){
  .py-5{padding-top:5rem !important; padding-bottom:5rem !important;}
}

@media(min-width:1200px){}

@media(min-width:1400px){}