:root { 
        --font-size: 1rem;
        --line-height: 1.4em;
        --font-color: #222;
        --primary: #e3005c; /* Color precios, títulos...*/
        --secondary: #1d1d1d; /*Color botones, link*/
        --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:'PT Sans'; /* Fuente 1 */
        --font2:'PT Sans'; /* Fuente 2 */
        --bold1: 700; /* Bold 1 */
        --bold2: 700; /* Bold 2 */
        --radius-default: 0px;/*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: 1600px; /* Ancho máximo de la tienda */
        --filtroPortada:0,0,0;
}

/* Titulos */
.title1 { font-family: var(--font1);}
.title2 { font-family:  var(--font1); 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);}

.panel__simple--skin1 .switem .switeminfo .switemadd,
.RCRButton a { background: var(--primary) }

/* 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) {
    .panel__simple--skin2 .switem .switemimg:not(:last-child){padding:0; 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;}
}




.prodItem .prodItemImg {border:inherit;}
/*************************************************/
.bono { width: 100%; order: 1; text-align: center; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid rgba(255,255,255,0.1); }

.bono img {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

/*body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {width:50%}*/

footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after {display:none;}
/* Esto es lo mismo que código de columnas de texto y foto */
.cols { display: flex; justify-content: space-between; }
.cols:not(:last-child) { margin: 0 0 30px; }
.cols .col { width: calc(50% - 12px); display: flex; flex-direction: column; }
.cols.center .col:not(.colimg) { justify-content: center; }
/* Centrar el texto verticalmente respecto a la imagen */
.cols .colimg > div { flex: 1; }
.cols.reverse { flex-direction: row-reverse; }
/* Para voltear horizontalmente en PC*/

/*esta es la parte "nueva" */
.cols.redes { text-align: center; }
.cols.redes .facebook { margin-bottom: 24px; position: relative }
.cols.redes .rrss { background: url(../images/foto1.jpg); background-size: cover; background-position: center; text-align: center; }
.cols.redes .rrss > div { padding: 40px }
.cols.redes .rrss > div > div { padding: 32px; background: rgba(255,255,255,0.8); box-shadow: 1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22) }

/*clases para los colores de los botones / titulos*/
.boton.fb { background: #1877F2; color: #fff }
.boton.inst { background: #e1306c; color: #fff }
.fb { color: #1877F2 }

/* BOTONES */
.boton { display: inline-block; padding: 12px 20px; line-height: 120%; text-decoration: none; background: #D48037; border-radius: 2px; color: white; font-size: 18px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.boton:hover { opacity: 0.84; }
.boton i { margin-left: 4px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.boton:hover i { margin-left: 16px; }



#dvContactoCont { flex-direction: column; }
.dvContactoForm, #dvContactoPeticionFeita { max-width: 100%; padding-left: 0; margin-left: 0; border-left: 0; border-top: 2px solid #eee; padding-top: 40px; }

.contacto { margin-bottom: 40px }
.contacto .contact-box { display: flex; justify-content: space-between; flex-flow: row wrap; }
.contacto .contact-box:not(:last-child) { margin-bottom: 40px; }
.contacto .contact-box > div { width: calc(50% - 12px) }
.contacto .contact-box > div:last-child { display: flex; }
.contacto .contact-box > div:last-child > div { display: flex; flex: 1 }
.contacto .contact-box > div .mapa { display: flex; flex: 1; position: relative; height: 300px; }
.contacto .contact-box > div .mapa iframe { width: 100%; height: 100%; }
.contacto .contact-box .contact-box-info { }
.contacto .contact-box .contact-box-info .contact-box-info-titulo { width: 100%; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px; font-weight: 700 }
.contacto .contact-box .contact-box-info ul { list-style: none; }
.contacto .contact-box .contact-box-info ul:not(:last-child) { margin-bottom: 20px; }
.contacto .contact-box .contact-box-info ul.socialmenu { justify-content: flex-start }

.contacto-formulario { background: #f3f3f3; padding: 32px; }

/*Contacto en dos columnas*/
.contacto.c2 { display: flex; justify-content: space-between; flex-flow: row wrap; }
.contacto.c2 .contact-box { width: calc(50% - 20px) }
.contacto.c2 .contact-box > div { width: 100% }
.contacto.c2 .contact-box:not(:last-child) { margin: 0 }
.contacto.c2 .contact-box > div:last-child { margin-top: 20px; min-height: 300px }

/* socialmenu */
.socialmenu { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; line-height: 100%; }
.socialmenu li { font-size: 16px; margin: 1px; }
.socialmenu li:not(.large) span { display: none; }
.socialmenu a { color: white; text-decoration: none; width: 24px; height: 24px; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; }

.socialmenu .large a { width: auto; height: auto; padding: 4px 8px; font-size: 90%; }
.socialmenu .large span { margin-left: 6px; }

.socialmenu li.facebook a { background: #1877F2; }
.socialmenu li.twitter a { background: #50ABF1; }
.socialmenu li.youtube a { background: #DC472E; }
.socialmenu li.instagram a { background: #C536A4; }
.socialmenu li.whatsapp a { background: #25D366; }
.socialmenu li.tripadvisor { background: #589541; }
.socialmenu li.justeat a { background: #FA0029; }
.socialmenu li.linkedin a { background: #0084B1; }
.socialmenu li.telefono a { background: #666; }
.socialmenu li.telefono.large:last-child a { font-size: 16px; }
.socialmenu li.telefono.large a { padding: 6px 12px; }


.parrafo { margin-bottom: 40px }


.seo1 { background: linear-gradient(rgb(243 243 243 / 50%), #fff) }

.panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2{font-size: 38px; line-height: 140%;}
.panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2{font-size: 38px; line-height: 140%;}
.panel__simple--skin1 .switem .switemimg{background-image:none!important;}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {
    

   

}

@media screen and (max-width: 1023px) {
   
}

/*################
#####  9 6 0  ####
################*/
@media screen and (max-width: 960px) {
 
}

/*################
#####  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;}
    }

    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;}
    .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;}
}

/*################
#####  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;}
    } 

    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; }
    .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; }
}

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

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


}
.dvBanner .dvBannerCont a:not(.dvBannerContLink4){
    text-decoration: none;
    pointer-events: none;
}