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

:root{
  --color-rojo:#ed1316;
  --color-azul:#162266;
  --color-negro:#000;
  --color-gris:#343a40;
}

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

.btn-color{background:var(--color-rojo); color:#fff; border:0; border-radius:0; font-weight:700; transition:all .4s ease-in-out; width:50px; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;}
.btn-color:hover{background:var(--color-negro); color:#fff;}
#btn-back-to-top{position:fixed; bottom:20px; right:20px; display:none; z-index:999;}
.btn-whatsapp{position:fixed; bottom:90px; right:20px; z-index:999; background:#00E676;}
.btn-whatsapp:hover{background:#00A884;}

.title{font-weight:700; font-size:32px; text-transform:uppercase;}
/*.title::after{content:""; background:var(--color-rojo); 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-rojo); 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 a{text-decoration:none; color:#fff; font-weight:700; transition:all 500ms ease;}
.datos-top a:hover{color:var(--color-rojo);}

/* 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/bg-1.png) no-repeat center center; background-size:cover;}
.dato{background:var(--color-azul); text-align:center; display:flex; justify-content:center; align-items:center; position:relative; height:150px; margin-left:auto; padding-left:110px; border-radius:80px;}
.dato .engrane-shape{background:url(../imgs/engrane-shape.png) no-repeat; width:154px; height:154px; color:#fff;}
.dato h3{color:#fff; margin-bottom:0;}

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

/* MISION Y VISION */
.mision-vision{font-size:24px; line-height:150%;}
.mision-vision h2, .mision-vision h3{color:var(--color-azul);}
.mision-vision h3{font-weight:700;}

.barra-contacto{background:url(../imgs/barra-bg.jpg) no-repeat fixed; center center; background-size:cover; text-align:center; height:400px; display:flex; align-items:center;}
.barra-contacto p{color:#fff; font-size:24px; line-height:200%;}
.barra-contacto a.btn{background:var(--color-rojo); color:#fff; padding:20px 40px; text-transform:uppercase; border-radius:0; font-weight:700;}
.barra-contacto a.btn:hover{background:#000;}

/* NUESTROS CLIENTES */
.industrias{background:#0E1A5E url(../imgs/clientes-bg.png) no-repeat center bottom; background-size:100%; color:#fff;}
.industrias .box{position:relative; overflow:hidden; text-align:center; height:350px; background:var(--color-azul); transition:all .35s;}
.industrias .box img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:.7; transition:all .35s;}
.industrias .box .box-name span{color:#fff; font-size:32px; font-weight:700; display:block;}
.industrias .box:hover{background:var(--color-rojo);}
.industrias .box:hover img{opacity:.5; -webkit-transform:scale3d(2,2,1); transform:scale3d(2,2,1);}

/* LINEA DE PRODUCTOS */
.productos{background:var(--color-azul) url(../imgs/main-bg.jpg) no-repeat center center; background-size:cover; color:#fff; font-size:24px; line-height:150%; overflow-x:hidden;}
.productos h2{color:#fff; font-weight:700; text-transform:uppercase;}
.productos ul{margin:0;}
.productos ul li{margin-top:20px;}
.productos ul li .fa-circle-check{color:#fff;}

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

/* GALERIA */
.galeria{background:url(../imgs/white-bg.jpg) no-repeat center center; background-size:cover; padding-bottom:120px;}
.galeria h2{color:var(--color-azul);}
.galeria .carousel .item{position:relative; cursor:pointer; aspect-ratio:1/1; overflow:hidden;}
.galeria .carousel .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:center bottom; background-position:center center; z-index:1;}
.galeria .carousel .item:hover::before{transform:scale(1, 1); transform-origin:center top;}
.galeria .carousel .item img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.galeria .carousel-indicators{bottom:-90px; padding-bottom:0;}
.galeria .carousel-indicators [data-bs-target]{background-color:var(--color-rojo); border-radius:50%; width:25px; height:25px;}

/* FOOTER - CONTACTO */
footer{background:var(--color-gris); position:relative; display:block; overflow:hidden; z-index:1; color:#fff;}
footer .logo{max-height:40px;}
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-rojo);}*/
.contacto .datos a{color:#fff; text-decoration:none; transition:all 200ms;}
.contacto .datos a:hover{color:var(--color-rojo);}
.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:#fff;}
.contacto .form-control:focus{border-color:var(--color-azul);}
.contacto textarea.form-control{resize:none;}
.contacto .btn{background:var(--color-azul); display:block; margin-left:auto; margin-right:auto; padding:20px 40px; position:relative; text-transform:uppercase; border-radius:0; font-weight:700;}
.contacto .btn span, .contacto .btn .fa-solid{transition:all 500ms; color:#fff;}
.contacto .btn:hover{background:var(--color-rojo);}
.contacto .btn .fa-solid, .contacto .btn:hover span{opacity:0;}
.contacto .btn:hover .fa-solid{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-rojo);}

/* AVISO DE PRIVACIDAD */
.aviso-privacidad h2, .aviso-privacidad h3{color:var(--color-azul); font-weight:700;}
.aviso-privacidad ul li{margin-bottom:8px;}

/* MEDIA QUERIES */
@media(min-width:768px){
  .title{font-size:48px;}
}

@media(min-width:992px){
  .py-5{padding-top:5rem !important; padding-bottom:5rem !important;}
  #sliderMain .carousel-inner .carousel-item .carousel-caption h2.h1.text-uppercase{font-size:64px;}
}