:root {
    --font-size: 1rem;
    --line-height: 1.4em;
    --font-color: #222;
    --primary: #EA599A; /* Color precios, títulos...*/
    --secondary: #7e9a9d; /*Color botones, link*/
    --light: #EFF4F4;
    --light2: #fdf1fa;
    --primary-invert: #fff; /*Texto de los botones*/
    --secondary-invert: #fff; /*Texto de los botones*/
    --radius1: 4px; /*Border-radius de los botones*/
    --weight-fa: 300; /*Weight de los iconos*/
    --font1: 'Open Sans'; /* Fuente 1 */
    --font2: 'Rochester'; /* Fuente 2 */
    --bold1: 700; /* Bold 1 */
    --bold2: 400; /* Bold 2 */
    --color-fb: #3A559F;
    --color-ig: #C536A4;
    --color-tw: #50ABF1;
    --color-wa: #1BD741;
    --radius-default: 12px; /*Border-radius de las imágenes de los paneles*/
    --padding-panelsimple: 20px; /*Distancia alrededor del panel simple. Debemos poner "px". Recomendado cuando hay borde-radius: 16px*/
    --mosaico-margin: 8px; /*Espacio entre elementos de los mosaicos y box2 [Se puede cambiar en 768px]*/
    --descriptivo-margin: 40px; /*Espacio entre elementos de los paneles descriptivos [Se puede cambiar en 768px]*/
    --descriptivo-reverse: column; /*[PC](column/column-reverse) Configura si interesa alternar elementos con imagen y texto revertidos*/
    --menu-height: 40px; /*Altura del menú en slide (categs2)*/
    --menu-bg: #fff; /*Color de fondo del menú en slide (categs2)*/
    --productos-margin: 16px; /*Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
    --section-margin: 60px; /* Margen entre secciones de la portada */
    --max-width: 1280px; /* Ancho máximo de la tienda */
}

/* Titulos */
.title1 {
    font-family: var(--font2);
    font-weight: var(--bold2);
    color: var(--primary);
}
.title2 { font-family:  var(--font2); font-weight: var(--bold2); color: var(--primary);}
.title3 { font-family:  var(--font1);}

.panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2{ font-family:  var(--font1);}

/* PORTADA */
#PORT01 > .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}
#PORT01 > .slideCupones3.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}

.panel--nogap-up{
    padding-top:0;
}

/* Tamaños de las imagenes en los paneles*/
@supports (aspect-ratio: 8 / 3) {
    .panel__simple--skin2 .switem .switemimg:last-child{padding:0; aspect-ratio: 8 / 3;}
}
@supports (aspect-ratio: 4 / 3) {
    .mosaico--skin1 .boxCont .boxItem .boxItemImg img{aspect-ratio: 4 / 3;}
    .panel__doble--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 4 / 3;}
}

@supports (aspect-ratio: 3 / 4) {
    .panel__triple--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 3 / 4;}
}

@supports (aspect-ratio: 2 / 1) {
    .panel__simple--skin2 .switem .switemimg {
        padding: 0;
        aspect-ratio: 2 / 1;
    }

    .panel__simple--skin1 .switem .switemimg {
        padding: 0;
        aspect-ratio: 2 / 1;
    }
}



/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {

   

}

@media screen and (max-width: 1023px) {
    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 {
        font-size: 30px;
    }
}

/*################
#####  9 6 0  ####
################*/
@media screen and (max-width: 960px) {
    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 {
        font-size: 26px;
    }
}

/*################
#####  7 6 8  ####
################*/
@media screen and (min-width: 768px) {
  
}

@media screen and (max-width: 768px) {
    :root {--mosaico-margin: 8px; /*[Móvil]Espacio entre elementos de los mosaicos y box2*/
           --descriptivo-margin: 20px; /*[Móvil]Espacio entre elementos de los paneles descriptivos*/
            --section-margin: 40px;/*[Móvil]Espacio entre secciones de portada */
    }
    @supports (aspect-ratio: 4 / 3) {
        .panel__simple--skin2 .switem .switemimg:last-child{aspect-ratio: 4 / 3;}
    }
    @supports (aspect-ratio: 4 / 3) {
        .panel__simple--skin1 .switem .switemimg{aspect-ratio: 4 / 3;}
    }
    
}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
        
}

