/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MyriadPro-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MyriadPro-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MyriadPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MyriadPro-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MyriadPro-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "MyriadPro-Bold";
  src: url("../fonts/MyriadPro-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MyriadPro-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MyriadPro-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MyriadPro-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MyriadPro-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MyriadPro-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


body {
	font-family: "MyriadPro-Regular";
}

#IconoVolverArriba {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1500
}

#IconoVolverArriba > a {
	color: gray; font-size: 2.4em
}


.menu-movil-icon {
	font-size: 2.5em;
}

.nopadding {
	padding: 0 !important;
}

.padding-abajo{	padding-bottom: 20px;}
.barra-menu {
	position: relative;
	min-height: 70px;
	}	
	
	.contenedor-logo{
		position: absolute; 
		top: 20px;
		z-index: 100
	}
	
	.item-menu{
		font-family: "MyriadPro-Regular"; 
		color: black;
		font-weight: bold;
		font-size: 0.9em;
		line-height: 0.4em !important;
	}

.menumovil {
	line-height: 50px;
}

.queesyes-txt{
	padding: 5%;
	max-width: 95%;
	margin: auto;
	color: white;
		
}
 
.donde-comprar-txt {
	color: white;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 1.6em;
	letter-spacing: 5px;
}

.yes-tradicional-1 {	width:  38.78550440744368%;	float: left;	}
.yes-tradicional-2 {	width:  32.32125367286974%;	float: left;	}
.yes-tradicional-3 {	width:  28.89324191968658%;	float: left;	}

.yes-sensaciones-1 {	width:  31.80039138943249%;	float: left;	}
.yes-sensaciones-2 {	width:  29.45205479452055%;	float: left;	}
.yes-sensaciones-3 {	width:  38.74755381604697%;	float: left;	}

.yes-sabores-1 {	width:  38.98139079333986%;	float: left;	}
.yes-sabores-2 {	width:  32.22331047992165%;	float: left;	}
.yes-sabores-3 {	width:  28.79529872673849%;	float: left;	}

.articulos-txt{
	font-size: 1.9em;
	font-weight: bolder;
	color: white;
	letter-spacing: 5px;
}

.articulos-txt2{
	font-size: 1.5em;
	font-weight: bolder;
	color: white;
	letter-spacing: 1px;
}

.yes-articulos-txt {
	color: white;
	font-size: 1em;
	letter-spacing: 1px;
	
}

.fondo-verde {	background-color: #377136;}
.fondo-burdeo {	background-color: #8b1e1d;}
.fondo-axul {	background-color: #3960ac;}
.fondo-verde, .fondo-burdeo, .fondo-axul {
	min-height: 350px;
	padding: 20px;
}

p > a {	color: white}
p > a:hover, p > a:visited {	color: white}

.articulo1 { padding-left: 0;}
.articulo2 { padding-left: 7.5px; padding-right: 7.5px;}
.articulo3 { padding-right: 0 }


footer {
	background-color: #0a0a0a;
	width: 100%;
	color: white;
	padding: 20px;
}

.yes-footer-tit {
	font-size: 1em;
	text-transform: uppercase;
	padding-bottom: 15px;
}

.yes-footer-tit > h5 {
	font-size: 1em;
	
}

.yes-footer-txt {
	font-size: 0.8em;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

#yes_test .container{
	background-image: url(../img/fondo_sellos.png);
	background-size: cover;
	background-repeat: no-repeat;
}

#yes_test small{
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}

#yes_test h2{
	color: white;
	text-transform: uppercase;
}

#yes_test h4{
	color: #129247;
	text-transform: uppercase;
	font-size: 20px;
}

#yes_test h2 span, #yes_test h5{color: #129247;}
#yes_test h5{text-transform: uppercase;}

.btn-green{
	background-color: #129247;
	color: white;
	text-transform: uppercase;
	padding: 5px 10px;
}

.modal-backdrop.show{
	opacity: 0.7;
}

.modal-header{
	border-bottom: none;
}

.modal-header .close{
	margin: -1rem -1rem -1rem auto;
	background: white;
	border-radius: 15px;
}

