@charset "UTF-8";

/* Font  */
@font-face {
	font-family: Montserrat;
	src: url("../font/Montserrat-Regular.ttf") format("truetype");
	/* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Montserrat;
	src: url("../font/Montserrat-Medium.ttf") format("truetype");
	/* Safari, Android, iOS */
	font-weight: 500;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: Montserrat;
	src: url("../font/Montserrat-SemiBold.ttf") format("truetype");
	/* Safari, Android, iOS */
	font-weight: 600;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* Variables de Sass */
@keyframes pulse2 {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}
}

body {
	background-color: #F2EDDF;
}

/* Header  */
.menu {
	position: absolute;
	width: 100%;
	top: 0;
	padding: 30px;
}

.menu img {
	width: 90%;
	padding: 20px 0;
}

.menu nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	background: transparent !important;
	border-radius: 30px;
	padding: 2px 20px;
}

.menu .navbar-expand-lg .navbar-nav {
	flex-direction: row;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.menu a.nav-link {
	text-align: center;
	padding: 30px 25px !important;
	text-transform: uppercase;
	color: #212222;
	text-align: center;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	/* 218.75% */
}

.menu li.nav-item:hover a,
.menu li.nav-item.active a {
	color: #876F4E;
}

.menu li.nav-item.logom a {
	padding: 0 23px !important;
}

.menu figure {
	margin: 0;
	padding: 10px;
}

.menu .logoH {
	transition: transform 0.3s ease;
	width: 180px;
}

.menu .logoH:hover {
	animation: heartBeat 0.5s forwards;
	/* Cambia "bounce" por cualquier otra animación */
}

.menu svg.bi.bi-arrow-right-short {
	width: 56px;
	font-size: 50px;
	height: 40px;
	color: #000;
	background: #18988B;
	border-radius: 13px;
	margin: 0;
	margin-top: -6px;
	margin-left: 12px;
}

.menu .navbar-expand-lg .navbar-nav {
	flex-direction: row;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.menu li button {
	display: none;
}

button.navbar-toggler {
	border: none;
}

button.navbar-toggler img {
	max-width: 30px !important;
}

.flecha {
	display: none;
}

.btnheader {
	display: none;
}

.hiddenD {
	display: none;
}

@media screen and (max-width: 992px) {
	.hiddenD {
		display: block;
	}

	.btnheader {
		display: block;
		margin: 12px auto;
	}

	.menu .navbar-nav {
		flex-direction: column !important;
		width: 100% !important;
		display: flex !important;
		text-align: center;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: flex-start;
		padding: 20px;
	}

	li.nav-item {
		width: 100%;
		text-align: left;
		border-bottom: 0;
		padding: 5px 0;
	}

	li.nav-item a {
		text-align: center;
	}

	.menu a.nav-link {
		margin: 3px 10px;
		padding: 10px !important;
		color: var(--Blanco, #F8F7F7);
		text-align: center;
		font-family: "Knockout HTF49-Liteweight";
		font-size: 24px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-transform: uppercase;
	}

	li.nav-item.active:first-child {
		padding-top: 30px;
	}

	button.navbar-toggler {
		box-shadow: none;
	}

	.menu li a {
		text-decoration: none;
	}

	.menu li a button {
		width: 70%;
		margin: 0 auto;
		display: block;
		margin-top: 24px;
		color: #FFF;
		text-align: center;
		font-family: Montserrat;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
		/* 150% */
		text-transform: uppercase;
	}

	div#navbarSupportedContent {
		background: #F2EDDF;
		border: 1px solid #8a8a8a;
	}

	.logom {
		display: none;
	}

	.menu .logoH {
		transition: transform 0.3s ease;
		width: 150px;
	}

	.menu li.nav-item a {
		text-align: left;
		font-family: Montserrat;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		color: #000;
		margin: 0 0 !important;
		border-bottom: 1px solid;
	}

	.menu button img {
		width: 110%;
		padding: 0px 0;
		margin-top: -10px;
	}
}

@media screen and (max-width: 767px) {
	.menu {
		padding: 10px;
		background: #f2eee3;
	}

	.menu img {
		max-width: 160px;
		padding: 0 10px;
	}

	.menu figure img {
		max-width: 200px;
		width: 80%;
		margin: 0 auto;
		display: block;
	}

	.navbar-toggler:hover {
		text-decoration: none;
		box-shadow: none !important;
		border: none !important;
		width: 90px !important;
	}

	button.navbar-toggler img {
		max-width: 40px !important;
		width: 25px;
	}

	.flecha {
		display: block;
	}

	.flecha img {
		max-width: 50px;
	}

	.menu li a button {
		width: 100%;
		font-size: 14px;
	}

	.menu .logoH {
		width: 140px;
	}
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

section {
	padding: 100px 0;
}

b {
	color: #000 !important;
}

.banner h1,
.banner h2 {
	color: #212222;
	font-family: Montserrat;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 38px;
	/* 126.667% */
}

.banner p {
	color: #212222;
	font-family: Montserrat;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 128% */
}

h2 {
	color: #212222;
	font-family: Montserrat;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 107.692% */
}

h4 {
	color: #212222;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	/* 125% */
	text-transform: uppercase;
}

button {
	background: var(--Acento, #212222);
	padding: 5px 40px;
	border: 0px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* 109.091% */
	text-transform: uppercase;
}

p {
	color: #212222;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	/* 130% */
}

a {
	text-decoration: none;
}
body .video iframe {
	width: 100%;
	max-width:800px;
	height:500px;
}

@media screen and (max-width: 767px) {
	h2 {
		font-size: 20px;
		line-height: 24px;
	}

	p {
		font-size: 15px;
		max-width: 100%;
		width: 100%;
	}

	.banner h1,
	.banner h2 {
		font-size: 20px;
		line-height: 30px;
	}

	.banner h1 br,
	.banner h2 br {
		display: none;
	}

	.banner p {
		text-align: center;
		font-family: Montserrat;
		font-size: 16px;
		line-height: 20px;
		/* 133.333% */
		margin: 20px 0;
	}

	.banner button {
		font-size: 16px;
		margin: 0 auto;
		display: block;
	}

	button {
		font-size: 16px;
		line-height: 24px;
		/* 109.091% */
	}
}

section.banner {
	padding-bottom: 50px;
}

section.banner .swiper-pagination-bullet-active {
	background: #000;
}

section.banner .bg-banners {
	background-image: url(../imagenes/slider.jpg);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0 250px;
	margin: 20px 0;
}

section.banner .bg-banners.b-2 {
	background-image: url(../imagenes/slider2.jpg);
	background-size: 130%;
	background-position: center;
}

section.banner .bg-banners.b-3 {
	background-image: url(../imagenes/slider3.jpg);
	background-size: 130%;
	background-position: center;
}

section.banner .bg-banners figure img {
	max-width: 100%;
	width: 400px;
}

section.banner p {
	margin: 20px 0 60px;
}

.showM {
    display:none;
}

@media screen and (max-width: 992px) {
	section.banner .bg-banners {
		background-image: url(../imagenes/slider.jpg);
		background-position: bottom center;
		background-size: cover !important;
		background-repeat: no-repeat;
		padding: 50px 0 400px;
		margin: 0px 0;
	}

	.menu nav.navbar.navbar-expand-lg.navbar-light.bg-light {
		z-index: 9;
	}
	.hiddenM {
	    display:block;
	}
}

@media screen and (max-width: 767px) {
    .hiddenM {
	    display:none;
	}
	.showM {
	    display:block;
	}
	section.banner {
		padding-bottom: 10px;
		padding: 60px 0 60px;
	}

	section.banner .bg-banners {
		background-image: url(../imagenes/movil/slider1.jpg);
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 80px 0 350px;
		margin: 20px 0;
	}

	section.banner .bg-banners.b-2 {
		background-image: url(../imagenes/movil/slider2.png);
		background-size: 130%;
		background-position: center;
	}

	section.banner .bg-banners.b-3 {
		background-image: url(../imagenes/movil/slider3.jpg);
		background-size: 130%;
		background-position: center;
	}

	section.banner .bg-banners h1,
	section.banner .bg-banners h2 {
		text-align: center;
	}

	section.banner .bg-banners figure img {
		max-width: 100%;
		width: 80%;
	}

	section.banner .swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
		padding: 0 !important;
	}

	section.banner p {
		margin: 20px 0;
	}
}

section.banner-dow {
	text-align: center;
	padding: 100 0;
	margin: 0 auto;
	display: block;
}

section.banner-dow h2 {
	margin-bottom: 30px;
}

section.banner-dow p {
	max-width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	section.banner-dow {
		padding: 0 15px 50px;
	}

	section.banner-dow button {
		margin: 10px 0;
	}

	section.banner-dow p {
		max-width: 100%;
		margin: 0 auto;
	}
}

.galeria {
	position: relative;
	z-index: 1;
}

.galeria h2 {
	text-align: center;
	margin-bottom: 40px;
}

.galeria figure img {
	max-width: 100%;
}

.galeria .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	position: absolute;
	bottom: 0px;
}

.galeria .swiper-pagination-bullet-active {
	background: #54595F;
}

.galeria div.swiper-wrapper {
	padding-bottom: 50px;
}

.galeria .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
	color: #F29219;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	z-index: 0;
}

.swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
	padding: 40px 0;
}

