<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*****************************GENERALES**************************************/
:root{
	--purple: #7F0B85;
	--cyan: #41EDDF;
	--white: #ffffff;
	--pink: #FF2F79;
	--salmon: #FF9589;
	--blue:  #005587;
}

@font-face {
	font-family: Lato;
	src: url('../fonts/Lato.ttf');
}

@font-face {
	font-family: Museo;
	src: url('../fonts/Museo.otf');
}

@font-face {
	font-family: Montserrat;
	src: url('../fonts/Montserrat.otf');
}

@font-face {
	font-family: Playlist;
	src: url('../fonts/Playlist Script.otf');
}

body
{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background-color: #fafafa ;
	font-family: 'Montserrat', sans-serif;

}
.hidden{
	display: none;
}
.withoutPadding{
	padding: 0 !important;
}
h1,h2,h3,h4
{
	font-family: 'Lato', sans-serif;
}
.contenedor{
	padding: 30px;
	transition: all .5s;
}
.wood{
	background-image: url("../img/bg-wood.jpg");
}
.activeContenedor{
	padding: 0;
}
.tituloslato
{
	font-family: 'Lato', sans-serif;
}
.parrafoemojis
{
	font-family: 'Museo', sans-serif;
	text-align: left;
	font-weight: 600;
}
.parrafoemojisleft
{
	font-family: 'Museo', sans-serif;
	text-align: left;
}
.titulomuseo
{
	font-family: 'Museo', sans-serif;
}
.titlemonserrat
{
	font-family: 'Montserrat', sans-serif;
}
main
{
	flex:1 0 auto;
}
.mysalmon
{
	background-color: #FF9589 !important;
}
.mysalmontext
{
	color: #FF9589 !important;
}
.myblue
{
	background-color: #005587 !important;
}
.myaqua
{
	background-color: #41EDDF !important;
}
.myaquatext{
	color: #41EDDF !important;
}
.mypink{
	background-color: #FF2F79 !important;
}
.purple{
	background-color: #7F0B85 !important;
}
.purple-text{
	color: #7F0B85 !important;
}
.mynav{
	height: 70px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0) !important;
	transition: all 1s ease;
	padding: 5px;
}
.mynav2{
	height: 70px !important;
	transition: all 1s ease;
	padding: 5px;
}
.mynav li a{
	margin-right: 45px;
	font-size: 130%;
	color: #ffffff;
	transition: all .3s;
	position: relative;
	padding: 0 !important;
}
.withoutMagin{
	margin: 0 !important;
}
.mynav li a:before{
	content: "";
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 50%;
	width: 0;
	background-color: #41EDDF;
	transition: all .3s;
}

.mynav2 li a{
	margin-right: 15px;
	font-size: 130%;
	color: #ffffff;
	transition: all .3s;
	position: relative;
}
.mynav .brand-logo{
	margin-right: 10px;
	color: #ffffff;
}

.mynav2 li a:before{
	content: "";
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 50%;
	width: 0;
	background-color: #41EDDF;
	transition: all .3s;
}
.mynav a.btnCart{
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	right: 30px;
	display: none;
}
.mynav2 a.btnCart{
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	right: 30px;
	display: none;
}
.mynav a.cart img{
	width: 25px;
	height: 25px;
	position: relative;
	top: 5px;
}
.mynav2 a.cart img{
	width: 25px;
	height: 25px;
	position: relative;
	top: 5px;
}
.linkfooter{
	font-size: 120%;
	cursor: pointer;
	font-weight: 500px;
	transition: all 0.5s;
}
.brandfooter
{
	margin-top: 60px;
	font-size: 200%;
}
.logofooter
{
	width: 70%;
  max-width: 350px;
  height: auto;
  border-radius: 20px;
}
.logoheader
{
	width: 150px;
	position: relative;
	transition: all 1s;
	padding: 5px;
}
.logoheadermin{
	width: 200px;
	position: relative;
	transition: all .5s;
	padding: 5px;
}
.mybtn{
	border-radius: 40px;
	width: 220px;
	height: auto;
	padding: 5px;
	transition: all 0.3s;
}
.mybtn:focus
{
	background-color: transparent !important;
}
.mynav a i{
	color: #ffffff;
}

.itemCart{
    position: relative;
}

.itemCart .itemNumber{
    top: 15px;
    right: 20px;
    background-color: var(--cyan);
    color: var(--dark-grey);
    border: 2px solid var(--purple);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    font-size: .5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    display: none;
}
.mynav .itemCart .itemNumber{
	border-color: transparent;
	right: 35px;
}
.itemCart .itemNumber.active{
    display: flex;
}
.btnCart{
    position: relative;
}
.btnCart .itemNumber{
    top: 13px;
    right: -14px;
    background-color: var(--cyan);
    color: var(--dark-grey);
    border: 2px solid var(--purple);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    font-size: .5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    display: none;
}
.btnCart .itemNumber.active{
    display: flex;
}