@media screen and (max-width: 640px) {
    :root {
            --productos-margin: 12px; /*[Móvil]Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
    }
      @supports (aspect-ratio: 16 / 9) {
        .panel__doble--skin1 .boxCont .boxItem > div{ aspect-ratio: 4 / 3;}
    } 
    @supports (aspect-ratio: 1 / 1) {
        .panel__simple--skin1 .switem .switemimg{aspect-ratio: 1 / 1;}
    }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {

    /*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/


}
.dvBanner.privateBox:after {
    content: "\f54e";
}
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type {
    font-size: 20px;
    line-height: 120%;
    margin-left: 0px;
}

.button {
    position: relative;
    padding: 0.5em 1em;
    display: inline-block;
    text-decoration: none;
    border-radius: var(--radius1);
    margin: 2px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
}
    .button i {
        transition: transform 0.3s ease-out;
    }
    .button:hover i[class*="phone"], .button:hover i[class*="mobile"], .button:hover i[class*="brands"], .button:hover i[class*="envelope"],
    .button:active i[class*="phone"], .button:active i[class*="mobile"], .button:active i[class*="brands"], .button:active i[class*="envelope"],
    .button:focus i[class*="phone"], .button:focus i[class*="mobile"], .button:focus i[class*="brands"], .button:focus i[class*="envelope"] {
        transform: translateX(0);
        transform: rotateY(360deg);
    }

        .button i:last-child {
            margin-left: 0.5em;
        }

        .button i:first-child {
            margin-right: 0.5em;
        }
.button--ico {
    padding: 0;
    width: 38px;
    height: 38px;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.button--ico.button--s {
    padding: 0;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0.5rem;
    line-height: var(--line-height);
    font-size: 0.9rem;
}
.button--whatsapp {
    background: var(--color-wa);
    color: #fff;
}
/* bg facebook */
.button--fb {
    background: var(--color-fb);
    color: #fff;
}

/* bg instagram */
.button--ig {
    background: var(--color-ig);
    color: #fff;
}


.seo1, .seo2 {
    background-image: url(/Content/images/pattern.jpg);
    background-repeat: repeat;
    background-size: contain;
}

.prodlist, #PORT02{
    background: linear-gradient(to right, var(--light2), #fff);
}

.contactBox .socialUl li {
    background: var(--primary);
}
.contactBox .socialUl .phone a, .contactBox .socialUl .mail a {
    color: #FFF;
}
#search .searchBar input{
    background: #fff;
    border: solid 1px var(--primary);
}
#search .searchBar a i {
    color: var(--primary);
}
.RCRButton a {
    background: var(--primary);
}
.categorias--skin1 .boxCont .boxItem .boxItemCont {
    background: var(--primary);
    color: #fff;
}
.panel__simple--skin2 .switem {
    border-radius: 0;
}
.panel__simple--skin2{
   max-width:100%;
}
    .panel__simple--skin1 .switem .switeminfo {
        background: rgba(235, 101, 162, .2)
    }
.panel__simple--skin2 .switem .switemimg {
    min-width: 70%;
}

.PRC02, .RCL02 {
    background: linear-gradient(to bottom, var(--light2), #fff);
}
.resCont .resContLeft .RCLFilter{
    background: var(--light2);
}

.boxMini {
    background: linear-gradient(to bottom, var(--light2), #fff);
}
.ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont, .ficha .fichaCont .fichaContDatos .fichaDesc .videoFicha, .ficha .fichaCont .fichaContInfo .fichaContGal {
    background: var(--light2);
}
.ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes > div {
    background: var(--light2);
    border-left: 8px solid var(--primary);
}
.panel__simple--skin5 .switem .switeminfo {
    justify-content: flex-end;
    background: linear-gradient(to top,rgba(0,0,0,.3) 20%,rgba(0,0,0,0) 50%);
}
.panel__simple--skin5 {
    padding-top: 20px;
}
.kitDigital{
    border-top: solid 1px var(--primary);
}

#PER01 {
    text-align: center;
    background: #fff;
    padding: var(--section-margin) 16px 0;
}
    #PER01 .container {
        max-width: var(--max-width);
        margin: 0 auto;
    }

.mosaico--skin1 {
    padding-top: 0;
}
.ficha .fichaCont .fichaContInfo .FCI01 .title1{
    font-family: var(--font1);
    font-weight: 700;
}