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

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

body,
html {
  background-color: #ffffff;
}
.container-fluid {
  padding: 0px;
}
.container {
  max-width: 1400px;
}
#landing-BellezaR {
  font-family: "Gotham-Book";
  color: #000000;
  /*margin-top: -30px;*/
}
#landing-BellezaR section {
  display: inline-block;
  width: 100%;
  position: relative;
}

/*Style*/


/*Style - Link de Slider*/

div#list_sliderPrincipal .area {
  position: absolute;
  z-index: 10000;
}
div#list_sliderPrincipal .todo {
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

div#list_sliderPrincipal .mitadIzq {
  display: block;
  width: 50%;
  right: 50%;
  top: 0;
  height: 100%;
}

div#list_sliderPrincipal .mitadDer {
  display: block;
  width: 50%;
  left: 50%;
  top: 0;
  height: 100%;
}

div#list_sliderPrincipal .tresUno {
  display: block;
  width: 33.33%;
  left: 0;
  top: 0;
  height: 100%;
}

div#list_sliderPrincipal .tresDos {
  display: block;
  width: 33.33%;
  left: 33.33%;
  top: 0;
  height: 100%;
}

div#list_sliderPrincipal .tresTres {
  display: block;
  width: 33.33%;
  right: 0%;
  top: 0;
  height: 100%;
}
/*Fin Style - Link de Slider*/


/*5 Clomunas*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
  position: relative;
  min-height: 1px; 
}
.col-xs-15
{
  width: 20%;
  float: left;
}

@media (min-width: 768px)
{
  .col-sm-15
  {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px)
{
  .col-md-15
  {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px)
{
  .col-lg-15
  {
    width: 20%;
    float: left;
  }
}
/*Fin - 5 columnas*/

:root{
  --colorRosado: #FF0094;
  --colorNegro: #000000;
  --fontBook:"Gotham-Book";
  --fontBold:"Gotham-Bold";
  --colorMorado: #52018E;
  --colorBlanco:#ffffff;
  --colorGriss: #676767;
}

/* Inicio - Estilos Generales */

section .contentTitulo div.TitSub{
  padding: 2.5% 0;
  padding-top: 4%;
}
section .contentTitulo div.TitSub h2{
  text-align: center;
  color: var(--colorRosado);
  font-family: var(--fontBold);
  font-size: 70px;
}
section .contentTitulo div.TitSub p{
  text-align: center;
  font-family: var(--fontBook);
  font-size: 20px;
  width: 60%;
  margin: 0 auto;
  line-height: 1.2;
}

.splide__pagination{
  bottom: -1.8em;
}
.splide__pagination__page.is-active{
  background: #383333;
}
.splide__arrow{
  height: 4em;
  border-radius: 0%;
  background: var(--colorRosado);
}
.splide__arrow--prev{
  left: -2em;
}
.splide__arrow--next{
  right: -2em;
}
.splide__arrow svg{
  fill: #ffffff;
}
/* Fin - Estilos Generales */


/*Bloque 1 - Lo Viral*/
section#LoMasViral{
  padding: 5% 0;
}
section#LoMasViral .container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
} 
section#LoMasViral .contentTextoViral {
  padding-right: 30px;
}
section#LoMasViral h2{
  font-size: 50px;
  font-family: var(--fontBold);
}
section#LoMasViral h2 span{
  color: var(--colorRosado);
  font-family: var(--fontBold);
  padding: 0 5px;
}
section#LoMasViral p{
  font-size: 17px;
  font-family: var(--fontBook);
}

section#LoMasViral #BloqueLoMasViral a:hover .corazon{
  opacity: 1;
}
section#LoMasViral #BloqueLoMasViral .corazon{
  width: 15px;
  height: 15px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: var(--colorRosado);
  margin: 10px;
  bottom: 22px;
  right: 20px;
  opacity: 0;
}
section#LoMasViral #BloqueLoMasViral .corazon::before,
section#LoMasViral #BloqueLoMasViral .corazon::after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--colorRosado);
  position: absolute;
  top: 0;
}
section#LoMasViral #BloqueLoMasViral .corazon.corazon::before {
  left: 8px;
}
section#LoMasViral #BloqueLoMasViral .corazon.corazon::after {
  left: 0;
  top: -8px;
}