.bt-fondo-tradicional {
	position: relative;
	background-image: url(../img/DT_fondo-tradicional.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	min-height: 1300px;
	background-color: #fe455b;
}

.DT_fondo-sensaciones {
	position: relative;
	background-image: url(../img/DT_fondo-sensaciones.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	min-height: 1300px;
	background-color: #fe455b;
}

.DT_fondo-sabores {
	position: relative;
	background-image: url(../img/DT_fondo-sabores.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	min-height: 1300px;
	background-color: #fe455b;
}

.fnd-cherry {
	background-image: url(../img/IP_fondo_sabores_cherry.jpg) !important;
	background-color: #ef1f59 !important;
}

.fnd-hot {
	background-image: url(../img/IP_fondo_hot.jpg) !important;
	background-color: #d9261a !important;
}


.bt-cont-producto {
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center
}
.DT-cont-imagen > img {
	margin: auto;	
	width: 60%;
	max-width: 350px;
	top: 50px;
	text-align: center
}

.dt-titulo{
	font-size: 2em;
	letter-spacing: 4px;
	color: white;
}

.bt-contenedor-texto {
	width: 80%;
	max-width: 400px;
	margin: auto;
	color: white;
}


.IP_fondo-tradional {
	background-image: url(../img/IP_fondo_tracicional.jpg);
	background-repeat: no-repeat;
	background-color: #fd98a5;
	background-size: 100% auto;
	
}

.ip-cont-producto {
	padding-top: 5%;
}

.IP-tit {
	padding-top: 20%;
	font-weight: bolder;
	font-size: 3em;
	text-align: center;
}

.IP-texto-tradicional {
	color: #ec1e36;
}

.IP-texto > p, .IP-texto > .row > .col-9 {
	font-size: 1.2em;
}

.IP-texto-dondeComprar {
	font-size: 1.2em;
	font-weight: bolder;
	letter-spacing: 5px;
	line-height: 1.2em;
	color: white;
}

.IP_fondo-sensaciones {
	background-image: url(../img/IP_fondo_sensaciones.jpg);
	background-repeat: no-repeat;
	background-color: #b6d7e6;
	background-size: 100% auto;
	/*background-attachment: fixed;*/
	
}

.IP-texto-sensaciones {
	color: #3d5e9b;
}

.IP_fondo-sabores {
	background-image: url(../img/IP_fondo_sabores.jpg);
	background-repeat: no-repeat;
	background-color: #98cf55;
	background-size: 100% auto;
}

.IP-texto-sabores {
	color: #ffffff;
}

.articulo-parrafo1 {
	position: absolute;
	bottom: 0;
	right: 20px;
	background-color: white;
	padding: 20px;
	width: 400px;
	color: #000;
	
}

.articulo-parrafo1 > h3 {
	color: #ec1e36;
}


.articulo-contenedor-txt {
	color: black;
	padding-top: 20px;
}

.fondo-trespasos {
	background-color: #377136;
	padding-top: 30px;
	padding-bottom: 20px;
}

.trespasos-tit {
	padding-top: 18%;
	text-align: center
}

.trespasos-tit > h1 {
	color: white;	
}

.trespasos-txt {
	color: white;
}



.sobrenosotros-contenedor {
	background-color: #749be7;
	color: white;
	padding: 15px;
}

.sobrenosotros-cont-tit {
	text-align: right; 
	padding: 10px;
	text-transform: uppercase;
} 

.mision-contenedor {
	background-color: #3c753b;
	color: white;
	padding: 15px;
} 

.mision-cont-tit {
	text-align: left; 
	padding: 10px;
	text-transform: uppercase;
} 

.vision-contenedor {
	background-color: #e99fbc;
	color: #ec1e36;
	padding: 15px;
} 

.vision-cont-tit {
	text-align: left; 
	padding: 10px;
	text-transform: uppercase;
} 



.queesyes-bloque1{
	width: 100%;
	background-color: #e5182f; min-height: 330px;  padding: 15px; padding-top: 18%; 
}


.queesyes-bloque2  {
	background-image: url(../img/info-yes-fondo2.jpg); background-repeat: no-repeat; background-size: cover; min-height: 330px;  padding: 5px; padding-top: 0.5%; 
}

.queesyes-bloque3 {
	padding-right: 15px;
	padding-left: 0;
	height: 100%;
	
}

.queesyes-bloque3 > .w-100 {
	min-height: 330px; 
	padding-top: 8%;
	padding-bottom: 20px;
	
}

.queesyes-txt1 {
	font-size: 1.2em;
}

.queesyes-tit {
	font-size: 0.8em;
}

.producto-bloque-foto{ padding:0;}
.producto-bloque-texto { padding: 0; }

.producto-contenedor-titulo { width: 95%; padding-top: 10%; }
.producto-contenedor-texto { padding: 15px; color: white}
.producto-tit-destacado { font-size: 1.6em; line-height: 0.7em;}
.producto-contenedor-fotoproducto {
	position: absolute;
	top: 51%;
	right: -16%;
	height: 450px;
	z-index: 1000
}

.producto-contenedor-fotoproducto0 > img { width: 100%; min-width: 100%}
.producto-contenedor-fotoproducto > img { width: 100%; min-width: 100%}

.producto-txt-bloque1 { font-family: "MyriadPro-Bold"; font-size: 1.2em; color: white;}
.prod-yes-tradicional {	background-color: #fa475f;	color: white;}
.producto-tit-tradicional {	font-family: "MyriadPro-Bold" !important;	color: #ae1226; font-size: 2.8em; }
.producto-subtit-tradicional { color: #ae1226; font-size: 1.1em; }
.producto-txt-tradicional {	color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; }
.prod-yes-tradicional-bloque1 { font-family: "MyriadPro-Bold" !important; padding: 20px; padding-left: 50px; padding-top: 0px; padding-bottom: 30px; }




.prod-yes-ice {	background-color: #3995cd;	color: #3d5e9b;}
.producto-tit-ice {	font-family: "MyriadPro-Bold" !important;	color: #3d5e9b }
.producto-txt-ice {		color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; } 
.destacado-ice { font-size: 1.2em; }
.ubica-prod-ice { top: 52%; left: 33%}
.prod-yes-ice-bloque1 { font-family: "MyriadPro-Bold" !important; padding: 20px; padding-left: 50px; padding-top: 0px; padding-bottom: 30px; }


.prod-yes-hot {	background-color: #ff431a;	color: white;}
.producto-tit-hot {	font-family: "MyriadPro-Bold" !important;	color: #ffffff; }
.producto-txt-hot {	color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; }
.destacado-hot { font-size: 1.5em; }
.ubica-prod-hot { top: 52%; left: 21%}


.prod-yes-chocolate {	background-color: #639d63;	color: white;}
.producto-tit-chocolate {	font-family: "MyriadPro-Bold" !important;	color: #ffffff }
.producto-txt-chocolate {	color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; }
.destacado-chocolate { font-size: 1.7em; }
.ubica-prod-choc { top: 52%; left: 19%}

.prod-yes-cherry {	background-color: #fd2e74;	color: white;}
.producto-tit-cherry {	font-family: "MyriadPro-Bold" !important;	color: #ffffff }
.producto-txt-cherry {	color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; }
.destacado-cherry { font-size: 1.5em; }
.ubica-prod-cherry { top: 52%; left: 19%}

.prod-yes-ohhyes {	background-color: #f8d5d9;	color: white;}
.producto-tit-ohhyes {	font-family: "MyriadPro-Bold" !important;	color: #ffffff }
.producto-txt-ohhyes {	color: #ffffff; font-family: "MyriadPro-Regular"; line-height: 1em; font-size: 1em; padding-top: 20px; padding-bottom: 20px; }
.destacado-ohhyes { font-size: 1.5em; }
.ubica-prod-ohhyes { top: 52%; left: 17%}
.prod-yes-ohhyes-bloque1 { font-family: "MyriadPro-Bold" !important; padding: 20px; padding-left: 50px; padding-top: 0px; padding-bottom: 30px; }

.fa-check { color: white;}

.mensaje-central {
	position: absolute;
	bottom: 25%;
	left: 0;
	width: 100%;
	
}


.mensaje-central  > div {
	background:  rgba(0,0,0,0.6);
	width: 65%;
	max-width: 500px;
	text-align: center;
	margin: auto;
	font-size: 2.3em;
	text-transform: uppercase;
	color: white;
	padding: 3px;
	
}

.margen-menu-movil {
	height: 20px;
	width: 100%;
}

.link-productos-Blog {
	color:#ec1e36;
	font-weight: bolder;
}

.link-productos-Blog:hover {
	color:#E75062;
	font-weight: bolder;
}

.blog-titulo-home {
	font-size: 1em;
}

.contenedor-formulario-comentario {
	background-color: #1e120d;
}


.llamado-comentar {
	font-family: "MyriadPro-Bold" ;
	font-size: 2em;
}

.llamado-comentar-grande {
	font-family: "MyriadPro-Bold";
	font-size: 2.5em;
}
.espacio-arriba-comentarios {
	height: 15% !important;
}

.boton-enviar-blog {
	color: white;
	border: 2px solid white;
	border-radius: 10px;
	line-height: 2em;
	text-align: center;
	max-width: 100px;
	
}
.blog-comentario {
	padding: 20px;
	margin-bottom: 2px;
}
.bg-rosado {	background-color: #fd1b5b;}
.bg-azul { background-color: #6295c2;}
.bg-verde { background-color: #59934f;}
.bg-rojo { background-color: #a70b05;}


.reaccionado {
	font-size: 1.2em !important;
	color: yellow;
}

.fechaBlog {
	font-size: 0.7em;
}
@media only screen and (max-width: 990px) {
	.articulo-parrafo1 {
		position: relative;
		bottom: auto;
		right: auto;
		background-color: white;
		padding: 0px;
		width: 100%;
		color: #ec1e36;
		padding-top: 20px;

	}
	
	.cont-login {
	padding-top: 5% !important;
}
	.queesyes-bloque1{
		width: 100%;
		margin: auto;
		max-width: 415px;
		margin-bottom: 20px;
		border-left: 15px solid white;
		background-color: #e5182f; min-height: 38px;  padding: 15px; padding-top: 7%; padding-bottom: 7%
		
	}

	.queesyes-bloque2  {
		width: 95%;		 min-height: 38px;  padding: 5px; padding-top: 7%; 
		max-width: 400px;		
		margin: auto;
		margin-bottom: 20px;
		padding-bottom: 40px;
	}
	
	.queesyes-bloque3 {
		padding: 0px;
		max-width: 400px;
		width: 95%;
		margin: auto;
	}

	.queesyes-bloque3 > .w-100 {
			
			
			margin-bottom: 20px;
		}

	.trespasos-img-signo {
		max-width: 75%
	}
	.trespasos-tit > h2 {
		
		padding-top: 0 !important;
		text-align: center;
		font-size: 1.8em !important;
	}
	
	
	.producto-contenedor-fotoproducto {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		height: auto;
	}
	
	.prod-cont-movil-tradicional-1 { width: 37.8%; padding: 0; float: left }
	.prod-cont-movil-tradicional-2 { width: 62.2%; padding: 0; float: left }
	
	.prod-cont-movil-sensasiones-1 { width: 62.3%; padding: 0; float: left }
	.prod-cont-movil-sensasiones-2 { width: 37.7%; padding: 0; float: left }
	
	.prod-cont-movil-sabores-1 	   { width: 37.8%; padding: 0; float: left }
	.prod-cont-movil-sabores-2     { width: 62.2%; padding: 0; float: left }
	
	
	.margen-menu-movil {
		height: 80px;
		width: 100%;
	}
		

}



@media only screen and ( max-width: 768px) {
	
	#sitioweb {
		padding-top: 70px !important;
		
	}

	#IconoVolverArriba > a {
		font-size: 2.8em; color: gray; 
	}
	
  .menu-principal-movil {
	   position: fixed !important;	
	  top: 0;
	  left: 0;
	  z-index: 1500;
	  width: 100%;
	  background:rgba(255,255,255,0.9)
	  
		 
  }	
	
  .signo-exclamacion {
    max-width: 30px;
  }
	
  .articulo1 { padding: 10px !important; }
  .articulo2 { padding: 10px !important;}
  .articulo3 { padding: 10px !important; }

  .articulos-txt{
		font-size: 1.0em;
		font-weight: bolder;
		color: white;
		letter-spacing: 5px;
	}	
	
  .articulos-txt2{
		font-size: 1.0em;
		font-weight: bolder;
		color: white;
		letter-spacing: 1px; 
	}
	
	.fondo-trespasos {
		
		padding-top: 0 !important;
		padding-bottom: 7%;
	}
	.trespasos-tit {
		padding-top: 12%;
		text-align: center
	}
	
	.trespasos-tit > h1 {
		
		padding-top: 0 !important;
		text-align: center;
		font-size: 1.5em !important;
	}
	
	.trespasos-img-signo {
		max-width: 40% !important;
	}
	/*
	.yes-tradicional-1 {	width:  100%;	float: none; padding-bottom: 15px;	}
	.yes-tradicional-2 {	width:  50%;	float: left; background-color: #fa475f;  min-height: 20%; border:10px solid white; padding-top: 10%; padding-bottom: 0;	}
	.yes-tradicional-3 {	width:  50%;	float: left; border:10px solid white;	}
	*/
	
	.yes-tradicional-2 {	width:  52.1%;	float: left;	}
	.yes-tradicional-3 {	width:  47.9%;	float: left;	}
	.yes-tradicional-2  > a > img  {
			border: 5px solid white;
	}
	
	.yes-tradicional-3   >img  {
			border: 5px solid white;
			border-right: 9px solid white;
	}
	
	
	.yes-tradicional-tit1 {
		font-family: "MyriadPro-Bold";
		font-size: 0.6em;
		color: white;
		letter-spacing: 2px;
	}
	.yes-tradicional-tit2 {
		/*-font-family: "MyriadPro-Bold";*/
		font-size: 1.6em ;
		color: white;
		letter-spacing: 5px;
		padding-top: 15px;
		line-height: 1em;
	}
	
	.yes-tradicional-btn-vermas { 
		background-color: #d30003;
		color: white;
		padding: 4px;
		max-width: 80px; text-align: center;
		margin-top: 15px;
	}
	
	.yes-sensaciones-1 {	width:  51.7%;	float: left;	}
	.yes-sensaciones-2 {	width:  48.3%;	float: left; }
	.yes-sensaciones-2 > img, .yes-sensaciones-1 > a >img  {
			border: 5px solid white;
	}
	
	.yes-sabores-2 {	width:  52.9%;	float: left;	}
	.yes-sabores-3 {	width:  47.1%;	float: left;	}
	
	.yes-sabores-2 > img, .yes-sabores-3 > a > img {
		border: 5px solid white;
	}
	.yes-sabores-2 > img {
		border-top: 2px solid white;
	}
	
	
	.fondo-verde, .fondo-burdeo, .fondo-axul {
		min-height: 150px;
		padding: 15px;
		padding-top: 10px;
	}
	
	.mensaje-central  > div {
		background:  rgba(0,0,0,0.5);
		width: 65%;
		max-width: 300px;
		text-align: center;
		margin: auto;
		font-size: 1.3em;
		text-transform: uppercase;
		color: white;
		padding: 3px;

	}
	
	.producto-tit-destacado { font-size: 1.6em !important; line-height: 0.7em;}
	
	.producto-tit-tradicional {	font-size: 1.8em; }
	.producto-tit-ice {	font-size: 1.8em; }
	.producto-tit-hot {		font-size: 1.8em;  }
	
	.donde-comprar-txt {
		color: white;
		text-transform: uppercase;
		font-weight: bolder;
		font-size: 1em !important;
		letter-spacing: 5px;
	}
	
	.yes-articulos-txt > span, .yes-articulos-txt > h3 {
		text-transform: uppercase
	}
	
}

@media only screen and ( max-width: 400px) {
	
	.yes-tradicional-tit2 {
		/*-font-family: "MyriadPro-Bold";*/
		font-size: 1.2em !important;
		color: white;
		letter-spacing: 5px;
		padding-top: 15px;
		line-height: 1em;
	}
	
	.yes-tradicional-btn-vermas { 
		background-color: #d30003;
		color: white;
		padding: 2px;
		font-size: 0.8em;
		max-width: 80px; text-align: center;
		margin-top: 10px;
	}
	
}

.yes-articulos-contenedor1 img {
	object-fit: cover;
}