
		@font-face {
			font-family: "Gotham-Bold";
			src: url("fonts/Nexa-Bold.woff") format("woff")
		}

		@font-face {
			font-family: "Gotham-Medium";
			src: url("fonts/Gotham-Medium.woff") format("woff")
		}

		@font-face {
			font-family: "Gotham-Black";
			src: url("fonts/Gotham-Black.woff") format("woff")
		}

		@font-face {
			font-family: "Gotham-Book";
			src: url("fonts/Gotham-Book.woff") format("woff")
		}


		body {
		  font-family: 'Gotham-Book', sans-serif !important;
		  background: #ffffff;
		  color: #0F5E91;
		  height: 100vh;
		  line-height: 1.6;
		  font-size: 1rem;
		  overflow-x: hidden;
		  overflow-x: hidden;
		  
		}

		.contenedor {
		  width: 100%;
		  height: 100%;
		  /* CSS Smooth Scroll */
		  overflow-y: scroll; 
		  scroll-behavior: smooth;
		  scroll-snap-type: y mandatory;
		  overflow-x: hidden;
		}

		a {
			text-decoration: none !important;
		}

		section {
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  /*justify-content: center;*/
		  text-align: center;
		  width: 100%;
		  min-height: 100vh;
		  padding-top: 20px;
		  /* Scroll Snap 
		  scroll-snap-align: center;*/
		  overflow-x: hidden;
		}

		/* SECCIONES */
		section#portada {
		}
		section#segmento {
		  background: url('img/fondos/segmentos.jpg') no-repeat top;
		  background-size: 100% 50%;
		}
		section#hogar {
		}
		section#negocio {
		  background-color: #e6f2fe;
		  background: url('img/fondos/negocio.jpg') #e6f2fe no-repeat top;
		  background-size: 100% auto;
		}
		section#distribuidor {
		  background: url('img/fondos/distribuidor.jpg') no-repeat top;
		  background-size: 100% auto;
		}
		section#planta {
		  background: url('img/fondos/planta.jpg') no-repeat top;
		  background-size: 100% auto;
		}
		section#encontra {
		  background: url('img/fondos/encontra.jpg') no-repeat top;
		  background-size: 100% auto;
		}
		section#sello {
		}




		/* ELEMENTOS ÚNICOS */
		.logo {
			max-width: 200px;
			max-height: 70px;
		}


		@media screen and (max-width:989px){


		}

		@media (min-width: 992px){
			.modal-lg {
			    max-width: 1000px;
			}
		}


		/* EXTRAS GENERICOS */
		.borde-derecho {
		    border-right: 2px solid #167bbb;
		}
		.texto-negrita {
			font-family: 'Gotham-Black', sans-serif !important;
		}
		.texto-medium {
			font-family: 'Gotham-Medium', sans-serif !important;
		}
		.texto-grande {
			font-size: 1.3rem;
		}
		.text-gray {
			color: #6b696b;
		}
		.bg-gradient-blue1{
			background: rgb(15,94,169);
			background: linear-gradient(90deg, rgba(15,94,169,1) 24%, rgba(37,187,227,1) 100%);
		}
		.puntero{
			cursor: pointer;
		}
		.rounded-big {
			border-radius: 30px;
		}
		.rounded-medium {
			border-radius: 20px;
		}
		.rounded-regular {
			border-radius: 10px;
		}
		.titulo-azul {
			color: #0F5EA9;
		}
		.titulo-celeste {
			color: #25BCE4;
		}
		.titulo-celeste2{
			color: #3FA9F5;
		}
		.titulo-azul2 {
			color: #0F5E93;
		}
		.margin-0{
			margin-top: -15px;
		}
		.bg-celeste {
			background-color: #e2f2fe;
		}
		.bg-gris {
			background-color: #e1e5e8;
		}
		.line-height-1 {
			line-height: 1.2rem;
		}
		.img-garrafa {
			max-height: 40vh;
		}
		.borde-azul {
			border-style: solid;
  			border-color: #1589BC;
		}
		.borde-azul-boton {
			border-style: solid;
  			border-color: #1589BC;
		}
		.borde-azul-boton:hover {
			border: none;
  			background: rgb(15,94,169);
			background: linear-gradient(90deg, rgba(15,94,169,1) 24%, rgba(37,187,227,1) 100%);
			color: white;
		}
		.border-none{
			border: none;
		}
		.font-weight-bold2{
			font-family: 'Gotham-Bold', sans-serif !important;
		}
		.contener-y-centrar {
			width: fit-content;
			margin: 0 auto;
		}

		/* EXTRAS PARA PARA PISAR ELEMENTOS EXTERNOS */
		.navbar-light .navbar-nav .nav-link {
		    color: #0F5E91;
		}
		.card {
			border: none;
		}
		a {
			text-decoration: none;
		}
		ul.lista-celeste {
		  list-style-image: url('img/iconos/lista-celeste.png');
		}
		ul.lista-azul {
		  list-style-image: url('img/iconos/lista-azul.png');
		}
		ul.lista-blanca {
		  list-style-image: url('img/iconos/lizta-blanca.png');
		}
		.carousel-control-next-icon {
		    background-image: url('img/iconos/next.png');
		}
		.carousel-control-prev-icon {
		    background-image: url('img/iconos/prev.png');
		}

		.bg-enviado {
			background-color: #fdfdfd;
		}
