/*=============================================
INFOPRODUCTO
=============================================*/

.infoproducto figure.visor img{
	display:none;
	cursor:crosshair;

}

.infoproducto figure.visor img:first-child{
	display:block;
}

.flexslider{
	cursor: pointer;
}

.lupa{
	display:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.lupa img{
	position:relative;
	margin-top:-100%;
	margin-left:-50%;
	width:160%;
}

.compartirRedes{
	border:0px;
	box-shadow:none;
	margin:0px;
}

.compartirRedes li p{
	color:white;
	text-align: center;
	line-height: 30px;
	padding:8px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	cursor:pointer;

}

.compartirFacebook{
	color:white;
	text-align: center;
	line-height: 30px;
	padding:8px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	cursor:pointer;

}

.btnFacebook{
	background:#46639f;
}

.btnGoogle{
	background:#d6513e;
}

.alturaComentarios{
	height:300px;
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.videoPresentacion{

		height:415px;
	}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
	
	.videoPresentacion{

		height:350px;
	}


}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
	
	.videoPresentacion{

		height:300px;
	}

    .compFace{		
       /*color: #3b5998;*/
       font-size: 10px;
	}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.videoPresentacion{

		height:200px;
	}

	.compFace{
	   /*color: #3b5998;*/
	   font-size: 10px;
 
	}


	.fondoBreadcrumb{
		font-size:12px;
	}

	.botonesCompra button{
		margin:5px 0;
	}

}



/*Botones de contacto con el asesor comercial*/


.slider-text .contact-with h4 {
	margin-top: 20px;
}


.contact-with h4 {
	margin-top: 32px;
}

.contact-with .btn {
	background-color: #0d79bf;
	color: #fff;
	margin-right: 5px;
	border: 1px solid transparent;
	margin-bottom: 17px;
}

.contact-with .btn-red {
	background-color: #f36d2d;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.contact-with .btn i {
	font-size: 22px;
	vertical-align: top;
	margin-right: 10px;
}

.contact-with a.btn:hover {
	color: #0d79bf;
	background-color: transparent;
	border: 1px solid #0d79bf;
}

.contact-with .btn-red:hover {
	color: #f36d2d !important;
	background-color: transparent;
	border: 1px solid #f36d2d;
}



.slider-text .show-number span:hover, 
.slider-text .show-number:hover span, 
.contact-with .show-number .btn-red:hover{
	color:#f36d2d;
}


.whatsapp1 {
   background-color:#4AC959!important;	
   color:#fff!important;
 }

.whatsapp {
   background-color:#4AC959!important;	
   color:#fff!important;
  
 }

.whatsapp:hover {
   background-color:#fff!important; 
   color:#4AC959!important;
    border: 1px solid #4AC959!important;
 }

 .header.header--sticky .menu--product-categories .menu__toggle i {
  font-size: 30px;
}

.header.header--sticky .menu--product-categories .menu__toggle span {
  font-size: 16px;
}

.header.header--sticky .header__top {
  position: fixed;

  top: 0;
   width: 100%;
  z-index: 1000;
  border-bottom: none;
  padding: 10px 0;
}

.header.header--sticky .header__left .ps-logo {
  display: none;
}

.header.header--sticky .header__left .menu--product-categories {
  display: block;
  background-color: transparent;
}




.header--product {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.header--product .navigation {
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header--product.header--sticky {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.header--product.header--sticky .navigation {
  padding: 10px 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #eaeaea;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}



.ps-product--header-sticky {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.ps-product--header-sticky > * {
  flex-basis: 100%;
}

.ps-product--header-sticky .ps-product__title {
  display: block;
  line-height: 1.4em;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 5px;
  margin: 0 0 5px 5px;
}

.ps-product--header-sticky .ps-tab-list li {
  display: inline-block;
  margin-right: 20px;
}

.ps-product--header-sticky .ps-tab-list li a {
  font-weight: 600;
  color: #666;
}

.ps-product--header-sticky .ps-tab-list li a:hover {
  color: #75c147;
}

.ps-product--header-sticky .ps-tab-list li.active a {
  color: #75c147;
}

.ps-product--header-sticky .ps-tab-list li:last-child {
  margin-right: 0;
}

.ps-product--header-sticky .ps-product__price span {
  font-size: 22px;
  color: #f30;
  font-weight: 600;
}

.ps-product--header-sticky .ps-product__price del {
  display: block;
  color: #666;
  font-size: 14px;
}

.ps-product--header-sticky .ps-product__thumbnail {
  max-width: 60px;
}

.ps-product--header-sticky .ps-product__shopping {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}

.ps-product--header-sticky .ps-product__shopping .ps-product__price {
  padding-right: 30px;
}

.ps-product--header-sticky .ps-product__shopping .ps-btn {
  padding: 10px 30px;
}

.ps-product--header-sticky .ps-product__wrapper {
  padding-left: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

  .caracteristicasProducto {
        background-color: #FF7F27;
		color: #FFFFFF;
    }





/*Botón flotante de whaatsapp para comprar por whatsapp el producto*/

.btn-flotante {
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff!important; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color:#4AC959!important; /* Color de fondo */
	padding: 18px 30px; /* Relleno del boton */
	position: fixed;
	/*bottom: 40px;
	right: 200px;
	*/

	bottom: 0px;
	display: block;
	margin: 0 auto;
    text-align: center;     


	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}


.btn-flotante:hover {	
	color:#4AC959!important;	
    background-color:#fff!important; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
	border: 1px solid #4AC959!important;
}


@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
} 