:root{
   
  --primario:#08018F;
 
  --primario-r:65;
  --primario-g:128;
  --primario-b:147;

  
  --primario-h:243;
  --primario-s:99%; /*no olvidar el %*/
  --primario-l:28%; /*no olvidar el %*/
  

  --primario-soft-especial:hsl(var(--primario-h), 5%, 98%);
  --primario-soft-especial-oscuro:hsl(var(--primario-h), 5%, 95%);
  --primario-softisim:hsl(var(--primario-h), 18%, 92%);
  --primario-soft:hsl(var(--primario-h), 24%, 83%);    
  --primario-oscuro:hsl(var(--primario-h), var(--primario-s), 11%);  
  --primario-oscuro-dark:hsl(var(--primario-h), 50%,6%);


  /*texto principal */
  --texto-principal-titulo-transform:none;/*uppercase (para mayúsculas) o none*/

  --texto-principal-v2-color:var(--modulo2-color);

  --texto-principal-v2-boton-color:#222;
  --texto-principal-v2-boton-background:#fff;
   --texto-principal-v2-boton-border:#111;

   --texto-principal-v2-boton-hover-color:#fff;
  --texto-principal-v2-boton-hover-background:var(--primario);
   --texto-principal-v2-boton-hover-border:var(--primario-oscuro);

   
    --texto-principal-enlace-color:#333;
   --texto-principal-enlace-hover-color:#000;
   --texto-principal-enlace-hover-background:rgba(255,255,255,0);

   --texto-principal-v2-enlace-color:#c6c6c5;/*color del link de texto  principal*/
   --texto-principal-v2-enlace-hover-color:#fff;
   --texto-principal-v2-enlace-hover-background:rgba(255,255,255,0);

  
  --modulo-borde-top:#333; /*borde de primer módulo*/
  --modulo-borde-alto:4px; /*borde de primer módulo*/
  --modulo-titulo:var(--primario-oscuro-dark);/*color titulo de módulo con fondo blanco*/
  --modulo-titulo-line-height:1.05;/*line height del título: 1, 1.1, 1,2, 1.3....*/
  --modulo-titulo-transform:none;/*uppercase (para mayúsculas) o none*/

  --modulo2-background:var(--primario-soft-especial); /*color fondo de módulo y texto principal*/
  --modulo2-color: var(--primario-oscuro-dark);/*color texto y título de módulo con fondo color*/
  --modulo2-titulo-shadow:0px 2px 4px hsla(var(--primario-h), var(--primario-s), 8%, .4);
  --modulo2-titulo-shadow:none;
  --modulo2-enlace-borde:var(--primario-oscuro-dark);/*color borde enlace de módulo*/
  --modulo2-enlace-color:var(--primario-oscuro-dark);/*color texto enlace de módulo*/
  
  --modulo2-btn-hover-color:#eee;/*color texto HOVER enlace.btn de módulo*/

  --modulo2-enlace-parrafada-color:var(--modulo2-color);/*color texto enlace de la parrafada del  módulo*/
  --modulo2-enlace-hover-color:var(--primario);/*color texto HOVER enlace de la parrafada del  módulo*/

  --modulo2-enlace-hover-borde:var(--primario);/*color borde HOVER enlace de módulo*/
  --modulo2-enlace-hover-background:var(--primario-oscuro);/*color fondo HOVER enlace de módulo*/
  --modulo2-enlace-background:var(--modulo2-background);




   --modulo2-icono:#09251f;
   --modulo2-icono:var(--primario-osucuro);
  --modulo2-icono-hover:#111;
  

   --modulo-enlace-borde:var(--primario-oscuro-dark);/*color borde enlace de módulo con fondo blanco*/
  --modulo-enlace-color:var(--primario-oscuro-dark);/*color texto enlace de módulo con fondo blanco*/
  --modulo-enlace-background:#fff;/*color texto enlace de módulo con fondo blanco*/

   --modulo-enlace-borde-hover:var(--primario);/*color borde HOVER enlace de módulo*/
   --modulo-enlace-background-hover:var(--primario-oscuro);/*color fondo HOVER enlace de módulo*/
   --modulo-enlace-color-hover:#eee;/*color texto HOVER enlace de módulo*/

   --modulo-enlace-texto-color:var(--primario-oscuro);
   --modulo-enlace-texto-hover-color:var(--primario);

   --galeria-borde:#345590;
  
  --secundario:#D14B18;         
  --secundario-oscuro:#8C2F0B;  
  
  --secundario-h:17;
  --secundario-s:79%
  --secundario-l:46%;
  

  --ratio: 1.25;
  --s-9: calc(var(--s-8) / var(--ratio));
  --s-8: calc(var(--s-7) / var(--ratio));
  --s-7: calc(var(--s-6) / var(--ratio));
  --s-6: calc(var(--s-5) / var(--ratio));
  --s-5: calc(var(--s-4) / var(--ratio));
  --s-4: calc(var(--s-3) / var(--ratio));
  --s-3: calc(var(--s-2) / var(--ratio));
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: 1rem;
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
  --s5: calc(var(--s4) * var(--ratio));
  --s6: calc(var(--s5) * var(--ratio));
  --s7: calc(var(--s6) * var(--ratio));
   --s8: calc(var(--s7) * var(--ratio));
   --s9: calc(var(--s8) * var(--ratio));

   --gap-bajo-nav:var(--s3);

  --ancho-max:1200px;
  --altura-header:calc(85vh - 130px);
  
  --padding-gea:1rem;
  

  --gris-claro:#A0A5A9;
  --gris-corporativo:#B6B1A9;
  --gris-oscuro:#6C655B;
  --gris-oscurisimo:#333333;
  --gris-negro:#111;


  --destacado-primario:var(--primario-oscuro-dark);
  --destacado-hover:var(--primario);

  --gris:var(--gris-corporativo);
  --negro:var(--primario-oscuro-dark);
  
  --exito:var(--primario-oscuro);

  --fuente-color-body: #333;/*hsl(217deg 10% 23%);;*/


  --font-weight-titulos:600;
  
  --fuente-secundaria: 'Playfair Display',  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fuente-terciaria: var(--fuente-secundaria);
  
  
  /*PRENAV*/
  --prenav-color:#6b6b6b;  /*color de links y textos de la prenav */
  --prenav-color-hover:var(--primario);/*color del HOVER de links de la prenav */
  --prenav-color-barra:hsl(var(--primario-h), 15%, 80%); /*color barra separadora de prenav*/

  
  /*NAV*/
  --nav-primario:#333; /*color de texto de enlace de nav*/
  --nav-primario-hover:#fff;    /*color de texto de enlace de HOVER de nav*/
  --nav-secundario:#000;/*???*/
  --nav-secundario-bg:var(--primario-oscuro);  /*el fondo del enlace en HOVER*/
  --nav-bg:#fff;/*fondo nav*/
  --nav-primario-weight:500;/**/
  --nav-primario-btn-width:2px;/*ancho de borde de botón*/
  --nav-primario-letter-spacing:.08em;/*espacion entre letras*/
  --nav-transform:uppercase;/*para los links*//*uppercase (para mayúsculas) o none*/

  --dropdown-background:var(--primario);/*color de fondo del de submenú de nav*/
  --dropdown-color:var(--primario-softisim);/*color link de submenú de nav*/

  --dropdown-color-hover:#fff;/*color link HOVER de submenú de nav*/

  --dropdown-boton-desplegado:#1d1d1b; /*para el botón que despliega el submenú dropdown cuando lo ha desplegado*/

  --nav-outline-primario:#1d1d1b; /*color de texto enlace outline nav*/  
  --nav-outline-border-primario:#1d1d1b;/*color de borde de enlace outline nav*/ 
  --nav-outline-background-primario:#ffff;/*color de fondo de enlace outline nav*/ 
  --nav-outline-weight:600;/*grosor de letra de enlace outline*/

  --nav-outline-hover:#fff; /*color de texto HOVER enlace outline nav*/  
  --nav-outline-border-hover:var(--primario-oscuro);/*color de borde  HOVER de enlace outline nav*/ 
  --nav-outline-background-hover:var(--primario);/*color de fondo HOVER de enlace outline nav*/ 

  --nav-outline-active:#fff; /*color de texto ACTIVE enlace outline nav*/  
  --nav-outline-border-active:var(--primario-oscuro-dark);/*color de borde  ACTIVE de enlace outline nav*/ 
  --nav-outline-background-active:var(--primario-oscuro);/*color de fondo ACTIVE de enlace outline nav*/ 

  --nav-link-activo:#c6c6c5;

  --nav-sm-primario:#333;/*color links de menú sm*/
  --nav-sm-primario:#6b6b6b;/*color links de menú sm*/
  --nav-sm-primario-hover:var(--primario-oscuro);/*color links HOVER de menú sm*/
  --nav-sm-primario-focus:var(--primario-oscuro);/*color links HOVER de menú sm*/
  --nav-sm-primario-burguer:#333;/*los colores del botón que despliega el menú sm*/
  --nav-sm-primario-burguer-hover:var(--primario);/*los colores HOVER del botón  que despliega el menú sm*/
  --nav-sm-primario-burguer-focus:var(--primario);/*los colores FOCUS del botón  que despliega el menú sm*/

  --primario-btn:var(--primario-oscuro);
  --primario-btn-hover:var(--primario);
  --primario-btn-focus:var(--primario);
  --primario-btn-active:#var(--primario);

  --padding-btn-y:var(--s-2);
  --padding-btn-x:var(--s-1);
  
  --radio-borde-boton:.25rem;
  /*--radio-borde-boton:0;*/



  /*PIE FOOTER*/
  --pie-bg:VAR(--primario-oscuro);  /* fondo del pie "normal" */             
  --pie-legal-bg:hsl(var(--primario-h), 40%, 9%);  /* fondo del pie legal (aviso legal, etc)   */    
  
  --pie-primario:#fff; /* texto y enlaces del pie "normal" */
  --pie-hover:#eee; /* HOVER de  enlaces del pie "normal" */

  --pie-legal-primario:#aaa; /* texto y enlaces del pie legal */  
  --pie-legal-primario:var(--primario-soft-especial-oscuro);
  --pie-legal-hover:#fff; /* hover de enlaces del pie legal */  
 
   --link-wit:#ee9100; /*el enlace a wit desde el pie legal*/
  --link-wit-hover:#fee9100; /*el HOVER del enlace a wit desde el pie legal*/

  
  --decoracion-pie-arriba:#fff; /*la decoración superior del pie*/

  --decoracion-pie-medio:#fff; /*la decoración medio del pie*/

  --decoracion-pie-abajo:var(--pie-legal-bg)    ; /*la decoración abajo del pie*/
  

  /*ESTRELLAS RATING (SOLO TIENDAS ONLINE)*/
  --star-size: 3rem;
  --star-color: #ddd;
  --star-background: #fc0;

  --pildora:var(--primario-oscuro);


  /*SLIDER INICIO*/
  
  --slider-fuente-color-claro:#eee; /*la fuente CLARA para SLIDER Y HEADER*/
  --slider-fuente-color-oscuro:#1d1d1b; /*la fuente OSCURA para SLIDER y HEADER*/

  --slider-btn-background:var(--primario-oscuro);
  --slider-btn-color:#eee;
  --slider-btn-font-size:var(--s1);
  --slider-btn-font-weight:500;
  --slider-btn-padding:var(--s-1);
  --slider-btn-padding-bottom:0.8em;
  --slider-btn-line-height:1;

  --slider-btn-hover-background:var(--primario);
  --slider-btn-hover-color:#fff;

  /*ETIQUETA FORMULARIO*/
  --label-background:#d1d7e0;/*c6c6c5*/
  --label-color:#1d1d1b;


  /*NEWSLETTER*/
  --newsletter-background:blue;/*fondo*/
  --newsletter-color:#ddd;/*color de fuente*/

  --newsletter-check-color:#ddd;/*color del texto legal*/
  --newsletter-check-a-color:#ddd;/*color del enlace del texto legal*/
  --newsletter-check-a-hover-color:#eee;/*color del enlace HOVER del texto legal*/

  --newsletter-btn-background:var(--primario);/*color fondo del botón */
  --newsletter-btn-color:#222;/*color del botón*/
  
  --newsletter-btn-hover-background:var(--primario-oscuro-dark);/*color fondo HOVER del botón */
  --newsletter-btn-hover-color:#fff;/*color del botón HOVER*/
  

  /*DESTACADOS*/

   --destacados-primario:#fff;
  --destacados-titulo-size:var(--s1);
  --destacados-titulo-weight:700;
  --destacados-subtitulo-ancho:37ch;
  --destacados-subtitulo-margin-top:var(--s-2);
   --destacados-borde:hsl(var(--primario-h), var(--primario-l), 34%);
   --destacados-borde-width:1px;
   --destacados-borde-radius:5rem;
   --destacados-background:hsl(var(--primario-h), var(--primario-s), 34%);
   --destacados-color:#fff;
   --destacados-box-shadow:none;
   --destacados-icono-size:var(--s9);
   --destacados-icono-color:var(--destacados-primario);
   --destacados-enlace:blue;
   --destacados-enlace-hover:#eee;


   /*DESTACADOS versión alternativa. Se activa desde el cms*/

   --destacados-v2-background:var(--primario); /*el fondo del módulo, no de las cards*/
   --destacados-v2-borde:var(--primario-oscuro);
   --destacados-v2-card-background:#fff;
    --destacados-v2-box-shadow:1px 1px 4px rgba(100,100,100,.5);
    --destacados-v2-color:var(--primario-oscuro-dark);
    --destacados-v2-primario:var(--primario-oscuro);
    --destacados-v2-icono-color:var(--primario-oscuro);



    /*VÍDEO*/
    --video-margin-top:0;
    --video-padding-top:var(--s6);
    --video-padding-bottom:var(--s6);
    --video-background:#DAD7CD;


    /*migas-v2*/
    --migas-v2-background:var(--modulo2-background); /*el fondo de las migas*/


     /*imagen modulo*/
    --color-imagen:var(--primario-oscuro-dark);

     /*OJO QUE FALTA LO DE listado de productos de SAMERLABS DE LAS CARDS*/


    --modal-secondary-background:#444;
    --modal-secondary-color:#fff;
    --modal-secondary-hover-background:var(--primario);
    --modal-secondary-hover-color:#fff;


    /*filtros*/
    --pill-color:#1f2c32   ;
    --pill-border-color:#595d5f;
    --pill-background:#d5dbdd;
    --pill-hover-color:#111;
    --pill-hover-border-color:#444;
    --pill-hover-background:#eee;
    --pill-border-radius:.5em;
    --pill-letter-spacing:.015em;

    --filtros-titulo-color:#444;
    --filtros-titulo-weight:500;
    --filtros-enlace-color:#555;
    --filtros-enlace-hover-color:#000;
    --filtros-svg-fill:#eee;
    --filtros-svg-active-fill:#00313d;
    --filtros-svg-borde:#777;
    --filtros-svg-active-borde:#00313d;
    --filtros-svg-mr:.1em;


    --slide-v2-background:#333;
}




h1, h2, h3, h4 {
    font-family:var(--fuente-secundaria);
    /*font-family:unset;*/
}



body
{
    
    background:#fff;
    color:var(--fuente-color-body);
    /*font-family: var(--fuente-secundaria), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
}

a {
    color: var(--primario-btn);
   
}
a:hover {
    color: var(--primario-oscuro);
    text-decoration: underline;
}

main
{
    overflow:hidden;
}


@media not all and (min-resolution:.001dpcm) { @media {
    /*safary only*/
    main
    {
        overflow:visible;
    }
}}


.offscreen{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}



abbr[title], abbr[data-original-title] 
{        
    text-decoration: none;        
}

.w-pointer
{
    cursor:pointer;
}

.witicon
{
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.witicon-izq
{
    margin-left:.25em;
}
.witicon-der
{
    margin-right:.25em;
}

code {
        color: inherit;
    }



.container-gea
{
    padding-left:var(--padding-gea);
    padding-right:var(--padding-gea);
    max-width: var(--ancho-max);
    margin-left:auto;
    margin-right:auto;
}


@media(min-width:1250px) /*OJOR OJOR*/
{
    .container-gea
    {
        padding-left:0;
        padding-right:0;
    }
}


.scrolled
{
    background:var(--nav-bg)!important;    
    border-bottom:1px solid #eee;
    box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}



.scrolled #link-inicio
{
    height:70px;
}
.scrolled #link-inicio a
{ 
    height:70px;
}
#link-inicio img {
    transition: transform 100ms cubic-bezier(0.65, 0, 0.35, 1);
    transform-origin: top left;
}
    .scrolled #link-inicio img {
        transform: scale(.5)translateY(22px);

         /*   descomentar si no swap
        */ 
        
    }

.scrolled .nav-principal > ul > li {
    /*margin-top:0;*/
}

.odiseo
{
    /*display:none;*/
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


b.separador {
    display: block;
    height: var(--s6);
    background: var(--primario-oscuro-dark);
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 25px) 100%, calc(50% + 0px) 0, calc(50% - 0px) 0, calc(50% - 25px) 100%, 0 100% );
        padding-top: var(--s7);
    height: 62px;
    clip-path: none;
    background: url(../img/bg7.svg);
    background-repeat: repeat-x;
    background-color: var(--primario-soft-especial);
    background-position: bottom;
}

b.separador-v2 {    
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% ) 100%, calc(50% + 25px) 0, calc(50% - 25px) 0, calc(50% ) 100%, 0 100% );*/
   background: url(../img/bg8.svg) repeat-x bottom;
   background-color: #fff;
}

.error-sin-resultados{
    font-size:1.15em; display:flex;
}
.error-sin-resultados svg{
    flex-shrink:0; align-self:flex-start;position:relative;top:.1em;font-size:1.5em;
}

    .error-sin-resultados a {
        text-decoration:underline;
        text-underline-offset: 0.25em;    
        text-decoration-thickness:.1em;            
    }
    .error-sin-resultados a[href^="tel"] {
        white-space: nowrap;
    }






/*prettyphoto*/
.pp_social
{
    display:none;
}
    
    
.pink
{
    color:pink;
}


/*BOTONES*/







.btn 
{
    border-radius:var(--radio-borde-boton);
    padding:var(--padding-btn-y) var(--padding-btn-x);
}




.btn-primary {
    color: #fff;
    background-color:var(--primario-btn);
    border-color:var(--primario-btn);
}



.btn-primary:hover {

    color:#fff;
    background-color:var(--primario-btn-hover);
    border-color:var(--primario-btn-hover);

}

.btn-primary.focus, .btn-primary:focus {

    color: #fff;
    background-color:var(--primario-btn-focus);
    border-color:var(--primario-btn-focus);
    box-shadow: 0 0 0 .2rem rgba(var(--primario-r),var(--primario-g),var(--primario-b),.5);

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {

    color: #fff;
    background-color:var(--primario-oscuro-dark);
    border-color:var(--primario-oscuro-dark);
}



.btn-outline-primary 
{
    color: var(--primario-oscuro-dark);
    background-color: transparent;
    background-image: none;
    border-color: var(--primario-oscuro-dark);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primario-oscuro-dark);
    border-color: var(--primario-oscuro-dark);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primario-oscuro-dark);
    border-color: var(--primario-oscuro-dark);
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem hsla(var(--primario-h),var(--primario-s),var(--primario-l),.5);
}



.btn-outline-secondary 
{
    color: var(--secundario);
    background-color: transparent;
    background-image: none;
    border-color: var(--secundario);
}
.btn-outline-secondary:hover 
{
    color: #fff;
    background-color: var(--secundario);
    border-color: var(--secundario-oscuro);
}

.btn-outline-secondary:focus, 
.btn-outline-secondary.focus 
{
    box-shadow: 0 0 0 3px rgba(var(--primario-r), var(--primario-g), var(--primario-b), .5);
}

.btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--secundario);
    border-color: var(--secundario-oscuro);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--secundario-oscuro);
    border-color: #333;
}


.btn-secondary { 
    border-color: #444;
}




    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #333;
        border-color: #333;
        cursor: not-allowed;
    }



/*MIGAS*/

.migas 
{
    margin-bottom:var(--s0);
    font-size:.75rem;
    
    margin-top:var(--s1);
}

.migas ol
{
    background:#fff;
    padding:0;
    margin:0;
}

.migas a {

    color:var(--fuente-color-body);
}




.with-sidebar {
  overflow: hidden;
}

.with-sidebar > * {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--s1) / 2 * -1);
}

.with-sidebar > * > * {
  margin: calc(var(--s1) / 2);
  flex-basis:50ch;
  flex-grow: 1;
}

.with-sidebar > * > :last-child {
  flex-basis: 0;
  flex-grow: 999;
  min-width: calc(50% - var(--s1));
}




/**/
/**/
/**/
/* NAV PRINCIPAL*/
/**/
/**/
/**/

[hidden] {
 display: none;
}


#navigation-sm
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;     
    -webkit-box-align: center ;     
    -ms-flex-align: center ;     
    align-items: center ;  
    -ms-flex-wrap:wrap;  
    flex-wrap:wrap;
                
    background: var(--nav-bg);
    /*padding-bottom:2rem;*/
}

#navigation-sm > span
{
    margin:0;
    line-height:1;
    display:block;
}
#navigation-sm > button
{
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    
    text-align: inherit;
    border-radius:0;
    
    margin-top: 1rem;
    font-size:2rem;
    color:var(--nav-sm-primario-burguer);
    margin-top:0v
    padding:0;
    vertical-align: 0;
    line-height: 1;

    margin-top: .2rem;
}
#navigation-sm > button:hover,
#navigation-sm > button:focus
{
    color:var(--nav-sm-primario-burguer-hover);
}
#navigation-sm > button:focus
{
    outline:2px auto var(--nav-sm-primario-burguer-focus);
    outline:none;
}

    #navigation-sm > button svg {
        vertical-align: 0;
    }

#navigation-sm > #menu-list
{
    width:100%;
    
    margin:0;
    padding:0;
    padding-top:1rem;
    padding-left:1rem;
    padding-bottom: 2rem;
    list-style:none;
    
    font-family:var(--fuente-secundaria);
    text-transform:uppercase;

    padding-top:0rem;
}

#navigation-sm > #menu-list a:not(.btn)
{
    color:var(--nav-sm-primario);
    padding: .25rem 0;
    display: block;

    letter-spacing:.2em;
}
#navigation-sm > #menu-list a:hover:not(.btn),
#navigation-sm > #menu-list a:focus:not(.btn)
{
    color:var(--nav-sm-primario-hover);
    text-decoration:underline;
    text-underline-offset: 0.2em;
}
#navigation-sm > #menu-list a:focus
{
    outline:2px solid #fff;
    outline:2px solid var(--nav-sm-primario-focus);
    outline:none;
}

 .nav-principal, .contnav
{
    display:none;
}
@media(min-width:992px){
    #navigation-sm
    {
        display:none;       
    }
    .nav-principal
    {
        display:block;
    }
}



#navigation-sm li.sub {
    position: relative;
    padding-left: 1.25rem;
    font-size: .75em;
    margin-left: .25rem;
}
    #navigation-sm li.sub::before {
        position:absolute;
        content:url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' class='witicon'%3E%3Cpath d='M8 8v32h48' stroke='%23eee' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width:1rem;
        height:1rem;
        top:.25rem;
        left:0;
    }




.contnav
{
    display:block;
    position:sticky;
    top:0;
    background:var(--nav-bg);    /*ojo, tiene que seer como el de .scrolled*/
    z-index:1000;
}


.nav-principal
{
    font-family:var(--fuente-secundaria);
    margin-bottom:2rem;
    /*sticky*/
    margin-bottom:0;
    /*
    Comento a ver qué pasa
    padding-bottom:2rem;
    padding-top:1rem;
    margin-top:-1px;
    */
 
    padding-top:0;
    padding-bottom:0;
    
    background:var(--nav-bg);
    
   
    padding-bottom: var(--s-2);
}


.nav-principal > ul
{
    list-style:none;
    margin:0;
    padding:0;
    
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    /*sub*/
    position:relative;
    

    text-transform: var(--nav-transform);
}

.nav-principal > ul > li
{
    line-height:1;
    color:var(--nav-primario);
    margin-top: 2.5rem;
    
    /*sub*/
    position: relative;
	text-decoration: none;
  transition-duration: 0.5s;
  transition-duration: 0.1s;


  margin-top: 1rem;
}

@media(min-width:992px) and (max-width:1199px) 
{
    .nav-principal > ul > li
    {
        font-size:.9rem;
    }
}


.nav-principal > ul > li:first-child
{

    margin-top: 0;
    
    position: relative;
    z-index: 998;
}
.nav-principal > li:last-child
{
    
}

.nav-principal > ul >li > a:not(.btn)
{
    display:block;
    line-height:1;
    padding:1rem;
    /*text-transform:uppercase;*/
    color:var(--nav-primario);
    
    font-weight:var(--nav-primario-weight);
    letter-spacing:var(--nav-primario-letter-spacing);
}

.nav-principal >ul > li >a:hover,
.nav-principal >ul > li > a:focus
{
   
    background:var(--nav-secundario-bg);
    text-decoration:none;
    
    color:var(--nav-primario-hover);
    
}

