body {
	 scroll-behavior: smooth;
}
 * {
	 word-break: break-word;
}
 * a {
	 color: #174c7e;
}
 .container * {
	 transition: all 0.5s ease-out;
}
 .navbar {
	 background-color: white;
	 border-radius: 5px;
	 padding: 0 1rem 1.3rem 1rem;
	 background-image: url(images/lineas.png);
	 background-repeat: repeat-x;
	 background-position: bottom;
	 background-size: 30px;
	 box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
 .navbar .btn {
	 margin-left: 1.5rem;
	 font-size: 1.1rem;
	 padding: 0.5rem 2rem;
}
 .navbar .btn img {
	 width: 15px;
	 vertical-align: middle;
	 margin-right: 5px;
	 margin-top: -3px;
}
 .navbar .navbar-brand {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 .navbar .navbar-brand img {
	 max-width: 300px;
}
 .divisor {
	 display: block;
	 height: 35px;
	 width: 100%;
	 overflow: hidden;
	 position: relative;
	 background-image: url(images/lineas.png);
	 background-repeat: repeat-x;
	 background-position: bottom;
	 background-size: 2.5%;
}
 .hero {
	 min-height: 800px;
	 background-size: cover;
	 padding-top: 1rem;
	 background-position: center;
	 animation: image 20s infinite alternate;
}
 @keyframes image {
	 0% {
		 background-image: url(images/hero-home-1-min.jpg);
	}
	25% {
		 background-image: url(images/hero-home-2-min.jpg);
	}
	50% {
		 background-image: url(images/hero-home-3-min.jpg);
	}
	 75% {
		 background-image: url(images/hero-home-4-min.jpg);
	}
	 100% {
		 background-image: url(images/hero-home-5-min.jpg);
	}
}
 .hero .container {
	 height: 100%;
}
 .hero .slider {
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 height: 100%;
	 min-height: 650px;
}
 .hero .slider .carousel {
	 height: 100%;
	 margin-top: 2rem;
	 padding: 0 3rem;
}
 .hero .slider .carousel .carousel-control-prev {
	 justify-content: start;
}
 .hero .slider .carousel .carousel-control-next {
	 justify-content: end;
}
 .hero .slider .carousel h1, .hero .slider .carousel h2, .hero .slider .carousel h3 {
	 color: white;
	 text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
 .hero .slider .carousel h1 {
	 font-weight: 700;
	 font-size: 3rem;
}
 @media (min-width: 1024px) {
	 .hero .slider .carousel h1 {
		 font-size: 4rem;
	}
}
 .hero .slider .carousel h2 {
	 font-size: 2.5rem;
}
 .marcas {
	 background-color: white;
	 padding: 3rem 1.5rem;
	 border-radius: 1rem;
	 margin-top: -3rem;
	 box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	 margin-bottom: 2rem;
}
 .marcas .owl-loaded {
	 display: flex !important;
	 align-items: center;
	 justify-content: center;
}
 .marcas .container {
	 display: flex;
	 align-items: center;
	 height: 100%;
}
 .marcas img {
	 height: 50px;
	 width: auto !important;
	 margin: 0 auto;
	 text-align: center;
}
 .catalago .producto {
	 box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	 border-radius: 5px;
	 position: relative;
	 margin-bottom: 1.5rem;
}
 .catalago .producto .info {
	 padding: 1rem;
}
 .catalago .producto img {
	 width: 100%;
	 height: 350px;
	 object-fit: cover;
	 border-radius: 5px 3px 0 0;
}
.catalago .producto .titulo {
    font-weight: 700;
    color: white;
    font-size: 1rem;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: uppercase;
    background-color: rgb(0 0 0 / 58%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
	margin: 0;
}
 .cta {
	 background-color: #174c7e;
	 padding: 2rem 0;
	 margin-bottom: 0;
	 color: white;
}
 .cta h1 {
	 font-size: 3rem;
}
 .card {
	 background-color: #d53f30;
	 height: 100%;
	 padding: 1rem;
	 border-radius: 0;
	 color: white;
}
 .card h4 {
	 font-weight: 700;
	 color: white;
	 font-size: 1.5rem;
	 margin-bottom: 1rem;
	 text-align: center;
	 text-transform: uppercase;
}
 .whatsapp-boton {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 0.5rem 1rem;
	 color: white;
	 border-radius: 10px;
	 font-weight: 700;
	 border: 3px solid white;
	 text-decoration: none;
	 font-size: 1.5rem;
	 line-height: 2;
}
 .whatsapp-boton:hover {
	 background-color: #25D366;
}
 .whatsapp-boton img {
	 width: 40px;
	 margin-right: 1rem;
	 margin-top: 2px;
}
 footer {
	 background-color: #242424;
	 color: white;
	 padding: 2rem 0;
}
 .mapa {
	 margin-bottom: -10px;
	 position: relative;
	 overflow: hidden;
}
 .form {
	 margin-bottom: -75px;
	 position: relative;
	 overflow: hidden;
}
 .btn-primary {
	 background-color: #174c7e;
	 border-radius: 0;
}
 .btn-primary:hover {
	 background-color: #092f53;
}
 
.titulo {
    font-weight: 700;
    color: #d53f30;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: uppercase;
}