.iconsocial{
	height: 50px;
	width: 50px;
	margin-left: 5px;
	transition: all .3s;
}
.iconsocialside{
	height: 40px;
	width: 40px;
	display: inline-block;
}
.rowsm{
	margin: 0 !important;
}
.titlemain{
	font-size: 270%;
}
.brandside{
	font-size: 180%;
	font-weight: bold;
	color: #41EDDF;
}
.myside{
	background-color: #7F0B85;
	color: #ffffff;
}
.myside li a
{
	color: #ffffff;
	font-size: 130%;
}
.myside div a
{
	padding: 0px 10px !important;
}
.pnlsocialsidenav{
	margin-top: 5vh;
}

.resaltartexto{
	font-family: 'Museo', sans-serif;
	color: #7F0B85;
}
.textosombreado
{
	font-family: 'Museo', sans-serif;
	color: #ffffff;
	background-color: #7F0B85;
	padding: 5px;
	text-align: center !important;
}
.resaltarmensaje
{
	font-size: 150% !important;
	font-weight: bold;
	color: #7F0B85;
	text-align: center !important;
}
.imgiconnav
{
	margin-top: 13px;
}
.imgiconnav a
{
	margin-right: 5px !important;
}
.iosbackground
{
	background-attachment: scroll !important;
}
/*******************************INDEX*****************************************/