.nav-principal >ul > li:first-of-type > a
{
    padding-left:0;
    padding-top:0;
    padding-bottom:0;
}

.nav-principal >ul > li.haspopup:focus-within,
.nav-principal >ul > li.haspopup:hover  { /*esto controla el li deslplegable*/
	cursor: pointer;
	
	background: var(--dropdown-boton-desplegado);
	/*color:#000;*/
	
}

.nav-principal >ul > li:first-of-type > a:hover,
.nav-principal >ul > li:first-of-type > a:focus
{
    background:inherit;
    color:inherit;
}
.nav-principal >ul > li:first-of-type > a:focus
{
    /*outline:2px solid var(--fuente-color-body);*/
}
.nav-principal >ul > li:nth-child(2)
{
    margin-left:auto;
}

.nav-principal > ul > li.active a {
    position: relative;
}
.nav-principal > ul > li.active > a:not(.btn)::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    background: var(--secundario);
    background: var(--nav-link-activo);

    bottom: -2px;
    left: 0.5rem;
    right: 0.5rem;
}


/*submenus*/




.nav-principal li:focus-within a {
  outline: none;
}

.nav-principal  ul li .midropdown {
	
	visibility: hidden;
  opacity: 0;
  min-width: 5rem;
    position: absolute;
  transition: all 0.5s ease;
  
	left: 0;
  display: none;
  
  list-style:none;

  margin-top:0;

  width: 100%;
  background: var(--nav-bg);
  
  /*top: 100%;
  top: 67px;
  top:95px;*/
  
  
    padding-bottom:1.5rem;

    top: 100%;
    background: #4c5e7b;
    padding: 1rem;

}
.nav-principal ul li.haspopup2 .midropdown {
    width:auto;
}

.nav-principal  .midropdown ul {
	
  
  list-style:none;
  padding-left:0;
  font-family:var(--fuente-secundaria);
  
}
.nav-principal >ul > li.haspopup:focus-within > a, .nav-principal >ul > li.haspopup:hover > a {
    
    color:var(--nav-primario-hover);
    
}
.nav-principal ul li .midropdown li a{
    color:#fff;
    text-underline-offset:.3em;
}
.nav-principal ul li:hover > .midropdown,
.nav-principal ul li:focus-within > .midropdown,
.nav-principal ul li .midropdown:hover,
.nav-principal ul li .midropdown:focus {
  visibility: visible;
  opacity: 1;
  display: block;
  
  /*display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap:1rem;
  
  grid-row-gap:3rem;*/
  
}

.nav-principal ul li .midropdown li {
	clear: both;
  width: 100%;
}
.nav-principal ul li .midropdown li + li {
	margin-top:.75rem;
}






.nav-principal-centrada {

}
.nav-principal-centrada > ul {
    flex-wrap:wrap;
    justify-content: center;
}
.nav-principal-centrada > ul > li:first-child {
   width:100%;
   flex-shrink:0;
   justify-self: center;
}
    .nav-principal-centrada #link-inicio img {
        margin:0 auto;
        transform-origin: top center;
    }
    .nav-principal-centrada #link-inicio a {
        padding: 0;
    }
    .nav-principal-centrada >ul > li:nth-child(2) {
        margin-left: 0;
    }
    

/*submenús estilos*/

.midropdown
{
    
}

.midropdown > *
{
    
}

.midropdown > div p
{
    font-size:1rem;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    position:relative;
    padding-bottom:1rem;
    margin-bottom:.5rem;
    
    font-family:var(--fuente-secundaria);
    text-transform:inherit;
    font-size:1.5rem;
    
    padding-bottom: .65rem;
    
}
.midropdown > div p:after
{
    position:absolute;
    bottom:0;
    left:0;
    content:"";
    width:2rem;
    background:var(--gris);
    background:#fff;
    height:2px;
}

.midropdown > div ul
{
    padding-left:0;
}
.midropdown > div ul a
{
    padding-left:0;
    /*font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    display:inline-block;
    color:var(--nav-primario);
    padding:.5rem 0;
    
    padding:.25rem 0;
}


.midropdown > div ul a:hover,
.midropdown > div ul a:focus
{   
    color:var(--nav-secundario);
    text-decoration:underline;
    
    color:var(--primario-softisim);
}
.midropdown > div ul a:focus
{   
    outline:2px solid var(--fuente-color-body);
    outline:2px solid #fff;
}


    .midropdown > div img {
        display: block;
        max-width:100px;
    }

    .midropdown > div > a {
        display: inline-block;
        white-space: nowrap;
        color: #fff;
        margin-top: 1rem;
        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight:500;
        text-transform:uppercase;
    }

/*PRE NAV*/


.pre-nav
{
    padding:.5rem 0;
    /*sticky*/
    padding-bottom:0;
    
    font-family:var(--fuente-secundaria);
    /*margin-bottom:.5rem;*/
}
.pre-nav ul
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;        
    -ms-flex-pack: end;
    justify-content: flex-end;
    
    list-style:none;
    margin:0;
    padding:0;

}
    .pre-nav li {
        flex-grow:0;
        flex-basis: fit-content;
    }
.pre-nav li,
.pre-nav a
{
    line-height:1;
    font-size:.9rem;
    color:var(--prenav-color);
    
    text-transform:uppercase;
}

.pre-nav li.pre-link-tfno
{
    padding:.5rem 0 .5rem 1rem;    
    /*margin-right:1rem;*/
    color:var(--prenav-color);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-align: right;
    

    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;

}

    .pre-nav li.pre-link-tfno > * {
        flex-grow:0;
    }

.pre-nav  svg
{
    margin-right:.25rem;   
    display: inline-block;
    font-size:inherit;
    height:1em;
    vertical-align: -.125em;

    margin-right:0;
}

.pre-nav a
{
    padding:0 .5rem;
}
.pre-nav li#pre-link-facebook a
{
    padding-right:.25rem;
}
    .pre-nav li#pre-link-facebook a svg {
        font-size: 1.02rem;
    }
.pre-nav li#pre-link-instagram a
{
    padding-left:.25rem;
}
    .pre-nav li#pre-link-instagram a svg{
        font-size: 1.05rem;
    }
.pre-nav li#pre-link-youtube a
{
    padding-left:.25rem;
    padding-right:.25rem;
}
.pre-nav li#pre-link-youtube a svg
{
    font-size:1.2rem;
}


.pre-nav a:hover,
.pre-nav a:focus
{
    text-decoration:none;
    /*color:var(--prenav-color-hover);*/
    color:#000;

}
.pre-nav a:focus
{
    /*outline:2px solid var(--fuente-color-body);*/
}

.pre-nav li.barra-der
{
    /*border-right:1px solid var(--prenav-color-barra);*/
    border-right:1px solid #222;
}
@media(min-width:992px)
{
    
    .pre-nav li.pre-link-tfno
    {
        margin-right:1rem;
    }
}

.pre-nav li.pre-link-tfno:last-child a
    {
        padding-right:0;
    }

/*ocultar links prenav*/
.pre-nav li#pre-link-presupuesto,
.pre-nav li#pre-link-login span,
.pre-nav li#pre-link-cesta span,
.pre-nav li#pre-link-deseos span/*,
.pre-nav li#pre-link-facebook,
.pre-nav li#pre-link-instagram*/
{
    display:none;
}
@media(min-width:576px)
{
    
    
    .pre-nav li.pre-link-rss
    {
        display:block;
    }
    .pre-nav li#pre-link-login span
    {
        display:inline;
    }
}
@media(min-width:768px)
{
    .pre-nav li#pre-link-presupuesto
    {
        display:block;
    }
    .pre-nav li#pre-link-cesta span
    {
        display:inline;
    }
}
@media(min-width:992px)
{
    
    .pre-nav li#pre-link-deseos span
    {
        display:inline;
    }
}



.pre-nav li#pre-link-cesta
{
    
}

.pre-nav li#pre-link-cesta svg
{
    font-size:1.05rem;
}
.pre-nav li.pre-link-tfno svg {
    font-size: 1.02rem;

    flex-shrink:0;
}
svg[aria-labelledby="tit-pie-youtube"] {
    font-size:1.2rem;
    transform:translateY(1px);
}

.pre-nav li#pre-link-cesta a,
 li#link-cesta a
{
    position:relative;
}
.pre-nav li#pre-link-cesta a span.bolita,
 li#link-cesta a span.bolita
{
    position:absolute;
    top: -.55rem;
    /* right: -.25rem; */
    left: 1.75em;
    font-size:.6rem;
    color:#fff;
    display:block;
    background:var(--secundario-btn);
    background:#f15900;
    border-radius:50%;
    line-height:1;
    padding:.25rem;
    height:1.75em;
    width:1.75em;
    text-align:center;
    font-family:Sans-Serif;
}
 li#link-cesta a span.bolita
 {
     right:.5rem;
     top:0;
 }
@media(min-width:768px) {
    .pre-nav li#pre-link-cesta a span.bolita {
        left: 2.75em;
    }
}



@media(min-width:768px) {
    .pre-nav a
    {
        padding:0 1rem;
    }
}



header
{
    
}





/*  FOOTER  */
/*  
    footer
        container-footer
            container-gea
                container-direccion
                    h2
                    p.lema-pie
                    address
                    p.icono-pie*3
                container-nav-pie
                container-rrss-pie
                container-logo-pie
        container-footer-legal
            container-gea
*/

footer
{
    margin-top:0rem;
    margin-top:var(--s8);
}

.container-footer
{
    background:var(--pie-bg);
    color:var(--pie-primario);
    padding-top:4rem;
    padding-bottom:4rem;
}

.container-footer .container-gea>*:not(:last-child)
{
    margin-bottom:2rem;
}

.container-direccion
{
    
}

.container-footer h2
{
    font-family:var(--fuente-secundaria);
    font-size:1.5rem;
    position:relative;
    padding-bottom:1rem;
    margin-bottom:1rem;

    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/ 
    font-weight: 400;
}
.container-footer h2::after
{
    content:"";
    position:absolute;
    width:2.5rem;
    background:var(--pie-primario);
    height:1px;
    bottom:0;
    left:0;
}



.container-footer h3 {
    font-family:var(--fuente-secundaria);
    font-size:1.1rem;
    position:relative;
    padding-bottom:.5rem;
    font-weight: 400;
}


.container-direccion .lema-pie
{
    margin-bottom:1rem;
    line-height:1.3;
    max-width:300px;
}



.container-direccion .icono-pie
{
    margin-bottom:.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

    line-height:1.2;
}

.container-direccion .icono-pie svg
{
    margin-top:.25em;
    margin-right:.4rem;
     -ms-flex-negative:0;
    flex-shrink:0;
}

.container-direccion > *:last-child
{
    margin-bottom:0;
}







nav.container-navegacion-pie ul,
nav.container-rrss-pie ul
{
    list-style:none;
    margin:0;
    padding:0;    
}

nav.container-navegacion-pie li,
nav.container-rrss-pie li {
    line-height:1.2;
}
nav.container-navegacion-pie li:not(:last-child),
nav.container-rrss-pie li:not(:last-child)
{
    margin-bottom:.4rem;    
}

nav.container-navegacion-pie a,
nav.container-rrss-pie a
{
    color:var(--pie-primario);  
}
nav.container-navegacion-pie a:hover ,
nav.container-navegacion-pie a:focus ,
nav.container-rrss-pie a:hover,
nav.container-rrss-pie a:focus
{
    text-decoration:none;
    color:var(--pie-hover);
}


nav.container-navegacion-pie svg,
nav.container-rrss-pie
{
    margin-right:.25rem; 
}



nav.container-logo-pie img
{
    display:block;
}



@media(min-width:576px)
{
@supports (display: -ms-grid) or (display: grid)  
{
    .container-footer .container-gea
    {
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));   
        grid-column-gap:1rem;
        grid-row-gap:2rem;
    }
    .container-footer .container-gea > :not(:last-child) {

        margin-bottom: 0rem;

    }
    .container-footer .container-direccion
    {
        grid-column:1/7;
        grid-row:1;
        
    }
    .container-direccion .lema-pie
    {        
        max-width:initial;
    }
    .container-footer .container-navegacion-pie
    {
        grid-column:7/-1;
        grid-row:1;
        justify-self:end;
        
    }
    .container-footer .container-rrss-pie
    {
        grid-column:1/7;
        grid-row:2;
        
    }
     .container-footer .container-logo-pie
    {
        grid-column:7/-1;
        grid-row:2;
        justify-self:end;
        align-self:end;
    }
}
}



@media(min-width:768px)
{
@supports (display: -ms-grid) or (display: grid)  
{
    
    
   
    .container-footer .container-navegacion-pie
    {
        grid-column:9/-1;
        grid-row:1;
        justify-self:start;
        
    }

     .container-footer .container-logo-pie
    {
        grid-column:9/-1;
        grid-row:2;
        justify-self:start;
        align-self:end;
    }
}
}

@media(min-width:992px)
{
@supports (display: -ms-grid) or (display: grid)  
{
    
    .container-footer .container-gea
    {       
        grid-row-gap:1rem;
        grid-template-rows: min-content 1fr;
    }
    .container-footer .container-direccion
    {
        grid-column:1/5;
        grid-row:1 / span 2;
        
    }
    .container-direccion .icono-pie 
    {

        margin-bottom: .5rem;
    }
    .container-direccion > *:last-child
    {
        margin-bottom:0;
    }
    .container-footer .container-navegacion-pie
    {
        grid-column:6/9;
        grid-row:1 / span 2;
        justify-self:start;
        
    }

    .container-footer .container-rrss-pie
    {
        grid-column:10/-1;
        grid-row:1;
        
    }
     .container-footer .container-logo-pie
    {
        grid-column:10/-1;
        grid-row:2;
        justify-self:start;
        align-self:start;
    }
}
}





.container-footer-legal
{
    background:var(--pie-legal-bg);
    padding-top:4rem;
    padding-bottom:4rem;
    color:var(--pie-legal-primario);
    font-size:.75rem;
}

.container-footer-legal ul,
.container-footer-legal p
{
    
    line-height:1.1;
    margin-bottom:0;
    padding:0;
}

.container-footer-legal p
{
    margin-bottom:2rem;
}

.container-footer-legal ul
{
    list-style:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container-footer-legal li
{
     -ms-flex-negative:0;
    flex-shrink:0;
}

    
.container-footer-legal li:not(:first-child):not(:last-child)
{
    margin-left:.5rem;
    padding-left:.5rem;
    position:relative;
}
.container-footer-legal li:not(:first-child):not(:last-child)::after
{
    content:"|";
    position:absolute;
    left:0;
}

.container-footer-legal li:last-child
{
    width:100%;
    margin-top: .5rem;
}

.container-footer-legal a
{
    
    color:var(--pie-legal-primario);
}

.container-footer-legal a:hover,
.container-footer-legal a:focus
{
    
    color:var(--pie-legal-hover);
}


.container-footer-legal  li:last-child a
{
    
    color:var(--link-wit);
}

.container-footer-legal li:last-child a:hover,
.container-footer-legal li:last-child a:focus
{
    
    color:var(--link-wit-hover);
}


@media(min-width:576px)
{
    .container-footer-legal ul
    {
        float:right;
    }
    .container-footer-legal li:last-child
    {
        width:auto;
        margin-top: 0;
    }
    .container-footer-legal li:not(:first-child)
    {
        margin-left:.5rem;
        padding-left:.5rem;
        position:relative;
    }
    .container-footer-legal li:not(:first-child)::after
    {
        content:"|";
        position:absolute;
        left:0;
    }
}


@media(min-width:992px)
{
    .container-footer-legal .container-gea
    {
        display:flex;
        justify-content:space-between;
    }
    .container-footer-legal p
    {
        margin-bottom:0;
    }
    .container-footer-legal ul
    {
        float:none;
    }

    
  
}







/*POPUP*/

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 900px;
  margin: 20px auto;
  text-align: center;
}
.white-popup img {
  display:block;
  width:90%;
  margin:0 auto;
}
.white-popup .mfp-nombreProducto
{    
    margin-top: 1rem;
    font-family:var(--fuente-secundaria);
}













/*LEGALES*/


main.main-legal .container-gea
{
    display:block!important;
    
}



main.main-legal .container-gea .texto-legal
{
    max-width:60rem;
    font-size: calc(1em + .3vw)!important; 
    
}

main.main-legal .container-gea .texto-legal h2
{
    font-size:calc(1.5rem + .5vw);
    margin-bottom:.5em;
    font-family:var(--fuente-secundaria);
}

main.main-legal .container-gea .texto-legal * + h2
{
    padding-top:.1em;
    
}

main.main-legal .container-gea .texto-legal > *:last-child
{
    margin-bottom:0;
    
}





    
    
    
    
/*banner inicio*/
.banner-inicio
{
    background:var(--primario);
    color:#fff;
    text-align:center;
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:1.25rem;
    line-height:1.4;
    padding-top:1rem;
    padding-bottom:1rem;

}

.banner-inicio a
{
    display:block;
    color:#fff;
    text-decoration:none;
}
.banner-inicio a:hover,
.banner-inicio a:focus
{
    color:#fff;
    text-decoration:underline;
}
.banner-inicio a:focus
{
    outline:2px solid #fff;
}

@media(min-width:576px)
{
    .banner-inicio
    {
        font-size:1.1rem;
    }
}
@media(min-width:768px)
{
    .banner-inicio
    {
        margin-top: var(--s4);

        margin-bottom: var(--s5);
    }
}




/*slider */

/*slider */
.header .swiper-pagination-bullet,
.modulo .swiper-pagination-bullet {
    background: rgba(100,100,100,.5);
    opacity: .5;
}
.header .swiper-pagination-bullet-active,
.modulo .swiper-pagination-bullet-active {    
    background: var(--primario);
    opacity:.7;

    background: hsl(var(--primario-h), var(--primario-s), 30%);
}
.header .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.modulo .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    box-shadow: 2px 2px 2px rgba(255,255,255,.4), 
               -2px -2px 2px rgba(255,255,255,.4),
               -2px 2px 2px rgba(255,255,255,.4),
               2px -2px 2px rgba(255,255,255,.4);
}
.header .swiper-button-next, 
.header .swiper-button-prev,
.modulo .swiper-button-next, 
.modulo .swiper-button-prev
{
    width:16px;
    height:26px;
    background-size: 16px 26px;

    width:33px;
    height:48px;
    background-size: 33px 48px;

    width:32px;
    height:32px;
    background-size: 32px 32px;

    filter: drop-shadow(-2px 2px 2px rgba(0,0,0,.5));
    /*top:auto;
    bottom:1rem;*/
}

.header .swiper-button-next,
.header .swiper-button-prev {
    top:90%;
}


@media(min-width:576px) {
    .header .swiper-button-next,
    .header .swiper-button-prev {
        top:50%;
    }
}


.header .swiper-button-prev, 
.header .swiper-container-rtl 
.header .swiper-button-next,
.modulo .swiper-button-prev, 
.modulo .swiper-container-rtl 
.modulo .swiper-button-next {
    left: .5rem;
    /*background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23273f38'%2F%3E%3C%2Fsvg%3E");*/
    /*background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 48'%3E%3Cpath d='M33 48V0L0 23.635 33 48Z' fill='%23DAD7D3'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='%2386786F'/%3E%3Cpath d='M32 44 14 32.185m0 0L32 20M14 32.185h36' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.header .swiper-button-next, 
.header .swiper-container-rtl .swiper-button-prev,
.modulo .swiper-button-next, 
.modulo .swiper-container-rtl .swiper-button-prev {   
    right: .5rem;
    /*background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23273f38'%2F%3E%3C%2Fsvg%3E");*/
    /*background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 49'%3E%3Cpath d='M0 .465v48L33 24.83 0 .465Z' fill='%23DAD7D3'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='%2386786F'/%3E%3Cpath d='m32 19 20 13.292m0 0L32 46m20-13.708H12' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.header .swiper-container,
.header .swiper-slide,
.header .swiper-slide picture
{
    height:60vh;
    height:var(--altura-header);
}



.header .swiper-slide {
    display: grid;
    grid-gap:1rem;
    grid-template-columns: calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem) [percal-start] repeat(12, minmax(0, 1fr)) [percal-end] calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem);
    /*grid-template-rows:2rem minmax(0, 1fr) 2rem;*/
}

.header-inicio .contenido{
    /*border-bottom:1rem solid var(--gris-corporativo) ;
    border-bottom:1rem solid var(--primario-oscuro-dark) ;*/
}

