@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body, html {padding:0; margin:0;background-color:#E6E7E8;}
/* Sección ideas para regalar: 19,6 pt
A quien le quieres regalar: 19,6 pt
Subcategorías menú sección mujer: 15,5 pt
Los mejores regalos para ella: 28,5 pt
Titulos de subcategorías de moda: 23 pt
Nombre de item: 11 pt
Precio de item: 13.7

Lato:
Nombre de item en carrusel: 15 pt
Precio de item en carrusel: 15 pt */

.biotaContent {width:100%; max-width:1280px; margin:0 auto; }
.fondoGris {background-color:#E6E7E8; padding-bottom:20px; margin-bottom:10px;}
.fondoBlanco {background-color:#fff; padding-bottom:20px; padding-top:30px; margin-bottom:10px;}
.tdn {text-decoration:none;}
.categoria { text-align:center;}
.categoria a {text-decoration:none; font-family: 'Poppins', sans-serif; font-size:20px;text-decoration:underline; color:#666;}
.centrar {text-align:center;}

.biotaContent .titulo-seccion, .biotaContent .seccionFinal{ text-align: center; margin-bottom:20px;}


.cinta-seccion { position:absolute; z-index:10; margin-top:-30px; width:100%;}
.cinta-der { float:right; margin-right:30%;}
.cinta-izq { float:left; margin-left:20%;}
.cintas-rojas-1 {
	background: url(../img/cintas/cinta-roja.svg) left 100px bottom 20px / 60px,url(../img/cintas/cinta-roja-pepitas-1.svg) right 100px bottom / 120px ;
	background-repeat:no-repeat;
	padding-bottom:70px;
}

.detras {z-index:0;}

/* Carrusel */
.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {     background: #333; }
.owl-dots .owl-dot span {     width: 10px;    height: 10px;    margin: 5px 7px;    background: #666;    display: block;
    -webkit-backface-visibility: visible;    transition: opacity .2s ease;    border-radius: 30px;}
.owl-carousel button.owl-dot {outline: none;}
.owl-dots { width:100%; text-align: center; margin-top:-150px; position:absolute; }
.playprev,  .playnext { cursor:pointer; float:left;width: 5%;}
.playnext { float:right;}
.playprev img {width:40px;}
  .playnext img {width:40px; margin-left:-10px;}

.item{ text-align:center;}
.tipItem{margin-top:10px; font-family: 'Poppins', sans-serif; font-size:20px;line-height:1.4em; }
.tipItem a{text-decoration:underline; color:#333333;}
.tipPrecio {text-decoration:none; font-family: 'Poppins', sans-serif;  font-size:20px; color:#ef2326; line-height:1.4em;}
.btn-vertodo, .btn-loquiero, .btn-vertodo-mujer{text-decoration:none; font-family: 'Lato', sans-serif; font-size:16px;color:#fff;  margin-bottom: 40px;margin-top: 20px;}
.btn-vertodo span {  background-color:#333; padding: 8px 40px 10px 40px; border-radius:5px; }
.btn-loquiero span {  background-color:#add500; padding: 8px 40px 10px 40px; border-radius:5px; }
.btn-vertodo-mujer span { text-decoration:none; background-color:#add500; padding: 15px 80px 20px 80px; border-radius:5px; }


.round {  border-radius: 50%;}
.round-bottom { border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.round-top { border-top-left-radius:10px; border-top-right-radius:10px;}

.flex-container-row-wrap {display: flex;flex-flow: row wrap;justify-content: center;}
.flex-container-vertical {display:flex;	 flex-direction: column; justify-content: center;}

.flex-container-row-wrap > div.column-2 { width: 30%;	  margin: 1%;  	}
.flex-container-row-wrap > div.column-22 { width: 35%; margin: 1%;}
.flex-container-row-wrap > div.column-44 { width: 15%; margin: 1%;}
.flex-container-row-wrap > div.column-32 { width: 25%; margin: 1%;}
.flex-container-row-wrap > div.column-31 { width: 30%; margin: 1%;}
.flex-container-row-wrap > div.column-5 { width: 15%; margin: 1%;}
.flex-container-row-wrap > div.column-42 { width: 22%; margin: 1%;}
.flex-container-row-wrap > div.column-20 { width: 39%;	  margin: 1%;  	}
.flex-container-row-wrap > div.column-52 {width: 15%; margin: 1%;  	}
.flex-container-row-wrap > div.column-4 { width: 15%; margin: 3%;}

	
.flex-container-row-wrap div  img{  width: 100%;}

.seccMejoresMarcas1 .playprev, .seccMejoresMarcas1 .playnext { width:80%; margin:0 auto;}
.mejoresMarcas1 .item img{border:1px solid #000;}


.movil {display:none;}
.desktop {display:block;}

.rotate-90 { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.rotate90{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.rotate45{ -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg);}

.volver img { width:30px;}
.seccAquien .btn-home { position:relative; text-align:left;}
.btn-home  img { width:40px; padding:5px; }

.seccCarIzq {  padding-left:30%; padding-top:40px; padding-right:20px; padding-bottom:20px; max-width:1280px;}
.seccCarIzq  .owl-carousel {    width: 80%;   margin-left: 10%; margin-top: 20%;}
.seccCarIzq .playprev, .seccCarIzq .playnext {float:left;  width:10%; margin-top:35%; text-align:center;  }
.seccCarIzq .playnext { float:right;}
.seccCarIzq .seccVerTodo { margin-left:-35%;}
.seccCarIzq .item {padding:20px 0;}
.seccCarDer  { padding-right:35%; padding-top:80px;  padding-bottom:140px; padding-left:20px; max-width:1280px;}
.seccCarDer .playprev,.seccCarDer .playnext {float:left;  width:10%; margin-top:40%; text-align:center;  }
.seccCarDer .playnext { float:right;}
.seccCarDer .owl-carousel {    width: 80%;   margin-left: 10%; margin-top: 20%; }
.seccCarDer .seccVerTodo {float:right; margin-right:-30%; }
.seccCarDer .item {padding:20px 0;}
.seccMovil {  padding-top:40px; margin:0 auto 0 auto; width:100%; }
.seccMovil .playnext { float: right;  width: 10%; margin-top: 40%; text-align: right; margin-right: 20px;}
.seccMovil  .playprev {float:left;  width:10%; margin-top:40%;  }
.seccMovil .owl-carousel {    width: 80%;   margin-left: 10%;}
.seccMovil .tipPrecio {    height: 33px;}

.tipPrecio { font-weight:bold;  font-size: 24px;    color: #666;}
.tipItem { color: #666; font-weight:300; margin-top:20px;}
.OU {color:#F00 !important;}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

@media only screen and (max-width:812px){
	.movil {display:block;}
	.desktop {display:none;}
	.biotaContent .titulo-seccion img{ width:80%;}
	.biotaContent .titulo-seccion .btn-home img {width: 30px; }
	
	.flex-container-row-wrap > div.column-2 { width: 45%; }
	.playprev, .playnext {   width: 5%; }
	.playprev img {    margin-left: 20px;}
	.playprev img , .playnext img  {width:20px;}
	.volver img { width:30px;}
	.flex-container-row-wrap > div.column-32, .flex-container-row-wrap > div.column-42 { width: 35%; margin: 1%;}
	.flex-container-vertical > div.column-31 { width: 100%; margin:0 auto;}
	.tipItem a {    font-size: 16px;}
	.cinta-seccion img{    width: 60px;}
	.flex-container-row-wrap > div.column-52 { width: 40%;	  margin: 1%;  	}
}

@media only screen and (max-width:768px){
	.playprev img {    margin-left: 20px;}
		.playnext img {    margin-right: 0px;    margin-left: -10px;}
}
@media only screen and (max-width:667px){

	.playprev img {margin-left:10px;}	
	.playnext img {margin-right:10px;}	
	.playprev, .playnext {   width: 30px; }
	.tipItem a {    font-size: 14px;}
		.seccAquien .btn-home {  left:15%;}
}

@media only screen and (max-width:568px){

	.playprev img {margin-left:10px;}	
	.playnext img {margin-right:10px;}	
	.playprev, .playnext {   width: 30px; }
	
}

@media only screen and (max-width:414px){

	.categoria a { font-size:18px;}
	.playprev img, .playnext img {
    width: 30px;
}
	.tipPrecio {    font-size: 20px;}
}
@media only screen and (max-width:375px){
.playprev img {    margin-left: 5px;}
	.seccAquien .btn-home {  left:0;}
		
}
@media only screen and (max-width:320px){
	.playprev img {    margin-left: 0px;}
	.playprev img, .playnext img {
    width: 25px;}
}

.item{
	all:inherit !important;
	text-align: center !important;
}
.owl-carousel .owl-item{
	text-align: center !important;
}