.encabezado
{
	background-image: url("../img/inicio/hero.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 800px;
	position: relative;
}
.grandientHero{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.25);
}
.pnlparrafoencabezado{
	position: relative;
	padding: 10px;
}
.parrafoencabezado
{
	color: #ffffff;
	font-size: 150%;
	text-align: justify;
	padding: 15px;
	margin: 0;
}
.pnlcopyheader
{
	margin-top:15vh;
	border-radius: 20px;
	background-color: rgba(80, 201, 195, 0.8);
}
.parrafoencabezadomobile
{
	color: #7F0B85;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
.btnencabezado
{
	background-color: #7F0B85 !important;
	border: 2px solid #7F0B85;
	color: #ffffff;
	font-size: 130%;
	font-weight: 500;
	transition: all .5s;
	margin-top: 10px;
}
.btnencabezadomobile
{
	font-size: 130%;
	font-weight: 500px;
	background-color: transparent !important;
	border: 2px solid #34BDB2;
	color: #34BDB2;
}

.title
{
	font-weight: bold;
	position: relative;
}
.titlepaquete
{
	letter-spacing: 2px !important;
}
.titlenav
{
	color: #41EDDF !important;
}
/****************************SERVICIOS*********************************/
.servicios{
	background: #ffffff;
	padding: 80px 40px;
}
.imgClick{
	height: 50px;
	width: 50px;
}
.iconAgenda{
	width: 100px;
	height: 100px;
	display: block;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
.boxDetails{
	display: none;
	transition: all .3s
}
.boxDetailsActive{
	display: block;
}
.boxService{
	transition: all 1s;
}
.boxChecklist{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.cardActive{
	display: block;
}
.cardActive .servicio{
	height: auto;
}
.iconosserv
{
	height: 200px;
	width: 200px;
}
.titleservicios
{
	font-size: 270%;
	padding: 10px;
	text-transform: uppercase;
}
.pnlplan
{
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
	position: relative;
	top: -10vh;
}
.stepTittle{
	font-family: "Montserrat";
}
.stepTittleSmall{
	font-family: "Montserrat";
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.numberTittle{
	display: inline-block;
	width: 53px;
	height: 53px;
	border-radius: 50%;
	border :solid 2px #32ADAF;
	margin-right: 20px;
}
.numberTittleSmall{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border :solid 2px #41EDDF;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgRules{
	width: 100%;
	text-align: center;
}
.backServices{
	position: absolute;
	width: 0%;
	height: 100%;
	background-color: #ffffff;
	z-index: 100;
	transition: all 1s;
}
.activeBackService{
	width: 100%;
}
.hide{
	display: none;
}
/****************************TESTIMONIALES****************************/
.testimoniales{
	background-image: url("../img/testimoniales/comida.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 900px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.titletestimoniales{
	margin: 0;
}
.containerSlide{
	position: relative;
	background-color: rgba(255,149,137,0.9);
	border-radius: 15px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 0 auto;
}
.containerSlide .splide{
	width: 100%;
}
.containerSlide .splide .splide__list .splide__slide{
	width: 100%;
	padding: 1rem 3rem;
}
.containerSlide button:focus{
	background-color: var(--blue) !important;
	color: var(--white) !important;
}
.boxSlide{
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.myslider{
	display: flex;
	width: 700%;
	transition: all .5s ease;
}
.myslides{
	width: 100%;
	padding: 30px;
	transition: all .5s ease;
	
}
.foto{
	height: 150px;
	width: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	margin: auto;
	border-radius: 50%;
}
.retrato1
{
	background-image: url("../img/testimoniales/ALONDRA.jpeg");
}
.retrato2
{
	background-image: url("../img/testimoniales/VICTOR.jpg");
	background-position: center;

}
.retrato3
{
	background-image: url("../img/testimoniales/MARIELA.jpeg");
}
.retrato4
{
	background-image: url("../img/testimoniales/ADRIANAM.jpeg");
	background-position: 30% 50%;

}
.retrato5
{
	background-image: url("../img/testimoniales/CRISTINA.jpeg");
}
.retrato6
{
	background-image: url("../img/testimoniales/DIEGO.jpeg");
}
.retrato7
{
	background-image: url("../img/testimoniales/PATRICIA.jpg");
	background-position: center;
}
.parrafotest{
	font-size: 1.2rem;
	text-align: justify;
	color: white;
}
.nombretest
{
	font-size: 190%;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: white
}
.derecha
{
	position: relative;
	height: 50px;
	width: 50px;
	background-image: url("../img/testimoniales/left-arrow.png");
	background-size: contain;
	cursor: pointer;
	margin: auto;
}
.izquierda
{
	position: relative;
	height: 50px;
	width: 50px;
	background-image: url("../img/testimoniales/right-arrow.png");
	background-size: contain;
	cursor: pointer;
	margin: auto;
}
.myarrow
{
	height: 50px;
	width: 50px;
	cursor: pointer;
	position: absolute;
	top: 40%;
}
.left
{
	left: 5%;
}
.right
{
	right: 5%;
}
/****************************CALENDAR*********************************/
.arrow{
	width: 30px;
	cursor: pointer;
}
.contenedor__calendar{
	margin-bottom: 50px;
}
.calendar{
	background-color: #ffffff;
	width: 80%;
	max-width: 800px;
	margin: 1rem auto;
	border-radius: 10px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
}
.calendar__info{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #B24592;
    background: -webkit-linear-gradient(to right, #F15F79, #B24592);
    background: linear-gradient(to right, #F15F79, #B24592);
	height: 80px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0 10px;
}
.calendar__info span{
	margin-right: 20px;
	letter-spacing: 3px;
}
.calendar__info span{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.calendar__prev{
	margin-right: auto;
}
.calendar__next{
	margin-left: auto;
}
.calendar__week, .calendar__dates{
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-gap: 10px;
	padding: 20px;
}
.calendar__item{
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #005587;
	align-self: center;
}
.calendar__dates{
	min-height: 250px;
}
.calendar__dates .calendar__days{
	font-weight: 400;
	color: #212121;
	cursor: pointer;
}
.calendar__days__before{
	color: #e0e0e0;
}
.today{
	color: #FFFFFF !important;
	background-color: #7F0B85;
	width: 40%;
	border-radius: 10px;
	margin: auto;
}
#modalAgendarcita{
	width: 75%;
	max-height: 85%;
	border-radius: 10px;
	background-color: #ffffff;
	overflow: hidden;
}
#modalAgendarcita .modal-content{
	padding: 0;
}
#modalAgendarcita .modal-content .titlepoppup{
	color: var(--purple) !important;
	font-size: 1.4rem;
}
.myInputPadding{
	margin-top: 1rem;
}
.mySelect{
	color: #7F0B85;
	background-color: transparent;
	border:none;
	border-bottom: 1px solid #7F0B85;
	padding: 0;
	transition: all .5s;
}
.activo{
	-webkit-transform: translateY(-14px) scale(0.8) !important;
    transform: translateY(-14px) scale(0.8) !important;
    -webkit-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important;
}
.inputAgenda{
	color: #7F0B85 !important;
	border-bottom: 1px solid #7F0B85 !important;
}
.inputAgenda:focus{
	box-shadow: 0 1px 0 0 #7F0B85;
}
.formAgenda label{
	color: #7F0B85 !important;
}
.mySelect:focus{
	border: none;
	box-shadow: 0 1px 0 0 #7F0B85;
	border-bottom: 1px solid #7F0B85;
	color:#7F0B85;
	outline: 0;

}
.bgModalAgenda{
	background-color: #ffffff;
	padding: 20px 5px !important;
}
.imgModalAgenda{
	background-image: url("../img/fotos/yo.jpg");
	background-position: center;
	background-size: cover;
	height: 460px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.imgModalAgendaTwo{
	background-image: url("../img/fotos/fresas.jpg");
	background-position: center;
	background-size: cover;
	height: 460px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.modalHeaderAgenda{
	background: #B24592;
    background: -webkit-linear-gradient(to right, #F15F79, #B24592);
    background: linear-gradient(to right, #F15F79, #B24592);
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modalHeaderAgenda .closemodal{
	color: white;
	font-size: 140%;
}
/****************************RECETARIO********************************/
.bannerrecetas{
	height: 100px;
	padding: 15px;
	background: #FF2F79;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FF2F79, #7F0B85);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FF2F79, #7F0B85); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.boxRecipe{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 40px 30px;
	overflow: hidden;
}
.boxRecipe h4{
	margin: 0;
	font-family: "Montserrat";
	color: var(--purple);
}
.btnrecetario{
	background-color: transparent !important;
	border: 2px solid #FF2F79;
	color: #FF2F79 !important;
	font-size: 130%;
	transition: all .5s;
	margin-bottom: 5vh;
}
.imgreceta{
	height: 250px;
	width: 100%;
	border-radius: 10px;
}
.textocard{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0px 20px !important;
}
.receta
{
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding: 0 !important;

}
.receta::before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 10px;
	transition: all .3s;
	border-radius: 5px;
}

.titlereceta
{
	margin: 10px;
	padding: 5px;
	transition: .3s;
}
.titlereceta
{
	left: 100%;
	position: relative;
}
.listaingredientes li
{
	list-style-type:circle;
}
.introreceta
{
	text-align: justify;
	padding: 5px;
	font-weight: 700;
}
.myicon
{
	position: relative;
	top: 5px !important;
}
.backreceta
{
	background-image: url("../img/recetas/back.jpg");
	background-size: cover;
}
#flipbook .mypage{
	background-size: contain;
	background-color: transparent;
}
.page1{
	background-image: url("../img/recetas/anti_cansancio.jpg");
}
.page2{
	background-image: url("../img/recetas/anti_colesterol.jpg");
}
.page3{
	background-image: url("../img/recetas/anti-diabetes.jpg");
}
.page4{
	background-image: url("../img/recetas/atun_amaranto.jpg");
}
.page5{
	background-image: url("../img/recetas/ceviche_zanahoria.jpg");
}
.page6{
	background-image: url("../img/recetas/hamburguesas_quinoa.jpg");
}
.page7{
	background-image: url("../img/recetas/pico_gallo.jpg");
}
.page8{
	background-image: url("../img/recetas/pie_chocolate.jpg");
}
.page9{
	background-image: url("../img/recetas/relleno_quinoa.jpg");
}
.page10{
	background-image: url("../img/recetas/setas_pibil.jpg");
}
.page1m
{
	background-image: url("../img/recetas/vertical/anti_cansancio.jpg");
}
.page2m
{
	background-image: url("../img/recetas/vertical/anti_colesterol.jpg");
}
.page3m
{
	background-image: url("../img/recetas/vertical/anti-diabetes.jpg");
}
.page4m
{
	background-image: url("../img/recetas/vertical/atun_amaranto.jpg");
}
.page5m
{
	background-image: url("../img/recetas/vertical/ceviche_zanahoria.jpg");
}
.page6m
{
	background-image: url("../img/recetas/vertical/hamburguesas_quinoa.jpg");
}
.page7m
{
	background-image: url("../img/recetas/vertical/pico_gallo.jpg");
}
.page8m
{
	background-image: url("../img/recetas/vertical/pie_chocolate.jpg");
}
.page9m
{
	background-image: url("../img/recetas/vertical/relleno_quinoa.jpg");
}
.page10m
{
	background-image: url("../img/recetas/vertical/setas_pibil.jpg");
}
.flipbook-viewport{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}



/****************************AGENDA***********************************/

.agenda
{
	background-image: url("../img/agenda/frutas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 300px;
	position: relative;
}
.gradiente
{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.5;
}
.pnlagenda{
	position: relative;
	padding: 15px;
}
.btnagenda{
	background-color: transparent !important;
	border: 2px solid #ffffff;
	color: #ffffff;
	font-size: 1.5rem;
	height: 50px;
	padding: 5px;
	font-weight: bold;
	transition: all .5s;
}

.pnlrecentas{
	padding: 15px;
}
/*******************************SERVICIOS******************************/
.serviciopnl
{
	margin-top: 3vh;
}
.pnlservicio
{
	background-color: rgba(80, 201, 195, 0.7);
	border-radius: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 15px;
}
.pnlservicioways
{
	background-color: rgba(80, 201, 195, 0.7);
	border-radius: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
}
.servicio
{
	width: 98%;
	margin: auto;
	border-radius: 10px;
	background: #ffffff;
	border: solid 2px #50C9C3;
	padding: 10px;
	height: 430px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
	cursor: pointer;
}
.contendioservicio
{
	position: relative;
}
.parrafocontenido
{
	font-size: 120%;
	padding: 10px;
	text-align: justify;
}
.imgservicios
{
	height: 130px;
	width: 130px;
	position: relative;
}
.btnservicios
{
	background-color: transparent;
	width: 250px;
	color: #7F0B85;
	border: 2px solid #7F0B85;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 20px;
}
.btnserviciosllamativo
{
	background: #7F0B85;
    width: 250px;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	margin-top: 20px;
	transition: all .5s;
}
.btnserviciosllamativo:active{
	background: #7F0B85;
}
.btnserviciosllamativo:hover{
	background: #7F0B85;
}
.btnmini
{
	margin-bottom: 10px !important;
	height: 40px;
	padding: 0 !important;
	width: 200px !important;
}
.pnlbannerservice
{
	height: 300px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.banneralineate
{
	background-image: url("../img/servicios/alineate.jpg");
}
.nutriesencia
{
	background-image: url("../img/servicios/nutriescencia.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.funcional
{
	background-image: url("../img/servicios/funcional.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.veggie
{
	background-image: url("../img/servicios/veggie.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.alineate
{
	background-image: url("../img/servicios/alineate.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.duo
{
	background-image: url("../img/servicios/duo.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.duo
{
	background-image: url("../img/servicios/duo.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fast
{
	background-image: url("../img/servicios/simple_fast.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.single
{
	background-image: url("../img/servicios/single.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.txtservice
{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000000 !important;
	font-weight: 600;
}
.pnlservicioways .txtservice
{
	color: #ffffff !important;
}
.txtservicesind
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	margin-bottom: 40px; 
}
/********************************SERVICIOS INDIVIDUALES****************/
.pnlencabezado
{
	background: #FF2F79;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FF2F79, #7F0B85);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FF2F79, #7F0B85);
	margin: 0 !important;
}
.pnlbienvenida
{
	margin-top: 20px;
}
.parbienvenida
{
	text-align: center;
	font-size: 115%;
	color: #ffffff;
	font-weight: 600;
}
.parrafoCard{
	text-align: center;
	font-size: 115%;
	font-weight: 600;
}
.txtbold
{
	font-weight: bold;
}
.justify
{
	text-align: justify;
}
.pnldetalle
{
	padding: 10px;
}
.vinetas
{
	font-size: 120%;
}
.pnlvinetas
{
	padding: 10px;
}
.pnlespcificaciones
{
	margin-bottom: 20px !important;
	padding: 10px;
	min-height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: #50C9C3;
	background: -webkit-linear-gradient(to right, #1AE4D5, #50C9C3); 
	background: linear-gradient(to right, #1AE4D5, #50C9C3);*/
}
.gradientAqua{
	background: #50C9C3;
	background: -webkit-linear-gradient(to right, #1AE4D5, #50C9C3); 
	background: linear-gradient(to right, #1AE4D5, #50C9C3); 
}
.imgCardService{
	width: 100%;
	display: flex;
}
.tick
{
	width: 20px;
	height: 20px;
	margin-right: 20px;
	position: relative;
	top: 3px;
}
.pnlservice
{
	margin-top: 20px  !important;
	margin-bottom: 20px !important;
}
/********************************ACERCA DE MI**************************/
.banneraboutme{
	background: #B24592;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F15F79, #B24592);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F15F79, #B24592); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.parrafoaboutMe {
    margin-top: 10vh;
    font-size: 140%;
    text-align: justify;
    color: #fff;
}
.pnlquiensoy{
	padding: 20px;
	box-sizing: border-box;
}
.retrato{
	max-height: 250px;
	margin-top: 5vh;
	border-radius: 150px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
}
.parrafoacercademi{
	margin-top:10vh;
	font-size: 140%;
	text-align: justify;
	color: #fff;
}
.nombre
{
	color: #fff;
}
.contenedorparrafo
{
	padding: 15px;
}
.parrafoquiensoy
{
	font-size: 130%;
	text-align: justify;
}
.imgacerdade
{
	height: 300px;
	width: 300px;
}
.imgacerca
{
	width: 100% !important;
	height: 500px;
	margin:auto;
	border-radius: 20px;
}
.pnltxtanimado
{
	height: 55px;
	overflow: hidden;
}
.ultxtanimado
{
	animation: cambiartxt 12s infinite;
}
.logoinsti
{
	width: 60%;
	height: auto;
	margin-bottom: 40px;
}
@keyframes cambiartxt
{
	0%{ margin-top: 0; }
	12%{ margin-top: 0 }
	15%{margin-top: -55px;}
	27%{margin-top: -55px;}
	30%{margin-top: -110px;}
	42%{margin-top: -110px;}
	45%{margin-top: -165px;}
	57%{margin-top: -165px;}
	60%{margin-top: -110px;}
	72%{margin-top: -110px;}
	75%{margin-top: -55px;}
	87%{margin-top: -55px;}
	90%{ margin-top: 0 }
	100%{margin-top: 0;}
}

/**********************************Recetario***************************/
.titlerecetario
{
	font-weight: bold;
	font-family: "Montserrat";
}
.modalreceta
{
	width: 80%;
	padding: 0 !important;
}
.modalreceta .modal-content
{
	padding: 0 !important;
}
.imgrecetamodal{
	background-image: url("../img/recetas/receta4.jpg");
	height: 430px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.imgrecetamodal1
{
	background-image: url("../img/recetas/receta1.jpg");
}
.imgrecetamodal2
{
	background-image: url("../img/recetas/receta2.jpeg");
}
.imgrecetamodal3
{
	background-image: url("../img/recetas/receta3.jpg");
}
.imgrecetamodal4
{
	background-image: url("../img/recetas/receta4.jpg");
}
.imgrecetamodal5
{
	background-image: url("../img/recetas/receta5.jpeg");
}
.pnlpreparaciÃ³n
{
	max-height: 300px;
	overflow-y: scroll;
}
.pnlpreparaciÃ³n::-webkit-scrollbar
{
	width: 10px;
	background-color: #f5f5f5;
}
.pnlpreparaciÃ³n::-webkit-scrollbar-thumb
{
	background-color: rgb(73, 0, 49);
}
.mybuildpoint
{
	margin-right: 20px;
	color: #7F0B85;
}

/*********************************CONTACTO*****************************/
.contacto
{
	/*background: #fce4ec;*/
	background: #ffffff;
}
.titlesection
{
	top: 5vh;
}
.pnldireccion
{
	margin-bottom: 20px;
}
.bannercontacto
{
	height: 100px;
}
.pdir
{
	font-size: 120%;
	text-align: justify;
}
#map
{
	width: 100%;
	height: 400px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
}
#mapcontacto
{
	width: 100%;
	height: 300px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.19);
}
.pnlcontacto
{
	background-color: #FF9589;
	background: -webkit-linear-gradient(to right, #FF9589, #ff9966);
	background: linear-gradient(to right, #FF9589, #ff9966);
	border-radius: 20px;
	padding: 10px !important;
}
.pdleft
{
	padding-left: 20px;
}
.btnformu{
	font-size: 1.3rem;
	padding: 5px 10px;
	background-color: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
}

.logocontacto
{
	height: 80px;
	width: 80px,
}
.bgheadercon{
	height: 300px;
	background-image: url("../img/contacto/nutricion.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}
.degradadocontacto
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.pnlheadertextocont{
	position: relative;
}
.titulocontacto
{
	margin: 0 !important;
	color: #ffffff;
}

/**********************************PAGOS*********************************************/
.parrafoPagos{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 120%;
}
.btnPagos{
	background-color: transparent;
	width: 230px;
	color: #32ADAF;
	border: 2px solid #32ADAF;
	font-size: 90%;
	font-weight: bold;
	transition: all ease .5s;
}
.collapsible-body{
	background-color: #fafafa;
}
.imgPagos{
	width: 300px;
}
.boxDatosPagos{
	display: flex;
	align-items: center;
}
.boxClabe{
	margin-left: 30px
}
.iconPagos{
	width: 60px;
	margin-right: 20px;
}
.iconPagosShort{
	width: 40px;
	margin-right: 40px;
}
.collapsible-header{
	display: flex;
	align-items: center;
	height: 71px;
}
/***********************************NotFound***********************************/
.boxNotFound{
	background-image: url("../img/testimoniales/comida.jpg");
	background-size: cover;
	background-position: center;
}
.boxNotFound .boxContent{
	background-color: rgba(80, 201, 195, 0.8);
	padding: 40px 30px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-top: 40px;
	margin-bottom: 40px;
}
.boxNotFound .boxContent img{
	width: 180px;
	margin-bottom: 20px;
}
.boxNotFound .boxContent h4{
	color: var(--purple);
	text-align: center;
}

.boxNotFound .boxContent p{
	font-size: 1.4rem;
	color: var(--white);
}

/**********************************Modales*******************************************/
#advise
{
	width: 80%;
	border-radius: 10px;
}
#poppup{
	width: 60%;
	border-radius: 10px;
	padding: 0;
	background: #48b1bf; 
	background: -webkit-linear-gradient(to right, #48b1bf, #41EDDF);
	background: linear-gradient(to right, #48b1bf, #41EDDF);

}
#poppup .modal-content{
	padding: 0;
}
.flechita{
	margin-top: 30px;
	width: 80%;
	height: auto;
}
.pnlimgpoppup
{
	background-image: url("../img/fotos/yo.jpg");
	background-position: center;
	background-size: cover;
	height: 350px;
	background-repeat: no-repeat;
}
#poppup .boxContent{
	padding: 0 30px !important;
	height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.titlepoppup{
	font-family: 'Montserrat';
	font-size: 1.7rem;
	text-align: center;
	font-weight: 600;
	color: var(--white);
	margin: 20px 0;
}
.mrgtittle
{
	margin-top: 40px;
}
.logopopppup
{
	width: 200px;
	height: 150px;
}
.poppupspan
{
	font-size: 150%;
	font-weight: 600;
	color: #7F0B85;
	font-family: 'Montserrat';
}
.btnpoppup{
	background-color: var(--purple);
    min-width: 200px;
    color: #ffffff;
    border: 2px solid var(--purple);
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 5px;
	box-shadow: none;
}

.closemodal{
	font-size: 1.3rem;
	font-weight: bold;
	color: #7F0B85;
	transition: all 0.5s;
	position: absolute;
	right: 15px;
	top: 5px;
}
.align-right{
	text-align: right;
}
.parrafoaviso
{
	font-size: 140%;
	text-align: justify;
}
.clausula
{
	color: #7F0B85;
	font-weight: bold;

}
#advise::-webkit-scrollbar
{
	width: 10px;
	background-color: #f5f5f5;
}
#advise::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: rgb(73, 0, 49);
}
/*******************************Media Queries*****************************************/
@media (min-width: 992px)
{
	.iconsocial:hover{
		transform: rotate(360deg);
	}
	.btnencabezado:hover{
		border-color: #7F0B85;
		color: #7F0B85;
		background-color: transparent !important;
	}
	.btnserviciosllamativo:hover{
		background-color: transparent !important;
		border: solid 2px #7F0B85;
		color: #7F0B85;
	}
	.btnPagos:hover{
		background-color: transparent !important;
		border: solid 2px #7F0B85;
		color: #7F0B85;
	}
	.linkfooter:hover{
		color: #41EDDF !important;
	}
	.btnrecetario:hover{
		border-color: #7F0B85;
		color: #7F0B85 !important;
	}
	.btnagenda:hover{
		border-color: #FF9589;
		color: #FF9589  !important;
	}
	.btnservicios:hover{
		background-color: transparent;
		color: #FF2F79 !important;
		border-color: #FF2F79;
	}
	.btnpoppup:hover{
		background-color: transparent;
		color: var(--purple) !important;
		border-color: var(--purple);
	}
	.receta:hover .titlereceta{
		left: 0;
		animation-delay: .3s;
		transition: all .3s;
	}
	.receta:hover:before{
		background-color: rgba(73, 0, 49, 0.4);
		z-index: 2;
		transition: all .3s;
	}
	.btnformu:hover,
	.btnformu:active,
	.btnformu:focus{
		background-color: transparent !important;
		border-color: #005587 ;
		color: #005587 ;
	}
	.closemodal:hover{
		transform: scale(1.2);
	}
	.mynav li a:hover:before
	{
		width: 100%;
		left: 0;
	}
	.mynav li  a:hover
	{
		background-color: transparent !important;
		color: #41EDDF !important;
	}
	.mynav2 li  a:hover
	{
		background-color: transparent !important;
		color: #41EDDF !important;
	}
	.mynav2 li a:hover:before
	{
		width: 100%;
		left: 0;
	}
}
@media (max-width: 1450px){

	.parrafoquiensoy
	{
		font-size: 120%;
	}
}
@media (max-width: 1300px){
	.parrafoquiensoy{
		font-size: 110%;
	}
}
@media (max-width: 1200px){
	.iconAgenda{
		width: 80px;
		height: 80px;
		margin-top: 30px;
	}
}
@media (max-width: 1150px)
{
	.pnlmyslide
	{
		width: 95%;
	}
	.titleasesoria
	{
		font-size: 120% !important;
	}
	.vinetas{
		font-size: 100%;
	}
}
@media (max-width: 1050px)
{
	.agenda, .testimoniales
	{
		background-attachment: scroll !important;
	}
	.stepTittleSmall{
		font-size: 1.3rem;
	}
}
@media (max-width: 992px)
{
	.boxChecklist{
		display: block;
	}
	.imgCardService{
		height: 350px;
	}
	.gradientAqua{
		background: #FFFFFF ;
	}
	.vinetas{
		font-size: 120%
	}
	.pnlespcificaciones{
		background: #50C9C3;
		background: -webkit-linear-gradient(to right, #1AE4D5, #50C9C3); 
		background: linear-gradient(to right, #1AE4D5, #50C9C3);
	}
	.iconAgenda{
		width: 100px;
		height: 100px;
		margin-top: 40px;
	}
	.stepTittleSmall{
		font-size: 1.5rem;
	}
	.pnlmyslide
	{
		width: 70%;
	}
	.parrafoacercademi
	{
		font-size: 125%;
		margin-top: 5vh;
	}
	.maincontacto
	{
		height: 700px;
	}
	.midatos{
		font-size: 120% !important;
	}
	#mapcontacto{
		margin-top: 20px !important;
	}
	.pdleft{
		padding-left:0 !important;
	}
	.retrato{
		max-height: 200px;
	}
	.receta:before{
		background-color: rgba(73, 0, 49, 0.4);
		z-index: 2;
	}
	.receta .titlereceta{
		left: 0;
	}
	.parrafotest{
		font-size: 110%;
	}
	.mrgtittle{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.titleasesoria{
		font-size: 160% !important;
	}
	.logofooter{
		width: 30%;
	}
	.pnlcopyheader{
		margin-top: 15vh;
	}
	.encabezado{
		height: 600px;
	}
	.left{
		left: 1%;
	}
	.right{
		right: 1%;
	}
	.mynav a.btnCart{
		display: block;
	}
	.mynav2 a.btnCart{
		display: block;
	}
}
@media (max-width: 700px){
	.parrafocontenido{
		font-size: 100%;
	}
	.servicio{
		height: 450px;
	}
	.imgacerca{
		height: 400px;
	}
	.boxDatosPagos{
		display: block;
		text-align: center;
	}
	.boxClabe{
		margin: 0;
	}
	.imgPagos{
		width: 250px;
	}
}
@media (max-width: 600px)
{
	.parrafoencabezado{
		font-size: 120%;
		margin-top: 5vh;
	}
	.calendar{
		width: 90%
	}
	#modalAgendarcita{
		width: 80%;
		min-height: 80%;
	}
	.formAgenda{
		padding: 0;
		margin-top: 40px;
	}
	.gradientAqua{
		background: #50C9C3;
		background: -webkit-linear-gradient(to right, #1AE4D5, #50C9C3); 
		background: linear-gradient(to right, #1AE4D5, #50C9C3); 
	}
	.imgCardService{
		height: 250px;
	}
	.titleservicios{
		font-size: 230%;
	}
	.contenedor{
		padding: 10px;
	}
	.vinetas{
		font-size: 100%;
	}
	.encabezado{
		height: 350px;
	}
	.btnencabezado{
		font-size: 100%;
		margin-top: 0 !important;
	}
	.mybtn{
		padding: 0;
	}
	.mybtn.btnagenda{
		padding: 5px;
	}
	.brand-logo{
		font-size: 150% !important;
	}
	.titleagenda{
		font-size: 150%;
	}
	.enlaces{
		text-align: center;
	}
	.title{
		font-size: 180%;
	}
	.pnlpreparaciÃ³n{
		max-height: 100%;
	}
	.imgrecetamodal
	{
		height: 250px;
	}
	.maincontacto
	{
		height: 650px;
	}
	.titletestimoniales
	{
		font-size: 150%;
	}
	.testimoniales{
		height: auto;
		padding: 40px 20px;
	}
	.containerSlide{
		width: 90%;
	}
	.pnlmyslide
	{
		width: 95%;
	}
	.parrafoemojis
	{
		text-align: left;
	}
	.ulespecificacionesup
	{
		margin-bottom: 0px;
	}
	.ulespecificacionesdown
	{
		margin-top: 0px;
	}
	.logoheadermin
	{
		width: 200px;
	}
	.titlepoppup {
    	font-size: 1.3rem;
	}
	.titleasesoria {
	    font-size: 130% !important;
	}
	.logofooter
	{
		width: 50%;
	}
	.flipbook-viewport-mobil .flipbookmobil{
		width:90vw;
		height:100vh;
		left: -5vw;
	}

	.flipbook-viewport-mobil .page{
		width:90vw;
		height:100vh;
	}
	.left{
		display: none;
	}
	.right{
		display: none;
	}
	#poppup{
		width: 80%;
	}
}
@media (max-width: 450px)
{
	.encabezado
	{
		height: 350px;
	}
	.today{
		width: 100%;
	}
	#modalAgendarcita{
		width: 90%;
	}
	.stepTittle{
		font-size: 2.4rem;
	}
	.numberTittle{
		width: 45px;
		height: 45px;
		margin-right: 0;
	}
	.arrow{
		width: 20px;
	}
	.calendar__info span{
		font-size: 1.2rem;
	}
	.imgCardService{
		height: 200px;
	}
	.parrafoencabezado
	{
		margin-top: 1vh;
	}
	.parrafotest
	{
		font-size: 100%;
	}
	.collapsible-body{
		text-align: center;
	}
}
@media (max-width: 400px)
{
	.brand-logo
	{
		font-size: 120% !important;
	}
	.imgacerca
	{
		height: 350px;
	}
}
@media (max-width: 310px)
{
	.brand-logo
	{
		font-size: 110% !important;
	}
}
</pre></body></html>