.header-inicio b {
        display: none;
        grid-column:1 /-1;
        grid-row:1;
        background-image:linear-gradient(to bottom, rgba(255,255,255,0), #fff 75%);
        height:100%;
        z-index:1;
    }



.header .swiper-container .texto
{
    grid-column:2/14;
    grid-row:1;
    z-index:4;
        
    text-align:center;
        
    align-self:center;
    max-width:75ch;
    margin:0 auto;

    padding:0;
    
    position:relative;
}
@media(min-width:576px) {
    .header .swiper-container .texto
{
   
    padding:  var(--s3);
    
   
}
}

    .header .swiper-container .texto::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: hsla(var(--primario-h), var(--primario-s), var(--primario-l), .2);*/
        background:rgba(255,255,255,.2);
        z-index: -1;
        /* mix-blend-mode: multiply; */
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

.header .swiper-container .texto .titulo,
.header .swiper-container .texto .subtitulo
{
                
    

    color: var(--slider-fuente-color-oscuro);

    text-shadow:1px 1px 4px rgba(255,255,255,.2),
        -1px 1px 4px rgba(255,255,255,.2),
        1px -1px 4px rgba(255,255,255,.2),
        -1px -1px 4px rgba(255,255,255,.2);
}
.header .swiper-container .texto .titulo
{    
    font-weight: 300;
    font-size: var(--s6);
    line-height: 1.1;
    text-transform:uppercase;
    margin-bottom:0; 
    font-size: var(--s4);   

    font-family: var(--fuente-secundaria);
    line-height: 1;
}
@media(min-width:576px) {
    .header .swiper-container .texto .titulo {
        font-size:var(--s6);
    }
}

.header .swiper-container .texto .subtitulo
{
    font-style: normal;
    font-weight: normal;
    font-size: var(--s2);
    font-family:var(--fuente-secundaria);
    line-height: 1.1;
    margin-bottom:0;
    letter-spacing: .03em;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin-bottom: var(--s-7);
}
.header .swiper-container .texto-v2 .subtitulo,
.header .swiper-container .texto-v2 .titulo {
    color: var(--slider-fuente-color-claro);
    text-shadow: 1px 1px 4px rgba(0,0,0,.2), -1px 1px 4px rgba(0,0,0,.2), 1px -1px 4px rgba(0,0,0,.2), -1px -1px 4px rgba(0,0,0,.2);
}
.header .swiper-container .texto  a
{
    background:var(--slider-btn-background);
    color:var(--slider-btn-color);
    border:none;

    display:inline-block;
    
    margin-top:var(--s-1);
    letter-spacing:.02em;
    line-height:var(--slider-btn-line-height);
    
    position:relative;
    padding: var(--slider-btn-padding);
    margin-top:var(--s0);
    font-weight: var(--slider-btn-font-weight);
    font-size: var(--slider-btn-font-size);
    padding-bottom: var(--slider-btn-padding-bottom);
}
.header .swiper-container .texto  a:hover,
    .header .swiper-container .texto  a:focus
    {
        border:none;
        text-decoration:none;
        background:var(--slider-btn-hover-background);
        color:var(--slider-btn-hover-color);
    }

.header .swiper-container .texto-v2 a { /*para el blanco*/
    background: var(--color-v2);
    background: rgba(255,255,255,.9);
    border-color: var(--color-v2);
    color: var(--negro);
}

@media(min-width:1300px) {
    .header .swiper-container .texto
    {
        grid-column:2/6;
        grid-column:2/7;
        text-align:left;
        
        max-width:none;
        margin:0;
    }

   
     .header-inicio b {
        display: block;
        grid-column:1 / 7;
        grid-row:1;
        background-image:linear-gradient(to left, rgba(255,255,255,0), #fff 75%);
        height:100%;
        z-index:1;
    }
}




@supports (display: -ms-grid) or (display: grid)  
{
    
    
    .header .swiper-slide picture
    {
        grid-column:1/-1;
        grid-row:1;
        z-index:1;
    }


    
     .header .swiper-slide img
    {
        display:block;
        height:100%;
        width:100%;
        object-fit:cover;
        
    }
    
    
}







.main-otros-solo-texto
{
    
}
.main-otros-solo-texto h1 /*como el h2 de modulo-seccion*/
{
    margin-bottom:.5em;
    /*padding-bottom:.4em;
    border-bottom:1px solid var(--primario-oscuro-dark);*/
    font-size:2rem;
}
.main-otros-solo-texto h2
{
    font-size:1.75rem;
}
.main-otros-solo-texto h3
{
    font-size:1.5rem;
}

.main-otros-solo-texto h2,
.main-otros-solo-texto h3
{
    font-family:var(--fuente-secundaria);
    font-weight:700;
    color:var(--primario-oscuro-dark);
    line-height:1;
    margin-bottom:.4em;
    
}
.main-otros-solo-texto .texto h2,
.main-otros-solo-texto .texto h3,
.main-otros-solo-texto .texto li,
.main-otros-solo-texto .texto table
{
    break-inside: avoid;
}



.main-otros-solo-texto:not(.main-otros-solo-texto-una-columna) .texto
{    
   /* max-width:65ch;*/
    /*margin-bottom:2rem;*/    
    columns: 2 50ch;
    column-gap: 2rem;
}
.main-otros-solo-texto .texto > *:last-child
{
    margin-bottom:0;    
}
.main-otros-solo-texto .texto ul
{
    padding-left:1.5em;
}
.main-otros-solo-texto .texto li
{
    line-height:1.4;
}
.main-otros-solo-texto .texto li + li
{
    margin-top:.7em;
}


@media(min-width:576px)
{
    .main-otros-solo-texto h1,
    .main-otros-marcas h1
    {
        font-size:2.5rem;
    }
    /*.main-otros-solo-texto h2
    {
        font-size:2rem;
    }
    .main-otros-solo-texto h3
    {
        font-size:1.75rem;
    }*/
}
@media(min-width:768px)
{
    .main-otros-solo-texto h1,
    .main-otros-marcas h1
    {
        font-size:3rem;
    }
}





.main-otros-solo-texto-una-columna .texto .error{
   
    margin-bottom: 2rem;
    max-width: 45ch;
    font-size: 1.25em;
    padding-top: .5rem;
}
.main-otros-solo-texto-una-columna .error>*:last-child{
   
    margin-bottom:0;

}

.main-otros-solo-texto-una-columna .texto .error a{   
    text-decoration:underline;
    text-underline-offset: .1em;
}

.main-otros-solo-texto-una-columna .texto .error .error-icono {
    display: flex;
    line-height: 1.3;
}
    .main-otros-solo-texto-una-columna .texto .error .error-icono svg {
        flex-shrink: 0;
        font-size: 1.5em;
        margin-right: .25em;
    }





 .enlace-todos /*REUTILIZADO EN modulo vendido y marcas*/
{
    margin-top:3rem;
    display:flex;
    justify-content:flex-end;
    text-align:right;
}

  .enlace-todos a 

{
    display:block;
    margin-left:auto;
    padding:1rem;
    text-transform:uppercase;
    
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 26px;
    color:var(--primario-oscuro-dark);
}

 .enlace-todos a:hover,
 .enlace-todos a:focus
{

    color:var(--primario-oscuro-dark);
}

















    /*  PAGINACIÓN  */
    .pagination {
        margin: 0;
        border-radius: 0 !important;
        margin-top: 4rem;
        padding-bottom: 2rem;
    }

        .pagination .page-link {
            color: #666;
            background-color: #eee;
            border-color: rgba(255,255,255,0);
            margin-right: .25rem;
        }

        .pagination .page-item:first-child .page-link {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .pagination .page-item:last-child .page-link {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }


        .pagination .page-link:hover {
            color: #fff;
            text-decoration: none;
            background-color: #aaa;
            border-color: #dee2e6;
        }

    .page-item.active .page-link {
        color: #fff;
        background-color: var(--primario-oscuro-dark);
        border-color: var(--primario);
    }

    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:992px) {
            .pagination {
                padding-bottom: 0;
            }
        }
    }








    #modal-opciones .tabla-grande {
        display: none;
    }

    #modal-opciones .tabla-grande :is(td:last-child, td:nth-last-child(2), th:last-child, th:nth-last-child(2)) {
        width: 1%;
        white-space: nowrap;
    }

    #modal-opciones .tabla-grande td:nth-last-child(2) .btn {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        line-height: 1;
        padding: .55rem .6rem;
        width:100%;
    }

        #modal-opciones .tabla-grande td:nth-last-child(2) .btn svg {
            margin-right: .5rem;
            flex-shrink: 0;
        }

    #modal-opciones .tabla-movil  {
        margin-top: 1rem;
    }
    #modal-opciones .tabla-movil + .tabla-movil {
        margin-top: 3rem;
    }
    #modal-opciones .tabla-movil .control:last-child >*  {
        padding:0;
    }
    #modal-opciones .tabla-movil .botonera {
        display: flex;
        justify-content: space-between;
    }

        #modal-opciones .tabla-movil .botonera > *:first-child {
            flex-grow: 1;
            margin-right: .25rem;
        }

    @media(min-width:992px) {
        #modal-opciones .tabla-grande {
            display: block;
        }
        #modal-opciones .tabla-movil {
            display: none;
        }
    }
  





    /*  DETALLE    DETALLE    DETALLE   */

    .btn-group > .btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
    }

    .detalle .btn-group > .btn {
        justify-content: flex-start;
        font-size: 1.25rem;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

        .detalle .btn-group > .btn > svg {
            margin-right: 1rem;
        }

    .detalle .btn-group .dropdown-toggle::after {
        margin-left: auto;
    }

    
    .detalle .dropdown-menu
     {
        width: 100%;
        background: var(--primario-softisim);
    }
    .detalle .dropdown-menu .dropdown-item {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 1.1;
            padding: .25rem;
            white-space: normal;
        }


    .detalle .dropdown-menu .dropdown-item {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 1.1;
            padding: .25rem;
            white-space: normal;
        }

    .detalle .dropdown-menu .dropdown-item + .dropdown-item {
                border-top: 1px solid #666;
            }

    .detalle .dropdown-menu .dropdown-item > *:first-child {
                flex-shrink: 1;
                font-size: .75rem;
                line-height: 1.4;
                margin-right:auto;
                padding-right:.3rem;
            }
    .detalle .dropdown-menu .dropdown-item > *:first-child {
                font-size: 1rem;
            }
    .detalle .dropdown-menu .dropdown-item > *:first-child strong {
                    font-size: 1rem;
                }
    .detalle .dropdown-menu .dropdown-item > *:last-child {
                flex-shrink: 0;
            }
    .detalle .dropdown-item.active,
    .detalle .dropdown-item:active {
        background-color: var(--primario);
    }





    .detalle {
    }

        .detalle .cabecera .imagen {
            margin-bottom: 1rem;
        }

            .detalle .cabecera .imagen img {
                display: block;
                width: 100%;
            }

        .detalle .cabecera .texto h1 {
            font-size: 1.25rem;
            margin-bottom: .4rem;
        }

        .detalle .cabecera .texto .tipo{
            background: var(--primario-softisim);
            padding: .4rem .5rem;
            text-transform: uppercase;
            font-size: .9rem;
            border-radius: .5rem;
            display: inline-block;
            line-height: 1.1;
            font-family: var(--fuente-secundaria);
            font-weight: 600;
        }


.detalle .cabecera .texto .referencia {
        display: block;
        color: #767676;
        margin-top: .1rem;
    }

    .detalle .cabecera .resenas-cabecera .visualizacion-estrellas {
    }

    .detalle .cabecera .resenas-cabecera span {
        display: inline-block;
        line-height: 1.2;
        color: #666;
        font-size: .9rem;
    }

    .detalle .cabecera .resenas-cabecera a {
        display: inline-block;
        text-decoration: underline;
        text-underline-offset: .2em;
        color: var(--primario-oscuro-dark);
    }

    .detalle .cabecera .resenas-cabecera,
    .detalle .cabecera .botonera,
    .detalle .cabecera .precios,
    .detalle .cabecera .caracteristicas {
        border-top: 1px solid var(--primario-soft);
        margin-top: 1rem;
        padding-top: 1rem;
    }

.detalle .cabecera .resenas-cabecera {
    padding-top:.5rem;
}

        .detalle .cabecera .precios .precio {
            font-size: 2rem;
            color: #51627d;
            color:var(--primario-oscuro-dark);
        }

        .detalle .cabecera .botonera .btn {
            border-radius: 0;
            text-transform: uppercase;
        }
.detalle .cabecera .botonera .btn:first-child {
    margin-right: .25rem;
}

        .detalle .cabecera .botonera .btn-primary {
            padding-left: .3rem;
            padding-right: .3rem;
        }

        .detalle .cabecera .botonera .btn-outline-primary {
            padding-left: .3rem;
            padding-right: .3rem;
        }

        .detalle .cabecera .botonera .dropdown-item > *:nth-child(2) {
            margin-left: auto;
            margin-right: .25rem;
        }

    .detalle .cabecera .w-icon-list {
        margin: 0;
        padding: 0;
    }

    .detalle:not(.detalle-plan) .cabecera .w-icon-list {
        border-top: 1px solid var(--primario-soft);
        margin-top: 1rem;
        padding-top: 1rem;
        
    }

    .detalle .cabecera .w-icon-list svg {
        color: var(--primario);
    }

.detalle-plan .container-listado-items {
    margin-top:1rem;
    padding:1rem;
    background:var(--primario-softisim);
    border: 1px solid #ddd;
}
    .detalle-plan .cabecera h2 {
        font-family: var(--fuente-secundaria);
        color: var(--primario-oscuro-dark);
        font-size: 1.1rem;
        margin: 0;
        margin-top: 1rem;
        margin-bottom: .5rem;
        line-height: 1.1;
        font-weight: 600;
    }
.detalle-plan .cabecera .container-listado-items h2:first-of-type {
    margin-top:0;
}
    .detalle-plan .secciones .w-icon-list {
        margin: 0;
        padding: 0;
    }

        .detalle-plan .secciones .w-icon-list svg {
            color: green;
        }

    .detalle .cabecera .botonera {
        display: flex;
        justify-content: space-between;
        justify-content: flex-start;
    }

    .detalle .cabecera {
        margin-top: 1rem;
    }

    .detalle-mantenimiento-componente .cabecera .imagen {
        display:none;
    }

    @media(min-width:576px) {


        .detalle .cabecera .texto h1 {
            font-size: 1.5rem;
        }

        .detalle-mantenimiento-componente .cabecera .imagen {
            margin-bottom: 0;
        }

            .detalle-mantenimiento-componente .cabecera .imagen img {
                height: 100%;
                object-fit: cover;
            }

        .detalle .cabecera .botonera > *:first-child {
            /* flex-grow: 1;*/
            margin-right: .25rem;
            /*max-width:30ch;*/
            font-family: var(--fuente-secundaria);
        }

        .detalle .cabecera .botonera > *:nth-child(2) {
            /*flex-grow: 1;*/
        }
    }

    @media(min-width:768px) {
        .detalle .cabecera {
            margin-top: 0;
        }

            .detalle .cabecera .texto h1 {
                font-size: 1.75rem;
            }
    }


@supports (display: -ms-grid) or (display: grid) {

    .detalle-plan .cabecera .imagen {
        display: none;
    }

    @media(min-width:576px) {
        .detalle .cabecera {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-column-gap: 1rem;
        }

            .detalle .cabecera .imagen {
                grid-column: 1/5;
            }

            .detalle .cabecera .texto {
                grid-column: 5/-1;
            }

        .detalle-plan .cabecera .imagen {
            display: none;
        }

        .detalle-plan .cabecera .texto {
            grid-column: 1/-1;
            /*margin-top: 1rem;*/
        }

        .detalle .cabecera .precios {
            grid-column-gap: 2rem;
        }

            .detalle .cabecera .precios .precio-antes {
                justify-self: start;
            }
    }

    @media(min-width:768px) {

        .detalle > .container-gea {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-column-gap: 1rem;
            grid-row-gap: 1.25rem;
        }

            .detalle > .container-gea .modulo-buscador-formulario {
                grid-column: 1/5;
                grid-row: 1/-1;
                align-self: start;
            }

            .detalle > .container-gea .contenido-detalle {
                grid-column: 5/-1;
                grid-row: 1/-1;
                align-self: start;
            }

        .main-servicio-tecnico-detalle .detalle-plan .contenido-detalle {
            grid-column: 1/-1;
        }

        .detalle .cabecera {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }

            .detalle .cabecera .imagen {
                grid-column: 1/4;
            }

            .detalle .cabecera .texto {
                grid-column: 4/-1;
            }

        .detalle-plan .cabecera .texto {
            grid-column: 1/-1;
        }

            .detalle-mantenimiento-componente .cabecera .texto h1,
            .detalle-plan .cabecera .texto h1 {
                font-size: 2rem;
            }
    }

    @media(min-width:850px) {
        .main-servicio-tecnico-detalle .detalle-plan > .container-gea .contenido-detalle {
            grid-column: 1/-1;
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-column-gap: 1rem;
        }

            .main-servicio-tecnico-detalle .detalle-plan > .container-gea .contenido-detalle .cabecera {
                grid-column: 1/7;
            }

            .main-servicio-tecnico-detalle .detalle-plan > .container-gea .contenido-detalle .cuerpo {
                grid-column: 8/-1;
                padding-bottom: 0;               
            }

        .main-servicio-tecnico-detalle .detalle-plan [role="tablist"] {
            padding-top: 0;
            margin-top: 0;
            border-top: none;
        }
    }

    @media(min-width:992px) {

        .detalle .cabecera {
            grid-template-columns: repeat(9, minmax(0, 1fr));
        }

            .detalle .cabecera .imagen {
                grid-column: 1/5;
            }

            .detalle .cabecera .texto {
                grid-column: 5/-1;
            }

        .detalle-plan .cabecera .texto {
            grid-column: 1/-1;
        }

        .detalle > .container-gea .modulo-buscador-formulario {
            grid-column: 1/4;
            grid-row: 1/-1;
            align-self: start;
        }

        .detalle > .container-gea .contenido-detalle {
            grid-column: 4/-1;
            grid-row: 1/-1;
            align-self: start;
        }
    }

    @media(min-width:992px) {
        .detalle .cabecera .imagen {
            padding: 0 2rem;
            /*padding-top: 1rem;*/
        }
    }



    .detalle-mantenimiento-componente .cabecera .texto {
        grid-column: 1/-1;
    }

    @media(min-width:576px) {
        .detalle-mantenimiento-componente .cabecera .texto .container-precios-botonera {
            border-top: 1px solid var(--primario-soft);
            margin-top: 1rem;
            padding-top: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

            .detalle-mantenimiento-componente .cabecera .texto .container-precios-botonera :is(.precios, .botonera) {
                border: none;
                margin-top: 0;
                padding-top: 0;
            }
    }
}




.main-producto-detalle .detalle .cabecera .texto > .precio-items {
    
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items .btn {
    word-spacing: 0.2em;
    line-height: 1.3;
    padding: 1rem 0.8rem;
    letter-spacing: .05em;
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items .btn  svg{
    font-size:1.4em;
    transform:translateY(1px);
}

 /*.main-producto-detalle #section2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-producto-detalle #section2 li,
    .main-producto-detalle .texto .w-icon-list li {
        margin: 0;
        padding: .5rem;
        line-height: 1.4;
    }

        .main-producto-detalle #section2 li strong,
        .main-producto-detalle .texto .w-icon-list li strong {
            font-weight: 500;
        }

        .main-producto-detalle #section2 li + li {
        }

        .main-producto-detalle #section2 li:nth-child(even),
        .main-producto-detalle .texto .w-icon-list li:nth-child(even) {
            background: #eee;
        }*/

@supports (display: -ms-grid) or (display: grid) {

    .main-producto-detalle .detalle .cabecera {
        grid-template-rows: repeat(2, auto);
    }

        .main-producto-detalle .detalle .cabecera .imagen {
            grid-column: 1/-1;
            grid-row: 1;
        }

        .main-producto-detalle .detalle .cabecera .texto {
            grid-column: 1/-1;
            padding-top: 1rem;
            border-top: 1px solid var(--primario-soft);
        }


        .main-producto-detalle .detalle .cabecera .imagen {
            padding: 0;
        }

        .main-producto-detalle .detalle .cabecera .texto .precio-items {
            margin-top: 1rem;
        }


            .main-producto-detalle .detalle .cabecera .texto header > *,
            .main-producto-detalle .detalle .cabecera .texto .precio-items > *:not(a[role="button"]) {
                margin: 0;
                padding: 0;
                border: none;
            }

            .main-producto-detalle .detalle .cabecera .texto .precio-items ul {
                margin-top:1rem!important;
            }

            .main-producto-detalle .detalle .cabecera .texto header > * + *,
            .main-producto-detalle .detalle .cabecera .texto .precio-items > * + * {
                margin-top: 1rem;
            }

        .main-producto-detalle .detalle .cabecera .texto header > *:nth-child(2) {
            margin-top: .5rem;
        }

    @media(min-width:768px) {
        .main-producto-detalle .detalle .cabecera .texto {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            align-items: flex-start;
            grid-gap: 2rem;
        }

            .main-producto-detalle .detalle .cabecera .texto .precio-items {
                margin-top: 0;
            }

            .main-producto-detalle .detalle .cabecera .texto > * {
                grid-column: span 6;
                border: none;
                padding: 0;
                margin: 0;
            }

            .main-producto-detalle .detalle .cabecera .texto > .precio-items {
                /*align-self: flex-end;*/
            }
    }




    .main-producto-detalle .detalle {
        margin-bottom: 4rem;
    }



    @media(min-width:768px) {

        .main-producto-detalle .detalle > .container-gea {
            display: block;
        }
    }
}/*display grid*/



    .detalle .hay-galeria {
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 0;
        text-transform: uppercase;

        justify-content: flex-end;
        align-items: flex-start;
        padding:var(--s2);
    }

        .detalle .hay-galeria .btn {
            color: #fff;
            box-shadow: -1px 1px 4px rgb(0 0 0 / 50%);
        }



    .main-producto-detalle .detalle {
    }


    #modal-opciones .tabla-grande {
        display: none;
    }

    #modal-opciones .tabla-grande :is(td:last-child, td:nth-last-child(2), th:last-child, th:nth-last-child(2)) {
        width: 1%;
        white-space: nowrap;
    }

    #modal-opciones .tabla-grande td:nth-last-child(2) .btn {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        line-height: 1;
        padding: .55rem .6rem;
        width:100%;
    }

        #modal-opciones .tabla-grande td:nth-last-child(2) .btn svg {
            margin-right: .5rem;
            flex-shrink: 0;
        }

    #modal-opciones .tabla-movil  {
        margin-top: 1rem;
    }
    #modal-opciones .tabla-movil + .tabla-movil {
        margin-top: 3rem;
    }
    #modal-opciones .tabla-movil .control:last-child >*  {
        padding:0;
    }
    #modal-opciones .tabla-movil .botonera {
        display: flex;
        justify-content: space-between;
    }

        #modal-opciones .tabla-movil .botonera > *:first-child {
            flex-grow: 1;
            margin-right: .25rem;
        }

    @media(min-width:992px) {
        #modal-opciones .tabla-grande {
            display: block;
        }
        #modal-opciones .tabla-movil {
            display: none;
        }
    }


#modal-opciones .td-boton {
    vertical-align:middle;
}





    /* DETALLE PESTAÑAS */
    .detalle [role="tablist"] {
        padding: 0;
        padding-top: 1rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        font-size: .75rem;
        border-top: 1px solid var(--primario-soft);
    }

        .detalle [role="tablist"] li,
        .detalle [role="tablist"] a {
            display: inline-block;
        }

        .detalle [role="tablist"] a {
            color: inherit;
            text-decoration: none;
            padding: 0.5rem 1em;
        }

        .detalle [role="tablist"] [aria-selected] {
            border: 2px solid;
            background: #fff;
            border-bottom: 0;
            position: relative;
            top: 2px;
        }

    .detalle [role="tabpanel"] {
        border: 2px solid;
        padding: 1.5rem;
    }

        .detalle [role="tabpanel"] * + * {
            margin-top: 0.75rem;
        }
        .detalle [role="tabpanel"] li + li {
            margin-top: 0.25rem;
        }


        .detalle [role="tabpanel"] h3 {
            font-size:var(--s2);
            font-weight:500;
            color:var(--negro);
            font-weight: 400;
        }

    .detalle *:focus {
        outline: 2px solid transparent;
        /* ↑ for WHCM users */
        box-shadow: inset 0 0 0 4px lightBlue;
    }





    .detalle ul[role="tablist"] li {
        text-transform: uppercase;
    }

        .detalle ul[role="tablist"] li + li {
            border-left: 1px solid var(--primario-oscuro-dark);
        }

    .detalle [role="tablist"] [aria-selected] {
        border-color: rgba(255,255,255,0);
        border: none;
        color: #000;
        text-decoration: underline;
        top: 0;
        outline: none;
    }

    .detalle ul[role="tablist"] li a {
        color: var(--primario-oscuro-dark);
        font-weight: 700;
    }

    .detalle *:focus {
        /* outline: 2px solid transparent;
    / * ↑ for WHCM users * /
    box-shadow: inset 0 0 0 4px var(--primario);*/
        box-shadow: none;
    }


    .detalle [role="tabpanel"] {
        border: none;
        padding: 0;
    }


        .detalle [role="tabpanel"] h2 {
            font-family: var(--fuente-secundaria);
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 1.1;
            color: var(--primario-oscuro-dark);
        }



    @media (max-width: 576px) {

        .detalle [role="tablist"] li,
        .detalle [role="tablist"] a {
            display: block;
            position: static;
        }

        .detalle [role="tablist"] a {
            border: 2px solid #222 !important;
            border: 2px solid #ddd !important;
        }

        .detalle [role="tablist"] li + li a {
            border-top: 0 !important;
        }

        .detalle [role="tablist"] [aria-selected] {
            position: static;
            text-decoration: none;
        }

            .detalle [role="tablist"] [aria-selected]::after {
                content: '\0020⬅';
            }

        .detalle [role="tabpanel"] {
            border-top: 0;
        }


        .detalle [role="tablist"] li + li {
            border-left: none !important;
        }
    }



    .detalle .tabbed {
        padding-bottom: 2rem;
    }

   

    .detalle [role="tabpanel"] {
    }

        .detalle [role="tabpanel"] > *:last-child {
            margin-bottom: 0;
        }

    .detalle .container-secciones .items {
        margin-left: 1.5rem;
        margin-top: 2rem;
        margin-bottom: 0;
    }


        .detalle .container-secciones .items svg {
            color: #b4b4b4;
        }







    /*  detalle reseñas  */
    .visualizacion-estrellas {
        --percent: calc(var(--rating) / 5 * 100%);
        display: block; /*inline-block*/
        font-size: var(--star-size);
        font-family: Times;
        line-height: 1;

        display:flex;
        align-items:center;

        
    }

        .visualizacion-estrellas::before {
           
            content: '★★★★★';
            letter-spacing: 3px;
            background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .visualizacion-estrellas span {
            font-family: 'Nunito', Verdana, sans-serif;
            font-size: .8rem;
            color: #666;
            padding-top: .2rem;
        }



    .listado-resenas {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .listado-resenas li {
        background: #eee;
        padding: 1rem;
    }

    .listado-resenas li p {
        font-size: 1.15rem;
        margin-bottom: .25rem;
        color: #555;
        line-height: 1.4;
        font-style: italic;
    }

    .listado-resenas li span {
        color: #777;
        line-height: 1.1;
        display: block;
        margin: 0;
        margin-top: .4rem !important;
        font-size: .9rem;
    }

    .listado-resenas li span:first-of-type {
        margin-top: .75rem !important;
        position: relative;
        padding-top: .75rem;
    }

    .listado-resenas li span:first-of-type::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #888;
        width: 2rem;
        height: 2px;
    }




    form.resenas .rating {
        width: 208px;
        height: 40px;
        margin: 0 auto;
        padding: 40px 50px;
        border: 1px solid #CCCCCC;
        background: #F9F9F9;
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 0;
        width: 210px;
        border: none;
        background: none;
    }
form.resenas .rating.focus {
    outline:2px solid hsl(var(--primario-h), var(--primario-s), var(--primario-l), .3);
}

        form.resenas .rating label {
            float: right;
            position: relative;
            width: 40px;
            height: 40px;
            cursor: pointer;
            display: block;
            float: none;
            margin-top: 0;
        }

            form.resenas .rating label:not(:first-of-type) {
                padding-right: 2px;
            }

            form.resenas .rating label:before {
                content: "\2605";
                font-size: 42px;
                color: #CCCCCC;
                line-height: 1;
            }

        form.resenas .rating input {
            display: none;
        }

            form.resenas .rating input:checked ~ label:before,
            form.resenas .rating:not(:checked) > label:hover:before,
            form.resenas .rating:not(:checked) > label:hover ~ label:before {
                color: #F9DF4A;
            }




    form.resenas .nivel {
        width: 210px;
        display: flex;
        justify-content: space-between;
        color: var(--primario-oscuro-dark);
        text-transform: uppercase;
        margin-top: .75rem;
        font-weight: 600;
    }

        form.resenas .nivel svg {
            font-size: 2rem;
            color: #777;
        }

        form.resenas .nivel > span {
            margin: 0;
        }


    form.resenas .container-rating {
        margin-bottom: 1rem;
    }


    form.resenas .btn {
        margin-top: 1rem;
        border-radius: 0;
        background: var(--primario-oscuro);
        border-color: var(--primario-oscuro);
    }

        form.resenas .btn:hover,
        form.resenas .btn:focus {
            background: var(--primario-oscuro-dark);
            border-color: var(--primario-oscuro-dark);
        }


    form.resenas p,
    form.resenas .form-group-mensaje label {
        font-size: var(--s1);
        font-weight: 300;
        line-height: 1.4;
        margin-bottom: .75rem;
    }

    form.resenas .form-group-mensaje textarea {
        border: 1px solid rgba(0, 0, 0, 0.5);
        border-radius: 0;
        margin: 0;
    }

    form.resenas .texto > *:last-child {
        margin-bottom: 0;
    }

    form.resenas .form-group-mensaje {
        margin: 0;
    }

    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:768px) {
            form.resenas {
                display: grid;
                grid-template-columns: repeat(12, minmax(0, 1fr));
                grid-gap: 1rem 2rem;
            }

                form.resenas > * {
                    grid-column: 1/-1;
                }

                form.resenas .btn {
                    justify-self: start;
                    margin-top: 0;
                }

                form.resenas .texto,
                form.resenas .container-rating {
                    margin-bottom: 0;
                }
                form.resenas .container-rating {
                    margin-top: 0;
                }
        }

        @media(min-width:992px) {
            form.resenas {
                grid-template-rows: auto auto;
            }

                form.resenas .texto,
                form.resenas .form-group-mensaje {
                    grid-column: 1/8;
                }

                form.resenas .texto {
                    grid-row: 1;
                }

                form.resenas .form-group-mensaje {
                    max-width: none;
                    grid-row: 2;
                }

                form.resenas .btn {
                    grid-row: 2;
                    grid-column: 9/-1;
                    align-self: end;
                }

                form.resenas .container-rating {
                    grid-row: 1;
                    grid-column: 9/-1;
                }
        }
    }

    /*  ACCESO  Y REGISTRO  */
    /*  ACCESO  Y REGISTRO  */
    /*  ACCESO  Y REGISTRO  */
    /*  ACCESO  Y REGISTRO  */
    /*  ACCESO  Y REGISTRO  */
    .main-acceso {
        padding-top: 2rem;
        padding-bottom: 3rem;
        background: linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0));
    }

        .main-acceso .container-gea {
            max-width: 70ch;
        }

        .main-acceso h1 {
            margin: 0;
            font-family: var(--fuente-secundaria);
            color: var(--primario-oscuro-dark);
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            line-height: 1.1;
            border-bottom: 2px solid var(--primario-oscuro-dark);
        }





        .main-acceso form .w-form-group + .w-form-group {
            margin-top: 1.25rem;
        }

        .main-acceso form .w-form-group label,
         #alertaStockModal .w-form-group label{
            display: block;
            background: var(--label-background);
            padding: .75rem 1rem;
            color: var(--label-color);
            line-height: 1;
            margin-bottom: 0;
            font-family: var(--fuente-secundaria);
        }

        .main-acceso form .w-form-group .w-form-control,
        #alertaStockModal .w-form-group .w-form-control{
            display: block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem 1rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: var(--label-color);
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            border-color: var(--label-background);
            height: 100%;
            line-height: 1.1;
        }

        .main-acceso form .w-form-group textarea.w-form-control {
            height: 100%;
        }

        .main-acceso form .w-form-group .w-form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: var(--primario-oscuro-dark);
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }


        .main-acceso form .form-check {
            margin-top: 2rem;
        }

            .main-acceso form .form-check .form-check-input {
                top: 2px;
            }

            .main-acceso form .form-check a {
                color: #333;
                text-decoration: underline;
            }

                .main-acceso form .form-check a:hover,
                .main-acceso form .form-check a:focus {
                    color: #000;
                }

        .main-acceso form .formulario-advertencia {
            font-size: 0.875rem;
            margin-top: .25rem;
            margin-bottom: 2rem;
            line-height: 1.1;
        }

            .main-acceso form .formulario-advertencia svg {
                margin-right: .3rem;
            }


        .main-acceso form .btn {
            background: var(--primario);
            border-color: var(--primario);
        }

            .main-acceso form .btn:hover,
            .main-acceso form .btn:focus {
                background: var(--primario-oscuro-dark);
            }


    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:576px) {
            .main-acceso form .w-form-group,
            #alertaStockModal .w-form-group{
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                grid-template-rows: min-content auto;
            }

                .main-acceso form .w-form-group label, 
                #alertaStockModal .w-form-group label {
                    grid-column: 1/3;
                    grid-row: 1;
                    margin-bottom: 0;
                }

                .main-acceso form .w-form-group .w-form-control
                {
                    grid-column: 3/-1;
                    grid-row: 1;
                }
                    .main-acceso form .w-form-group .w-form-control.password-login {
                        width: calc(100% - 3rem);
                    }
            .main-acceso form .w-form-group .container-toggle-password {
                align-self: center;
                width: 2rem;
                /* margin: 0 auto; */
                grid-column: -2/-1;
                grid-row: 1;
                justify-self: end;
            }

            .main-acceso form .w-form-group-textarea {
                margin-top: 2rem !important;
            }

                .main-acceso form .w-form-group-textarea label {
                    grid-column: 3/-1;
                    grid-row: 1;
                    margin-bottom: 0;
                }

                .main-acceso form .w-form-group-textarea .w-form-control {
                    grid-column: 1/-1;
                    grid-row: 2;
                }

            .main-acceso form .btn {
                float: right;
            }
        }
    }

  .main-acceso form  #message {
        line-height: 1;
        color: #d2070f;
    }


    .main-acceso form .container-toggle-password .btn-info
{
    background: #f9f9f9;
    border-color: #ddd;
    text-transform: uppercase;
    /* border-radius: .75rem; */
    /* padding-left: 1.25rem; */
    /* padding-right: 1.25rem; */
    margin-top: 0;
    font-weight: 700;
    color: #444;
    display: block;
    /* max-width: initial; */
    /* margin-left: inherit; */
    /* margin-right: inherit;*/
}
    .main-acceso form .container-toggle-password .btn-info:hover,
    .main-acceso form .container-toggle-password .btn-info:focus {
        background:#eee;
        border-color:#666;
    }