/**/

/*Bloque 2 - Lanzamientos*/
section#lanzamientos .listLanzamientos{
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;*/
}

section#lanzamientos .listLanzamientos .bloqLanzamiento{
  padding: 5px;
}
/**/

/*Bloque 3 - sets&packs*/
section#setsPack .listSetsPack{

  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto auto;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
}
section#setsPack .listSetsPack .bloqSets {
  position: relative;
}

section#setsPack .listSetsPack .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 2;
}
section#setsPack .listSetsPack .item2{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1 ;
}
section#setsPack .listSetsPack .item3{
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end:  span 2;
}
section#setsPack .listSetsPack .item4{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start:3;
  grid-row-end:  span 2;
}
section#setsPack .listSetsPack .item5{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 3;
}
section#setsPack .listSetsPack .item6{
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start:3;
  grid-row-end: span 2;
}
section#setsPack .listSetsPack img{
  height: 100%;
}

section#setsPack .listSetsPack a:hover .corazon{
  opacity: 1;
}
section#setsPack .listSetsPack .corazon{
  width: 15px;
  height: 15px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: var(--colorRosado);
  margin: 10px;
  opacity: 0;
}
section#setsPack .listSetsPack .item1 .corazon,
section#setsPack .listSetsPack .item3 .corazon{
  top: 5%;
  left: 5.2%;
}
section#setsPack .listSetsPack .item2 .corazon{
  top: 7%;
  left: 6.2%;
}
section#setsPack .listSetsPack .item5 .corazon{
  top: 4.5%;
  left: 6.2%;
}
section#setsPack .listSetsPack .item4 .corazon,
section#setsPack .listSetsPack .item6 .corazon{
  top: 10.2%;
  left: 5%;
}


section#setsPack .listSetsPack .corazon::before,
section#setsPack .listSetsPack .corazon::after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--colorRosado);
  position: absolute;
  top: 0;
}
section#setsPack .listSetsPack .corazon.corazon::before {
  left: 8px;
}
section#setsPack .listSetsPack .corazon.corazon::after {
  left: 0;
  top: -8px;
}
/**/

/*Bloque 4 - categorías*/

section#categorias .listCategorias{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
}

section#categorias .listCategorias .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#categorias .listCategorias .item2{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 1 ;
}
section#categorias .listCategorias .item3{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end:  span 2;
}
section#categorias .listCategorias .item4{
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start:1;
  grid-row-end:  span 1;
}

section#categorias .listCategorias .item5{
  grid-column-start: 3;
  grid-column-end: span 1;
  grid-row-start:2;
  grid-row-end:  span 1;
}
section#categorias .listCategorias img{
  height: 100%;
}

/**/

/*Bloque 5 - Marcas*/

section#marcas .listMarcas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
section#marcas .listMarcas .marca{
  width: calc(100% / 5);
  padding: 5px;
}
/**/

section#bloque1 .listprod {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
  width: 100%;
  height: auto;
}

section#bloque1 .listprod .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#bloque1 .listprod .item2{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span ;
}
section#bloque1 .listprod .item3{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 2;
}


section#bloque2 .listprod {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
  width: 100%;
  height: auto;
}

section#bloque2 .listprod .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#bloque2 .listprod .item2{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}

section#bloque3 .listprod {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
  width: 100%;
  height: auto;
}

section#bloque3 .listprod .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#bloque3 .listprod .item2{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}


section#bloque4 .listprod {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
  width: 100%;
  height: auto;
}

section#bloque4 .listprod .item1{
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#bloque4 .listprod .item2{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 1;
}

section#bloque4 .listprod .item3{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 1;
}


section#bloque5 .listprod {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto ;
  column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
  width: 100%;
  height: auto;
}


section#bloque5 .listprod .item1{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}
section#bloque5 .listprod .item2{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}

section#bloque5 .listprod .item3{
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 1;
}
section#bloque5 .listprod .item4{
  grid-column-start: 2;
  grid-column-end: span 1;
  grid-row-start: 2;
  grid-row-end: span 1;
}









/*Fin*/