.swiper-button-next,
.swiper-button-prev {
	display: none;
}

@media (min-width: 768px) {
	.galeria .col-md-3 {
		flex: 0 0 auto;
		width: 29%;
	}
}

@media screen and (max-width: 992px) {
	.galeria::after {
		top: 25%;
	}
}

.mySwiper.movil {
	display: none;
}

@media screen and (max-width: 767px) {
	hr.line80 {
		display: none;
	}

	.mySwiper.destop {
		display: none;
	}

	.mySwiper.movil {
		display: block;
	}

	.galeria {
		padding: 100px 0 100px;
		background-image: url(../imagenes/movil/FondoProductos.png);
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	swiper-container {
		width: 120% !important;
		padding-top: 50px;
		padding-bottom: 50px;
		left: -10% !important;
	}

	.galeria::after {
		top: 29%;
	}

	hr.verMovil.galeriahr {
		max-width: 80%;
		margin: 0 auto 0 -5%;
		background: #293138;
		display: block !important;
		border: 1px solid #293138;
	}

	.galeria .destok {
		display: none;
	}

	.bggalpasos {
		padding: 50px 0 80px;
		background-image: url(../imagenes/movil/LocalesPasos.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.galeria figure.ilustracionGaleria img {
		max-width: 150px;
		margin: 0 auto;
		display: block;
	}

	.swiper-button-prev {
		left: 30% !important;
	}

	.swiper-button-next {
		right: 30% !important;
	}
}

.accordion {
	--bs-accordion-border-color: transparent;
}

.video {
	position: relative;
	padding: 150px 0;
	background: #F2EEE3;
}

.video h2 {
	text-align: center;
	margin-bottom: 30px;
}

.video .video-container {
	text-align: center;
}

.video .cont-video {
	margin: 0 auto;
	max-width: 800px;
	z-index: 9;
}


@media screen and (max-width: 992px) {
	.video .cont-video {
		max-width: 650px;
	}

	.video .cont-video iframe {
		width: 650px;
	}
}

@media screen and (max-width: 767px) {
	.video .contVideo {
		max-width: 100%;
	}

	.video .contVideo iframe {
		width: 400px !important;
		height:200px;
		max-width: 100% !important;
	}

	section.video h2 {
		text-align: center;
	}

	section.video h2 br {
		display: none;
	}
}

section.form {
	background-image: url(../imagenes/fontForm2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

section.form h2 {
	font-weight: 600;
	margin-bottom: 20px;
	max-width: 600px;
}

section.form p {
	max-width: 600px;
}

section.form fieldset {
	max-width: 600px !important;
}

section.form .textCont {
	padding: 190px 80px 0 120px;
}

section.form form fieldset.form-columns-1 .hs-input {
	width: 100%;
}

section.form form button,
section.form form input,
section.form form optgroup,
section.form form select,
section.form form textarea {
	margin: 0;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #876F4E;
	padding: 5px 10px 15px;
	color: #212222;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	font-style: normal;
	line-height: normal;
}

section.form form ::-moz-placeholder {
	color: #4A4A4B;
}

section.form form ::placeholder {
	color: #4A4A4B;
}

section.form form label.hs-error-msg.hs-main-font-element {
	text-align: left;
	color: #000;
	font-size: 12px;
}

section.form form label.hs-error-msg.hs-main-font-element {
	text-align: left;
	color: #000;
	font-size: 12px;
}

section.form form input.hs-button.primary.large {
	border: none;
	margin-top: 30px;
	max-width: 230px;
}

section.form form input.hs-button.primary.large {
	background: #212222;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
	width: 100%;
	max-width: 600px;
	padding: 10px;
}

section.form form .actions {
	text-align: left;
}

@media screen and (max-width: 992px) {
	section.form .container {
		max-width: 530px;
	}

	section.form {
		background: #FFF;
		background-image: url(../imagenes/movil/Contacto.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	section.form .textCont {
		padding: 60px 20px;
		margin-bottom: 200px;
	}
}

@media screen and (max-width: 767px) {
	section.form {
		background: #FFF;
		background-image: url(../imagenes/movil/form.jpg);
		background-position: 0;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 50px 0;
	}

	section.form .textCont {
		padding: 30px 0px 0 35px;
		margin-bottom: 130px;
	}

	section.form .textCont h2 br {
		display: none;
	}
}

section.razones {
	background-color: white;
}
section.razones img {
	width:500px;
	max-width:100%;
}

section.razones h2 {
	font-weight: 600;
	margin-top: 220px;
	margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
	section.razones h2 {
		margin-top: 130px;
	}
}

@media screen and (max-width: 768px) {
	section.razones::before {
		content: "";
		position: absolute;
		top: 2%;
		right: -5%;
		width: 120px;
		height: 120px;
		background-image: url(../imagenes/Ilustracion1.png);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	section.razones {
		padding: 100px 15px;
	}

	section.razones .card {
		margin: 40px auto 0;
	}

	section.razones .card h3 {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	section.razones {
		background-image: url(../imagenes/helado.png);
		background-position: 210px 90%;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 80px 0;
	}

	section.razones .hiddenD {
		display: none;
	}

	section.razones h2 {
		margin-top: 20px;
	}
}

section.pasos {
	text-align: center;
	padding-bottom: 200px;
}

section.pasos h2 {
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}

section.pasos span.number {
	color: #212222;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	/* 125% */
}

section.pasos p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 25px;
}

section.pasos .row .col-md-4 {
	padding: 0 30px;
}

section.pasos .card3 h4 {
	padding: 23px;
	text-transform: none;
}

@media screen and (max-width: 992px) {
	section.pasos .card3 {
		padding: 23px;
	}
}

@media screen and (max-width: 768px) {
	section.pasos .card3 h4 {
		text-align: left;
		font-size: 16px;
		padding:0;
	}

	section.pasos p {
		font-size: 15px;
		text-align: left;
		margin: 0;
	}

	section.pasos span.number {
		text-align: left;
		padding: 0;
	}
}

.preguntas {
	background-color: #F2EEE3;
	padding: 150px 0;
}

.preguntas h2 {
	margin-bottom: 40px;
	text-align: center;
	font-weight: 700;
}

.preguntas figure img {
	text-align: center;
	margin: 0 auto 40px;
	display: block;
}

.preguntas .acordeon span.number2 {
	color: #212222;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
	display: block;
}

.preguntas .acordeon h3 {
	color: #212222;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	/* 118.182% */
}

.preguntas .acordeon p {
	height: 0;
	overflow: hidden;
	text-align: left;
	margin: 0;
	transition: all linear 0.3s;
	color: #212222;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	/* 130% */
}

.preguntas .numberAcor {
	color: #FE0200;
	font-family: Roboto;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.preguntas .intUno svg,
.preguntas .intDos svg {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	padding: 9px;
}

.preguntas .intDos {
	display: none;
}

.preguntas .row.acordeon {
	border-radius: 0;
	padding: 20px 0px;
	max-width: 950px;
	margin: 3px auto 16px;
	position: relative;
}

.preguntas .interuptor {
	text-align: right;
	margin-top: -8px;
}

.preguntas .row.acordeon.open p {
	height: 60px;
	margin-top: 25px;
	transition: all linear 0.3s;
	margin-top: 20px;
}

.preguntas .row.acordeon.open .interuptor .intUno {
	display: none;
}

.preguntas .row.acordeon.open .interuptor .intDos {
	display: block;
}

.bannerFooter h2 br {
	display: none;
}

@media screen and (max-width: 767px) {
	.acordeon .col-md-8 {
		width: 87%;
	}

	.acordeon .col-md-1 {
		width: 13%;
	}

	.preguntas .acordeon h3 {
		font-size: 16px;
		line-height: 22px;
	}

	.preguntas .row.acordeon.open p {
		height: 180px;
	}

	.preguntas .acordeon p {
		font-size: 17px;
	}

	.preguntas .col-md-10 {
		padding-right: 40px;
	}

	.preguntas h2 br {
		display: none;
	}

	.interuptor {
		position: absolute;
		top: 35px;
		right: 20px;
	}

	.interuptor svg {
		width: 20px;
	}

	.preguntas .row.acordeon {
		padding: 15px 10px;
	}

	.preguntas {
		background-color: #F2EEE3;
		padding: 80px 0 40px;
	}
}

.bannerFooter {
	position: relative;
	text-align: center;
	background-image: url("../imagenes/footer.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bannerFooter P {
	text-align: center;
	margin: 40px auto;
	max-width: 700px;
}

.bannerFooter button {
	padding: 10px 30px;
}

.bannerFooter p.copy {
	font-size: 14px;
	padding-top: 80px;
	text-align: center;
}

footer {
	padding: 40px 0 20px;
	text-align: center;
}

footer p.copy {
	font-size: 14px;
	text-align: left;
}

footer footer p.copy {
	font-size: 14px;
	text-align: left;
	padding: 10px 50px;
}

@media screen and (max-width: 992px) {
	footer p.copy {
		font-size: 14px;
		text-align: left;
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.bannerFooter {
		background-image: url("../imagenes/movil/footer.jpg");
		background-position: center;
		background-size: auto;
	}

	.bannerFooter {
		position: relative;
		text-align: center;
	}

	footer p.copy {
		font-size: 14px;
		text-align: center;
		padding: 10px;
	}
}

/*# sourceMappingURL=styles.css.map */