.container-toggle-password .btn-info:not(:disabled):not(.disabled).active, 
.container-toggle-password .btn-info:not(:disabled):not(.disabled):active, 
.container-toggle-password .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0066cc;
    border-color: #0066cc;
}
.container-toggle-password  .btn-info[aria-pressed="true"] svg  line{
  display:none;
}

.container-toggle-password .btn-info > * {
    pointer-events: none;
}

    .main-acceso .control.radio:first-of-type {
        margin-top: 1rem;
    }

    .main-acceso .radio .control-indicator {
        background-color: #fff;
        border: 1px solid #333;
    }


    .main-acceso .container-direccion2 {
        margin-top: 1rem;
    }



    .main-acceso .enlaces{
        margin-top: 2rem;
        text-align: center;
        line-height: 1.15;
        font-weight: 600;

        font-size: 1.4em;
        padding-bottom: 0.3em;
    }

  

        .main-acceso .enlaces a {
            color: var(--primario-oscuro);
            text-decoration: underline;
            text-underline-offset: 0.3em;
        }

            .main-acceso .enlaces a:hover,
            .main-acceso .enlaces a:focus {
                color: var(--primario);
            }


        .main-acceso .enlaces > *
        {
            margin-bottom: 1rem;
        }

            .main-acceso .enlaces > *:last-child{
                margin-bottom: 0;
            }


            
:is(.main-acceso form, #formDatos) .select {
    width: 100%;
}
    :is(.main-acceso form, #formDatos) .select select {
        grid-column: 1/-1;
        grid-row: 1/-1;

        background: var(--primario-label);
        color: var(--color-label);
        background:#e5e3e3;
        
    }

   

    :is(.main-acceso form, #formDatos)  .select select:focus {
        box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem hsla(var(--primario-h), var(--primario-s), var(--primario-l), .3);
    }

     :is(.main-acceso form, #formDatos) .select select:active {
        color: var(--color-label);
        background:#e5e3e3;
    }


        /*.main-acceso form .select select:has(.opcion-seleccionada) {
            background:blue;
        }*/

        :is(.main-acceso form, #formDatos)  .select select .opcion-seleccionada {
            background:var(--primario);            
        }

:is(.main-acceso form, #formDatos) .select select.select-seleccionado {
    background:#c7c4aa;
    color:#000;
}


    /*  RESULTADOS DE VALIDACIONES  */
    .resultado {
        font-size: 1.5rem;
        line-height: 1.3;
    }

        .resultado .ko {
            color: #dc3545;
        }

        .resultado > *:last-child {
            margin-bottom: 0;
        }

        .resultado a {
            text-decoration: underline;
            color: var(--primario-oscuro);
            text-underline-offset: .2em;
        }

            .resultado a:hover,
            .resultado a:focus {
                color: var(--primario-oscuro-dark);
            }

    



    /*  PERFIL  */
    .main-perfil {
        --fondo-container-h1:var(--primario-softisim);
        --primario-container-h1:var(--primario-oscuro-dark);
        --link-container-h1:var(--primario-oscuro);
        --link-hover-container-h1:var(--primario-oscuro-dark);
        padding-bottom: 3rem;
    }


    .container-h1-perfil {
        background: var(--fondo-container-h1);
        color: var(--primario-container-h1);
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .container-h1-perfil h1 {
            font-family: var(--fuente-secundaria);
            margin-bottom:0;
        }

        .container-h1-perfil h1,
        .container-h1-perfil p {
            color: var(--negro) !important;
            text-align:center;
        }
        .container-h1-perfil p {
            font-size: var(--s4);
            line-height: 1.2;
            margin-bottom:0;
        }

            .container-h1-perfil h1 span {
                display: block;
                font-size: 1rem;
                
            }

        .container-h1-perfil img {
            border-radius: 50%;
            display: block;
            flex-shrink: 0;
            margin-bottom:var(--s0);
        }

    .container-h1-perfil .container-gea {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-end;
    }

    @media(min-width:576px) {
        .container-h1-perfil .container-gea {
                display: flex;
                flex-direction: row-reverse;
                align-items: center;
                justify-content: flex-end;
        }
        .container-h1-perfil img {
            margin-right: 2rem !important;
            margin-bottom:0;
        }
         .container-h1-perfil h1,
        .container-h1-perfil p {            
            text-align:start;
        }
    }



        .container-h1-perfil a {
            display: block;
            font-size: 1rem;
            color: var(--link-container-h1);
            text-transform: uppercase;
            margin-top: var(--s-2);
        }
        .container-h1-perfil a:first-of-type {            
            margin-top: var(--s0);
        }

            .container-h1-perfil a:hover,
            .container-h1-perfil a:focus {
                color: var(--link-hover-container-h1);
                text-decoration: none;
            }
    /* container-perfil-datos   */
    .container-perfil-datos,
    .container-perfil-tabla {
        background: linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0), var(--primario-softisim));
        padding-top: 2rem;
    }

        .container-perfil-tabla:last-of-type {
            background: linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0));
        }


        .container-perfil-datos h2,
        .container-perfil-tabla h2 {
            font-family: var(--fuente-secundaria);
            font-weight: 600;
            font-size: 1.5rem;
            line-height: 1.1;
            margin-bottom: .75rem;
            color: var(--primario-oscuro-dark);
            padding-left: 1rem;
        }









        .container-perfil-datos button:not(.btn-primary) {
            font-size: inherit;
            border: 0.125rem solid transparent;
            /* ↑ for WHCM users */
            /*padding: 1rem 1.5rem;*/
            color: #333;
            background-color: #ccc;
            border-radius: 0.5rem;
            background: #c7c7c7;
            border-color: #c1c1c1;
            color: #777777;
            font-size: 1rem;
            padding: .25rem .5rem;
            float: right;
            margin-right: 2.25rem;
        }

        .container-perfil-datos [aria-pressed] {
            position: relative;
            /*top: -0.25rem;
    left: -0.25rem;*/
            /*box-shadow: 0.125em 0.125em 0 #fff, 0.25em 0.25em #000;*/
            /* width:10ch;*/
        }

        .container-perfil-datos [aria-pressed='true'] {
            top: 0;
            left: 0;
            box-shadow: inset 0 0 0 0.15rem var(--primario-oscuro-dark), inset 0.25em 0.25em 0 #fff;
            background: var(--primario-oscuro) !important;
            color: #fff !important;
        }

    @media (-ms-high-contrast: active) {
        .container-perfil-datos [aria-pressed="true"]::after {
            content: '\0020✓';
        }
    }

    .container-perfil-datos [aria-pressed]:focus {
        outline: 2px solid transparent;
        box-shadow: 0 0 0 0.25rem var(--primario-oscuro);
    }

    .container-perfil-datos [aria-pressed='true']:focus {
        box-shadow: 0 0 0 0.25rem var(--primario-oscuro), inset 0 0 0 0.15rem #000, inset 0.25em 0.25em 0 #fff;
    }



    .container-perfil-datos .btn:not( [aria-pressed]) {
        background: var(--primario-oscuro);
        border-color: var(--primario-oscuro);
    }
    /* formulario perfil    */
    .container-perfil-datos form {
        background: #fff;
        border: 1px solid #999999;
        border-radius: .5rem;
        padding: 1.5rem 2rem;
    }

        .container-perfil-datos form label {
            color: #333;
            font-weight: 600;
            text-transform: uppercase;

            color:var(--link-container-h1);
        }

        .container-perfil-datos form input {
            border-left: none;
            border-top: none;
            border-right: none;
            border-radius: 0;
            border-color: #999999;
        }

        .container-perfil-datos form .btn {
            float: right;
        }



    @media(min-width:576px) {
        .container-perfil-datos form .form-group {
            display: flex;
            align-items: center;
        }

            .container-perfil-datos form .form-group > * {
                margin: 0;
            }

        .container-perfil-datos form label {
            flex-shrink: 0;
            /*white-space: nowrap;         */
            width: 200px;
            text-align: right;
            padding: 0;
            padding-right: 1rem;
            line-height: 1.1;
        }
    }
    /*  container-perfil-suscripciones */
    .container-perfil-tabla {
        padding-top: 2.5rem;
    }

        .container-perfil-tabla:last-of-type {
            /*padding-bottom:2.5rem;*/
        }

        .container-perfil-tabla .container-tabla {
            border: 1px solid #999;
            border-radius: .5rem;
            background: #fff;
        }

            .container-perfil-tabla .container-tabla .table {
                color: #444;
                margin-bottom: 0;
            }

            .container-perfil-tabla .container-tabla th {
                line-height: 1.2;
                text-transform: uppercase;
                color: #333;
                font-weight: 600;
            }

            .container-perfil-tabla .container-tabla td,
            .container-perfil-tabla .container-tabla th {
                padding: .5rem;
            }

            .container-perfil-tabla .container-tabla tr > *:first-child {
                padding-left: 2rem;
            }

    .container-perfil-tabla-deseos .container-tabla tr > *:last-child {
        vertical-align: middle;
    }


    .container-perfil-tabla-deseos .container-tabla td:nth-child(2) {
        font-weight: 700;
        font-family: var(--fuente-secundaria);
    }

    .container-perfil-tabla-deseos .container-tabla td:nth-last-child(1) {
        padding: .1rem;
        padding-right: 2rem;
        padding-left: 1rem;
        width: 1%;
        white-space: nowrap;
    }

    .container-perfil-tabla-pedidos .container-tabla td:nth-child(1),
    .container-perfil-tabla-deseos .container-tabla td:nth-child(1),
    .container-perfil-tabla-deseos .container-tabla td:nth-last-child(2) {
        width: 1%;
        white-space: nowrap;
    }


    .container-perfil-tabla .container-tabla td a {
        text-decoration: underline;
        color: #000;
        font-weight: 900;
    }

        .container-perfil-tabla .container-tabla td a:hover,
        .container-perfil-tabla .container-tabla td a:focus {
            color: var(--primario-oscuro);
        }

    .container-perfil-tabla .container-tabla td a.factura {        
        text-decoration:none;
        display:inline-flex;
        align-items:center;
    }
    .container-perfil-tabla .container-tabla td a.factura svg{        
        font-size:1.75rem;
        margin-right:.1em;
    }
    .container-perfil-tabla-pedidos .container-tabla > .table > tbody > tr > td:nth-child(2) {
        font-family: var(--fuente-secundaria);
    }

    .container-perfil-tabla-pedidos .total-pedido {
        /*font-family: var(--fuente-secundaria);*/
        font-size: 1.1rem;
        background: #fff;
    }

    .container-perfil-tabla-pedidos .container-tabla > .table > tbody > tr > td:last-child {
        text-align: right;
        padding-right: 2rem;
    }

    .container-perfil-tabla-pedidos .table:not(.tabla-detalle) > tbody > tr > td {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .container-perfil-tabla-pedidos .tabla-detalle > tbody > tr > td {
        font-weight: 400;
    }

    .container-perfil-tabla-pedidos .tabla-detalle > tbody > tr > td,
    .container-perfil-tabla-pedidos .tabla-detalle > tbody > tr > th {
        border-color: #999;
    }

        .container-perfil-tabla-pedidos .tabla-detalle > tbody > tr > :is(td:first-of-type, th:first-of-type, td:nth-of-type(2), th:nth-of-type(2)) {
            text-align: left;
            white-space:normal;
        }

    .container-perfil-tabla-pedidos .container-tabla > table > tbody > tr:nth-of-type(3n),
    .container-perfil-tabla-pedidos .container-tabla > table > tbody > tr:nth-of-type(4n),
    .container-perfil-tabla-pedidos .container-tabla > table > thead > tr {
        background-color: var(--primario-softisim);
    }

    .container-perfil-tabla-pedidos .container-tabla > table > tbody > tr:nth-of-type(3n) {
        background: #fff;
    }

    .container-perfil-tabla-pedidos .container-tabla > table > tbody > tr:nth-of-type(2n) {
        background-color: #eee !important;
    }

    .container-perfil-tabla-pedidos .table .table {
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: .9rem;
    }

    .container-perfil-tabla .container-tabla .table .table tr > *:first-child {
        padding-left: .5rem;
    }

    .container-perfil-tabla .container-tabla .table .table td:nth-last-child(1),
    .container-perfil-tabla .container-tabla .table .table td:nth-last-child(2),
    .container-perfil-tabla .container-tabla .table .table td:nth-last-child(3) {
        width: 1%;
        white-space: nowrap;
    }
    /*
.container-perfil-tabla .container-tabla  td:nth-child(2),
.container-perfil-tabla .container-tabla  td:nth-child(6),
.container-perfil-tabla .container-tabla  td:nth-child(7)


{
    white-space: nowrap;
}
*/
    .container-perfil-tabla-deseos::before {
        display: block;
        content: " ";
        margin-top: -150px;
        height: 150px;
        visibility: hidden;
        pointer-events: none;
    }
    










    .titulo-desplegable {
        margin-bottom: 0;
    }

        .titulo-desplegable button {
            all: inherit;
            cursor: pointer;
            border: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: 0 .5rem 0 0;
            border-bottom: 1px solid var(--fuente-color-body);
            border: none;
            font-family: var(--fuente-secundaria);
            font-weight: 600;
            color: var(--primario-oscuro-dark);
            margin-bottom: 1rem;
        }

            .titulo-desplegable button:focus svg {
                outline: 2px solid;
            }

            .titulo-desplegable button svg {
                height: 1em;
                margin-left: 1rem;
            }

        .titulo-desplegable [aria-expanded="true"] {
        }

            .titulo-desplegable [aria-expanded="true"] .vert {
                display: none;
            }

        .titulo-desplegable [aria-expanded] rect {
            fill: currentColor;
        }







    /*  CESTA CESTA CESTA   */
    .main-cesta {
        /*padding-top:4rem;*/
        margin-bottom: 4rem;
    }

        .main-cesta > div h2 {
            font-size: 1.5rem;
            color: var(--primario-oscuro-dark);
            font-family: var(--fuente-secundaria);
            line-height: 1.1;
            font-weight: 300;
            margin-bottom: 0.875rem;
            color: var(--primario-oscuro);
        }

        .main-cesta .container-gea > div:first-of-type {
            margin-bottom: 2rem;
            flex-grow: 1;
        }

            .main-cesta .container-gea > div:first-of-type > a {
                text-align: right;
                display: block;
                width: fit-content;
                margin-left: auto;
                color: var(--primario-oscuro-dark);
                margin-top: 2rem;
                text-transform: uppercase;
            }

                .main-cesta .container-gea > div:first-of-type > a:hover,
                .main-cesta .container-gea > div:first-of-type > a:focus {
                    color: var(--secundario-btn);
                    text-decoration: none;
                }

        .main-cesta .container-gea > div:last-of-type h2 {
            white-space: nowrap;
        }


    @media(min-width:768px) {
        .main-cesta .container-gea:first-child {
            display: flex;
            justify-content: space-between;
        }

            .main-cesta .container-gea:first-child > div:first-of-type {
                flex-grow: 1;
                margin-bottom: 0;
            }

            .main-cesta .container-gea:first-child > div:last-of-type {
                margin-left: 2rem;
                /*flex-shrink:0;
        min-width:220px;*/
                max-width: 256px;
            }
    }


.main-cesta .advertencia-cesta {
    text-align:left;
    margin-top:var(--s4);
    font-size:var(--s1);
    color: #333;
    color: var(--negro);
}
    .main-cesta .advertencia-cesta svg {
        font-size: 2em;
        color: var(--primario-oscuro);
    }
.main-cesta .advertencia-cesta >*:last-child{
    margin-bottom:0;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}
@media(min-width:576px) {
    .main-cesta .advertencia-cesta >*:last-child{
        justify-content: center;
        align-items: center;

    }
}

    .main-cesta .container-gea .container-resumen-pedido .texto {
        background: #eff2f5;
        padding: 2rem 1rem;
        border-radius: .5rem;
        color: #616161;

        
    }

        .main-cesta .container-gea .container-resumen-pedido .texto dl {
            margin: 0;
        }

        .main-cesta .container-gea .container-resumen-pedido .texto dt {
            line-height: 1;
            font-weight: 400;
            margin-bottom: 0.5em;
            padding-bottom:.5em;
            text-transform: uppercase;
            font-size: 1rem;
            border-bottom:1px solid #666;
        }

            .main-cesta .container-gea .container-resumen-pedido .texto dt ~ dt {
                margin-top:1rem;
            }

        .main-cesta .container-gea .container-resumen-pedido .texto dd {
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 1.1;

            text-align:right;
        }

        .main-cesta .container-gea .container-resumen-pedido .texto :is(dd:not(:last-of-type), dt:not(:last-of-type)) {
            font-size:.85em;
        }

            .main-cesta .container-gea .container-resumen-pedido .texto dd span {
                display: block;
                font-weight: 400;
                font-size: .75rem;
                margin-top: .25rem;
            }

    .main-cesta .container-gea .container-resumen-pedido .btn {
        margin-top: 1rem;
        text-transform: uppercase;
        width: 100%;
    }







    .main-cesta .container-tabla {
        border: 4px solid var(--primario-softisim);
        border-radius: .5rem;
        background: #fff;
    }

        .main-cesta .container-tabla .table {
            margin-bottom: 0;
        }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .table-striped tbody tr:nth-of-type(even),
    .table-striped thead tr {
        background-color: var(--primario-softisim);
    }


    .main-cesta .container-tabla td,
    .main-cesta .container-tabla th {
        padding: .5rem;
    }

        .main-cesta .container-tabla td:nth-child(2) {
            line-height: 1.2;
        }

    .main-cesta .container-tabla th {
        line-height: 1.2;
        text-transform: uppercase;
        color: #333;
        font-weight: 600;
    }

    .main-cesta .container-tabla tr > *:first-child {
        /*padding-left: 2rem;*/
    }

    .main-cesta .container-tabla tr > *:last-child {
        /*padding-right: 2rem;*/
        text-align: right;
    }

    .main-cesta .container-tabla tr > *:last-child,
    .main-cesta .container-tabla tr > *:nth-last-child(2),
    .main-cesta .container-tabla tr > *:nth-last-child(3),
    .main-cesta .container-tabla tr > *:nth-last-child(4) {
        /*padding-right: 2rem;*/
        /*width:1%;
    white-space:nowrap;*/
    }

    .main-cesta .container-tabla tr > *:nth-last-child(2),
    .main-cesta .container-tabla tr > *:nth-last-child(4) {
        width: 1%;
        white-space: nowrap;
    }

    .main-cesta .container-tabla tr > td:nth-last-child(2),
    .main-cesta .container-tabla tr > td:nth-last-child(4) {
        text-align: right;
    }


    .btn-borrar,
    a[role="button"] {
        cursor: pointer;
    }

        .btn-borrar svg {
            font-size: 1.5rem;
        }

            .btn-borrar svg circle {
                fill: #ddd;
            }

            .btn-borrar svg path {
                stroke: #0066cc;
            }

        .btn-borrar:hover svg path {
            stroke: #de3202;
        }

    .container-confirmar-cesta {
        /*margin-top:2rem;*/
        padding-top: 2rem;
        border-top: 2px solid var(--primario-oscuro-dark);
    }

        .container-confirmar-cesta h2 {
            /*font-size: 2rem;
            color: #444;
            line-height: 1.1;
            font-weight: 400;
            margin-bottom: .75rem;
            padding-bottom: .5rem;
            line-height: 1.1;
            border-bottom: 1px solid #bbb;*/

             margin: 0;
            font-family: var(--fuente-secundaria);
            color: var(--primario-oscuro-dark);
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            line-height: 1.1;
            border-bottom: 2px solid var(--primario-oscuro-dark);
        }


    .main-cesta .container-tabla .container-cantidad {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: Sans-Serif;
    }

        .main-cesta .container-tabla .container-cantidad a {
            display: block;
            border: 1px solid #bbb;
            background: #ccc;
            line-height: 1;
            text-align: center;
            padding: .25rem .5rem;
        }

            .main-cesta .container-tabla .container-cantidad a:hover {
                background: var(--primario-soft);
                color: #000;
            }

        .main-cesta .container-tabla .container-cantidad span {
            display: block;
            min-width: 4ch;
            text-align: center;
            border: 1px solid #bbb;
        }
.container-confirmar-cesta form::after {
    display: block;
    clear: both;
    content: "";
}
.container-confirmar-cesta form .form-check {
    margin-top: 1rem;
    margin-bottom: .75rem;
}

    .w-icon-list > li {
        display: flex;
        line-height: 1.2;
    }

        .w-icon-list > li + li {
            margin-top: .5em;
        }

        .w-icon-list > li svg {
            flex-shrink: 0;
            margin: .17em .5em 0 0;
        }








    .modal-title {
        margin-bottom: 0;
        line-height: 1;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        color: var(--primario-oscuro-dark);
    }

        .modal-title svg {
            flex-shrink: 0;
            padding-top: .1em;
            font-size: 1.2em;
        }

    .modal-body > *:last-child {
        margin-bottom: 0;
    }




    #modal-opciones .modal-header {
        padding-bottom: .25rem;
        font-weight: 500;
        font-size:1.25rem;
    }