/*Fin - Style*/
a {
  text-decoration: none;
  color: #000000;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #000000;
}
@media screen and (max-width: 1400px) {
  section#LoMasViral #BloqueLoMasViral .corazon{
    bottom: 5%;
    right: 6%;
  }
}
@media screen and (max-width: 960px) {
  section#LoMasViral #BloqueLoMasViral .corazon{
    bottom: 4%;
    right: 5%;
  }
}
@media screen and (max-width: 769px) {

  /*Bloque Genereales*/
  section .contentTitulo div.TitSub h2{
    font-size: 6vw;
  }
  section .contentTitulo div.TitSub p{
    font-size: 2.5vw;
    width: 80%;
  }
  section .container{
    height: 100%;
    width: 100%;
    position: relative;
    padding: 0 5px;
  }

  section#LoMasViral .contentTextoViral{
    padding: 0px;
  }

  section#lanzamientos .listLanzamientos{
    padding-left: 15px;
  }
  section#lanzamientos .listLanzamientos .bloqLanzamiento{
    padding: 0px;
  }
  section#LoMasViral .container,section#LoMasViral .container>div{
    padding: 0px;
  }

  section#LoMasViral .container #BloqueLoMasViral{
    padding-left: 10px;
    padding-right: 10px;
  }

  /*Fin - Bloque Genereales*/

  section#LoMasViral #BloqueLoMasViral .corazon{
    width: 10px;
    height: 10px;
    bottom: 2%;
    right: 1.5%;
  }
  section#LoMasViral #BloqueLoMasViral .corazon::before,
  section#LoMasViral #BloqueLoMasViral .corazon::after{
    width: 10px;
    height: 10px;
  }
  section#LoMasViral #BloqueLoMasViral .corazon.corazon::before{
    left: 5px;
  }
  section#LoMasViral #BloqueLoMasViral .corazon.corazon::after{
    top: -5px;
  }
  section#LoMasViral{
    padding: 10% 0;
  }
  /*Packs*/
  section#setsPack .listSetsPack{

    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto;
    column-gap: 5px;
    grid-row-gap: 5px;
    position: relative;
  }
  
  section#setsPack .listSetsPack .item1{
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  section#setsPack .listSetsPack .item2{
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1 ;
  }
  section#setsPack .listSetsPack .item3{
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end:  span 2;
  }
  section#setsPack .listSetsPack .item4{
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start:3;
    grid-row-end:  span 1;
  }
  section#setsPack .listSetsPack .item5{
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 4;
    grid-row-end: span 1;
  }
  section#setsPack .listSetsPack .item6{
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start:4;
    grid-row-end: span 1;
  }

  section#setsPack .listSetsPack .corazon{
    width: 10px;
    height: 10px;

  }
  section#setsPack .listSetsPack .corazon::before,
  section#setsPack .listSetsPack .corazon::after{
    width: 10px;
    height: 10px;
  }
  section#setsPack .listSetsPack .corazon.corazon::before{
    left: 5px;
  }
  section#setsPack .listSetsPack .corazon.corazon::after{
    top: -5px;
  }

  section#setsPack .listSetsPack .item1 .corazon,
  section#setsPack .listSetsPack .item3 .corazon{
  top: 2%;
  left: 3.2%;
}
section#setsPack .listSetsPack .item2 .corazon{
  top: 5%;
  left: 3.2%;
}

section#setsPack .listSetsPack .item4 .corazon{
  top: 5%;
  left: 53%;
}
section#setsPack .listSetsPack .item5 .corazon,
section#setsPack .listSetsPack .item6 .corazon{
  top: 4.2%;
  left: 3%;
}
  /*Packs*/

  /*Marcas*/
  section#marcas .listMarcas .marca{
    width: calc(100% / 3);
  }
  /*Marcas*/
  
  /*Categorias*/
  section#categorias .listCategorias{
    display: flex;
  }
  /*Categorias*/

  section#datos_seo_generico .content_Seo > .TituloPrincipal h1{
    font-size: 5vw;
  }
  section#datos_seo_generico .content_Seo > .TituloPrincipal p{
    font-size: 3vw;
    text-align: justify;
  }
  section#datos_seo_generico .content_Seo .preg_respt>h2{
    font-size: 3.5vw;
  }
  section#datos_seo_generico .content_Seo .preg_respt>p{
    font-size: 3vw;
  }
  

}