#alertaStockModal .modal-title {
    font-weight:600;
    color:#555;
}

#alertaStockModal .modal-body p {
    line-height:1.2;
    color:#666;
}
#alertaStockModal .modal-footer {
    border-top:none;
    padding-top:0;
}
#alertaStockModal .w-form-group .w-form-control {
    grid-column:1/-1;
}
#alertaStockModal .w-form-group label {
    background: #d8d8d8;
    border:1px solid #999;
}
#alertaStockModal .w-form-group .w-form-control {
    border-color: #999;
}







/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/
/*COMUNES*/



.nav-principal .btn-outline-primary {
    color: var(--nav-outline-primario);
    background: var(--nav-outline-background-primario);
    border-color: var(--nav-outline-border-primario);
    border-width:var(--nav-primario-btn-width);
    font-weight: var(--nav-outline-weight);
    letter-spacing:var(--nav-primario-letter-spacing);
}


.nav-principal >ul > li >a.btn-outline-primary:hover, .nav-principal >ul > li > a.btn-outline-primary:focus 
{    
    background: var(--nav-outline-background-hover);
    border-color: var(--nav-outline-border-hover);
    color: var(--nav-outline-hover);

}

.nav-principal >ul > li >a.btn-outline-primary:active
{    
    background: var(--nav-outline-background-active)!important;
    border-color: var(--nav-outline-border-active)!important;
    color: var(--nav-outline-active)!important;

}





.pre-nav a {
    padding: 0 0.5rem;
    padding: 0 1rem;
}

.btn {
    letter-spacing: .02em;
}



.btn-secondary {
    background:var(--primario-softisim);
    color:var(--primario-oscuro-dark);
}
.btn-secondary:hover {
    background:var(--primario-oscuro-dark);
    border-color:var(--primario-oscuro-dark);
}


h1 {
    font-size:var(--s4);
    line-height:1;    
    color:var(--negro);
    font-weight: 700;
    margin-bottom: 0.2em;
}

@media(min-width:768px) {
    h1 {
        font-size:var(--s4);
        line-height:1;            
    }
}


a.flecha {
    position:relative;
    display:inline-block;
    padding-bottom:var(--s-5);
    font-weight:700;
    color:var(--negro)
}
    a.flecha:hover {
        color:var(--primario-oscuro-dark)
    }
a.flecha::before {
    position:absolute;
    content:"";
    height:2px;
    width:100%;
    background:var(--negro);
    bottom:1px;
    left:0;
    right:0;
}
a.flecha::after {
    position:absolute;
    content:"";
    height:0;
    width:0;
    background:transparent;
    bottom: -2px;
    right: -8px;
    border-top: 4px solid transparent;
    border-left: 8px solid var(--negro);
    border-bottom: 4px solid transparent;
}
    a.flecha:hover::before {
        background:var(--primario-oscuro-dark);
    }
    a.flecha:hover::after {
        border-left-color:var(--primario-oscuro-dark);
    }



a.no-underline {
    text-decoration:none;
}



.resenita {
    font-style:italic;
}
.resenita span{
    display:block;
    color:var(--primario-oscuro-dark);
    margin-top:var(--s-4);
    line-height:1.1;
}







/*FOOTER (hay que deshacer cosas de "arriba")*/

footer {
    overflow:hidden;
}
.container-footer {
    padding-top:var(--s4);
    padding-bottom:var(--s4);
}
    .container-footer .container-gea > *:not(:last-child) {
        margin-bottom:var(--s3);
    }
    .container-footer h2::after {        
        left: 50%;
        transform:translateX(-50%);
        height:2px;
    }

nav.container-navegacion-pie li:not(:last-child), 
nav.container-rrss-pie li:not(:last-child) {
    margin-bottom:var(--s-2);
}
nav.container-navegacion-pie li, 
nav.container-rrss-pie li,
.lema-pie ,
.container-direccion .icono-pie {    
    font-size: var(--s-1);

    justify-content:center;
    line-height: 1.3;
}



.container-direccion .icono-pie svg {
    display:none;
}


.container-logo-pie img {
    max-width:100%;
}
.container-logo-pie ul {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
   justify-content:center;
   margin-top:var(--s-6);
}
.container-logo-pie ul a {
    color: var(--pie-primario);
    display:block;
    padding:.5rem;
}



:is(.container-logo-pie,
.container-rrss-pie,
.container-navegacion-pie,
.container-direccion) {
    text-align:center;
}


.container-footer-legal {
    text-align:center;
}

    .container-footer-legal ul {
        justify-content: center;
    }

.container-footer b,
.container-footer .b {
    display:none;
}

@media(min-width:576px) {
    .container-footer .container-gea {
        display:block;
    }
}
@media(min-width:768px) {
    .container-direccion .icono-pie svg {
        display:block;
    }
    :is(.container-logo-pie,
    .container-rrss-pie,
    .container-navegacion-pie,
    .container-direccion) {
        text-align:left;
    }

     .container-footer h2::after {        
        left: 0;
        transform:initial;        
    }

    nav.container-navegacion-pie li,
    nav.container-rrss-pie li, 
    .lema-pie, 
    .container-direccion .icono-pie {
        justify-content:flex-start;
    }

    :root {
        --caciple:var(--s7);
    }

    .container-footer {
        padding:0;
    }

    .container-footer b,
    .container-footer .b{
        display:block;  
        margin:0!important;              
    }

     .container-footer .b-segunda,
     .container-footer .b-segunda-banda {
        display:none;
    }

        .container-footer .b:nth-child(1) {
            width: var(--caciple);
            height: var(--caciple);
            grid-column: 10/11;
            justify-self: end;
            grid-row:1/2;
           
        }
        .container-footer .b:nth-child(2) {
            background: #fff;
            width:100vw;
            height:var(--caciple);
            grid-column:11/-1;
            grid-row:1/2;
            transform:translateX(-1rem);
        }

        .container-footer .b-oscuro {
            width: var(--caciple);
            height: var(--caciple);
            grid-column: 1/2;
            justify-self: start;     
            grid-row:4;      

            color: var(--decoracion-pie-abajo);
        }
            
        .container-footer .banda-oscura{
            background: var(--decoracion-pie-abajo);
            width:100vw;
            height:var(--caciple);
            grid-column:1/2;
            transform:translateX(-100%);      
            grid-row:4;   
        }
         

    .container-footer .container-gea {
        display:grid;
        grid-template-rows:var(--caciple)  1f 1fr  var(--caciple);
        grid-row-gap:0;
    }

    .container-footer .container-logo-pie {
        grid-column:1/-1;
        grid-row:2/3;

        align-self: start;
        justify-self:center;
    }

    

        .container-footer .container-navegacion-pie {
            grid-column:3/6;
            grid-row:3/4;
            margin-bottom:0!important;
        }

        .container-footer .container-rrss-pie {
            grid-column:6/9;
            grid-row:3/4;
            margin-right: 0;
            margin-bottom:0!important;
        }

        .container-footer .container-direccion {
            grid-column:9/-1;
            grid-row:3/4;
            margin-bottom:0!important;
        }
        
}




@media(min-width:992px) {
  
    
     .container-footer .b-segunda,
     .container-footer .b-segunda-banda {
        display:block;
    }

     .container-footer .b:nth-child(1) {
        width: var(--caciple);
        height: var(--caciple);
        grid-column: 5/6;
        justify-self: end;
        grid-row: 1/2;

        color:var(--decoracion-pie-arriba);
    }
     .container-footer .b:nth-child(2) {
        background: #fff;
        width: 100vw;
        height: var(--caciple);
        grid-column: 6/-1;
        grid-row: 1/2;
        transform: translateX(-1rem);
    }

     .container-footer .b-segunda {
        width: var(--caciple);
        height: var(--caciple);
        grid-column: 11/12;
        justify-self: end;
        grid-row: 2/3;

        color:var(--decoracion-pie-medio);
    }
     .container-footer .b-segunda-banda {
       background: #fff;
        width: 100vw;
        height: var(--caciple);
        grid-column: 12/-1;
        grid-row: 2/3;
        transform: translateX(-1rem);
    }

    .container-footer .container-gea {
        display:grid;
        grid-template-rows:var(--caciple) var(--caciple) 1fr var(--caciple);
        grid-row-gap:0;
    }

    .container-footer .container-logo-pie {
        grid-column:1/4;
        grid-row:2/-1;

        align-self: start;
    }

    .container-footer .container-logo-pie {
        grid-column:1/4;
        grid-row:2/4;
    }

        .container-footer .container-navegacion-pie {
            grid-column:5/7;
            grid-row:3/4;
        }

        .container-footer .container-rrss-pie {
            grid-column:7/9;
            grid-row:3/4;
        }

        .container-footer .container-direccion {
            grid-column:9/-1;
            grid-row:3/4;
        }
}

@media(min-width:1200px) {
     .container-footer .container-navegacion-pie {            
            grid-row:3/4;
        }

        .container-footer .container-rrss-pie {            
            grid-row:3/4;
        }

        .container-footer .container-direccion {            
            grid-row:3/4;
        }

}


.container-direccion .icono-horario {
    line-height:1.7;
}





/*  FOOTER LEGAL    */



.container-footer-legal {   
    padding-top: var(--s4);
    padding-bottom: var(--s4);
    font-size: var(--s-1);
}
.container-footer-legal p {
    margin-bottom:var(--s2);
}
    .container-footer-legal li:not(:first-child):not(:last-child) {
        margin-left:0;
        padding-left:0;

    }
        .container-footer-legal li:not(:first-child):not(:last-child)::after {
            content:none;
        }

    .container-footer-legal ul {
        display:block;
    }

    .container-footer-legal li + li,
    .container-footer-legal li:last-child {
        margin-top:var(--s0);
    }
@media (min-width: 576px){
    .container-footer-legal ul {
        float: none;
    }
    .container-footer-legal li:not(:first-child) {
        margin-left: 0;
        padding-left: 0;
        position: relative;
    }
    .container-footer-legal li:not(:first-child)::after {
        content:"";
    }
    .container-footer-legal ul {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .container-footer-legal li + li,
    .container-footer-legal li:last-child {
        margin-top:0;
    }
    .container-footer-legal li:not(:first-child):not(:last-child) {
        margin-left: 0.5rem;
        padding-left: 0.5rem;
        position: relative;
    }
    .container-footer-legal li:last-child {
        width: 100%;
        margin-top: var(--s-2);
    }
    .container-footer-legal li:not(:first-child):not(:last-child)::after {
        content:"|";
    }
}




@media (min-width: 768px) {
    .container-footer-legal {
        padding-top: var(--s5);
        padding-bottom: var(--s5);
    }
}



@media (min-width: 992px) {
    .container-footer-legal .container-gea {
        display:block;
    }
}




.container-footer-legal .licencia-iconos {
    display:block;
    font-size:var(--s-2);
    max-width:40ch;
    margin:var(--s-3) auto 0 auto;
    line-height:1.4;
}




@media (min-width: 1200px) {
    .container-footer-legal p {
        text-align:left;
        margin-bottom:0;
    }
    .container-footer-legal .licencia-iconos {
        margin:var(--s-3) 0 0 var(--s0);
    }

    .container-footer-legal .container-gea {
        display: flex;
        justify-content: space-between;
    }

    .container-footer-legal ul {
        justify-content: flex-end;
    }
    .container-footer-legal li:last-child {
        text-align:right;
        margin-top:var(--s-2);
    }
}








.main-productos {
    /*margin-top:var(--s1);*/
}




.cabecera-buscador {
        margin-bottom: 1.5rem;
    }

        .cabecera-buscador h1 {
            font-family: var(--fuente-secundaria);
            color: var(--primario-oscuro-dark);
            font-style: normal;
            font-weight: 700;
            font-size: 3rem;
            line-height: 1;
            margin: 0;
            padding: 0;
            margin-bottom: .25em;
            font-family:unset;
            color: var(--negro);
            font-weight: 400;
            line-height: 1.1;
            font-size: var(--s5);
            color:var(--primario-oscuro);
        }

            .cabecera-buscador h1 > span {
                display: block;
                font-size: .33em;
                margin-top:.6em;
            }

                .cabecera-buscador h1 > span + span {
                    margin-top: .25em;
                }

        .cabecera-buscador .titulo-paginacion {
            /*font-family: Roboto;*/
            font-style: normal;
            font-weight: normal;
            font-size: 1rem;
            line-height: 1;
            color: #666;
            margin-bottom: 0;
        }



 .contenido-servicio-tecnico-buscador {
        margin-bottom: 4rem;
    }

    @media(max-width:992px) {

        .contenido-servicio-tecnico-buscador .container-gea {
            display: flex;
            flex-direction: column;
        }

            .contenido-servicio-tecnico-buscador .container-gea .cabecera-buscador {
                order: 2;
            }

            .contenido-servicio-tecnico-buscador .container-gea .modulo-buscador-formulario {
                order: 1;
                margin-bottom: 1rem;
            }

            .contenido-servicio-tecnico-buscador .container-gea .modulo-resultados {
                order: 3;
            }

        .contenido-servicio-tecnico-buscador .listado-resultados {
            margin-top: 0;
        }
    }



    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:992px) {
            .contenido-servicio-tecnico-buscador .container-gea {
                display: grid;
                grid-template-columns: repeat(12, minmax(0, 1fr));
                grid-template-rows: min-content 1fr;
                grid-column-gap: 1rem;
                grid-row-gap: 1.25rem;
            }

                .contenido-servicio-tecnico-buscador .container-gea .cabecera-buscador {
                    grid-column: 4/-1;
                    grid-row: 1;
                    margin-bottom: 0;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                    .contenido-servicio-tecnico-buscador .container-gea .cabecera-buscador > * {
                        margin-bottom: 0;
                    }

                .contenido-servicio-tecnico-buscador .container-gea .modulo-buscador-formulario {
                    grid-column: 1/4;
                    grid-row: 1/span 2;
                    align-self: start;
                }

                .contenido-servicio-tecnico-buscador .container-gea .modulo-resultados {
                    grid-column: 4/-1;
                    grid-row: 2;
                }

                    .contenido-servicio-tecnico-buscador .container-gea .modulo-resultados .listado-resultados {
                        margin-top: 0;
                    }

            .contenido-servicio-tecnico-buscador .pagination {
                float: right;
            }
        }

        @media(min-width:1200px) {
            .contenido-servicio-tecnico-buscador .container-gea {
                grid-column-gap: 2rem;
            }
                .contenido-servicio-tecnico-buscador .container-gea .cabecera-buscador {
                    margin-top: 1rem;
                }

                .contenido-servicio-tecnico-buscador .container-gea .modulo-buscador-formulario,
                .detalle .modulo-buscador-formulario {
                    margin-top: 2rem;
                    position: relative;
                }

                    .contenido-servicio-tecnico-buscador .container-gea .modulo-buscador-formulario::before,
                    .detalle .modulo-buscador-formulario::before {
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        height: calc(100% + 2rem);
                        left: -1rem;
                        top: -1rem;
                        background: var(--primario-oscuro-dark);
                        z-index: -1;


                        content:none;
                    }

                .contenido-servicio-tecnico-buscador .container-gea .listado-resultados .botonera .btn-outline-primary {
                    padding-left: .3rem;
                    padding-right: .3rem;
                    width: 2rem;
                }
        }
    }









/*BUSCADOR*/








.modulo-buscador-formulario {
        background: var(--background);
        padding: 1rem .5rem;
        border: 2px solid var(--primario-oscuro-dark);

        border:1px solid var(--primario-oscuro-dark);
    }

        .modulo-buscador-formulario .titulo {
            background: var(--primario-oscuro-dark);
            color: var(--primario-softisim);
            font-size: 1rem;
            line-height: 1.1;
            padding: .5rem;
            text-transform: uppercase;

            color:var(--background);
            background: var(--primario-oscuro);
        }

        .modulo-buscador-formulario > div .titulo {
            margin-top: .75rem;
            margin-bottom: .5rem;
        }


        .modulo-buscador-formulario nav {
        }

            .modulo-buscador-formulario nav ul {
                list-style: none;
                margin: 0;
                padding: 0;
                line-height: 1;
            }

            .modulo-buscador-formulario nav li {
                font-size: 1rem;
            }

    @media(max-width:991px) {
       /* .modulo-buscador-formulario nav > ul > li:nth-child(2n) {
            background: #fff;
        }*/
    }

    .modulo-buscador-formulario nav li + li {
        margin-top: .75rem;
    }

    .modulo-buscador-formulario .filtros li + li {
        margin-top: .25rem;
    }

    .modulo-buscador-formulario nav li svg.check,
    .modulo-buscador-formulario .filtros svg.check {
        width: 1em;
        fill: #fff;
        margin-right: .3rem;
        flex-shrink: 0;
    }


        .modulo-buscador-formulario nav li svg.check path:first-of-type,
        .modulo-buscador-formulario .filtros svg.check path:first-of-type {
            stroke: #666;
        }

        .modulo-buscador-formulario nav li svg.check path:last-of-type,
        .modulo-buscador-formulario .filtros svg.check path:last-of-type {
            display: none;
        }

    .modulo-buscador-formulario nav li.active svg.check,
    .modulo-buscador-formulario .filtros li.active svg.check {
        width: 1em;
        fill: #10203A;
    }

        .modulo-buscador-formulario nav li.active svg.check path:first-of-type,
        .modulo-buscador-formulario .filtros li.active svg.check path:first-of-type {
            stroke: var(--primario-softisim);
        }

        .modulo-buscador-formulario nav li.active svg.check path:last-of-type,
        .modulo-buscador-formulario .filtros li.active svg.check path:last-of-type {
            display: inline;
        }


    .modulo-buscador-formulario nav div.nivel-1,
    .modulo-buscador-formulario nav div.nivel-1 a,
    .modulo-buscador-formulario nav div.nivel-2,
    .modulo-buscador-formulario nav div.nivel-2 a,
    .modulo-buscador-formulario nav div.nivel-3,
    .modulo-buscador-formulario nav div.nivel-3 a,
    .modulo-buscador-formulario nav div.nivel-4,
    .modulo-buscador-formulario nav div.nivel-4 a,
    .modulo-buscador-formulario nav div.nivel-5,
    .modulo-buscador-formulario nav div.nivel-5 a {
        display: flex;
        justify-content: space-between;
    }

        .modulo-buscador-formulario nav div.nivel-2 a,
        .modulo-buscador-formulario nav div.nivel-3 a,
        .modulo-buscador-formulario nav div.nivel-4 a,
        .modulo-buscador-formulario nav div.nivel-5 a {
            justify-content: flex-start;
        }

    .modulo-buscador-formulario nav div.nivel {
        display: flex;
        justify-content: space-between;
    }



    .modulo-buscador-formulario nav a,
    .modulo-buscador-formulario .filtros a {
        color: #444;
        text-decoration: none;
        /**/
        /*flex-shrink: 0;*/
        color: var(--primario-oscuro);
    }


    .modulo-buscador-formulario nav button {
        all: inherit;
        cursor: pointer;
        border: 0;
        margin: 0;
        /*display: flex;
justify-content: space-between;
align-items: center;*/
        /*width: 100%;*/
        /*padding: 0 .5rem .5rem 0;*/
        /*border-bottom: 1px solid var(--fuente-color-body);
border: none;
border: 1px solid #616161;
border-radius: var(--radio-borde-boton);*/
        /*padding: 1.5rem 1rem;*/
        /*color: var(--fuente-color-body);
font-family: var(--fuente-secundaria);
font-weight: 600;
color: var(--primario-oscuro-dark);
border-color: #004d99;*/
    }

        .modulo-buscador-formulario nav button svg {
            height: 1em;
            margin-left: 1rem;
        }

    .modulo-buscador-formulario nav [aria-expanded="true"] {
        /*background:var(--primario-oscuro);*/
        /*color:#fff;*/
    }

        .modulo-buscador-formulario nav [aria-expanded="true"] .vert {
            display: none;
        }

    .modulo-buscador-formulario nav [aria-expanded] rect {
        fill: currentColor;
    }




    .modulo-buscador-formulario .nivel + ul {
        margin-top: .7rem;
    }

    .modulo-buscador-formulario .nivel-2 > a {
        /*color:#666;*/
    }
    /*.modulo-buscador-formulario .nivel-2 > a svg,
            .modulo-buscador-formulario .nivel-3 > a svg*/
    .modulo-buscador-formulario .nivel:not(.nivel-1) > a svg {
        /*padding-left:.25rem;*/
        padding-left: .2rem;
        padding-left: .7rem;
        color: #666;
        font-size: .75rem;
        margin-top: .1rem;
        margin-right: .1em;
    }

    .modulo-buscador-formulario .nivel-3 > a {
        /*font-size:.9em;*/
    }

        .modulo-buscador-formulario .nivel-3 > a svg {
            padding-left: 1.5rem !important;
            color: #666;
        }

    .modulo-buscador-formulario .nivel-4 > a svg {
        padding-left: 2rem !important;
    }

    .modulo-buscador-formulario .nivel-5 > a svg {
        padding-left: 3rem !important;
    }

    .modulo-buscador-formulario nav > ul > li.active .nivel-1 a,
    .modulo-buscador-formulario nav > ul > li > ul > li.active .nivel-2 a,
    .modulo-buscador-formulario nav > ul > li > ul > li.active > ul li.active .nivel-3 a,
    .modulo-buscador-formulario nav li.active > .nivel-4 a,
    .modulo-buscador-formulario nav li.active > .nivel-5 a,
    .modulo-buscador-formulario .filtros li.active > a {
        font-weight: bold;
        font-weight:700;
    }
    /*FORMULARIO EN SÍ*/
    .modulo-buscador-formulario form legend {
        text-transform: uppercase;
        font-family: var(--fuente-secundaria);
        font-style: normal;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.1;
        margin-bottom: .7rem;
        color: var(--fuente-color-body);

    }

    .modulo-buscador-formulario form fieldset + fieldset {
        margin-top: 1rem;
    }

        .modulo-buscador-formulario form fieldset + fieldset legend {
            padding-top: 1rem;
            position: relative;
        }

            .modulo-buscador-formulario form fieldset + fieldset legend::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                background: var(--primario-soft);
                top: 0;
                left: 0;
            }
    /*checkboxes*/
    .modulo-buscador-formulario form .checkbox .control-indicator {
        border-radius: 0;
        background-color: #fff;
        border: 1px solid #666;
    }

    .modulo-buscador-formulario form label.control {
        margin-bottom: 0;
        color: var(--fuente-color-body);
        padding-left: 1.25rem; /*distancia del cuadro al texto*/
    }
    /*  checked */
    .modulo-buscador-formulario form .control input:checked ~ .control-indicator {
        color: var(--primario-soft);
        background-color: var(--primario-oscuro-dark);
    }









    @supports (display: -ms-grid) or (display: grid) {
        /*checkboxes*/
        .modulo-buscador-formulario form .container-checkboxes {
            display: grid;
            grid-gap: .5rem 1rem;
        }

        .modulo-buscador-formulario form fieldset:not(:first-of-type) .container-checkboxes {
            grid-template-columns: repeat(auto-fill, minmax(110px, 1fr) );
        }
    }




    .modulo-buscador-formulario .filtros {
        list-style: none;
        margin: 0;
        padding: 0;
    }



     /**/
    /*  RESULTADOS SERVICIO TÉCNICO */
    .listado-resultados {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 4rem;
    }

    .contenido-detalle-relacionados .listado-resultados {
        margin-top: 0;
    }


    .listado-resultados .item {
        position: relative;
    }
    .contenido-servicio-tecnico-buscador .listado-resultados .item:not(.item-producto),
    .contenido-detalle-relacionados .listado-resultados .item{
        border:2px solid var(--primario-btn);
    }

        .listado-resultados .item + .item {
            margin-top: 4rem;
            position: relative;
        }

         /*  .listado-resultados .item + .item::after {
                content: "";
                position: absolute;
                top: -2rem;
                left: 0;
                right: 0;
                height: 1px;
                width: 100%;
                background: var(--primario-soft);
            }*/

        .listado-resultados .item .imagen,
        .listado-vendidos .item .imagen {
            position: relative;
            
        }
        .listado-resultados .item:not(.item-producto)  .imagen,
        .listado-vendidos .item:not(.item-producto) .imagen {
            
            border-bottom: 2px solid var(--primario-btn);

            border-bottom: 2px solid var(--primario-oscuro);
            border-bottom: 1px solid hsl(244deg 1% 85%);
        }

            .listado-resultados .item .imagen img {
                display: block;
                width: 100%;
            }

            .listado-resultados .item .imagen img {
                filter: saturate(.8);
                aspect-ratio: 1;
                width: 100%;
                height: auto;
                object-fit: cover;
            }

        .listado-resultados .item:hover .imagen img {
            filter: saturate(1);
        }

        .listado-resultados .item .texto {
            --gap:.5rem;

            margin-top: .5rem;
            margin-left: var(--gap);
            margin-right: var(--gap);
        }
            .listado-resultados .item .texto .cabecera .precio {
                margin-bottom:0;
                font-size: .9em;

                font-size: var(--s-1);
                background: #eee;
                width: fit-content;
                padding: 0 var(--s-6);
                margin-top: var(--s-5);

                letter-spacing: .02em;
                word-spacing: 0.05em;
            }

            .listado-resultados .item .texto .titulo {
                font-family: var(--fuente-secundaria);
                color: var(--primario-oscuro-dark);
                font-style: normal;
                font-weight: 600;
                font-size: 1.25rem; /*modificar en grande*/
                line-height: 1.1;
                margin-bottom: 0;

                letter-spacing:.02em;

                font-family:unset;
                font-weight: 700;
            }

.listado-resultados .item-producto .texto .titulo {
    font-size:var(--s1);
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
}

                .listado-resultados .item .texto .titulo a {
                    color: inherit;
                    text-underline-offset: 0.15em;
                }
                .listado-resultados .item .texto .titulo a:hover,
                .listado-resultados .item .texto .titulo a:focus {
                    text-decoration-color: var(--secundario);
                }
    /*para el truco del enlace*/
    .listado-resultados .item-producto .texto .titulo a::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .listado-resultados .item .texto .subtitulo {
        line-height: 1.1;
        font-size: 1rem; /*modificar en grande*/
        margin-top: .2em;
        margin-bottom: 0;
        margin-bottom: var(--s-3);

        font-size:var(--s-1);
        margin-top:var(--s-6);
    }

    .listado-resultados .precios {
        margin-top: 1rem;

        padding-top: .5rem;
        margin-top: .5rem;
        border-top: 1px solid #eee;
    }

        .listado-resultados .precios > * {
            margin: 0;
            line-height: 1;
        }

            .listado-resultados .precios > * + * {
                margin-top: .25rem;
            }

        .listado-resultados .precios .precio {
            font-family: var(--fuente-secundaria);
            color: var(--primario-oscuro-dark);
            font-style: normal;
            font-weight: 700;
            font-size: 1.25rem;
        }

        .listado-resultados .precios .precio-antes {
            font-family: var(--fuente-secundaria);
            font-style: normal;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: line-through;
            color: #999;
        }

    .listado-resultados .pildora {
        border-radius: .25rem;
        padding: .25rem;
        font-family: var(--fuente-secundaria);
        font-style: normal;
        font-weight: 700;
        font-size: 1rem;
        color: #666;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #666;

        color: var(--pildora);
        border:1px solid var(--pildora);
    }
.listado-resultados .item .texto .parrafada {
    margin-top:var(--s-4);
    font-size:.9em;
}
.listado-resultados .item .texto .parrafada > *:last-child {
   margin-bottom:0;
}

    .listado-resultados .botonera {
        margin-top: 1.5rem;

        display: flex;
        justify-content: space-between;

        margin-left: calc(-1 * var(--gap));
        margin-right: calc(-1 * var(--gap));
    }

        .listado-resultados .botonera .btn {
            border-radius: 0;
            text-transform: uppercase;
            position:relative;
            z-index:999;
        }

        .listado-resultados .botonera .btn-primary {
            padding-left: .3rem;
            padding-right: .3rem;
        }
        
        .listado-resultados .botonera .btn-outline-primary {
            padding-left: .3rem;
            padding-right: .3rem;
        }
        .listado-resultados .botonera > *:first-child {
            flex-grow: 1;
            /*margin-right: .25rem;*/
        }



    .main-productos .listado-resultados .item .imagen a,
    .listado-vendidos .item .imagen a{
        display: block;
        padding-bottom: 100%;
        position: relative;
    }

        .main-productos .listado-resultados .item .imagen a img,
        .listado-vendidos .item .imagen a img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
        }


        

    /*swipe sm*/
    .listado-resultados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;

    overflow: auto;
    gap: 1rem;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
}

 .listado-resultados .item {
    flex-shrink: 0;
    width: 90%;
    scroll-snap-align: start;

    display: flex;
    flex-direction: column;
}

  .listado-resultados .item + .item {
    margin-top: 0;
}
    .listado-resultados .item .texto {
        display: flex;
        flex-direction: column;
        height:100%;
    }

     .listado-resultados  .btn-group {
        margin-top:auto;
        padding-top: 0.5em;
    }

@media(min-width:576px) {
    .listado-resultados .item {
        display: flex;
        width: auto;
        scroll-snap-align: unset;
    }
}
    /*end swipe sm*/



    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:576px) {
            .listado-resultados {
                /*overflow: hidden;*/
            }

                .listado-resultados .item + .item {
                    margin-top: 0;
                    position: relative;
                }

                    .listado-resultados .item + .item::after {
                    }


            .listado-resultados {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(236px, 1fr) );
                grid-gap: 4rem 1rem;
                padding-bottom:0;
            }

                .listado-resultados .item {
                    /*display: flex;
                    flex-direction: column;
                    
                    justify-content: flex-start;*/
                }
            


                .listado-resultados .precios {
                    display: grid;
                    grid-template-columns: max-content 1fr;
                    grid-template-rows: repeat(2, min-content);
                    grid-row-gap: .25rem;
                }

                    .listado-resultados .precios .precio {
                        grid-column: 1;
                        grid-row: 1;
                    }

                    .listado-resultados .precios .precio-antes {
                        grid-column: 2;
                        grid-row: 1;
                        justify-self: end;
                        margin: 0;
                        align-self: center;
                    }

                    .listado-resultados .precios .pildora {
                        grid-column: 1/-1;
                        grid-row: 2;
                        align-self: start;
                        justify-self: start;
                        align-self: center;
                    }


                .listado-resultados .botonera {
                    margin-top: auto;
                    padding-top: 1rem;
                    display: flex;
                    justify-content: space-between;
                    padding-top: .6rem;

                    margin-left:calc(-1 * var(--gap));
                    margin-right:calc(-1 * var(--gap));
                }

                    .listado-resultados .botonera > *:first-child {
                        flex-grow: 1;
                        margin-right: .25rem;
                    }
            .main-productos .listado-resultados .botonera > *:first-child {
                margin-right:0;
            }
        }

        @media(min-width:992px) {
            .listado-resultados {
                grid-template-columns: repeat(3, minmax(0, 1fr) );
                grid-template-columns: repeat(4, minmax(0, 1fr) );
            }

                .listado-resultados .item .texto .titulo,
                .modulo-vendidos .listado-vendidos .item .texto .titulo {
                    font-size: var(--s1); /*modificar en grande*/
                }
                .listado-resultados .item-producto .texto .titulo {
                    font-size:var(--s1);                   
                }

                .listado-resultados .item .texto .subtitulo,
                .modulo-vendidos .item .texto .subtitulo {
                    font-size: .75rem; /*modificar en grande*/
                }

            .contenido-detalle-relacionados .listado-resultados {
                grid-template-columns: repeat(4, minmax(0, 1fr) );
            }
        }
    }


    .listado-resultados .item .imagen img.imagen2 {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

@media(hover:hover) {
    .listado-resultados :is(.item:hover, .item:focus) .imagen img.imagen2 {
        opacity: 1;
    }
}


    /*modificaciones al buscador de componentes*/

     @media (min-width: 576px) {
           .main-productos .listado-resultados {
                overflow:initial;
            }
            
        }
      .main-productos  .listado-resultados .precios {
                display:block;
                margin-top:.5rem;
        }
    .main-productos    .listado-resultados .precios .precio,
     .main-productos   .listado-resultados .precios .precio-antes,
   .main-productos     .listado-resultados .pildora {
            font-size:.9em;
        }
     .main-productos   .listado-resultados .pildora {
            border-radius: 0;
            padding: 0;
            
            font-size: inherit;
            
            border: none;
        }
      .main-productos  .listado-resultados .item + .item::after {
            content: none;
            
        }
      .main-productos  .listado-resultados  .dropdown-item.active, 
     .main-productos   .listado-resultados .dropdown-item:active {            
            background-color: var(--primario);
        }






    /*funcionalidad toggle buscador*/
    .modulo-buscador-formulario > button {
        display: flex;
        min-width: 175px;
        align-items: center;
        justify-content: space-between;
    }

        .modulo-buscador-formulario > button:not(:first-of-type) {
            margin-top: 1rem;
        }

            .modulo-buscador-formulario > button:not(:first-of-type)[aria-expanded="true"] {
                margin-bottom: 1rem;
            }

    .modulo-buscador-formulario > p.titulo {
        display: none;
    }

    .modulo-buscador-formulario > nav {
        margin-top: 1rem;
    }

    @media(min-width:768px) {
        .modulo-buscador-formulario:not(.modulo-buscador-formulario-componentes) > button {
            display: none;
        }

        .modulo-buscador-formulario:not(.modulo-buscador-formulario-componentes) > p.titulo {
            display: block;
        }

        .modulo-buscador-formulario:not(.modulo-buscador-formulario-componentes) > nav {
            margin-top: 0;
        }
    }

    @media(min-width:992px) {
        .modulo-buscador-formulario-componentes > button {
            display: none;
        }

        .modulo-buscador-formulario-componentes > p.titulo {
            display: block;
        }

        .modulo-buscador-formulario-componentes > nav {
            margin-top: 0;
        }
    }

    .modulo-buscador-formulario {
        --color:#444;
        --background:rgba(255,255,255,0);
        --color-hover:#333;
        --background-hover:#ccc;


        --color:#444;
        --background:#fff;
        --color-hover:#333;
        --background-hover:#ccc;
    }

        .modulo-buscador-formulario a.mipill {
            display: inline-block;
            font-size: .9em;
            border: 1px solid var(--color);
            color: var(--color);
            background: var(--background);
            padding: .25em;
            padding-left: .5rem;
            line-height: 1.1;
        }

    @media(min-width:992px) {
        .modulo-buscador-formulario a.mipill {
            display: flex;
            justify-content: space-between;
        }
    }

    .modulo-buscador-formulario a.mipill:hover, .modulo-buscador-formulario a.mipill:focus {
        text-decoration: none;
        color: var(--color-hover);
        background: var(--background-hover);
    }

    .modulo-buscador-formulario a.mipill svg {
        flex-shrink: 0;
    }

    .modulo-buscador-formulario a.mipill + a.mipill {
        margin-top: .25em;
    }

    .modulo-buscador-formulario a.mipill:last-of-type {
        margin-bottom: .75rem;
    }





 .modulo-buscador-formulario .form-precio {
    display:flex;
    flex-wrap:nowrap;

}
   .modulo-buscador-formulario .form-precio .guion {
        margin: 0 .25rem;
        line-height: 1;
        align-self: flex-end;
        padding-bottom: .25rem;
    }
    .modulo-buscador-formulario .form-precio button {
        align-self:flex-end;
        margin-left:.25rem;
        margin-left: .4rem;
        padding:0 .5rem;
    }
    .modulo-buscador-formulario .form-precio label {
        font-size: .8rem;
        margin-bottom: .4rem;
        color: #111;
        line-height: 1;
        display: block;
    }
    .modulo-buscador-formulario .form-precio .form-control {
        padding: .25rem;
        font-size: .75rem;
        border-radius: unset;
        height: auto;
        line-height: 1;
        flex: 1 1 0px;
    }





    .modulo-buscador-formulario .form-valoraciones ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    .modulo-buscador-formulario .form-valoraciones a {
        text-decoration:none;
        display:flex;
        align-items:center;
    }
    .modulo-buscador-formulario .form-valoraciones a > * {
        flex-shrink:0;
    }
    .modulo-buscador-formulario .form-valoraciones a > span {
        margin-left:1rem;
    }
    .modulo-buscador-formulario .form-valoraciones a:is(:hover, :focus) {
        text-decoration:none;

    }








/*  DESTACADOS INICIO   */

.destacados-inicio {
    margin-top:var(--s7);

    padding-top:var(--s7);
    margin-top:0;
   
}
.destacados-inicio:not(.destacados-otros) {
    
    background-color:var(--primario-soft-especial);
    background: linear-gradient(to bottom, var(--primario-soft-especial),var(--primario-soft-especial-oscuro), var(--primario-soft-especial));
}

.destacados-inicio h2,
.listado-productos-inicio h2 {
    margin-bottom: 1.2em;
    font-size: var(--s4);
    color: var(--negro);
    font-weight: var(--font-weight-titulos);
    line-height: 1.1;
    text-align:center;

    color: var(--primario-oscuro);
    text-shadow: 0px 2px 4px #03002a47;
}
    .destacados-inicio h2 {
        margin-bottom:1.4em;
    }
@media(min-width:768px) {
    .destacados-inicio h2,
    .listado-productos-inicio h2 {
        font-size: var(--s5);
    }
}
.destacados-inicio ul{
    list-style:none;
    margin:0;
    padding:0;
}

.destacados-inicio ul li{
    display:flex;
    align-items:flex-start;
}

    .destacados-inicio ul svg {
        font-size: var(--s6);
    }
.destacados-inicio .imagen {
    flex-shrink:0;
    margin-right:1rem;
}

.destacados-inicio .texto >*:last-child{
    margin-bottom:0;
    
}
.destacados-inicio ul li + li {
    margin-top:1rem;
}

    .destacados-inicio .texto .titulo {
        margin-bottom:var(--s-6);
        font-size:var(--s2);
        color:var(--destacado-primario);
        font-weight:700;
        line-height:1.2;
    }
        .destacados-inicio .texto .titulo a {
            color:inherit;
            transition:color .4s;
        }
        .destacados-inicio .texto .titulo a:hover {
            color:var(--destacado-hover);

            text-decoration:none;
        }
    .destacados-inicio ul li svg,
    .destacados-inicio ul li img{
        transition:transform .2s cubic-bezier(.36,.92,.69,.93), color .5s;
        color: var(--destacado-primario);
    }
.destacados-inicio ul li svg {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;

    font-size: var(--s8);
}
    .destacados-inicio ul li img {
        margin-bottom:var(--s0);
    }
    .destacados-inicio:not(.destacados-nohover) ul li:hover svg{
        transform:scale(1.2);
        color:var(--destacado-hover);
    }
    .destacados-inicio ul li:hover img {
        transform:scale(1.1);
        color:var(--destacado-hover);
    }

    .destacados-inicio .imagen img {
        width:100%;
        height:auto;
        display:block;
        line-height:1;
    }

@media(min-width:768px) {
    .destacados-inicio ul {
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:1rem;
    }
    .destacados-inicio ul li{
        display:block;
        text-align:center;
        /*max-width:40ch;*/
        grid-row:1;
    }
        .destacados-inicio ul li:nth-child(1) {
            grid-column:1/5;
        }
        .destacados-inicio ul li:nth-child(2) {
            grid-column:5/9;
        }
        .destacados-inicio ul li:nth-child(3) {
            grid-column:9/-1;
        }
    .destacados-inicio ul li + li {
        margin-top:0;
    }
    .destacados-inicio .imagen {        
        margin-right:0;
        margin-bottom:var(--s-5);
    }
    .destacados-inicio ul svg {
        font-size: var(--s7);
    }
}





/*  PRODUCTOS INICIO    */

.listado-productos-inicio {
    margin-top:var(--s8);
    margin-top: var(--s6);
}

.listado-productos ul {
    list-style:none;
    margin:0;
    padding:0;
    padding-bottom:1rem;
}
@media(min-width:576px) {
    .listado-productos ul {
        padding-bottom: 0;
    }
}
.listado-productos li {
    box-shadow:0 4px 8px rgba(0,0,0,.25);
    border-radius:var(--radio-borde-boton);

    background:#fff;
    border: 2px solid var(--primario-btn);
    box-shadow:none;

        border: 2px solid var(--primario-oscuro);
        border: 1px solid hsl(244deg 1% 85%);
}
.listado-productos li + li {
    margin-top:var(--s5);
}
.listado-productos .imagen {
    /*margin-bottom:var(--s-2);*/
}
.listado-productos .imagen img {
    display:block;
    height:100%;
    width:100%;
    object-fit:cover;
    aspect-ratio: 4 / 3;
    border-radius:var(--radio-borde-boton) var(--radio-borde-boton) 0 0;
}

.listado-productos .texto {
    /*padding-left:var(--s0);
    padding-right:var(--s0);*/
    /*padding-bottom:var(--s-1);*/
     padding-bottom:0;
}

.listado-productos .titulo {
    margin-bottom:0;
    font-size:var(--s2);
    color:var(--negro);
    font-weight:700;
    line-height: 1.1;
}
.listado-productos .subtitulo {
    margin:0;
    margin-top:var(--s-4);
    font-size:var(--s-1);
    /*display:none;*/
}
.listado-productos .precio {
    margin-bottom:0;
    margin-top:0;
    font-size:var(--s1);
    color:var(--gris);
    /*font-weight:700;*/
    line-height:1.5;  
    
    font-size: var(--s1);            
    /*font-family: arial sans-serif;*/  
}
.listado-productos .desde {

    /*font-size:var(--s0);  
    font-weight:400;*/
    
}
.listado-productos .parrafada {
    margin-top:var(--s-4);
    color:var(--negro);
}
.listado-productos .parrafada >:last-child{
    margin-bottom:0;
}

.listado-productos .botonera {
    /*margin-top:var(--s-2);*/
    /*margin-left:-1.25rem;
    margin-right:-1.25rem;*/
}

.listado-productos .botonera .btn:first-child{
    
}
    .listado-productos .botonera .btn svg {
        margin-right:var(--s-6);
    }

    .listado-productos .botonera .btn-outline-primary span {
        display:none;
    }



.listado-productos-inicio .item{
    background:var(--primario-soft-especial);
    border-color:#aaa;
}
    .listado-productos-inicio .item:not(.item-producto) .imagen, .listado-productos-inicio .item:not(.item-producto) .imagen {
        border-color:#aaa;
    }


@media(min-width:576px) {
    
        .listado-productos .item .texto {
            /*padding-top:var(--s-1);*/
        }
        .listado-productos .item .imagen {
            /*max-width: 33%;
            flex-shrink: 0;
            margin-bottom:0;*/
        }
            .listado-productos .item .imagen img {
                border-radius: var(--radio-borde-boton) 0 0 var(--radio-borde-boton);
            }
}

@media(min-width:768px) {
    .listado-productos ul {
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:4rem 1rem;

    }
    .listado-productos .item {       
       margin-top:0;       
       padding-top:0;

       grid-column-end:span 6;

       display: flex;
        flex-direction: column;
    }
     .listado-productos .item .texto{              
        padding-top:0;
         
        display:flex;
        flex-direction:column;
        height:100%;
    }

     .listado-productos .item .imagen {
            max-width:initial;
            margin-bottom: var(--s-2);
            margin-bottom:0;
        }
            .listado-productos .item .imagen img {
                border-radius: var(--radio-borde-boton) var(--radio-borde-boton) 0 0;
            }

        .listado-productos .item .texto .botonera {
            margin-top:auto;
            padding-top:var(--s0);
        }
}


@media(min-width:992px) {
    .listado-productos .item {     
        grid-column-end: span 3;
        position:relative;


        grid-column-end: span 4;
    }
    /*.listado-productos .cabecera {
        display: flex;
        justify-content: space-between;
    }*/
        .listado-productos .cabecera .precio {
            flex-shrink: 0;
            margin-left: var(--s-2);
            line-height: 1.4;
            font-size: var(--s1);            
            /*font-family: arial sans-serif;*/

            /*position:absolute;*/
            top:0;
            right:0;
            background: rgba(255,255,255,.6);
            background: hsla(var(--primario-h),var(--primario-s),70%,.8);
            color: #333;
            color: hsl(var(--primario-h), var(--primario-s), 5%, .8);
            padding:var(--s-2) var(--s-1);
            /*line-height:1;*/
            border-radius:0 0 0 var(--radio-borde-boton);

            margin-left:0;
        }
}


.listado-productos-inicio .botonera > *:first-child {
    margin-right:0;
}


.listado-resultados .container-novedad {
    margin:0;
    position:absolute;
    top:0;
    left:0;
    text-transform:uppercase;
    line-height: 1;
    border-radius:var(--radio-borde-boton);
    color: hsl(var(--primario-h), var(--primario-s), 2%, .8);
    font-weight:600;
    font-size:var(--s-1);
}
    .listado-resultados .container-novedad span {
        display:block;
        width:fit-content;
        padding: var(--s-2) var(--s0) var(--s-2) var(--s-1);
        line-height: 1;
        border-radius:var(--radio-borde-boton);
        background: rgba(255,255,255,.6);
        background: hsla(var(--primario-h),var(--primario-s),50%,.8);
        letter-spacing:.02em;
        font-size:1.1em;
    }
        .listado-resultados .container-novedad span + span {
            margin-top: .2em;
        }


/*dropdown*/

.listado-resultados .btn-group {
    display:flex;
}

.listado-resultados  .dropdown-menu.show,
 .detalle .dropdown-menu.show{    
    right: 0;
    --fondo-dropdown:hsl(var(--primario-h), var(--primario-s), 97%);
    background: var(--fondo-dropdown);
}

.listado-resultados .dropdown-menu .dropdown-item,
.detalle .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 1.1;
    padding: .25rem;
    white-space: normal;

    background: var(--fondo-dropdown);
}
.listado-resultados .dropdown-menu .dropdown-item + .dropdown-item,           
.detalle .dropdown-menu .dropdown-item + .dropdown-item {
    border-top: 1px solid #666;
}
.listado-resultados .dropdown-menu .dropdown-item > *:first-child,
.listado-vendidos .dropdown-menu .dropdown-item > *:first-child,
.detalle .dropdown-menu .dropdown-item > *:first-child {
    flex-shrink: 1;
    font-size: .75rem;
    line-height: 1.4;
    margin-right:auto;
    padding-right:.3rem;
}

.detalle .dropdown-menu .dropdown-item > *:first-child {
    font-size: 1rem;
}

.listado-resultados .dropdown-menu .dropdown-item > *:first-child strong,
.listado-vendidos .dropdown-menu .dropdown-item > *:first-child strong,
.detalle .dropdown-menu .dropdown-item > *:first-child strong {
    font-size: 1rem;
}

.listado-resultados .dropdown-menu .dropdown-item > *:last-child,
.listado-vendidos .dropdown-menu .dropdown-item > *:last-child,
.detalle .dropdown-menu .dropdown-item > *:last-child {
    flex-shrink: 0;
}
.listado-resultados .dropdown-menu,
.listado-vendidos .dropdown-menu {
    z-index:998;
}
.listado-resultados .dropdown-menu .btn,
.listado-vendidos .dropdown-menu .btn,
.listado-vendidos .dropdown-menu a.btn{
    padding:.3rem;            
    /*width: 2rem;*/

}
.listado-resultados .dropdown-menu .btn-outline-primary,
.listado-vendidos .dropdown-menu .btn-outline-primary,
.listado-vendidos .dropdown-menu a.btn-outline-primary{    
    width: 2rem;

}
    .contenido-servicio-tecnico-buscador .listado-resultados .botonera .dropdown-menu a:first-of-type {
        flex-grow: 0;
        margin-right: 0;
    }
    .listado-resultados .dropdown-menu .btn:last-of-type,
    .listado-vendidos .dropdown-menu .btn:last-of-type {
        margin-left: .3rem;
    }
.listado-resultados .dropdown-item.active,
.listado-resultados .dropdown-item:active,
.listado-vendidos .dropdown-item.active,
.listado-vendidos .dropdown-item:active,
.detalle .dropdown-item.active,
.detalle .dropdown-item:active {
    background-color: transparent;
    color:inherit;
}




/*  DETALLE */


section#section2 table {
    color:var(--fuente-color-body);
}
section#section2 table :is(td, th){
    border-color:#aaa;    
    background:#f9f9f9;  
}
section#section2 table th,
section#section2 table td:first-of-type{
    color:var(--primario-oscuro);
}
    section#section2 table td:first-of-type span {
        color:var(--fuente-color-body);
    }

.detalle .cabecera .w-icon-list svg,
.detalle .cabecera .w-icon-list li strong  {
    color:#555;
    color: var(--primario-oscuro-dark);
}
.main-producto-detalle .texto .w-icon-list li strong {
    font-weight: 700;
}

.main-producto-detalle .detalle .cabecera .texto > .precio-items .btn {
    border-color:var(--primario-oscuro);
    border-width: 2px;
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items :is(.btn:hover, .btn:focus) {
    border-color: var(--primario-oscuro-dark);

}





/*  MÓDULOS */

.modulo {
    margin-top:var(--s5);
}

.modulo .imagen {
    margin-bottom:var(--s-2);
    /*border:4px solid var(--primario-btn);*/
}
.modulo .imagen img {
    display:block;
    height:100%;
    width:100%;
    object-fit:cover;
    aspect-ratio: 4 / 3;

    /*transform: rotate(1deg);*/
}
.modulo .imagen-contain img {
        object-fit: contain;
    }
    .modulo:nth-child(2n+1) .imagen img {
        /*transform: rotate(-1deg);*/
    }
    .modulo .texto .parrafada > * {
        margin-bottom:var(--s-2);
    }
    .modulo .texto .parrafada >*:last-child{
        margin-bottom:0;
    }

.modulo .titulo,
.modulo-galeria .titulo,
.premios h2 {
    margin-bottom:var(--s-4);
    font-size:var(--s3);
    color:var(--negro);
    font-weight:var(--font-weight-titulos);
    line-height:var(--modulo-titulo-line-height);

    color: var(--modulo-titulo);
    text-shadow: 0px 2px 4px hsla(var(--primario-h), var(--primario-s), 8%, .2);

    text-transform:var(--modulo-titulo-transform);
}
.modulo-galeria .titulo {
    margin-bottom: var(--s0);
}

    .modulo h3.titulo,
    .modulo-galeria h3.titulo {
        font-size:var(--s2);
    }



    .modulo a {
        color:var(--modulo-enlace-texto-color);                
        font-weight: 500;
        text-underline-offset:.2em;
        text-decoration-thickness: 0.15em;
    }
    .modulo .parrafada a{
        text-decoration:underline;
    }
    .modulo .parrafada a:hover,
    .modulo .parrafada a:focus {
        color:var(--modulo-enlace-texto-hover-color);                
        
    }
.modulo .texto > a {
    display:inline-block;
    margin-top: var(--s0);
    font-weight: 700;

    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle;
    background-color: var(--modulo-enlace-background);
    background-image: none;
    border-color: var(--primario-oscuro-dark);
    letter-spacing: .02em;
    border-radius: var(--radio-borde-boton);
    padding: var(--padding-btn-y) var(--padding-btn-x);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: var(--primario-oscuro);


    border-color: var(--modulo-enlace-borde);
    color: var(--modulo-enlace-color);
    letter-spacing: .04em;
    font-weight: 400;
}


    

    .modulo b {
        display:none;
    }


@media(min-width:768px) {
    .modulo {
        margin-top:var(--s6);
        margin-top:0;
    }
    .modulo .container-gea {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap: 1rem;
    }

    .modulo .texto {
        grid-row:1;
        grid-column:1/ span 5;

        padding-top:var(--s4);

      
    }
    .modulo:nth-child(2n+1) .texto {
        grid-column:8/ -1;
    }
    .modulo .titulo,
    .modulo-galeria .titulo,
    .premios h2  {
        font-size:var(--s5);
    }
    .modulo h3.titulo{
        font-size:var(--s4);
    }
    .modulo-galeria .titulo {
        margin-bottom: var(--s3);
    }
    .modulo h3.titulo,
    .modulo-galeria h3.titulo {
        font-size:var(--s4);
    }
    .modulo .imagen{
        grid-row:1;
        grid-column:7/ -1;

        margin-bottom:0;
    }
    .modulo .imagen-contain img {
        object-fit: contain;
    }
    .modulo:nth-child(2n+1) .imagen {
        grid-column:1/ span 6;
    }

    .modulo .texto > b {
        display:block;
        height:2px;
        background-color:var(--negro);
        width:20%;
            
        margin-top:var(--s3);
        position:relative;

        background-color: var(--primario-oscuro);
    }
        .modulo .texto > b::after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100vw;
            right: 100%;
            background-color:inherit;
        }
    .modulo:nth-child(2n+1) .texto > b {
        grid-column:1/ span 6;
        float:right;
        
    }
    .modulo:nth-child(2n+1) .texto > b::after {
        
        left:100%;
        right:auto;
    }
}




.modulo .texto > a:hover,
.modulo .texto > a:focus {
    text-decoration:none;
    background: var(--modulo-enlace-background-hover);
    border-color: var(--modulo-enlace-borde-hover);
    color:var(--modulo-enlace-color-hover);
}








.modulo-slider .faldon 
{
    position: absolute;
    z-index: 2;
    bottom: var(--s4);
    text-align: center;
    width: 100%;
}

.modulo-slider .titulo-slider 
{
    font-family: var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 300;
    font-size: var(--s1);
    line-height: 1.1;
    letter-spacing:.02em;
    margin-bottom:0;
    text-shadow: 0px 2px 4px hsla(var(--primario-h), var(--primario-s), 80%, .4);
    
}
    .modulo-slider .faldon-v2 .titulo-slider{
        color:#ddd;       
        text-shadow: 0px 2px 4px hsla(var(--primario-h), var(--primario-s), 8%, .4);
    }

.modulo-slider .titulo-slider  a
{
    color:inherit;
    text-decoration:underline;
    text-decoration-color: var(--primario);
    text-decoration-thickness: .1em;
    text-underline-offset: .17em;  
}
.modulo-slider .titulo-slider  a:hover,
.modulo-slider .titulo-slider  a:focus
{
    color:var(--primario);
   
}
.modulo-slider .titulo-slider  a:focus
{
    outline:2px solid var(--primario-oscuro-dark);
}


.modulo-slider .subtitulo-slider 
{
    line-height:1.1;
    
    margin-top:.2rem;
    margin-bottom:0;
}

.modulo-slider .precios
{
    margin-top:1rem;
}
.modulo-slider .precios >*
{
    margin:0;
    line-height:1;
}
.modulo-slider .precios >*+*
{
    margin-top:.25rem;
}
.modulo-slider .precios .precio
{
    font-family: var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
}
.modulo-slider .precios .precio-antes
{
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    text-decoration:line-through;
}



/*  BANNER PIE  */






.banner-pie {
    background:var(--primario);
    color:#fff;
    padding-top:var(--s4);
    padding-bottom: var(--s3);
    margin-top: var(--s7);

    padding-bottom: var(--s4);
}
.banner-pie .texto {
    text-align:center;
    font-size:var(--s2);
    margin-bottom:var(--s1);
    line-height: 1.3;
}
.banner-pie .texto >*:last-child{
    margin-bottom:0;
}

.banner-pie .botonera {
    text-align:center;    
}

    .banner-pie .btn-secondary:not(:hover) {
        background:#fff;
        font-weight: 500;
    }

@media(min-width:768px) {
    .banner-pie .container-gea{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .banner-pie .texto {
        text-align: left;
        margin-bottom:0;
        
    }
    .banner-pie .botonera {
        text-align: left;
        flex-shrink: 0;
        margin-left:var(--s1);
    }
        
}
@media(min-width:992px) {
    .banner-pie .texto {
        line-height:1.1;
    }
}






.modulo-marcas {
    padding-top:var(--s7);
    padding-bottom:var(--s4);

}

.modulo-marcas h2 {
    color:var(--negro);
    margin-bottom:var(--s6);
    text-align:center;
    font-size: var(--s3);
    font-weight: 400;
}
.modulo-marcas .imagen  {    
    text-align:center;
}
.modulo-marcas .imagen img {
    display:block;
    margin:0 auto;    
}

.modulo-marcas .imagen > * + * {
    margin-top:var(--s2);    
    display:block;
}

@media(min-width:576px) {
    .modulo-marcas h2 {        
        text-align:start;
    }
    .modulo-marcas .imagen  {    
        /*text-align:center;
        display: flex;
        justify-content: space-between;
        align-items: center;*/
        display:grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
        grid-gap: 1rem;
        align-items: center;
    }
    .modulo-marcas .imagen img {
        max-width: 30%;   
    }

    .modulo-marcas .imagen img + img {
        margin-top:0;    
    }
}

@media(min-width:768px) {
    .modulo-marcas h2 {
        font-size: var(--s4);
    }
}







/*.header-otros .container-gea .contenido {
    grid-row-gap:0;
}
.header-otros .imagen img {    
    max-width:none;
    width:100%;
    border-radius:var(--radio-borde-boton);
}
.header-otros .texto {
    margin-top: var(--s0);
}
@media (min-width: 768px){
    .header-otros .imagen {
        grid-row: 1;
        grid-column: 1 / -1;
    }
    .header-otros .imagen img {
        max-width:none; 
        height: 100%;
        object-fit: cover;
    }
    .header-otros .texto {
       
        grid-column: 1 / -1;
        background: #fff;
        grid-row:2;

        
    }
}
@media (min-width: 900px) {
    .header-otros .texto {
       
        grid-column: 1 / 7;
        background: #fff;
        grid-row:1;
        align-self:end;
        padding-top:var(--s0);
        padding-right:var(--s0);
        padding-bottom:var(--s0);
        position:relative;

    }
        .header-otros .texto::after {
            position:absolute;
            content:"";
            background:#fff;
            width:1rem;
            height:100%;
            left:100%;
            top:0;
            border-radius:0 var(--radio-borde-boton) 0 0;
        }        
}
@media (min-width: 992px) {
    .header-otros .texto {       
        grid-column: 1 / -5;        
    }        
}*/


.header-otros {
    border-bottom:1rem solid var(--gris-corporativo) ;
    border-bottom:1rem solid var(--primario-oscuro-dark);

    border-bottom:none;
}
    .header-otros .contenido {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem) [percal-start] repeat(12, minmax(0, 1fr)) [percal-end] calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem);
    }


.header-otros .texto
{
    grid-column:2/14;
    grid-row:1;
    z-index:4;
        
    text-align:center;
        
    align-self:center;
    max-width:50ch;
    margin:0 auto;

    padding:  var(--s3);
    padding:  var(--s3) var(--s2);
    position:relative;

    color:var(--gris-negro);
}

.header-otros .texto::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: hsla(var(--primario-h), var(--primario-s), var(--primario-l), .2);*/
        background:rgba(255,255,255,.3);
        z-index: -1;
        /* mix-blend-mode: multiply; */
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }
.header-otros picture
    {
        grid-column:1/-1;
        grid-row:1;
        z-index:1;

        height:var(--altura-header);
    }
 .header-otros picture img
    {
        display:block;
        height:100%;
        width:100%;
        object-fit:cover;
        
    }
.header-otros  .texto .titulo
{    
    font-weight: 300;
    font-size: var(--s6);
    line-height: 1.1;
    text-transform:uppercase;
    margin-bottom:0; 
    font-size: var(--s5);    
    font-family:unset;
    color: var(--slider-fuente-color-oscuro);

    font-size: var(--s4);  
}
.header-otros .texto .subtitulo
{    
    font-style: normal;
    font-weight: normal;
    font-size: var(--s2);
    font-family: var(--fuente-secundaria);
    line-height: 1.1;
    margin-bottom: 0;
    letter-spacing: .03em;
    color: var(--slider-fuente-color-oscuro);
}



.header-otros .texto .llamada
{    
    font-weight: 400;
    font-size: var(--s1);
    line-height: 1.1;
    margin-bottom:0;
    margin-top:var(--s-4);
    /*background:var(--primario-soft);
    padding:var(--s-1);*/
    width:fit-content;
    letter-spacing: .03em;
    color: var(--slider-fuente-color-oscuro);
}

    .header-otros .texto .titulo,
    .header-otros .texto .subtitulo,
    .header-otros .texto .llamada {
        text-shadow:1px 1px 4px rgba(255,255,255,.2),
        -1px 1px 4px rgba(255,255,255,.2),
        1px -1px 4px rgba(255,255,255,.2),
        -1px -1px 4px rgba(255,255,255,.2);
    }
.header-otros  .texto-v2 .titulo,
.header-otros .texto-v2 .subtitulo,
.header-otros .texto-v2 .llamada
{    
    color: var(--slider-fuente-color-claro);
    text-shadow:1px 1px 4px rgba(0,0,0,.2),
        -1px 1px 4px rgba(0,0,0,.2),
        1px -1px 4px rgba(0,0,0,.2),
        -1px -1px 4px rgba(0,0,0,.2);
}

    .header-otros .texto .btn {
        margin-top:var(--s0);
    }

.header-otros b {
        display: none;        
    }

@media(min-width:576px) {
    .header-otros .texto .titulo {
        font-size: var(--s6);
    }
}
@media(min-width:1300px) {
    .header-otros .texto {
        grid-column: 2/6;
        grid-column: 2/7;
        text-align: left;
        max-width: none;
        margin: 0;
    }
    .header-otros b {
        display: block;
        grid-column:1 / 7;
        grid-row:1;
        background-image:linear-gradient(to left, rgba(255,255,255,0), #fff 75%);
        height:100%;
        z-index:1;
    }

    .header-otros .texto::after {       
        background:rgba(255,255,255,0);
        background-image:linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,0));
        z-index: -1;
        /* mix-blend-mode: multiply; */
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }
}


.destacados-productos {
    margin-top:var(--s7);
    padding-bottom:var(--s0);
}

.listado-productos-productos {
    margin-top:var(--s2);
}
@media(min-width:768px) {
    .listado-productos-productos {
        margin-top: var(--s0);
    }
}




.container-mapa {
    margin-top:var(--s6);
}





/*  DETALLE */
.detalle .cabecera .texto h1 {
    font-size:var(--s2);
    color: var(--primario-oscuro);
}
@media(min-width:768px){
    .main-producto-detalle .detalle .cabecera .texto header h1 {
        font-size:var(--s3);
        font-size:var(--s4);
    }
}
@media(min-width:992px){
    .main-producto-detalle .detalle .cabecera .texto header h1 {
        margin-top: var(--s-3);
    }
}

.main-producto-detalle .detalle {
    margin-bottom:0;
}

    .main-producto-detalle .detalle .cabecera .texto {
        border-top:none;
    }



.detalle .tabbed {
    background: #eee;
    border:1px solid #ccc;
    margin-top:var(--s2);
    padding-bottom: var(--s1);
}

.detalle [role="tablist"] {
    border-top:none;
    margin-top: 0;
    margin-left: var(--s0);
    margin-bottom:var(--s0);
}
.detalle [role="tabpanel"] {
    padding: 0 var(--s0);
}
.detalle ul[role="tablist"] li + li {
    border-left:none;
}
.detalle [role="tablist"] a {
    border-radius:var(--radio-borde-boton);
}
.detalle [role="tablist"] [aria-selected] {
    color:#fff;
    text-decoration:none;
    background:var(--primario);
}
.detalle .secciones b,
.detalle .secciones strong {
    font-weight:500;
}
.detalle .secciones a {
    color:var(--primario);
    text-decoration:underline;
    text-underline-offset: 0.2em;
}




form.resenas .nivel {
    display: none;
}



/*aceso y registro (machaque)*/

.main-acceso {
    padding-top: var(--s2);
    padding-bottom: 0;
    background: initial;
}

    .main-acceso form .w-form-group label, #alertaStockModal .w-form-group label {
        background: var(--label-background);
    }

.control input:checked ~ .control-indicator {
    background-color: var(--primario)!important;
}


.main-acceso h1 {
    
   color: var(--negro);
    
    border-bottom: 2px solid var(--negro);

    font-family: inherit;
    font-weight:500;
}

/*  PERFIL  */
.container-h1-perfil,
.container-perfil-datos, 
.container-perfil-tabla,
.container-perfil-tabla:last-of-type
 {
    background:#fff;
}
    .container-perfil-datos form {
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    }
.container-perfil-tabla-pedidos .table:not(.tabla-detalle) > tbody > tr > td {
    font-size:var(--s0);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.container-perfil-tabla-pedidos .container-tabla > .table > tbody > tr > td:nth-child(2) {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*  legales */
.main-otros-solo-texto h2, .main-otros-solo-texto h3 {
    color:var(--fuente-color-body);
}
.main-otros-solo-texto h2 {
    font-size: var(--s2);
}
.main-otros-solo-texto h3 {
    font-size: var(--s1);
}


.main-legal {
    padding-top:var(--s1);
}
    .main-legal .texto h2 {
        line-height: 1.3;
        margin-bottom: 0.4em;
    }
    .main-legal .texto p {
        line-height: 1.6;
    }




/*  GALERÍA */  
.modulo-galeria {
        padding: 2rem 0;
    }

    @media(min-width:768px) {
        .modulo-galeria {
            padding: 4rem 0;
        }
    }

    .modulo-galeria .galeria {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .modulo-galeria .galeria li {
            display: inline-block;
            padding: .1rem .05rem;

            border: 0px solid var(--galeria-borde);
        }

        .modulo-galeria .galeria a {
            display: block;
            position: relative;
            /*padding-hack*/
            --n: 3; /* width */
            --d: 4; /* height */
            padding-bottom: calc(var(--n) / var(--d) * 100%);
            position: relative;
        }

            .modulo-galeria .galeria a > * {
                overflow: hidden;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .modulo-galeria .galeria a img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                /*display: block;*/
            }

    .modulo-galeria li a:hover::after, .modulo-galeria li a:focus::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--primario);
        opacity: .6;
        mix-blend-mode: screen;
    }

    @supports (display: -ms-grid) or (display: grid) {
        .modulo-galeria .galeria {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
            grid-template-columns: repeat(auto-fill, minmax(calc(calc(var(--ancho-max) / 4) - 3rem), 1fr) );
            grid-gap: 1rem;
        }

            .modulo-galeria .galeria li {
                display: block;
                padding: 0;
            }
    }




    .modulo-galeria .galeria a
{
    box-shadow: var(--sombra);
}






/*  CONTACTO    */

.modulo-contacto {
    margin-top:var(--s3);
}


form.form-wit .w-form-group + .w-form-group
{
    margin-top:1.25rem;
}
form.form-wit .w-form-group label
{
    display:block;
    background:var(--label-background);
    padding:.5rem 1rem;
    line-height:1;
    margin-bottom:0;

    color:var(--label-color);
}
form.form-wit .w-form-group .w-form-control
{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--label-color);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
    border-color:var(--label-background);
    
}
form.form-wit .w-form-group textarea.w-form-control {
    height: calc(100% - 2rem);
}
form.form-wit .form-check
{
    margin-top:2rem;
}
form.form-wit .form-check .form-check-input
{
    top: 2px;
}
form.form-wit .form-check a
{
    color:#333;
    text-decoration:underline;
}
form.form-wit .form-check a:hover,
form.form-wit .form-check a:focus
{
    color:#000;    
}
form.form-wit .formulario-advertencia{
    font-size:0.875rem;
    margin-top:.25rem;
    margin-bottom:2rem;
    line-height:1.1;
}
form.form-wit .formulario-advertencia svg{
    margin-right:.3rem;
    
}
form.form-wit .btn:not(.btn-outline-primary)
{
    background:var(--primario);
    border-color:var(--primario);

        color: #fff;
}
form.form-wit .btn:not(.btn-outline-primary):hover,
form.form-wit .btn:not(.btn-outline-primary):focus
{
    background:var(--primario-oscuro-dark);

    color:#fff;
}








/* BLOG */
.container-img-blog {
    margin-bottom:var(--s-4);
}
.container-img-blog img {
    border-radius:var(--radio-borde-boton);
    width: 100%;
    display: block;
}

.container-h1-blog .container-gea {
    display:block;
}
.container-h1-blog {
    padding-bottom:0;
}
.container-h1-blog h1{
    text-align:left;
    border-bottom:1px solid var(--fuente-color-body);
    padding-bottom:var(--s2);
}
.main-blog .listado-blog
{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:var(--s2);
}

.main-blog > .container-gea {
    /*margin-top: calc(-1 * var(--s0));*/
}


.main-blog .listado-blog > li + li
{
    margin-top: var(--s1);
    padding-top: var(--s1);
    position:relative;
}

.main-blog .listado-blog > li + li::before
{        
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:16rem;
    width:100%;
    height:1px;
    background:var(--primario-oscuro-dark);
    background:#ddd;
    background: var(--fuente-color-body);
}


.main-blog .listado-blog header
{
    /*margin-bottom:1rem;*/
}

.main-blog .listado-blog header p
{
    line-height:1.1;
    margin-bottom:0;
    color:#666;
}
.main-blog .listado-blog header p.blog-subtitulo
{
    color:#555;
    font-weight:400;
    margin-top:var(--s-5);
    font-family:var(--fuente-secundaria);
    font-size: var(--s0);
    font-style:italic;
    line-height: 1.4;
}
:is(.main-blog .listado-blog header, .listado-blog-inicio) p.blog-fecha
{
    margin-top: var(--s-4);
    font-size: var(--s-1);
    color:#444;
    font-family:var(--fuente-secundaria);
    font-family:sans-serif;
}
:is(.main-blog .listado-blog header, .listado-blog-inicio) p.blog-fecha svg
{
    margin-right:.15em;
    font-size:1.25em;
    color:#444;
}
.main-blog .listado-blog h2
{
    font-family: var(--fuente-secundaria);
    font-size: var(--s3);
    font-weight: 400;
    line-height: 1.2;
    color: var(--primario-oscuro-dark);
    margin-bottom:0;
}
.main-blog .listado-blog h2 a
{    
    color: #333;
    text-underline-offset: 0.1em;
}
.main-blog .listado-blog h2 a:hover,
.main-blog .listado-blog h2 a:focus
{
    color:var(--negro);
}
.main-blog .listado-blog header >*:last-child
{
    margin-bottom:0;
}


.main-blog .listado-blog  li > a
{
    color:#555;
    font-weight:600;
    display: inline-block;
}
.main-blog .listado-blog > li > a
{

    margin-top: var(--s0);
}


.main-blog .listado-blog  li > a svg
{
    margin-right: .2em;
    fill:currentColor;
    
}
.main-blog .listado-blog  li > a:hover,
.main-blog .listado-blog li  a:focus
{
    color:#333;
    text-decoration:none;
}


.main-blog .listado-blog .texto
{
    margin-top:var(--s0);
    /*padding-top: .75rem;*/
    position:relative;
    /*margin-bottom: 1rem;*/
    color:#444;
}
/*.main-blog .listado-blog .texto::before
{        
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:2rem;
    height:1px;
    background:var(--primario-oscuro-dark);
    
}*/
.main-blog .listado-blog .texto>*:last-child
{
    margin-bottom:0;
}





.main-blog .container-aside
{
    margin-top:2rem;
    /*background: #eff2f5;*/
    /*padding-left:1rem;
    padding-right:1rem;*/
    padding-bottom:2rem;
    border-top:1px solid #ddd;
}


.main-blog nav.ultimas h2,
.main-blog .tags-noticia h2
{
    font-family: var(--fuente-secundaria);
    text-transform:uppercase;
    /*padding:.5rem 1rem;*/
    font-size:  var(--s1);
    font-weight: 600;
    line-height: 1.1;
    /*background-color: #aaa;
    color:#fff;*/
    color:#555;
    margin-bottom:1rem;
    padding-bottom:1rem;
    position:relative;
    padding-top:1.1rem;
}

.main-blog nav.ultimas h2::after,
.main-blog .tags-noticia h2::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:2rem;
    height:1px;
    background:#ccc;
}
    
.main-blog nav.ultimas ul
{
    list-style:none;
    padding:0;
    margin:0;
    /*padding-left:1rem;*/
    
}

.main-blog nav.ultimas ul a
{
    color: #666;
    font-weight:600;
    font-family:var(--fuente-secundaria);
    line-height:1.2;
    display:block;
    margin-bottom:.4rem;
    text-underline-offset:.1em;
}
    .main-blog nav.ultimas ul a:hover {
        color:#333;
    }
.main-blog nav.ultimas ul p.blog-fecha 
{
    color:#555;
    line-height:1.1;
    margin-bottom:0;
    font-family:var(--fuente-secundaria);
}
.main-blog nav.ultimas ul p.blog-fecha svg
{
    font-size:.8em;  
    color:#666;
    margin-right:.1rem;  
}

.main-blog nav.ultimas ul li + li
{
    margin-top:1.25rem;
}


.main-blog  .listado-blog,
.main-blog  nav.ultimas
{
    max-width:65ch;
}



.main-blog .nav-paginacion
{
    margin-top:var(--s2);
}
.main-blog .nav-paginacion .pagination
{
    margin-top:0;
}



.main-blog .nav-paginacion .page-item.active .page-link
{
    background:var(--primario-oscuro-dark);
    border-color:var(--primario-oscuro-dark);
    color:#fff;

    background:var(--negro);
    border-color:var(--negro);
}
.main-blog .nav-paginacion .page-link {

    color:var(--primario-oscuro-dark);
    color:var(--negro);
}



.main-blog .tags-noticia
{
   /* margin-top: 2rem;
    border-top: 1px solid #ddd;*/
    margin-bottom:2rem;
    padding-top:2rem;
}
.main-blog .tags-noticia .badge-light,
.main-blog .listado-blog-detalle .archivado-en .badge-light
 {
    color: #676767;
    background-color: #e6e6e6;
}
.main-blog .tags-noticia .badge-light:hover,
.main-blog .tags-noticia .badge-light:focus,
.main-blog .listado-blog-detalle .archivado-en .badge-light:hover,
.main-blog .listado-blog-detalle .archivado-en .badge-light:focus
{
    color: #fff;
    background: var(--primario);
}

.main-blog  .mensaje-filtro-tag 
{
    margin-top:2rem;
    padding:1rem;
    margin-left:1rem;
    margin-right:1rem;
    border:2px solid #eee;
    border-radius:var(--radio-borde-boton);
}
.main-blog  .mensaje-filtro-tag > *:first-child
{
    margin-bottom:.5rem;
    color:var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag > *:first-child svg
{
    color:var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag >*:last-child
{
    margin-bottom:0;
}
.main-blog  .mensaje-filtro-tag .badge-light {
    color: #fff;
    background-color: var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag a
{
    color:var(--secundario-btn);
    text-transform:uppercase;
    font-weight:700;
    padding:.25rem;
    border-radius:var(--radio-borde-boton);
}
.main-blog  .mensaje-filtro-tag a:hover,
.main-blog  .mensaje-filtro-tag a:focus
{
    text-decoration:none;
    background:#eee;
    color:var(--primario-oscuro-dark);
}

@supports (display: -ms-grid) or (display: grid)  
{
    @media(min-width:768px)
    {
        .main-blog  .listado-blog,
        .main-blog  nav.ultimas
        {
            max-width:initial;
        }
    
        .main-blog
        {
            padding-bottom:2rem;
            padding-bottom:0
        }
    
        .main-blog > .container-gea
        {
            display:grid;
            grid-template-columns:minmax(30ch, 1fr) minmax(20ch, 30ch);
            grid-column-gap:2rem;
            grid-column-gap:calc(2rem + 4vw);
        }
    
        .main-blog .container-listado-blog
        {
            grid-row:1;
            grid-column:1;
        }
    
        .main-blog .container-aside
        {
            margin-top:0;
            padding-bottom:0;
            border-top:none;
        
            grid-row:1;
            grid-column:2;
        }
        .main-blog nav.ultimas h2 {

            padding-top: 2.25rem;
        }
        .main-blog .nav-paginacion
        {
            grid-row:2;
            grid-column:1;
        }
        .main-blog .tags-noticia
        {
            padding-top:1rem;
            margin-bottom:0;
        }
    }
}




/*  blog detalle    */


/*aquí en vez de ul.listado-blog es div.listado-blog.listado-blog-detalle*/
.listado-blog-detalle h1
{      
    font-family: var(--fuente-secundaria);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.05;
    color: var(--primario-oscuro-dark);
    margin-bottom: 0;
}

.main-blog .listado-blog-detalle header img
{
    display:block;
    width:100%;
    margin-top:.75rem;
    border-radius:var(--radio-borde-boton);
}
.listado-blog-detalle .rrss
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    
    margin-top: .5rem;
}

.listado-blog-detalle .texto section{
    font-family: var(--fuente-secundaria);
    font-size: 1.25rem;
    font-weight:300;
    color: #555;
    line-height: 1.2;
    padding-left: 1rem; 
    margin-left:1rem;
    border-left: 2px solid #999; 
    position: relative;
    margin-bottom:1rem;
}
.listado-blog-detalle .texto section::before
{
    content: 'Resumen ► ';
    display: inline;
    font-style: normal;
    letter-spacing: 2px;
    font-size: .75em;    
    margin: 0;
    font-weight: 600;
    color: var(--primario-oscuro-dark);
    text-transform: uppercase;
    color: #555;
}

.main-blog .listado-blog-detalle .texto
{
    margin-top:.75rem;
    
    
}

.main-blog .listado-blog-detalle .enlaces-noticia
{
    margin-top:2rem;
    margin-left:1rem;
    padding-left:1rem;
    border-left:2px solid #999;
}
.main-blog .listado-blog-detalle .enlaces-noticia .titulo
{
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:1.25rem;
    color:var(--primario-oscuro-dark);
    color:#333;
    color: #555;
    margin-bottom:.5rem;
    text-transform:uppercase;
}
.main-blog .listado-blog-detalle .enlaces-noticia ul
{
    /*list-style:none;
    margin:0;
    padding:0;*/
    padding-left:0;
    list-style:none;
}
.main-blog .listado-blog-detalle .enlaces-noticia svg
{
    margin-right:var(--s-2);
}

.main-blog .listado-blog-detalle .archivado-en
{
    padding-top:.75rem;
}


.main-blog .error-blog {
    padding-top:2rem;
    display:flex;
    line-height:1.1;
    font-size:1.5rem;
}
.main-blog .error-blog svg {
    margin-right:.25em;
}




/*BABÚS*/






@media (min-width: 768px) {
    .modulo .titulo, 
    .modulo-galeria .titulo {
        margin-bottom: var(--s-1);
        
    }
}

.contnav {
    /*background: var(--nav-bg) !important;*/
    background: #F0D99A;
    border-bottom: 1px solid hsl(var(--primario-h) var(--primario-s) 53%);
    /*box-shadow: -2px 4px 4px hsla(var(--primario-h) var(--primario-s) 13%/ .25);*/


    border-bottom: 1px solid #eee;
}

.pre-nav, .contnav, #navigation-sm {
    /*--nav-bg:rgba(255, 255, 255, .9);*/
    --nav-bg: #fff;
    /*background: var(--nav-bg) !important;*/
    background: #fff;
}
.contnav, #navigation-sm {
    /*--nav-bg:rgba(255, 255, 255, .9);*/
    /*--nav-bg: #F0D99A;*/
    --nav-bg:#fff;
    /*background: #fff !important;*/
    background: #fff;
}
.scrolled {
    backdrop-filter: blur(6px);
}
.nav-principal {
    background:none;
}


.main-acceso .container-gea {
    max-width: 73ch;
}
.main-acceso form .w-form-group label {
    font-family:inherit;
    color:var(--primario-oscuro-dark);
}
.main-acceso form .btn {
    background-color: var(--primario-btn);
    border-color: var(--primario-btn);
}


.container-h1-perfil a {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight:500;
}
.container-perfil-datos h2 .btn {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight:500;
}

.main-cesta > div h2 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
    font-weight:400;
    font-weight: 500;
}
.container-confirmar-cesta h2 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
    font-weight:500;
}


.main-seccion .subtipo {
    /*margin-top: var(--s5);*/
    overflow:visible;
    position:relative;
    padding-top:var(--s3);    
}

    

    .main-seccion .subtipo > .container-gea {
        
    }


@media (min-width: 992px) {
    .main-seccion .subtipo .listado-resultados {
        grid-template-columns: repeat(4, minmax(0, 1fr) );
    }
}
.main-seccion .subtipo > .container-gea > .imagen {
    border:2px solid #bdc5d4;
    aspect-ratio:1;
    /*margin-right:calc(-1 * var(--padding-gea));
    margin-left:calc(-1 * var(--padding-gea));*/
    display:none;
}
.main-seccion .subtipo .imagen img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    line-height:1;
}
@media(min-width:576px) {
    .main-seccion .subtipo > .container-gea > .imagen {        
        aspect-ratio:3/1;
        margin-right:0;
        margin-left:0;
    }
}

    .main-seccion .subtipo > .container-gea > .texto {
        /*margin-top:var(--s-1);*/
        text-align:center;
        padding-bottom: var(--s2);
        padding-top: var(--s2);
        background: var(--primario-softisim);
        position:relative;
    }
        .main-seccion .subtipo > .container-gea > .texto::after {
            height:100%;
            left:100%;
            width:100vw;
            top:0;
            content:"";
            background: var(--primario-softisim);
            position:absolute;
        }
        .main-seccion .subtipo > .container-gea > .texto::before {
            height:100%;
            right:100%;
            width:100vw;
            top:0;
            content:"";
            background: var(--primario-softisim);
            position:absolute;
        }
.main-seccion .subtipo > .container-gea > .texto > .titulo {
    color: var(--negro);
    line-height:1.1;
    font-size: var(--s4);
    /*background: var(--negro);
    padding:var(--s0);*/
    margin-bottom:0;
}
@media(min-width:576px) {
    .main-seccion .subtipo > .container-gea > .texto > .titulo {        
        font-size: var(--s5);        
    }
}
        .main-seccion .subtipo > .container-gea > .texto .parrafada {
            max-width: 68ch;
            margin:0 auto;
        }
        .main-seccion .subtipo > .container-gea > .texto .parrafada > *:last-child {
            margin-bottom:0;
        }



    .main-seccion .subtipo .listado-resultados {
        overflow: visible;
        margin-top: var(--s3);

    }

    .main-seccion .subtipo .listado-resultados .item {
        border: 1px solid #bdc5d4;
        background: #fff;
    }

    .main-seccion .subtipo .listado-resultados .botonera > *:first-child {
        margin-right:0;
    }

    .main-seccion .subtipo > .container-gea > a {
        display:block;
        width: fit-content;
        text-align:right;
        margin-top:var(--s1);
        margin-left: auto;
        margin-right: var(--s2);
    }


.main-cesta .container-gea > div:first-of-type > a:last-of-type {
    margin-top:var(--s-3);
}


@media (min-width: 576px) {
    .modulo-marcas .imagen img {
        max-width:none;
    }
}


.header-inicio > .container-gea::before,
.header-conocenos > .container-gea::before {
    /*
        
        Esto es el svg de fondo en la pantalla de inicio y conócenos
        
        position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H100L0 100V0Z' fill='%23EFF5F3'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:-1;*/
}
.header-inicio > .container-gea::after {

    /*
        
        Esto es el svg de fondo en la pantalla de inicio 


    position:absolute;
    content:"";
    top:90vh;
    left:0;
    width:100%;
    height:100vh;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 300 600' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M300 0L0 300V600L300 300V0Z' fill='%23EFF5F3'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:-1;
        */
}

.migas ol
{
    background:transparent;
    
}


/*truco del enlace de  destacados inicio*/
.destacados-inicio li {
    position: relative;
}
.destacados-inicio a::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }


@media(min-width:992px) {
    /*.pre-nav li:first-of-type {
        display:none;
    }*/
}





@media(max-width:768px) {
    .header-otros .imagen {
        aspect-ratio: 4/3;
    }
    .header-otros .imagen img{
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
    }

}


.main-cesta .container-gea .container-resumen-pedido .texto .seleccion-tarifa {
    text-align:left;
}
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a {
    display: block;
    color:#444;
}
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a:hover {
        color:#000;
        text-decoration: none;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a:last-of-type {
        margin-top:.3em;
    }
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a span {
    display:inline;
}
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check {
        width: 1em;
        fill: #fff;
        margin-right: 0.3rem;
        flex-shrink: 0;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check path:first-of-type {
        stroke: #666;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check path:last-of-type {
        display: none;
    }


    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active svg.check {
        width: 1em;
        fill: #10203A;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active .check path:first-of-type 
    {
        stroke: var(--primario-softisim);
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active .check path:last-of-type {
        display: inline;
    }


.main-otros-solo-texto h3 {
    font-family:inherit;
    font-weight:500;
    line-height:1.3
}



.titulo-h2 {
    font-size: var(--s4);
    line-height: 1.1;
    margin-bottom: var(--s5);


    font-weight: var(--font-weight-titulos);    
    
    color: var(--modulo-titulo);
}
@media(min-width:576px) {
    .titulo-h2 {
        font-size: var(--s5);
    }
}

.texto-principal .container-titulo .titulo-h2 {
    margin: 0;
    text-transform:var(--texto-principal-titulo-transform);
}


 :is(.texto-principal-centrado, .texto-principal-imagen) .container-titulo {
    margin-bottom: var(--s-1);
}

  .texto-principal-imagen .container-titulo {
    padding-bottom: var(--s-1);
    position:relative;
}

  .texto-principal-imagen .container-titulo::after {    
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:4rem;
    height:2px;
    background:var(--primario-oscuro);
}

 .texto-principal .parrafada > *:last-child {
    margin-bottom:0;
}


  .texto-principal .parrafada a:not(.btn){
    color: var(--texto-principal-enlace-color);
    text-decoration:underline;
    font-weight:500;
    letter-spacing:.02em;
    text-underline-offset: 0.2em;
}

 .texto-principal-v2 .parrafada a:not(.btn){
    color: var(--texto-principal-v2-enlace-color);
   
}


  .texto-principal .parrafada a:not(.btn):hover,

 .texto-principal .parrafada a:not(.btn):focus{
    color: var(--texto-principal-enlace-hover-color);
    background:var(--texto-principal-enlace-hover-background);
    
}

 .texto-principal-v2 .parrafada a:not(.btn):hover,

 .texto-principal-v2 .parrafada a:not(.btn):focus{
    color: var(--texto-principal-v2-enlace-hover-color);
    background:var(--texto-principal-v2-enlace-hover-background);
    
}




@media(min-width:768px) {


     .texto-principal {
        
    }
     .texto-principal .container-gea .contenido{
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
    }
     .texto-principal .container-titulo {
        grid-column: 1/7;
        
        align-self: start;    
        text-align:right;
        /*padding-right:var(--s1);*/
        margin:0;
        
    }
      .texto-principal .container-titulo :not(.titulo-h2){
            max-width:50ch;
            margin-left:auto;
        }   
     .texto-principal .parrafada  {
        grid-column: 7/-1;
        align-self:flex-end;
        padding:var(--s1);
        padding-right:0;
    }



     .texto-principal-centrado .container-gea .contenido {
        display:block;
        text-align:center;
    }
     .texto-principal-centrado .container-titulo {
        text-align:center;
        margin-bottom: var(--s-1);
    }
     .texto-principal-centrado .parrafada {
        padding:0;
        max-width:60ch;
        margin-left:auto;
        margin-right:auto;
    }

}



 .texto-principal-imagen .container-gea .imagen img{
     display:block;
     width:100%;
     height:auto;
     margin-top:var(--s2);
}

 .texto-principal-imagen .container-titulo :not(.titulo-h2) {
    max-width: none;
    margin-left: 0;
}
 .texto-principal-imagen .container-titulo .subtitulo {
    /*color:var(--primario-oscuro);*/
    margin-bottom:0;
    margin-top:var(--s-6);
    font-size:var(--s1);
    font-weight:300;
    margin-top:0;
}
@media(min-width:768px) {
     .texto-principal-imagen .container-gea{
         display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        
    }
     .texto-principal-imagen .container-gea .contenido{
         grid-column:1/7;

         grid-template-rows:min-content auto;
    }

     .texto-principal-imagen .container-gea .imagen{
         grid-column:7/-1;
    }

     .texto-principal-imagen .container-gea .contenido :is(.container-titulo, .parrafada){
         grid-column:1/-1;
    }
         .texto-principal-imagen .container-gea .contenido .container-titulo {
            text-align:left;
            margin-bottom:var(--s1);
            padding-right:0;
        }
         .texto-principal-imagen .container-gea .contenido .parrafada {
            text-align:left;
            align-self:start;
            padding:0;
        }
}


 .texto-principal-imagen  .parrafada  .botones{
    display:flex;
    flex-direction:column;
           
}
 .texto-principal-imagen  .parrafada  .botones .btn + .btn{
    margin-top:var(--s0);
           
}
@media(min-width:1200px) {
    .texto-principal-imagen  .parrafada  .botones{
        flex-direction:row;
        gap:1rem;   
    }
    .texto-principal-imagen  .parrafada  .botones .btn + .btn{
        margin-top:0;
           
    }
}



.main-cesta .container-tabla {
    border: 4px solid var(--primario-oscuro);
}

.main-cesta .container-tabla thead th {
    border-bottom: 2px solid var(--primario-oscuro-dark);
}
.table-striped tbody tr:nth-of-type(even),
    .table-striped thead tr {        
        background-color: #eee;
    }
.table-striped thead tr {        
     background-color: #8b97ab;
    color: #111;
    letter-spacing: .02em;
    }
.main-cesta .container-tabla th {
        color: #fff;
    }



.header .swiper-container .texto::after {
    content:none;
}


.header .swiper-container .texto .titulo {
    font-weight: 400;    
}

@media (min-width: 576px) {
    .header .swiper-container .texto .titulo {
        font-size: var(--s6);
        max-width: 25ch;
        margin: 0 auto;
    }
}




#navigation-sm img{
    max-width: 150px;
    display: block;
    padding: 0.75rem 0;
}
@media (min-width: 576px) and (orientation: landscape) and (max-width: 767px) {
    .header .swiper-container .texto .titulo {
        font-size: var(--s3);
    }
   .header {
        --altura-header:calc(100vh - 110px);
        --slider-btn-font-size:var(--s0);
    }
    
    #navigation-sm img{
        max-width: 90px;
        
    }
}

@media(min-width:1300px) {
    .header .swiper-container .texto
    {        
        grid-column:2/-2;
        text-align:center;
                
    }

   
     .header-inicio b {
        display: none;        
    }
}


.header-otros .texto .titulo{
    font-family:var(--fuente-secundaria);
    font-weight: 900;
}
.header-otros .texto .llamada {    
    margin-left:auto;
    margin-right:auto;
}
.header-otros .texto::after {
    content:none;
}
@media (min-width: 576px) {
    .header-otros .texto .titulo{
        max-width: 25ch;
        margin-left:auto;
        margin-right:auto;
    }
}
@media (min-width: 1300px) {
    .header-otros .texto {
        grid-column: 2/-2;
        text-align:center;
    }
    .header-otros b {
        display:none;
    }
}


.premios {
    margin-top:var(--s7);
    padding-bottom:var(--s1);
}
    .premios h2 {
        text-align:center;
        margin-bottom:1em;
        max-width:20ch;
        margin-left:auto;
        margin-right:auto;
    }
.premios ul {
    list-style:none;
    margin:0;
    padding:0;
}
    .premios li {
        text-align: center;
    }
.premios li + li {
    margin-top:var(--s3);
    
}

.premios li .texto{
        margin-bottom:0;
        margin-top:var(--s1);
        margin-left:auto;
        margin-right:auto;
        font-weight:500;
        max-width:30ch;
    }
.premios li .texto >*{
        margin-bottom:0;
        line-height:1.3;
    }
.premios li .imagen img{
        display:block;
        margin:0 auto;
        
    }

@media(min-width:576px) {
    .premios ul {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-gap:var(--s1) 1rem;
    }
    .premios li + li {
        margin-top:0;
    
    }
}
@media(min-width:768px) {
    .premios ul {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr) );
        
    }

}






.destacados-inicio ul li{
    flex-direction:column;
}
.destacados-inicio .imagen {
    margin-right: 0;
}
.destacados-inicio .texto {
    text-align:center
}


.main-inicio .texto-principal-centrado {
    
    margin-top:0;
    padding-top: var(--s6);
    
}

 .texto-principal a.btn{
    
    margin-top:var(--s1);
    
    
}


.texto-principal-v2 {
    background:var(--primario-soft-especial);
    background: linear-gradient(to bottom, var(--primario-soft-especial-oscuro), var(--primario-soft-especial));
}

    .texto-principal-v2 .titulo-h2 {
        text-shadow: 0px 2px 4px #03002a47;
    }
.migas-v2 {
    padding-bottom: var(--s0);   
    padding-top: var(--s1);
    margin-top:0;
    margin-bottom:0;
    position:relative;
    background: var(--primario-soft-especial-oscuro);
    overflow:hidden;
}
    .migas-v2::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100vw;
        right: 100%;
        top: 0;
        background: var(--primario-soft-especial-oscuro);
        
    }
    .migas-v2::after {
        position:absolute;
        content:"";
        height:100%;
        width:100vw;
        left:100%;
        top:0;
        background: var(--primario-soft-especial-oscuro);
        
    }



.container-mapa {
    margin-top: var(--s7);
}
    .container-mapa > iframe {
        display:block;
    }

.skip-link {
  background: #666;
  color: #eee;
  font-weight: 500;
  letter-spacing: .015em;
  left: 30%;
  padding: var(--s0);
  position: absolute;
  transform: translateY(-110%);
  transition: transform 0.3s;
  z-index: 9000;
}
.skip-link:focus {
  transform: translateY(0%);
  outline:#333;

  color: #fff;
   text-decoration:underline;
  text-underline-offset: 0.3em;
}
.skip-link:hover {
  
  color: #fff;
  text-decoration:underline;
  text-underline-offset: 0.3em;
}


.swiper-slide:has(.texto-v2) {
    background:var(--slide-v2-background);
}

.volver-listado {
    display:inline-block;
    margin-top:var(--s0);
}






/*blog in inicio*/



.listado-blog-inicio {
    position:relative;
    margin-top:var(--s6);
    padding-top:var(--s6);
}

.listado-blog-inicio::before {    
   position:absolute;
   content:"";
   top:0;
   height:var(--s6);
   background:var(--gris-corporativo);
   width:100%;
   left:0;
   right:0;

   clip-path:polygon(0 0, 100% 0, 100% 100%, calc(50% + 81px) 100%, calc(50% + 40px) 0, calc(50% - 40px) 0, calc(50% - 81px) 100%, 0 100% );


   content:none;
}


    .listado-blog-inicio h2 {
        padding-top:var(--s4);
        padding-top: var(--s6);
    }

    .listado-blog-inicio .listado {
        list-style: none;
        margin: 0;
        padding: 0;


        display: flex;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow: auto;

        gap: 1rem;
        padding-bottom: 1rem;
        /*display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) var(--s0);*/
    }
    .listado-blog-inicio .listado .item {
        flex-shrink: 0;
        width: 90%;
        scroll-snap-align: start;


        grid-column-end:span 12;
        position:relative;
        height: 100%;
        display:flex;
        flex-direction:column;
        align-content:flex-start;
        justify-content:flex-start;

        background:rgba(255,255,255,.8);
    }

    .listado-blog-inicio .item .texto div {
        display:flex;
        justify-content:space-between;
        /*flex-direction:row-reverse;*/
        align-items:center;
    }
    .listado-blog-inicio .item .texto div p.blog-fecha{
        margin-bottom:0;
        margin-top:0;

    }
@media(min-width:576px) {
    .listado-blog-inicio .listado {

        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) var(--s0);

        padding-bottom:0;
        overflow:hidden;
    }
    .listado-blog-inicio .listado .item {
         width:auto;
       scroll-snap-align:unset;

        grid-column-end:span 12;
        position:relative;
        height: 100%;
        display:flex;
        flex-direction:column;
        align-content:flex-start;
        justify-content:flex-start;
        }
}
    .listado-blog-inicio .listado .item:hover .texto{
        background:var(--primario-soft);
        }
    .listado-blog-inicio .listado .item:hover .imagen::after {
            background:var(--primario);
            position:absolute;
            content:"";
            top:0;
            left:0;
            right:0;
            bottom:0;
            mix-blend-mode:multiply;
            opacity:.8;
        }
    .listado-blog-inicio .listado .item:hover h3 {
        color:var(--gris-negro);
        }
    .listado-blog-inicio .listado .item:hover b {
        background:var(--primario-softisim);
        }

.listado-blog-inicio .listado .item:hover p.blog-fecha,
.listado-blog-inicio .listado .item:hover p.blog-fecha svg {
    color:#333;
}

        .listado-blog-inicio .listado .imagen {
            position:relative;
            aspect-ratio: 5/3;
        }
        .listado-blog-inicio .listado .imagen img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            aspect-ratio:5/3;
        }

        .listado-blog-inicio .listado .item h3{
            font-weight: 500;
            font-size: var(--s1);
            line-height: 1.1;
            color: var(--gris-oscurisimo);   
            margin-bottom:var(--s-4);     
        }
        .listado-blog-inicio .listado .item a{
            color:var(--primario);   
            display:block;
            width: fit-content;
            font-weight:500;
            letter-spacing:.02em;
            text-transform:lowercase;
        }
        .listado-blog-inicio .listado .item a:hover{
            color:#fff;   
            text-decoration:none;
        }

        .listado-blog-inicio .listado .item a::after{
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            content:"";
        }
        .listado-blog-inicio .listado .texto {
            padding:var(--s-1) var(--s0);
            flex-grow: 1;
            display:flex;
            flex-direction:column;
            align-content:flex-start;
            justify-content:space-between;
        }
        .listado-blog-inicio .listado b {
            height:var(--s0);
            background:var(--gris-claro);
            background:var(--gris-claro);
            display:block;
            /*clip-path:polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0 100%);*/
            justify-self:flex-end;
        }

@media(min-width:576px) {
     .listado-blog-inicio .listado .item {
        grid-column-end: span 6;
        }
      .listado-blog-inicio .listado .item:first-child {
        grid-column-end: span 12;
        }
}

@media(min-width:768px) {
     .listado-blog-inicio .listado :is(.item, .item:first-child) {
        grid-column-end: span 4;
    }
}


.modulo:nth-child(2n) .texto .parrafada{
    color: var(--fuente-color-body);
}


.header-mantener-proporciones picture {
    height:auto;
}
 
    .header-mantener-proporciones picture img {
        height: auto;
    }

    @media(min-width:768px) {
    .header-inicio.header-mantener-proporciones {
        --altura-header:none;
    }
}

a[href*="tel:"] {
  white-space:nowrap;
}