:root{
  --primario:#2B579E; 
 
  --primario-r:43;
  --primario-g:87;
  --primario-b:158;
  
  --primario-softisim:#EBEFF6;
  --primario-soft:#D8E0ED;      
  --primario-oscuro:#1A3560;    /*no definido todavía en figma roxín pero sí en coolors*/
  --primario-oscuro-dark:#10203A;
  
  --secundario:#00577c; /*azul corporativo*/
  --secundario-oscuro:#01344a;  
  
  
  --ancho-max:992px;
  
  --padding-gea:1rem;
  
  --gris:#444;
  
  --fuente-color-body: #333;
  
  --fuente-secundaria: 'Nunito', sans-serif;
  --fuente-terciaria: 'Roboto slab', serif;
  
  
  --nav-primario:#fff;
  --nav-secundario:#000;
  --nav-secundario-bg:var(--primario-soft); /*rgba(0, 87, 124, .3);*/
  --nav-bg:var(--primario);

  --primario-btn:var(--primario-oscuro-dark);
  --primario-btn-hover:var(--primario);
  --primario-btn-focus:var(--primario);
  --primario-btn-active:#var(--primario);
  
  --radio-borde-boton:.5rem;
  
  --pie-bg:var(--primario);
  --pie-legal-bg:var(--primario-oscuro-dark);
  --pie-legal-hover:#838d9f;
  --pie-primario:#eee;
  --pie-hover:#fff;
  --link-wit:#F6AC56;
  --link-wit-hover:#f6ac00;
  
  --star-size: 3rem;
  --star-color: #ddd;
  --star-background: #fc0;

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

  --primario-label:var(--primario-soft);
  --primario-label:#cecac5;
  --color-label:var(--gris-oscuro);
  --color-label:#222;
  --background-input:hsl(var(--primario-h), var(--primario-s), 93%);

  --background-input:#f7f7f7;


  --ratio: 1.5;
  --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));
}

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

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


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;
}



.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:1200px) /*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);
        
    }


.odiseo
{
    display:none;
}


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


/*BOTONES*/


.btn-ico-izq svg
{
    margin-right:.25rem;
}
.btn-ico-der svg
{
    margin-left:.25rem;
}





.btn 
{
    border-radius:0;
}




.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);
    border-color: var(--primario-oscuro);
}
.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-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;
}
/*MIGAS*/

.migas 
{
    margin-bottom:1rem;
    font-size:.75rem;
    
    margin-top:1rem;
}

.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(--primario);
    /*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:#fff;
    margin-top:0;
    padding:0;
    vertical-align: 0;
    line-height: 1;
}
#navigation-sm > button:hover,
#navigation-sm > button:focus
{
    color:var(--primario-soft);
}
#navigation-sm > button:focus
{
    outline:2px auto var(--primario-softisim);
}

    #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: 1rem;
    list-style:none;
    
    font-family:var(--fuente-terciaria);
    text-transform:uppercase;
}

#navigation-sm > #menu-list a
{
    color:#fff;
    padding: .25rem 0;
    display: block;
}
#navigation-sm > #menu-list a:hover,
#navigation-sm > #menu-list a:focus
{
    color:#fff;
    text-decoration:underline;
}
#navigation-sm > #menu-list a:focus
{
    outline:2px solid #fff;
    outline:2px solid var(--primario-softisim);
}

 .nav-principal
{
    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
{
    position:sticky;
    top:0;
    background:var(--nav-bg);    /*ojo, tiene que seer como el de .scrolled*/
    z-index:999;
}

.nav-principal
{
    font-family:var(--fuente-terciaria);
    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);
    
   
   
}

.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;
    
}

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

}

@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
{
    display:block;
    line-height:1;
    padding:1rem;
    text-transform:uppercase;
    color:var(--nav-primario);
    
    
}

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

.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*/
	background: var(--nav-secundario-bg);
	cursor: pointer;
	
	background: var(--primario-oscuro-dark);
	/*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;
}



/*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: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%;
  line-height:1.2;
}
.nav-principal ul li .midropdown li + li {
	margin-top:.25rem;
}



/*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,
.pre-nav a
{
    line-height:1;
    font-size:.9rem;
    color:var(--primario-oscuro-dark);
    
    text-transform:uppercase;
}

.pre-nav li#pre-link-tfno
{
    padding:.5rem 0 .5rem 1rem;    
    color:#666;
    /*margin-right:1rem;*/
    color:var(--primario-oscuro-dark);
}

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

.pre-nav a
{
    padding:0 .5rem;
}
.pre-nav li#pre-link-facebook a
{
    padding-right:.25rem;
}
.pre-nav li#pre-link-instagram a
{
    padding-left:.25rem;
}

.pre-nav a:hover,
.pre-nav a:focus
{
    text-decoration:none;
    color:var(--primario);

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

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

/*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-facebook,
    .pre-nav li#pre-link-instagram
    {
        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
{
    
}


.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;
}

.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;
}
.container-footer h2::after
{
    content:"";
    position:absolute;
    width:2.5rem;
    background:var(--pie-primario);
    height:1px;
    bottom:0;
    left:0;
}


.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(--primario-pie);  
}
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-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-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;
    }

    
  
}





/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */

/*  PRODUCTOS   */


/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */
/*  **  **  **  **  **  **  */


.container-form-productos
{
        margin-top:2rem;
}
.container-form-productos form
{
    background:var(--primario-soft);
    padding:2rem 0;
    position:relative;
    padding-right: 1rem;
}
.container-form-productos form::before
{
    content:"";
    position:absolute;
    background:var(--primario-soft);
    right:100%;
    width:100vw;
    height:100%;
    top:0;
    bottom:0;
}
.container-form-productos form::after
{
    content:"";
    position:absolute;
    background:var(--primario-soft);
    left:100%;
    width:100vw;
    height:100%;
    top:0;
    bottom:0;
}
.container-form-productos fieldset
{
    margin-bottom:2rem;    
}
.container-form-productos fieldset:last-child
{
    margin-bottom:0;    
}

    
.container-form-productos legend
{
    font-family:var(--fuente-secundaria);
    font-size:1.5rem;
    line-height:1.1;
    margin-bottom:1rem;
}


.container-form-productos .container-checkboxes
{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr) );
    grid-gap:1rem;
}

.container-form-productos label.control {   
    margin-bottom: 0;
    color:var(--fuente-color-body);
}

.container-form-productos .control-indicator {
    background-color:#fff;
    border:1px solid var(--nav-primario);
}
.container-form-productos .checkbox .control-indicator {

    border-radius: 0;

}
.container-form-productos .control input:checked ~ .control-indicator {

    color:var(--primario-soft);
    background-color:var(--secundario);

}





.container-form-productos  .container-cards-productos
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: min-content;
    grid-gap: 2rem 1rem;
    
    
    list-style:none;
    padding:0;
    margin:0;
    margin-top:2rem;
}
.container-form-productos  .container-cards-productos li
{
    /*text-align:center;*/
    height:100%;
    box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
    max-height:30vh;
}
.container-form-productos  .container-cards-productos li a
{
    display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: minmax(60px, 1fr) 1fr;*/
     grid-template-rows: minmax(60px, min-content) 1fr;
    grid-gap: 2rem 1rem;
    height: 100%;
}
.container-form-productos  .container-cards-productos  span
{
    display:block;
    font-family:var(--fuente-secundaria);
}
.container-form-productos  .container-cards-productos a
{
    color:var(--nav-primario);
    overflow:hidden;
}
.container-form-productos  .container-cards-productos a:hover,
.container-form-productos  .container-cards-productos a:focus
{
    color:var(--nav-primario);
    text-decoration:underline;
}

.container-form-productos  .container-cards-productos a:hover > span,
.container-form-productos  .container-cards-productos a:focus > span
{
    
}
.container-form-productos  .container-cards-productos a > span
{
    grid-column:1;
    grid-row:2;
    z-index:1;
    
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 35.94%, rgba(255, 255, 255, 0.8) 100%);
    padding: 1rem .5rem;
    
    font-size:1rem;
    color:#111;
    line-height:1.1;
    
}
.container-form-productos  .container-cards-productos a > span span
{
    font-size:.75rem;
    color:var(--fuente-color-body);
    margin-top:.5rem;
}
.container-form-productos  .container-cards-productos  img
{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    
    grid-column:1;
    grid-row:1 / -1;
    transition:transform .4s ;
}
.container-form-productos  .container-cards-productos a:hover img,
.container-form-productos  .container-cards-productos a:focus img
{
    transform:scale(1.1);
}


@media(min-width:576px)
{
    .container-form-productos form   
    {
               
    }
    
    .container-form-productos form::after
    {
        content:none;        
    }
    .container-form-productos > .container-gea
    {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: min-content;
        grid-gap: 0 1rem;
    }
     .container-form-productos  form
    {
        grid-column:1 / 5;                       
    }
     .container-form-productos  .container-cards-productos
    {
        margin-top:0;
        grid-column:5 / -1;
    }
}

@media(min-width:768px)
{

     .container-form-productos  .container-cards-productos
    {
        margin-top:0;
        grid-column:7 / -1;
    }
}

@media(min-width:992px)
{

    .container-form-productos .container-cards-productos {        
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}








.container-form-productos
{
    
}
.container-form-productos  #container-oculto-formulario
{
    margin-top:2rem;
}

.container-form-productos button svg {

    height: 1em;

}

   
.container-form-productos button {
    
    cursor:pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;   
    
}
.container-form-productos button:focus svg {
    outline: 2px solid;
}

.container-form-productos button svg {
    height: 1em;
    margin-left:.5rem;
}

.container-form-productos   [aria-expanded="true"] .vert {
    display: none;
}

.container-form-productos   [aria-expanded] rect {
    fill: currentColor;
}

@media(min-width:576px)
{
    .container-form-productos button
    {
        display:none;
    }
    .container-form-productos  #container-oculto-formulario
    {
        margin-top:0;
    }
}















/*TABLA DE CONTENIDO*/


.container-tabla-contenido
{
    grid-column:9 / -1;
    grid-row: 1 / -1;
    align-self: start;
    
    background:var(--primario-soft);
    position:relative;
    padding:1.5rem 1rem 1.5rem 1rem;
    z-index: 100;
}
.container-tabla-contenido::after
{
    content:"";
    position:absolute;
    top:0;
    left:100%;
    width:100vw;
    height:100%;
    background:var(--primario-soft);
}


.container-tabla-contenido button
{
    
}
.container-tabla-contenido > div 
{
    margin-top:2rem;
}
@media(min-width:768px)
{
    .container-tabla-contenido button
    {
        display:none;
    }
    .container-tabla-contenido > div 
    {
        margin-top:0;
    }
}
.container-tabla-contenido h3
{
    font-size:1.5rem;
    line-height:1.1;
    margin-bottom:1.5rem;
    color:#111;
    font-family:var(--fuente-secundaria);    
}
.container-tabla-contenido *+ h3
{
    padding-top:.5rem;
}

.container-tabla-contenido h3:last-of-type
{
    /*margin-bottom:0;*/
}
.container-tabla-contenido h3 a
{
    color:var(--fuente-color-body);
}
.container-tabla-contenido h3 a:hover,
.container-tabla-contenido h3 a:focus
{
    color:var(--fuente-color-body);
    text-decoration:underline;
}

.container-tabla-contenido h4
{
    font-size:1rem;
    line-height:1.1;
    margin-bottom:1.25rem;
    font-family:var(--fuente-secundaria);
    color:var(--primario-nav);
    
}
    
.container-tabla-contenido h4 button {
    all: inherit;
    cursor:pointer;
    border: 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);
    
}
.container-tabla-contenido h4 button:focus svg {
    outline: 2px solid;
}

.container-tabla-contenido h4 button svg {
    height: 1em;
}

.container-tabla-contenido h4  [aria-expanded="true"] .vert {
    display: none;
}

.container-tabla-contenidoh4  [aria-expanded] rect {
    fill: currentColor;
}


.container-tabla-contenido nav ul
{
    list-style:none;
    text-align:right;
    margin-bottom:0;
    padding-bottom:1rem;
    padding-right:.5rem;
    line-height:1.1;
}
.container-tabla-contenido nav:last-of-type ul
{
    margin-bottom:0;
    padding-bottom:0;
}
.container-tabla-contenido nav a
{
    color:var(--primario-nav);
    padding: .25rem 0;
    display: inline-block;
}
.container-tabla-contenido nav a:hover,
.container-tabla-contenido nav a:focus
{
    text-decoration:underline;
}
.container-tabla-contenido nav a.active
{
    font-weight:700;
}





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













/*  CONTACTO    */
/*  CONTACTO    */
/*  CONTACTO    */
/*  CONTACTO    */
.container-tabla-contenido
.container-direccion 
.icono-pie 
{

    margin-bottom: .75rem;
}
.container-tabla-contenido
.container-direccion 
 > *:last-child
{
    margin-bottom:0;
}

.container-tabla-contenido-contacto h2
{
    font-size:1.5rem;
    padding-bottom: 1.25rem;
}


.container-tabla-contenido-contacto > div {

    margin-top: 0;

}

@media(min-width:576px)
{
    .container-tabla-contenido
    .container-direccion 
    {
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: repeat(2, min-content);
        grid-gap:1rem;
    }
    
    .container-tabla-contenido
    .container-direccion  > *
    {
        margin-bottom:0!important;
    }
    
     .container-tabla-contenido
    .container-direccion 
    address
    {
        grid-column:1;
        grid-row:1;
    }
     .container-tabla-contenido
    .container-direccion 
    p:nth-of-type(3)
    {
        grid-column:2;
        grid-row:1;
    }
     .container-tabla-contenido
    .container-direccion 
    p:nth-of-type(1)
    {
        grid-column:1;
        grid-row:2;
    }
     .container-tabla-contenido
    .container-direccion 
    p:nth-of-type(2)
    {
        grid-column:2;
        grid-row:2;
    }
}

@media(min-width:768px)
{
    .container-tabla-contenido
    .container-direccion 
    {
        display:block;
       
    }
    
    .container-tabla-contenido
    .container-direccion  > *:not(:last-child)
    {
        margin-bottom:.75rem!important;
    }
}


.container-tabla-contenido-contacto iframe
{
    width:100%;
    margin-top:1.5rem;
}




.container-cards-grid-formulario form label
{
    font-family:var(--fuente-secundaria);
}





.formulario-contacto .form-control { 
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;

}
.formulario-contacto .form-control:focus {
    border-color: #111;
    outline:none;
    box-shadow:none;
}

.formulario-contacto label {
    color:#111;
}
.formulario-contacto .form-check a
{
    color:var(--primario);
    text-decoration:underline;
    display:inline;
}
.formulario-contacto .form-check a:hover,
.formulario-contacto .form-check a:focus
{
    color:var(--primario);
    text-decoration:underline;
}

 .formulario-contacto  .mi-form-row
 {
     margin-bottom:1.5rem;
 }
.formulario-contacto .mi-form-row-file .mi-form-group {
    width: calc(100%)!important;
    background: #fff;
    padding: 0.4rem 0.75rem;
    /*border-radius: 1rem;*/
    font-size: 1rem;
   /* border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/
    padding-left: 0;
    padding-bottom: 1rem;
    color:#666;
}
.formulario-contacto .mi-form-row-file .mi-form-group label
{
    margin-bottom:0;
}
.formulario-contacto .mi-form-row-file span.cheto {
    display: inline-block;
    margin-bottom: .5rem;
    color: #111;
    
}
.formulario-contacto .mi-form-row-file .mi-form-group input {
    display: block;
}
@media (min-width: 576px){
    .formulario-contacto .mi-form-row-file .mi-form-group label {
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        
        
        display:block;
    }
    .formulario-contacto .mi-form-row-file span.cheto {
        display: inline-block;
        margin-bottom: 0;
        
        margin-bottom: .5rem;
    }
}
@media (min-width: 992px){
    .formulario-contacto .container-contacto-ficha form .mi-form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.formulario-contacto .formulario-advertencia-texto {

    margin-top: 2rem;

}
.formulario-contacto .form-check-input {
    top: 3px;
}



/*COMPARTE*/

.comparte {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    
}


.comparte > * {

    margin-bottom:0;
    margin-right: 1rem;
}

.comparte > p {

    text-transform:uppercase;
    color:var(--nav-primario);
    font-size:.9rem;
}
.comparte > .fb-share-button {

    height: 32px;

}


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





/*ROXINIVAN*/


.container-buscador
{
    background:var(--primario-soft);
    padding-top:1rem;
    padding-bottom:1rem;

    padding-top:2rem;
    padding-bottom:2rem;
    /*margin-top:4rem;
    margin-bottom:4rem;*/
    background:#fff;
}


.container-buscador .swiper-container
{
    padding-bottom:3rem;
    text-transform: uppercase;
}

.container-buscador .swiper-wrapper
{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    
}
.container-buscador .swiper-slide
{
    height:auto;
    text-align:center;
    color:var(--primario-oscuro-dark);
    line-height:1.3;
    font-size:.75rem;
     
    padding-top:.5rem;
    padding-bottom:.5rem;
    /*border:1px solid silver;*/
    font-weight: 500;
    
}
.container-buscador .swiper-pagination-bullet-active
{
    background:var(--primario);
}
.container-buscador .swiper-slide a
{
    display:block;
    color:var(--primario-oscuro-dark);   
    height: 100%;
}
.container-buscador .swiper-slide a:hover,
.container-buscador .swiper-slide a:focus
{    
    text-decoration:none;
    color:var(--primario);
}
.container-buscador .swiper-slide a:focus
{
    /*outline:2px solid var(--primario-oscuro-dark);*/
}
.container-buscador .swiper-slide svg
{
    display:block; 
    margin:0 auto .5rem;
    font-size:8rem;
}

.container-buscador .swiper-container-horizontal > .swiper-pagination-bullets
{
    bottom:0;
}

@media(min-width:768px)
{
    .container-buscador .container-gea
    {
        display:grid;
        grid-template-columns: repeat(12, minmax(0 , 1fr));
        grid-gap: 1rem;        
    }
    .container-buscador .witslider-condiciones
    {
        grid-column: 1 / 9;
        overflow: hidden;

        grid-column: 1 / -1;
    }
    
    
    
    
}


/*buscador*/

.container-buscador .buscador
{
    grid-column: 9/-1;
   /* border: 1px solid silver;*/
    
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    
    margin-top:1rem;
}
@media(min-width:768px)
{
    .container-buscador .buscador
    {
        margin-top:0;
    }
}


.container-buscador .buscador .w-form-group,
.modulo-news .w-form-group
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:space-between;
    -ms-flex-pack:space-between;
    justify-content:space-between;    
}

.container-buscador .buscador .w-form-control,
.modulo-news .w-form-control
{
    width:auto;
    min-width:auto;
    
    padding-left:.5rem;
    color:#666;
    
    flex-grow:1;     
    background:#fff;    
    border:1px solid  var(--fuente-color-body);
    border-right:none;
    border-radius:var(--radio-borde-boton) 0 0 var(--radio-borde-boton);
    
}

.container-buscador .buscador .btn,
.modulo-news form .btn
{
    border-radius:0 var(--radio-borde-boton) var(--radio-borde-boton) 0;
    text-transform:uppercase;
}
    
@media(min-width:768px){    
    .container-buscador .buscador .btn span
    {
        display:none;
    }  
    
    .container-buscador .buscador,
    .container-buscador form
    {
        width:100%;
    }
    .container-buscador .buscador .w-form-control{
       /* width: 60%;        
        max-width: 207px;*/
    }  
}

@media(min-width:1200px) 
{
    .container-buscador .buscador .btn span
    {
        display:inline;
    } 
    .container-buscador .buscador .w-form-control{
      
        max-width: 198px;
    }  
    .container-buscador .buscador .btn 
    {      
        flex-grow:1;
    }
}

    
    
    
    
/*banner inicio*/
.banner-inicio
{
    background:var(--primario-oscuro-dark);
    color:#fff;
    text-align:center;
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:1.25rem;
    line-height:1.1;
    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;
    }
}




/*slider */
.header .swiper-pagination-bullet {
    background: rgba(100,100,100,.5);
    opacity: .5;
}
.header .swiper-pagination-bullet-active {    
    background: var(--primario);
    opacity:.7;
}
.header .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
{
    width:16px;
    height:26px;
    background-size: 16px 26px;
    top:auto;
    bottom:1rem;
}
.header .swiper-button-prev, 
.header .swiper-container-rtl 
.header .swiper-button-next {
    left: .25rem;
    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'%23D8E0ED'%2F%3E%3C%2Fsvg%3E");
}
.header .swiper-button-next, 
.header .swiper-container-rtl .swiper-button-prev {   
    right: .25rem;
    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'%23D8E0ED'%2F%3E%3C%2Fsvg%3E");
}

.header .swiper-container,
.header .swiper-slide
{
    height:60vh;
}
.header .swiper-container .texto
{
    
}

.header .swiper-container .texto .titulo
{
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1;
    text-transform:uppercase;
    
    color:var(--primario-oscuro-dark);   
    
    margin-bottom:0; 
    
    text-shadow: 4px 4px 2px rgba(255, 255, 255, 0.25), -4px -4px 2px rgba(255, 255, 255, 0.25);
}

.header .swiper-container .texto .subtitulo
{
    font-style: normal;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.1;
    
    margin-top:.25rem;
    margin-bottom:0;
    
    color:var(--primario-oscuro-dark);    
}
.header .swiper-container .texto  .btn
{
    text-transform:uppercase;
    background:var(--primario);
    border-color:var(--primario);
    
    margin-top:.75rem;
}
.header .swiper-container .texto  .btn:hover,
.header .swiper-container .texto  .btn:focus
{
    background:var(--primario-oscuro-dark);
    border-color:var(--primario-soft);
}

@media(min-width:576px)
{
    .header .swiper-container .texto .titulo
    {
        font-size: 3rem;
    }
    .header .swiper-container .texto .subtitulo
    {
        font-size: 1.5rem;
    }
}


@media(min-width:768px)
{
    .header .swiper-container .texto  .btn
    {
        margin-top:1rem;
    }
}

@supports (display: -ms-grid) or (display: grid)  
{
    .header .swiper-container .texto .titulo,
    .header .swiper-container .texto .subtitulo
    {
        color:#fff;
        text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25), -4px -4px 2px rgba(0, 0, 0, 0.25);
    }
    
    
    header .swiper-container .slide-dark .texto .titulo,
    .header .swiper-container .slide-dark .texto .subtitulo
    {
        color:var(--primario-oscuro);
        color:#333;
        text-shadow: 4px 4px 2px rgba(255, 255, 255, 0.25), -4px -4px 2px rgba(255, 255, 255, 0.25);
    }
    
    
    .header .swiper-slide
    {
        display:grid;
        grid-template-columns:1rem 1fr 1rem;
        grid-template-rows:2rem minmax(0, 1fr) 2rem;
    }
    
    .header .swiper-slide picture
    {
        grid-column:1/-1;
        grid-row:1/-1;
        z-index:1;
    }
     .header .swiper-slide .texto
    {
        grid-column:2/3;
        grid-row:2/3;
        z-index:4;
        
        align-self:start;
        text-align:center;
        
        align-self:center;
    }
    
     .header .swiper-slide img
    {
        display:block;
        height:100%;
        width:100%;
        object-fit:cover;
        
    }
    
    
    @media(min-width:576px)
    {
         .header .swiper-slide .texto
        {
            align-self:center;
        }
        .header .swiper-container .texto .titulo,
        .header .swiper-container .texto .subtitulo
        {
            margin-left:auto;
            margin-right:auto;
        }
        .header .swiper-container .texto .titulo       
        {
            max-width:10em;           
        }
        .header .swiper-container .texto .subtitulo
        {
            max-width:20em;
           
        }
    }
    @media(min-width:768px)
    {
        .header .swiper-slide
        {
           
        }
         .header .swiper-slide .texto
        {
            align-self:start;
            text-align:left;
            grid-column:1/-1;
            
            align-self: center;
            
            width:100%;
            max-width:992px;
            margin-left:auto;
            margin-right:auto;
            padding-left:1rem;
            padding-right:1rem;
            
            
            
        }
        .header .swiper-container .texto .titulo,
        .header .swiper-container .texto .subtitulo
        {
            margin-left:0;
        }
        .header .swiper-container .texto .titulo       
        {
            max-width:calc(var(--ancho-max) / 2);           
        }
        .header .swiper-container .texto .subtitulo
        {
            max-width:calc(var(--ancho-max) / 2);    
           
        }
    }
    
    @media(min-width:1200px)
    {
         .header .swiper-slide .texto
        {

            padding-left:0;
            padding-right:0;

        }
    }
    
    
}


.header .swiper-container b
{
    display:none;
}
@supports (display: -ms-grid) or (display: grid)  
{
    .header .swiper-container b
    {
        display:block;
        grid-row:1/-1;
        grid-column:1/-1;    
        
        background:rgba(var(--primario-r), var(--primario-g), var(--primario-b), .3);
        z-index:2;
        
        mix-blend-mode: color;
    }
    .header .swiper-container .slide-dark b
    {

        background:rgba(255, 255, 255, .4);
  
    }
}




/*MÓDULO SECCIÓN*/
.modulo-seccion
{
    padding:4rem 0;        
    /*background:linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0));*/
   background:linear-gradient(to bottom,  rgba(255,255,255,0), var(--primario-softisim), rgba(255,255,255,0));
    padding-top:1rem;
}
@media(min-width:768px)
{
    .modulo-seccion
    {
    padding-top:4rem;
    }
}
    
/*pares*/
.modulo-seccion/*:nth-of-type(even)*/:first-of-type
{
     /*background:linear-gradient(to bottom,  rgba(255,255,255,0), var(--primario-softisim));*/
     background:linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0));
}





/*otros main distintos de inicio: inversión de degradados y el último hay que hacer un degradado con tres stops*/


/*
.main-otros .modulo-seccion{
    background:linear-gradient(to bottom,  rgba(255,255,255,0), var(--primario-softisim));
}
.main-otros .modulo-seccion:nth-child(odd)
{
      background:linear-gradient(to bottom, var(--primario-softisim), rgba(255,255,255,0));
}*/

/*el último va con tres stops*/
/*.main-otros .modulo-seccion:nth-child(even):last-of-type{
    background:linear-gradient(to bottom,  rgba(255,255,255,0), var(--primario-softisim), rgba(255,255,255,0));
}*/
.main-otros .modulo-seccion{
    background:linear-gradient(to bottom,  rgba(255,255,255,0), var(--primario-softisim), rgba(255,255,255,0));
}





.modulo-seccion .container-gea-principal .texto
{
    margin-bottom:2rem;
}

.modulo-seccion .titulo,
.main-otros-solo-texto h1,
.main-otros-marcas 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;
    font-size: 2.5rem;
}

.modulo-seccion .parrafada
{
    max-width:35em;
    margin-top: .75rem;
}
.modulo-seccion .parrafada > *:last-child
{
    margin-bottom:0;
    /*margin-top:.75rem;*/    
}

.modulo-seccion .btn
{
    margin-top:1rem;
    text-transform:uppercase;
}


.modulo-seccion .w-icon-list
{
    padding:0;
    font-size:1rem;
    font-size:calc(1rem + .1vw);
}
.modulo-seccion .w-icon-list svg
{
    margin-right:.65em;
    color:var(--primario-oscuro);
}
.modulo-seccion  .w-icon-list > li {
    line-height: 1.3;
}
.w-icon-list > li + li {
    margin-top: .75em;
}


.modulo-slider img
{
    width:100%;
    margin-bottom:1rem;
}

.modulo-slider .faldon 
{
    
}

.modulo-slider .titulo-slider 
{
    font-family: var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.1;
    
    margin-bottom:0;
    
}

.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;
}
.modulo-seccion .pildora
{
    background: var(--primario);
    border-radius: .25rem;
    padding:.25rem;
    
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;    
    color: var(--primario-softisim);
    text-transform:uppercase;
    
    display:inline-block;
}


.modulo-slider  .swiper-pagination-bullet-active {    
    background: var(--primario-oscuro-dark);
}
.modulo-slider .swiper-button-next, 
.modulo-slider .swiper-container-rtl .swiper-button-prev 
{
    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'%23D8E0ED'%2F%3E%3C%2Fsvg%3E");
    -webkit-filter: drop-shadow( 0px 4px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow( 0px 4px 4px rgba(0, 0, 0, .5));
}
.modulo-slider .swiper-button-prev, 
.modulo-slider .swiper-container-rtl .swiper-button-next 
{
     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'%23D8E0ED'%2F%3E%3C%2Fsvg%3E");
    
    -webkit-filter: drop-shadow( 0px 4px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow( 0px 4px 4px rgba(0, 0, 0, .5));
}
.modulo-slider  .swiper-container-horizontal>.swiper-pagination-bullets, 
.modulo-slider  .swiper-pagination-custom, 
.modulo-slider .swiper-pagination-fraction {
    bottom: 0px;
}

.modulo-slider .swiper-slide img
{
   /* position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    object-fit:cover;*/
}



/*moodulo-imagen y modulo-slider*/


.modulo-seccion .modulo-imagen img
{
    width:100%;
    
}


.modulo-seccion .modulo-slider,
.modulo-seccion .modulo-imagen
{ 
    position:relative;
    z-index:1;
    align-self: start;
}
@media(min-width:576px)
{
    
    .modulo-seccion .titulo
    {     
        font-size: 3rem;
    }
    .modulo-seccion .modulo-slider,
    .modulo-seccion .modulo-imagen
    {
        transform:rotate(-5deg); 
    }
    /*pares*/
    .modulo-seccion:nth-child(odd) .modulo-slider,
    .modulo-seccion:nth-child(odd) .modulo-imagen
    {
        transform:rotate(5deg); 
    }
    
    .modulo-slider  .swiper-container-horizontal>.swiper-pagination-bullets, 
    .modulo-slider  .swiper-pagination-custom, 
    .modulo-slider .swiper-pagination-fraction {
        bottom: 10px;
    }
}

@media(min-width:768px)
{
    
    .modulo-seccion .titulo
    {     
        font-size: 2rem;
    }
}
@media(min-width:992px)
{
    
    .modulo-seccion .titulo
    {     
        font-size: 3rem;
    }
}



.modulo-seccion .modulo-slider::after,
.modulo-seccion .modulo-imagen::after
{
    
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background:var(--primario-oscuro-dark);
    transform:rotate(5deg);
    z-index:-1;
}
/*pares*/
.modulo-seccion:nth-child(odd) .modulo-slider::after,
.modulo-seccion:nth-child(odd) .modulo-imagen::after
{
    transform:rotate(-5deg);
}






@supports (display: -ms-grid) or (display: grid)  
{
    
    /*slider grid yeah*/
    .modulo-seccion .swiper-slide 
    {
        display:grid;
        grid-template-rows:auto min-content;
        grid-template-columns:1fr;
        
        
        
    }
    .modulo-seccion .swiper-slide img
    {
        grid-row:1 / -1;
        grid-column:1;
        
        margin-bottom:0;
    }
    .modulo-seccion .swiper-slide img::before 
    {
        /*content: "";
        padding-bottom: 100%;
        display: block;*/
    }
    .modulo-seccion .swiper-slide .faldon
    {
        grid-row:2;
        grid-column:1;
        
        
        background:rgba(255,255,255,.7);
        padding:1rem;
    }
    
    .modulo-seccion .swiper-slide .faldon .precios
    {
        display:grid;
        grid-template-columns:max-content 1fr;
        grid-template-rows:repeat(2, min-content);
        grid-row-gap:.25rem;
    }
    .modulo-seccion .swiper-slide .faldon .precios > *
    {
        margin-bottom:0;
        margin-top:0;
    }
     .modulo-seccion .swiper-slide .faldon .precios .precio
     {
         grid-column:1;
         grid-row:1;
     }
     .modulo-seccion .swiper-slide .faldon .precios .precio-antes
     {
         grid-column:1;
         grid-row:2;
     }
     .modulo-seccion .swiper-slide .faldon .precios .pildora
     {
         grid-column:2;
         grid-row:1/-1;
         align-self:end;
         justify-self:end;
     }
    
    
    
    /*modulo grid ok*/
    @media(min-width:768px)
    {
        .modulo-seccion .container-gea-principal
        {
            display:grid;
            grid-template-rows:1fr;
            grid-template-columns:repeat(12, minmax(0, 1fr));  
            grid-column-gap:1rem;
        }
        
        .modulo-seccion .container-gea-principal  .texto
        {
            grid-row:1;
            grid-column:8/-1;            
            
            padding-top:4rem;
            margin-bottom:0;
        }
        .modulo-seccion .modulo-slider,
        .modulo-seccion .modulo-imagen
        {
            grid-row:1;
            grid-column:1/7;
        }
        
        /*pares*/
        .modulo-seccion:nth-child(odd) .container-gea-principal .texto
        {
            grid-column:1/6;   
        }
        .modulo-seccion:nth-child(odd) .modulo-slider,
        .modulo-seccion:nth-child(odd) .modulo-imagen
        {
             grid-column:7/-1;
        }
    }
    
    
}






.modulo-seccion .container-gea-destacados
{
    padding-top:6rem;
}


.modulo-seccion .container-gea-destacados .destacado + .destacado
{
    margin-top:3rem;
}

.modulo-seccion .container-gea-destacados .imagen 
{
    position:relative;
    z-index:1;
}
.modulo-seccion .container-gea-destacados .imagen::after
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:"";
    background:var(--primario-oscuro-dark);
    z-index:-1;
    transform:rotate(-3deg);
    transform:rotate(-1deg);
}

.modulo-seccion .container-gea-destacados .imagen img
{
    display:block;
    width:100%;
    margin-bottom:.75rem;
    border:.25rem solid var(--primario-oscuro-dark);
}
.modulo-seccion .container-gea-destacados .texto
{
    text-align:center;
}
.modulo-seccion .container-gea-destacados .texto .titulo
{
    font-size:1.5rem;
    line-height:1.1;
}
.modulo-seccion .container-gea-destacados .texto .titulo  a
{
    color:inherit;
    text-decoration:underline;
    text-decoration-color: var(--primario);
    text-decoration-thickness: .1em;
    text-underline-offset: .17em;  
}
.modulo-seccion .container-gea-destacados .texto .titulo  a:hover,
.modulo-seccion .container-gea-destacados .texto .titulo  a:focus
{
    color:var(--primario);
   
}
.modulo-seccion .container-gea-destacados .texto .titulo  a:focus
{
    outline:2px solid var(--primario-oscuro-dark);
}


.modulo-seccion .container-gea-destacados .texto .subtitulo
{
    font-size:1rem;
    line-height:1.1;
    margin-top:.25rem;   
}
.modulo-seccion .container-gea-destacados .texto .precio
{
    font-family: var(--fuente-secundaria);
    color: var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
}
.modulo-seccion .container-gea-destacados .texto .precio-antes
{
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    text-decoration:line-through;
}
.modulo-seccion .container-gea-destacados .precios >*
{
    margin:0;
    line-height:1;
}
.modulo-seccion .container-gea-destacados .precios >*+* {
    margin-top: .25rem;
}

@media(min-width:576px)
{
    .modulo-seccion .container-gea-destacados .precios
    {
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .modulo-seccion .container-gea-destacados .precios >*
    {
        margin:0;
        margin-left:.5rem;
        margin-right:.5rem;
    }
    
}






.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.35rem;
}


.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
{
    break-inside: avoid;
}

.main-otros-solo-texto h4
{
    font-size:1.15rem;
}

.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.2em;
}
.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;
    }




.main-otros-marcas {
    padding-bottom:4rem;
}
.main-otros-marcas .texto {
}
 
.main-otros-marcas .listado-letras,
.main-otros-marcas .listado-letras ul {
    list-style:none;
    padding:0;
    margin:0;
}
.main-otros-marcas .listado-letras {
    margin-top:1rem;
}
.main-otros-marcas .listado-letras > li{
    background:var(--primario-softisim);
    background-image:linear-gradient(165deg, var(--primario-soft), var(--primario-softisim), var(--primario-soft));
    padding:1rem 2rem ;
    position:relative;

}
    .main-otros-marcas .listado-letras > li::after {
        position:absolute;
        content:"";
        top:0;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        background:var(--primario-oscuro-dark);
        z-index:-1;
        transform:rotate(-1deg) scale(1.02);
    }
    .main-otros-marcas .listado-letras > li + li {
        margin-top: 2rem;
    }
    .main-otros-marcas .listado-letras > li h2 {
        font-family:var(--fuente-secundaria);
        font-weight:600;
        color:var(--primario-oscuro);
    }
    .main-otros-marcas .listado-letras ul  {
        display:grid;
        grid-template-columns:repeat(auto-fill, minmax(200px, 1fr) );
    }



/*LOS MÁS VENDIDOS*/
.modulo-vendidos .container-gea > .titulo,
.modulo-planes .container-gea > .titulo
{
    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:4rem;
    margin-bottom: 1rem;
}


 .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);
}


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

    
    --star-size: 2rem;
}
    .listado-vendidos .item {
        border: 1px solid #bdc5d4;
    }
.listado-vendidos .item + .item
{
    margin-top:4rem;
    position:relative;
}
.listado-vendidos .item + .item::after
{    
    
    /*content:"";
    position:absolute;
    top:-2rem;
    left:0;
    right:0;
    height:1px;
    width:100%;
    background:var(--primario-soft);*/
    
}

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

.listado-vendidos .item .texto
{
    margin-top:.5rem;
    margin-left: .25rem;
    margin-right: .25rem;
}

.listado-vendidos .item .texto .titulo
{
    font-family: var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.1;
    
    margin-bottom:0;
}

.listado-vendidos .item .texto .titulo a
{
    color:inherit;
    text-decoration:underline;
    text-decoration-color: var(--primario);
    text-decoration-thickness: .1em;
    text-underline-offset: .1em;  

    text-decoration:none;
}
.listado-vendidos .item .texto .titulo a:hover,
.listado-vendidos .item .texto .titulo  a:focus
{
    color:var(--primario);
    text-decoration:underline;
   
}
.listado-vendidos .item .texto .titulo a:focus
{
    outline:2px solid var(--primario-oscuro-dark);
}

.listado-vendidos .item .texto .subtitulo
{
    line-height:1.1;    
    margin-top:.2rem;
    margin-bottom:0;
}
.precios
{
    margin-top:1.5rem;
}
.listado-vendidos .precios{    
    margin-top:.5rem;

    padding-top: .5rem;
    margin-top: .5rem;
    border-top: 1px solid #eee;
}
.precios >*
{
    margin:0;
    line-height:1;
}

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

.precios .precio
{
    font-family: var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
}
.modulo-vendidos .listado-vendidos .precios .precio{    
    font-size:1rem;
}
.precios .precio-antes
{
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    text-decoration:line-through;
    color:#999;
}
.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-vendidos .botonera
{
    margin-top:1.5rem;
    margin-top:.5rem;
    display:flex;
    justify-content: space-between;
}
.listado-vendidos .botonera .btn
{
    border-radius:0;
    text-transform:uppercase;
}
.listado-vendidos .botonera .btn-primary
{
    padding-left:.3rem;
    padding-right:.3rem;

    /*flex-grow: 1;*/
    /*margin-right: .25rem;*/
}
.container-planes .listado-vendidos .botonera .btn-primary,
.contenido-detalle-relacionados .listado-resultados .botonera .btn-primary,
.contenido-servicio-tecnico-buscador .listado-resultados .botonera :not(.dropdown-menu)  a:first-of-type,
.modulo-planes .listado-vendidos  .botonera  a:first-of-type{
    flex-grow: 1;
    margin-right: .25rem;
}
    .listado-vendidos .botonera .btn-primary svg {
        margin-right: .25em;
    }
.listado-vendidos .botonera .btn-outline-primary
{
    padding-left:.3rem;
    padding-right:.3rem;
}




@supports (display: -ms-grid) or (display: grid)  
{
    @media(min-width:576px) 
    {
        .listado-vendidos
        {
            overflow:hidden;
            overflow:initial;
        }
        .listado-vendidos .item + .item
        {
            margin-top:0;
            position:relative;
        }
        .listado-vendidos .item + .item::after
        {        
           
        }
    
    
        .listado-vendidos
        {
            display:grid;
            grid-template-columns:repeat(auto-fill, minmax(236px, 1fr) );
            grid-gap:4rem 1rem;
        }
        
        .listado-vendidos .item
        {
            display:flex;
            flex-direction:column;
            /*align-items:flex-start;*/
            justify-content:flex-start;
            
        }
        
        
         .precios
        {
            display:grid;
            grid-template-columns:max-content 1fr;
            grid-template-rows:repeat(2, min-content);
            grid-row-gap:.25rem;
        }
         .precios .precio
         {
             grid-column:1;
             grid-row:1;
         }
        .precios .precio-antes
         {
             grid-column:2;
             grid-row:1;
             justify-self:end;
             margin:0;
             align-self:center;
         }
         .precios .pildora
         {
             grid-column:1/-1;
             grid-row:2;
             align-self:start;
             justify-self:start;
             align-self:center;
         }
        
        
        .listado-vendidos .botonera 
        {
            margin-top:auto;
            padding-top:1.5rem;
            

            padding-top:1rem;
            padding-top:.75rem;
        }
        .modulo-planes .listado-vendidos .botonera {
            padding-top:.5rem;
        }
        
        .listado-vendidos .botonera >*:first-child
        {
            flex-grow:1;
            margin-right:.25rem;            
        }
        .modulo-vendidos .listado-vendidos .botonera >*:first-child
        {
            margin-right:0;
        }
    }
    
    @media(min-width:992px)
    {
        .enlace-todos a
        {
            padding-bottom:0;
        }
    }
}








.modulo-marcas
{
    margin-top:4rem;
    padding-top:4rem;
    border-top:4px solid var(--primario-oscuro-dark);
    border-bottom: 4px solid var(--primario-oscuro-dark);
    padding-bottom: 4rem;
}
.modulo-marcas .titulo
{
    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: 2rem;

}

.modulo-marcas .swiper-wrapper 
{
    align-items:center;
}
.modulo-marcas .swiper-slide
{
    /*border:1px solid #000;*/
    text-align:center;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.modulo-marcas .swiper-container-horizontal>.swiper-pagination-bullets, 
.modulo-marcas .swiper-pagination-custom, 
.modulo-marcas .swiper-pagination-fraction {
    bottom: 0px;    
}
.modulo-marcas .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--primario-oscuro-dark);
}

.modulo-marcas .swiper-slide img
{
    display:block;
    width:100%;
    transition:transform .2s ease-in-out;
}
    .modulo-marcas .swiper-slide a {
        display:block;
        text-decoration:none;
    }
    .modulo-marcas .swiper-slide a:hover img {
        transform:scale(1.1);
    }


.modulo-marcas    .enlace-todos {
    /*margin-top: 1.5rem;*/    
}






/*  NEWSLETTER  */

/* BE CAREFUL: there are shared styles with the search form*/
.modulo-news form .btn
{
    background:var(--primario);
}
.modulo-news form .btn:hover,
.modulo-news form .btn:focus
{
    background:var(--primario-oscuro-dark);
}
.modulo-news form .btn svg
{
    display:none;
}
@media(min-width:576px)
{
    .modulo-news form .btn svg
    {
        display:inline-block;
    }
}




.modulo-news
{
    overflow:hidden;
}




.container-news
{
    display:grid;
    grid-template-columns:/*calc(50vw - 496px - 6.5rem )*/
        calc(50vw - calc(1009px / 2) - 1rem)
        [percal-start]
        repeat(12, minmax(0, 1fr))
        [percal-end]
        calc(50vw - calc(1009px / 2) - 1rem);   /*1009 = 992 + 17 no where*/
    grid-column-gap:1rem;
    grid-row-gap:1.75rem;
    grid-template-rows:auto auto;
    
    background:#000;
    margin-top:2rem;
    

}

.container-news b,
.container-news > svg
{
    display:none;
}

.container-news .texto
{
    grid-row:1;
    grid-column:percal;
    z-index:1;
/*    align-self:start;*/
    color:#fff;    
    padding-top:3rem;
}
.container-news .texto >*:last-child
{
    margin-bottom:0;
}
.container-news .texto .titulo
{
    font-family: var(--fuente-secundaria);    
    font-style: normal;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    margin-bottom: .75rem;
}





.container-news form
{
    grid-row:2;
    grid-column:percal;
    z-index:1;
    
    padding-bottom: 4rem;
}
.container-news form .form-check-label
{
    color:#aaa;
}
    .container-news form .form-check-label small {
        line-height:1.1;
    }
.container-news form .form-check
{
    margin-top:.5rem;
}
.container-news form .form-check-label a
{
    color:var(--primario-soft);
}
.container-news form .form-check-input
{
    top:3px;
}


.container-news picture
{
    grid-row:1/-1;
    grid-column:1/-1;
    
    
    width:100%;
    height:100%;
    z-index:0;
    opacity:.4;
}

.container-news picture img
{
  
    display:block;
    width:100%;
    height:100%;
    
}

@media(min-width:576px)
{
    .container-news b,
    .container-news > svg
    {
        display:block;
    }
    
    
    .container-news
    {
        grid-template-rows:auto 4rem auto auto;
        grid-row-gap:0;
        
        margin-top:0;
    }
    
    .container-news > svg
    {
        grid-column:2/5;
        grid-row:1/4;
        z-index:1;

        max-width:236px;
    }
    .container-news .texto
    {
        grid-column:2/9;
        grid-column:percal;
        grid-row:3/4;
        
        padding-top:3rem;
    }
    .container-news form
    {
        grid-column:7/14;
        grid-column:percal;
        grid-row:4/5;
        
        
        padding-top:2rem;
    }
    .container-news picture
    {
        grid-column:5/13;
        grid-row:2/-1;
        display:flex;
    }
    .container-news picture img
    {
        height:auto;
        align-self:flex-end;
        margin-left:auto;
    }
    
     .container-news b
     {
         z-index:0;
         background:#fff;
     }
    .container-news b:first-of-type
    {
        grid-column:1/6;
        grid-row:2/3;
        /*background:red;*/
    }
    .container-news b:nth-of-type(2)
    {
        grid-column:1/-1;
        grid-row:1/2;
       /* background:yellow;*/
    }
    .container-news b:last-of-type
    {
        grid-column:-2/-1;
        grid-row:2/3;
        /*background:blue;*/
    }
}


@media(min-width:650px)
{

    .container-news
    {
        grid-template-rows:auto 4rem auto auto;
    }
    .container-news .texto
    {     
        grid-column:2/9;
    }
    .container-news form
    {
        grid-column:7/14;
    }
    
}
@media(min-width:768px)
{

    .container-news
    {
        grid-template-rows:4rem 4rem auto auto;
    }
}
@media(min-width:992px)
{

    .container-news
    {
        grid-template-rows:8rem 4rem auto auto;
    }
}








/* SERVICIO TÉCNICO */

.main-servicio-tecnico 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: 1rem;
}

.main-servicio-tecnico > .contenido-principal .texto a
{
    color:var(--primario-oscuro-dark);
    font-weight:600;
    text-decoration:underline;
    text-underline-offset: .4em;
}
.main-servicio-tecnico > .contenido-principal .texto a:hover,
.main-servicio-tecnico > .contenido-principal .texto a:focus
{
    color:var(--primario);
   
}

.main-servicio-tecnico > .contenido-principal .texto > *:last-child
{
    margin-bottom:0;
}

.main-servicio-tecnico > .contenido-principal .container-gea
{
    position: relative;
    padding-bottom:2rem;
    margin-bottom:2rem;
    
}
.main-servicio-tecnico > .contenido-principal .container-gea::after,
.main-servicio-tecnico > .contenido-principal .container-gea::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: var(--primario-oscuro-dark);
}

.main-servicio-tecnico > .contenido-principal .container-gea::before 
{
    left: 0;
    width: 2rem;
    width: calc( 2 * 100% / 5);
    max-width: 150px;
}
.main-servicio-tecnico > .contenido-principal .container-gea::after 
{
    width: 100vw;
    right: 100%;
}



@supports (display: -ms-grid) or (display: grid)  
{
    @media(min-width:768px)
    {
        .main-servicio-tecnico > .contenido-principal > .container-gea
        {
            display:grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));            
            grid-column-gap: 1rem;
            grid-row-gap: 0;
        }
        .main-servicio-tecnico > .contenido-principal > .container-gea h1
        {
            grid-column:1/6;
        }
        .main-servicio-tecnico > .contenido-principal > .container-gea .texto
        {
            grid-column:6/-1;
        }
    }
}




/*  MÓDULOS MANTENIMIENTO*/

.modulo-mantenimiento .container-gea
{
    padding-top:0;
}



.modulo-mantenimiento + .modulo-mantenimiento .container-gea
{
    margin-top:4rem;
    padding-top:4rem;
    position:relative;
}

.modulo-mantenimiento + .modulo-mantenimiento .container-gea::before,
.modulo-mantenimiento + .modulo-mantenimiento .container-gea::after
{
    content:"";
    position:absolute;
    top:0;
    
    height:2px;
    background:var(--primario-oscuro-dark);
}

.modulo-mantenimiento + .modulo-mantenimiento .container-gea::before
{   
    left:0;
    width:2rem;
    width:calc( 2 * 100% / 5);
    max-width:150px;    
}
.modulo-mantenimiento + .modulo-mantenimiento .container-gea::after
{
    width:100vw;
    right:100%;
}



.modulo-mantenimiento .titulo
{
    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:.5rem;
}



.modulo-mantenimiento .parrafada
{
    margin-bottom:1.5rem;
    
    max-width:35em;/*machacar en grid*/
}
.modulo-mantenimiento .parrafada >*:last-child
{
    margin-bottom:0;
}



.modulo-mantenimiento nav
{
    margin-bottom:1.5rem;
}

.modulo-mantenimiento nav ul
{
    list-style:none;
    margin:0;
    padding:0;
}
.modulo-mantenimiento nav ul li + li
{
    margin-top:.5rem;
}

.modulo-mantenimiento nav ul a
{
    display:block;
}


.modulo-mantenimiento .btn
{
    text-transform:uppercase;
}










.modulo-solicita-presupuesto
{
    margin-top:4rem;
    margin-bottom:8rem;
}

.modulo-solicita-presupuesto .container-gea > .contenido
{
    /*max-width:35em;*/
    background:var(--primario-softisim);
    padding:4rem 1rem 2rem;
    position:relative;
    
}

.modulo-solicita-presupuesto .container-gea > .contenido::after
{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--primario-oscuro-dark);
    transform: rotate(-5deg);
    z-index: -2;
}

.modulo-solicita-presupuesto .container-gea > .contenido >*
{
    max-width:576px;
}



.modulo-solicita-presupuesto .texto
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
   
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    
    -webkit-box-align:start;
    -ms-flex-align:start;
     align-items:start;
}


.modulo-solicita-presupuesto .texto .titulo
{
    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: .5rem;
    
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}


.modulo-solicita-presupuesto .texto .subtitulo
{
    font-family: var(--fuente-secundaria);
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
    color: #666666;
    margin-bottom:.5rem;
    
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
}

.modulo-solicita-presupuesto .texto .parrafada
{
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
    
    margin-bottom:2rem;
}

.modulo-solicita-presupuesto .texto .parrafada >*:last-child
{
    margin-bottom:0;

}
.modulo-solicita-presupuesto .texto a 
{
    text-decoration:underline;
}


.modulo-solicita-presupuesto form
{
    
}

.modulo-solicita-presupuesto form .w-form-group
{
    
}
.modulo-solicita-presupuesto form .w-form-group + .w-form-group,
form.form-roxin .w-form-group + .w-form-group
{
    margin-top:1.25rem;
}

.modulo-solicita-presupuesto form .w-form-group label,
form.form-roxin .w-form-group label
{
    display:block;
    background:var(--primario-soft);
    padding:.5rem 1rem;
    color:#555;
    line-height:1;
    margin-bottom:0;
}

.modulo-solicita-presupuesto form .w-form-group .w-form-control,
form.form-roxin .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: #495057;
    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(--primario-soft);
    
}
.modulo-solicita-presupuesto form .w-form-group textarea.w-form-control
{
    height:100%;
}
form.form-roxin .w-form-group textarea.w-form-control {
    height: calc(100% - 2rem);
}

.modulo-solicita-presupuesto 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);
}


.modulo-solicita-presupuesto form .form-check,
form.form-roxin .form-check
{
    margin-top:2rem;
}
.modulo-solicita-presupuesto form .form-check .form-check-input,
form.form-roxin .form-check .form-check-input
{
    top: 2px;
}
.modulo-solicita-presupuesto form .form-check a,
form.form-roxin .form-check a
{
    color:#333;
    text-decoration:underline;
}
.modulo-solicita-presupuesto form .form-check a:hover,
.modulo-solicita-presupuesto form .form-check a:focus,
form.form-roxin .form-check a:hover,
form.form-roxin .form-check a:focus
{
    color:#000;    
}

.modulo-solicita-presupuesto form .formulario-advertencia,
form.form-roxin .formulario-advertencia{
    font-size:0.875rem;
    margin-top:.25rem;
    margin-bottom:2rem;
    line-height:1.1;
}
.modulo-solicita-presupuesto form .formulario-advertencia svg,
form.form-roxin .formulario-advertencia svg{
    margin-right:.3rem;
    
}


.modulo-solicita-presupuesto form .btn:not(.btn-outline-primary),
form.form-roxin .btn:not(.btn-outline-primary)
{
    background:var(--primario);
    border-color:var(--primario);
}
.modulo-solicita-presupuesto form .btn:not(.btn-outline-primary):hover,
.modulo-solicita-presupuesto form .btn:not(.btn-outline-primary):focus,
form.form-roxin .btn:not(.btn-outline-primary):hover,
form.form-roxin .btn:not(.btn-outline-primary):focus
{
    background:var(--primario-oscuro-dark);
}


@supports (display: -ms-grid) or (display: grid) {
    @media(min-width:576px) {

        /*marcas*/
        .modulo-mantenimiento nav ul {
            display: grid;
            grid-template-columns: repeat(2, min-content);
            grid-template-rows: repeat(2, min-content);
            grid-column-gap: 1rem;
            grid-row-gap: 1rem;
        }

            .modulo-mantenimiento nav ul li + li {
                margin-top: 0;
            }

        /*form*/
        .modulo-solicita-presupuesto form .w-form-group {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            grid-template-rows: min-content auto;
        }

            .modulo-solicita-presupuesto form .w-form-group label {
                grid-column: 1/3;
                grid-row: 1;
                margin-bottom: 0;
            }

            .modulo-solicita-presupuesto form .w-form-group .w-form-control {
                grid-column: 3/-1;
                grid-row: 1;
            }


        .modulo-solicita-presupuesto form .w-form-group-textarea {
            margin-top: 2rem !important;
        }

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

            .modulo-solicita-presupuesto form .w-form-group-textarea .w-form-control {
                grid-column: 1/-1;
                grid-row: 2;
            }

        .modulo-solicita-presupuesto form .btn {
            float: right;
        }
    }




    @media(min-width:768px) {
        /*contenido*/
        .contenido-servicio-tecnico {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: repeat(2, min-content);
            grid-column-gap: 2rem;
        }

            .contenido-servicio-tecnico .modulo-mantenimiento {
                grid-row: 1;
            }

            .contenido-servicio-tecnico .modulo-solicita-presupuesto {
                grid-column: 1/-1;
                grid-row: 2;
            }

        .modulo-mantenimiento + .modulo-mantenimiento .container-gea::before,
        .modulo-mantenimiento + .modulo-mantenimiento .container-gea::after {
            content: none;
        }

        .modulo-mantenimiento + .modulo-mantenimiento .container-gea {
            margin-top: 0;
            padding-top: 0;
        }



        /*marcas*/

        .modulo-mantenimiento nav ul {
            grid-template-columns: 1fr;
        }

        /*fomr*/
        .modulo-solicita-presupuesto form {
            max-width: none !important;
        }

            .modulo-solicita-presupuesto form .form-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: repeat(4, auto);
                grid-column-gap: 2rem;
            }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:not(:last-child) {
                    grid-column: 1;
                }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:last-child {
                    grid-column: 2;
                    grid-row: 1/-1;
                    margin-top: 0 !important;
                }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:nth-child(1) {
                    grid-row: 1;
                }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:nth-child(2) {
                    grid-row: 2;
                }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:nth-child(3) {
                    grid-row: 3;
                }

                .modulo-solicita-presupuesto form .form-grid .w-form-group:nth-child(4) {
                    grid-row: 4;
                }




            .modulo-solicita-presupuesto form .w-form-group label {
                grid-column: 1/-1;
                grid-row: 1;
            }

            .modulo-solicita-presupuesto form .w-form-group .w-form-control {
                grid-column: 1/-1;
                grid-row: 2;
            }
    }


    @media(min-width:992px) {
        /*contenido*/
        .contenido-servicio-tecnico {
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-template-rows: repeat(2, min-content);
            grid-column-gap: 1rem;
            grid-row-gap: 0;
            max-width: 992px;
            margin: 0 auto;
            margin-bottom: 6rem;
        }

            .contenido-servicio-tecnico .modulo-mantenimiento {
                grid-column: 1/6;
            }

                .contenido-servicio-tecnico .modulo-mantenimiento:nth-of-type(1) {
                    grid-row: 1;
                }

                .contenido-servicio-tecnico .modulo-mantenimiento:nth-of-type(2) {
                    grid-row: 2;
                }

            .contenido-servicio-tecnico .modulo-solicita-presupuesto {
                grid-column: 8/-1;
                grid-row: 1/-1;
            }

        .modulo-solicita-presupuesto .container-gea > .contenido::before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 100%;
            width: 100vw;
            height: 100%;
            background: var(--primario-softisim);
            z-index: -1;
        }


        .modulo-mantenimiento + .modulo-mantenimiento .container-gea::before,
        .modulo-mantenimiento + .modulo-mantenimiento .container-gea::after {
            content: "";
        }

        .modulo-mantenimiento .container-gea {
            padding-top: 3rem;
        }

        .modulo-mantenimiento + .modulo-mantenimiento .container-gea {
            margin-top: 4rem;
            padding-top: 4rem;
        }




        .modulo-mantenimiento .parrafada {
            max-width: inherit;
        }

        .modulo-solicita-presupuesto {
            margin-top: 0;
            margin-bottom: 0;
        }

        .modulo-mantenimiento nav ul {
            grid-template-columns: repeat(2, min-content);
        }




        /*form*/
        .modulo-solicita-presupuesto form .form-grid {
            display: block;
        }

        .modulo-solicita-presupuesto form .w-form-group label {
            grid-column: 1/3;
            grid-row: 1;
        }

        .modulo-solicita-presupuesto form .w-form-group .w-form-control {
            grid-column: 3/-1;
            grid-row: 1;
        }

        .modulo-solicita-presupuesto form .form-grid .w-form-group:last-child {
            margin-top: 2rem !important;
        }

        .modulo-solicita-presupuesto form .w-form-group-textarea label {
            grid-column: 3/-1;
            grid-row: 1;
        }

        .modulo-solicita-presupuesto form .w-form-group-textarea .w-form-control {
            grid-column: 1/-1;
            grid-row: 2;
        }
    }
}


    .main-servicio-tecnico .modulo-solicita-presupuesto {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    @media(min-width:992px) {
        .main-servicio-tecnico .modulo-solicita-presupuesto {
            margin-top: 0;
            margin-bottom: 0;
        }
    }
    /*  BUSCADOR SERVICIO TÉCNICO   */
    /*  BUSCADOR SERVICIO TÉCNICO   */
    /*  BUSCADOR SERVICIO TÉCNICO   */
    /*  BUSCADOR SERVICIO TÉCNICO   */
    /*  BUSCADOR SERVICIO TÉCNICO   */
    /*  BUSCADOR SERVICIO TÉCNICO   */
    .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: .25rem;
            font-size: var(--s2);
        }
@media(min-width:576px) {
    .cabecera-buscador h1 {
            font-size: var(--s3);
        }
}

            .cabecera-buscador h1 > span {
                display: block;
                font-size: 1rem;
            }

                .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 .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;
                    }

                .contenido-servicio-tecnico-buscador .container-gea .listado-resultados .botonera .btn-outline-primary {
                    padding-left: .3rem;
                    padding-right: .3rem;
                    width: 2rem;
                }
        }
    }
    /*  BUSCADOR FORMULARIO  */
    .modulo-buscador-formulario {
        background: var(--primario-softisim);
        padding: 1rem .5rem;
        border: 2px 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;
        }

        .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 {
        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,
     .modulo-buscador-formulario nav div.nivel a {
        display: flex;
        justify-content: space-between;
    }



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


    .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: .3rem;
    }

    .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: 2.5rem !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;
    }
    /*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;
        /*carrusel*/
        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;
    }

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


    .listado-resultados .item {
        position: relative;

        /*carrusel*/
        flex-shrink: 0;
        width: 90%;
        scroll-snap-align: start;

        display: flex;
        flex-direction: column;
        /* align-items: flex-start; */
        justify-content: flex-start;
    }
    .contenido-servicio-tecnico-buscador .listado-resultados .item:not(.item-componente),
    .contenido-detalle-relacionados .listado-resultados .item{
        border:1px solid #bdc5d4;
    }

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

            .listado-resultados .item + .item::after {
                /* carrusel 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 .imagen img {
                display: block;
                width: 100%;
                height:100%;
                object-fit:cover;
                aspect-ratio:1;
            }

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

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

        .listado-resultados .item .texto {
            margin-top: .5rem;
            margin-left: .25rem;
            margin-right: .25rem;
        }

            .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.2;
                margin-bottom: 0;
            }

                .listado-resultados .item .texto .titulo a {
                    color: inherit;
                }
    /*para el truco del enlace*/
    .listado-resultados .item-componente .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;
    }

    .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 .botonera {
        margin-top: 1.5rem;

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


        /*carrusel*/
        margin-top: auto;
        padding-top: 1rem;
        display: flex;
        justify-content: space-between;
        padding-top: 0.6rem;
    }

        .listado-resultados .botonera .btn {
            border-radius: 0;
            text-transform: uppercase;
        }

        .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-buscador-componentes .listado-resultados .item .imagen a,
    .listado-vendidos .item .imagen a{
        display: block;
        padding-bottom: 100%;
        position: relative;
    }

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

    @supports (display: -ms-grid) or (display: grid) {
        @media(min-width:576px) {
            .listado-resultados {
                overflow: hidden;
            }
            .listado-resultados .item {
                   
                    /*carrusel*/
                    width: auto;
                    scroll-snap-align: unset;
                }
                .listado-resultados .item + .item {
                    margin-top: 0;
                    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 {
                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;
                    /*align-items:flex-start;*/
                    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;
                }

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

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

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

                .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) );
            }
        }
    }



    /*modificaciones al buscador de componentes*/

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





    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #333;
        border-color: #333;
        cursor: not-allowed;
    }
    /*  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;
            }
        }
    }




    .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;
    }

    .listado-resultados .dropdown-menu,
    .listado-vendidos .dropdown-menu,
    .detalle .dropdown-menu
     {
        width: 100%;
        background: var(--primario-softisim);
    }



        .listado-resultados .dropdown-menu .dropdown-item,
        .listado-vendidos .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;
        }

            .listado-resultados .dropdown-menu .dropdown-item + .dropdown-item,
            .listado-vendidos .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;

            }
               .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: var(--primario);
    }
    /* DETALLE SERVICIO TÉCNICO */
    /* DETALLE SERVICIO TÉCNICO */
    /* DETALLE SERVICIO TÉCNICO */
    /* DETALLE SERVICIO TÉCNICO */
    .migas-servicio-tecnico-detalle {
        display: none;
    }

    .main-servicio-tecnico-detalle {
        margin-top: 1rem;
        margin-bottom: 2rem;
        scroll-behavior: smooth;
    }

    .detalle .contenido-detalle {
        /* margin-top: 1rem;**/
    }

    @media(min-width:768px) {
        .migas-servicio-tecnico-detalle {
            display: block;
        }

        .main-servicio-tecnico-detalle,
        .detalle .contenido-detalle {
            margin-top: 0;
        }
    }








    .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,
        .listado-resultados .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 .tipo {
            float:left;
        }

    .listado-resultados .tipo {
        position: absolute;
        top: .5rem;
        left: .5rem;
        line-height: 1;
    }

    .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-servicio-tecnico-detalle .detalle-plan > .container-gea .contenido-detalle .cuerpo {
    position:relative;
}
.main-servicio-tecnico-detalle .detalle-plan > .container-gea .contenido-detalle .cuerpo::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}



/*correcciones*/

.detalle-mantenimiento-componente .cabecera .texto .referencia {
        margin-left: 0.75rem;
        float: left;
        margin-bottom:1rem;
    }
.detalle-mantenimiento-componente .cabecera .imagen {
    clear:both;
    padding:0;
    aspect-ratio: 16/6;
}

.detalle-mantenimiento-componente > .container-gea .modulo-buscador-formulario {
    display:none;
}
.detalle-mantenimiento-componente > .container-gea .contenido-detalle {
    grid-column:1/-1;
}


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

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

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

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

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


.logo-marca img {
    display:block;
    max-width:150px;
}

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

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

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

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


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

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


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

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

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

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

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

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

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

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




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



    @media(min-width:768px) {

        .main-componentes-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;
    }

        .detalle .hay-galeria .btn {
            color: #fff;
        }



    .main-componentes-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;
        }
    }
    /***/
    /***/
    /***/
    /***/
    /***/
    /*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:992px) {
        .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;
    }

        .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;

    }





    .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 *: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;
    }

    .main-componentes-detalle .detalle .tabbed {
        /*padding-bottom: 0;*/
    }

    .detalle [role="tabpanel"] {
    }

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


.detalle .link-volver {
    display:block;
    width:max-content;
    color:var(--primario-oscuro);
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin-top:var(--s2);
}


.detalle .link-volver:hover,
.detalle .link-volver:focus {
    text-decoration:none;
    color:var(--primario);
}
    .detalle .link-volver svg {
        font-size: var(--s2);
        vertical-align: -0.33em;
        margin-right:0.1em;
    }
/*como babús*/
.detalle .tabbed {
    background: var(--primario-softisim);
    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);
    margin-right: var(--s0);
}
.detalle [role="tablist"] a {
    border-radius: var(--radio-borde-boton);
    background:#ddd;
    letter-spacing:.04em;
}
.detalle ul[role="tablist"] li + li {
    border-left: none;
    margin-top: var(--s-2);
}
.detalle [role="tabpanel"] {
    padding: 0 var(--s0);
}


.detalle [role="tablist"] [aria-selected] {
    color: #fff;
    text-decoration: none;
    background: var(--primario);
}

@media(min-width:576px) {
    .detalle ul[role="tablist"] li + li {        
        margin-top: 0;
        margin-left: var(--s-2);
    }
}


.detalle [role="tabpanel"] a {
    color:var(--primario);
    text-decoration:underline;

}
.detalle [role="tabpanel"] a:hover,
.detalle [role="tabpanel"] a:focus {
    color:var(--primario-oscuro);    

}

    .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;
        }


.modulo-vendidos .visualizacion-estrellas {
    margin-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 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: 1.5rem;
        font-weight: 300;
        line-height: 1.1;
        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;
                }
        }

        @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;
                }
        }
    }


    


    .contenido-detalle-relacionados {
        margin-top: 2rem;
        border-top: 1px solid var(--primario-soft);
        padding-top: 1.5rem;
    }

        .contenido-detalle-relacionados h2 {
            font-family: var(--fuente-secundaria);
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 1.1;
            color: var(--primario-oscuro-dark);
            margin-bottom: 1.5rem;
        }
    /*  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(--primario-soft);
            padding: .75rem 1rem;
            color: var(--fuente-color-body);
            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: #495057;
            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(--primario-soft);
            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,
    .detalle .enlaces {
        margin-top: 2rem;
        text-align: center;
        line-height: 1.1;
        font-weight: 600;
    }

    .detalle .enlaces {
        text-align: left;
    }

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

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


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

            .main-acceso .enlaces > *:last-child,
            .detalle .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:#d8e0ed;
        
    }

   

    :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);
            }

    code {
        color: inherit;
    }
    /*  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);
        }

        .container-h1-perfil h1,
        .container-h1-perfil p {
            color: var(--primario-container-h1) !important;
        }

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

        .container-h1-perfil img {
            border-radius: 50%;
            display: block;
            flex-shrink: 0;
            margin-right: 2rem !important;
        }

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



        .container-h1-perfil a {
            display: block;
            font-size: 1rem;
            color: var(--link-container-h1);
            text-transform: uppercase;
            margin-top: .5rem;
        }

            .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;
        }

        .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;
    }
    /*MODULO `PLANES*/
    /*MODULO `PLANES*/
    /*MODULO `PLANES*/
    .modulo-planes form {
        margin-bottom: 1rem;
    }

        .modulo-planes form .control {
            display: inline-block;
            padding-right: 1.5rem;
            padding-left: 0;
            padding-top: .5rem;
            color: var(--primario-oscuro-dark);
            font-weight: 600;
        }

            .modulo-planes form .control + .control {
                margin-left: 1rem;
                padding-left: 1rem;
                position: relative;
            }

                .modulo-planes form .control + .control::before {
                    position: absolute;
                    left: 0;
                    content: "";
                    width: 2px;
                    height: 1rem;
                    background: var(--primario-oscuro-dark);
                    bottom: .2rem;
                }

        .modulo-planes form .control-indicator {
            left: auto;
            right: 0;
            border: 1px solid var(--fuente-color-body);
            top: .25rem;
            top: calc(.25rem + .5rem + .1rem);
        }

    .modulo-planes .botonera-planes h2 {
        font-family: var(--fuente-secundaria);
        color: var(--primario-oscuro-dark);
        font-style: normal;
        font-weight: 700;
        font-size: 2rem;
        line-height: 1;
        margin: 0;
        padding: 0;
        margin-bottom: 4rem;
        margin-bottom: 1rem;
    }

    .modulo-planes .botonera-planes ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        margin-bottom: 1rem;
    }

    .modulo-planes .botonera-planes li {
        margin-right: .5rem;
        margin-bottom: .5rem;
    }

    .modulo-planes .botonera-planes a {
        text-transform: uppercase;
    }

    .modulo-planes .botonera-planes li.activo a {
        background: #333;
        border-color: #333;
    }

    @supports (display: -ms-grid) or (display: grid) {
        .modulo-planes .botonera-planes ul {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(175px, 1fr) );
            grid-gap: 1rem;
        }

        .modulo-planes .botonera-planes li {
            margin: 0;
        }

        .modulo-planes .botonera-planes a {
            width: 100%;
            margin: 0;
        }
    }


    .modulo-planes {
        margin-bottom: 4rem;
    }

        .modulo-planes p.li-error {
            color: var(--primario-oscuro-dark);
            font-family: var(--fuente-secundaria);
            margin-top: 2rem;
            margin-bottom: 0;
            display: flex;
            align-items: center;
            line-height: 1.1;
            font-weight: 600;
        }

            .modulo-planes p.li-error svg {
                font-size: 2rem;
            }

        .modulo-planes .container-planes .item {
            /*background:var(--primario-softisim);*/
        }

            .modulo-planes .container-planes .item .texto {
                display: flex;
                flex-direction: column;
                align-content: flex-start;
                justify-content: flex-start;
                height: 100%;
                /*padding-left:.25rem;
        padding-right:.25rem;*/
            }

            .modulo-planes .container-planes .item .nombre-detalle {
                margin-bottom: 0;
                font-family: var(--fuente-secundaria);
                margin-top: .25rem;
                line-height: 1.2;
            }

            .modulo-planes .container-planes .item .subtitulo {
                /*margin-top: 1rem;
    margin-top: auto;*/
                margin-top: 0;
                padding-top: .5rem;
                font-weight: 600;
                color:#555;
            }
                .modulo-planes .container-planes .item .subtitulo {
                    margin-top:.5rem;
                    border-top:1px solid #eee;
                }
                .modulo-planes .container-planes .item .subtitulo:last-of-type {
                    /*padding-top:.7rem;*/
                }

            .modulo-planes .container-planes .item ul {
                list-style: none;
                padding: 0;
                margin: 0;
                padding-top: .5rem;
                padding-top: .2rem;
                color:#555;
            }

            .modulo-planes .container-planes .item .precios {
                margin-top: auto;
                padding-top: 1.5rem;
                padding-top: 1.2rem;

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

        .modulo-planes > .container-gea > .texto {
            margin-bottom: 1rem;
            max-width: 70ch;
        }

        .modulo-planes > .container-gea > .texto a:not(.btn){
            text-decoration:underline;
            text-underline-offset: 0.1em;
        }

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

        .modulo-planes .container-planes .w-icon-list > li svg {
            margin-right:.3em;
        }



        :is(.modulo-planes, .detalle-plan) .advertencia-asterisco {
            color:#666;
            font-size:.8rem;
            display:flex;
            margin-bottom:0;
        }
        :is(.modulo-planes, .detalle-plan) .advertencia-asterisco span{
            margin-right:.25em;
        }

    .modulo-comparativa-planes .container-gea {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        padding-top: 1rem;
        margin-bottom: 2rem;
    }

    .modulo-comparativa-planes .table {
        margin-bottom: 1rem;
    }

    .modulo-comparativa-planes th,
    .modulo-comparativa-planes td {
        text-align: center;
    }

    .modulo-comparativa-planes td {
        font-weight: 600;
        vertical-align: middle;
        line-height: 1.2;
    }

        .modulo-comparativa-planes td:first-child {
            text-align: left;
        }


    .modulo-comparativa-planes .sida {
        color: Green;
    }

    .modulo-comparativa-planes .noda {
        color: red;
    }

    .modulo-comparativa-planes .container-w-pill {
        margin-top: .75rem;
    }

    .modulo-comparativa-planes .w-pill {
        display: inline-block;
        font-size: .8em;
        padding: .25em .5em;
        border: 1px solid #10203a;
        border-radius: .5em;
        text-transform: uppercase;
        margin-bottom: .25em;
        color: #10203a;
        background: #d8e0ed;
        line-height: 1.3;
    }

        .modulo-comparativa-planes .w-pill + .w-pill {
            margin-left: .5em;
        }



    .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;
        }

        .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: var(--s0);
                text-transform: uppercase;
            }
            .main-cesta .container-gea > div:first-of-type > a:nth-of-type(2) {                
                margin-top: var(--s-2);
                
            }


                .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 {
            display: flex;
            justify-content: space-between;
        }

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

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

    .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: 1.25rem;
            text-transform: uppercase;
            font-size: 1rem;


            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 dd span {
                display: block;
                font-weight: 400;
                font-size: .75rem;
                margin-top: .25rem;
            }

            .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;
    }




    .modulo-contacto {
        margin-bottom: 2rem;
    }



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






.header-ruedas :is(.swiper-container, .swiper-slide)
{
    height:30vh;
}



.contenido-ruedas-a-la-carta {
    margin-bottom:2rem;
}
form.form-ruedas .form-check {
    margin-top: 1rem;
}
.form-ruedas button[type="submit"] {
    margin-top:1rem;
}
.form-ruedas fieldset:not(:first-of-type) {
    margin-top:.5rem;
}
.form-ruedas fieldset legend {
    font-family:var(--fuente-secundaria);
    color:var(--primario-oscuro-dark);
    background: var(--primario-softisim);
    padding: .25rem .5rem;
    font-size: 1.25rem;
    border-left: 2px solid var(--primario-oscuro-dark);
    letter-spacing: .04em;
    margin-bottom: .75rem;
}
    .form-ruedas fieldset legend span {
        font-size:1rem;
    }
.form-ruedas .control-indicator label {
    color:var(--primario-oscuro);
}
.form-ruedas .control input:not(:checked) ~ .control-indicator {
    background: radial-gradient(#eee 0, #eee 40%, #777 90%);
}
.form-ruedas fieldset:not(#fi-tipo) {
   display:none;   
}
.form-ruedas fieldset div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15ch, 1fr) );
    grid-gap:.5rem 1rem;
    margin-left: .5rem;
}

@keyframes aparecer-keyframes {
    0% {
      transform: translateX(-5%);
      opacity:0;
    }
    50% {    
      opacity:1;
    }
    100% {
      transform: translateX(0);
    }
  }
.aparecer {    
    transform-origin: center;
    animation: aparecer-keyframes 300ms;
    animation-timing-function: ease-in-out;  
    animation-fill-mode:backwards;      
}

@keyframes desaparecer-keyframes {
    0% {
      transform: translateX(0);
      opacity:1;
    }
    50% {    
      opacity:0;
    }
    100% {
      transform: translateX(-5%);
    }
  }

:is(#fi-sub-tipo1, #fi-sub-tipo2) {
    animation-delay:100ms;
}

:is(#fi-ruedas1, #fi-ruedas2) {
    animation-delay:200ms;
}
#fi-radios {
    animation-delay:100ms;
}
#fi-bujes-delanteros{
    animation-delay:200ms;
}
#fi-bujes-traseros{
    animation-delay:300ms;
}
#fi-nucleos{
    animation-delay:100ms;
}

.desaparecer {    
    transform-origin: center;
    animation: desaparecer-keyframes 300ms;
    animation-timing-function: ease-in-out;  
            
}


#fi-comentarios label{
    display:block;
}
#fi-comentarios textarea {
    width:100%;
    max-width:60ch;
    border-color:#a5abb5;
}

.contenido-ruedas-a-la-carta h2 {
    color:var(--primario-oscuro-dark);
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:2rem;
    margin-bottom:.75rem;
}
.contenido-ruedas-a-la-carta .instrucciones-ruedas-a-la-carta {
    margin-bottom:1.25rem;
    max-width: 75ch;
}
.contenido-ruedas-a-la-carta .instrucciones-ruedas-a-la-carta p{
    margin-bottom:.5em;

}
.contenido-ruedas-a-la-carta .instrucciones-ruedas-a-la-carta p:last-of-type{
    margin-bottom:0;
}


.contenido-ruedas-a-la-carta h3 {
    margin-bottom:0rem;
    background-color:var(--primario-oscuro-dark);
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:1.33rem;    
    padding-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    color: #fff;
    padding-left: 0.8rem;
}



.contenido-ruedas-a-la-carta .form-componentes-ruedas {

}


.contenido-ruedas-a-la-carta .listado-provisional {
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(25ch, 1fr) );
    grid-gap:1rem;
    margin-bottom:1.25rem;
}
.contenido-ruedas-a-la-carta .listado-provisional .item{
    

    position: relative;
}
    .contenido-ruedas-a-la-carta .listado-provisional img {
        display: block;
        width: 100%;
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .contenido-ruedas-a-la-carta .listado-provisional h4 {
        font-size:1.1rem;
        font-family: var(--fuente-secundaria);
        color: var(--primario-oscuro-dark);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0;
    }
    .contenido-ruedas-a-la-carta .listado-provisional label {
        margin-bottom:0;
    }
    .contenido-ruedas-a-la-carta .listado-provisional .precios {
       
        padding-top: 0.5rem;
        margin-top:.5rem;
        border-top: 1px solid #eee;
        
    }
        .contenido-ruedas-a-la-carta .listado-provisional .precios .precio {
            font-size:.9rem;
        }
    .contenido-ruedas-a-la-carta .listado-provisional .texto {
        margin-top: 0.5rem;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .contenido-ruedas-a-la-carta .listado-provisional .caracteristicas {
        padding-top: 0.5rem;
        margin-top:.5rem;
        border-top: 1px solid #eee;
        line-height:1.2;
        font-size:.9rem;
    }
        .contenido-ruedas-a-la-carta .listado-provisional .caracteristicas strong {
            font-weight:600;
        }



.contenido-ruedas-a-la-carta .listado-provisional .form-input {
  -webkit-appearance: none; /* Safari */
  appearance: none;
  width:0;
  height:0;
  opacity: 0;
  
}

.contenido-ruedas-a-la-carta .listado-provisional .form-input::before {
  /* Renders the styles */
  content: '';
  /* Shows that it's interactive */
  cursor: pointer;
  /* Positions it to the top-left corner of the input */
  position: absolute;
  top: 0;
  left: 0;
  /* Takes up the entire space */
  height: 100%;
  width: 100%;

}
.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label  {
  /* Change the background color */
  background: var(--primario-oscuro);
  color:#fff;
  cursor: pointer;
  border: 1px solid var(--primario);
}

.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label .imagen {
  position:relative;
}
.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label .imagen::before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:var(--primario-oscuro);
  z-index:1;
  mix-blend-mode: hard-light;
}

.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label .imagen::after {
  position:absolute;
  content:"";
  top: calc(50% - 2.5rem);
    right: calc(50% - 2.5rem);
    width: 5rem;
    height: 5rem;
    z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg' class='witicon'%3E%3Cpath d='M8 28l20 28L56 8' stroke='%230e0' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");       
    background-repeat: no-repeat;
}

.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label .titulo,
.contenido-ruedas-a-la-carta .listado-provisional  .form-input:checked + .pseudo-label .precio {
  color: #fff;
}


.contenido-ruedas-a-la-carta .listado-provisional .pseudo-label {
  /*color: #21209c;
  font-size: 1.1rem;
  margin-left: 10px;*/
  z-index: 1; /* Makes sure the label is stacked on top */
  /* position: absolute; This is an alternative option */
  border: 1px solid #bdc5d4;
}
.contenido-ruedas-a-la-carta .form-componentes-ruedas .form-check-input:focus {
    outline: 2px solid var(--primario);
}


.contenido-ruedas-a-la-carta .ruedas-resumen {
    background:var(--primario-soft);
    padding:1rem;
    display:none;
}

    .contenido-ruedas-a-la-carta .ruedas-resumen .titulo {
        font-family:var(--fuente-secundaria);
        color:var(--primario-oscuro-dark);
        font-size:1.25rem;
        font-weight:600;
    }
    .contenido-ruedas-a-la-carta .ruedas-resumen table {
        /*max-width:50ch;*/
    }
    .contenido-ruedas-a-la-carta .ruedas-resumen table caption{
        margin-top:0;
        caption-side: top;
        padding-top: 0;
    }
.contenido-ruedas-a-la-carta .table-bordered td, .contenido-ruedas-a-la-carta .table-bordered th {
    border: 1px solid #aeb6c3;
}
.contenido-ruedas-a-la-carta .table-bordered th {
    color:var(--primario-oscuro);
    font-weight:500;
}
.contenido-ruedas-a-la-carta .table-bordered th {
    color: #26303a;
    background:#e4eaf3
}
    .contenido-ruedas-a-la-carta  #btn-volver {
        margin-right:1rem;
    }

.contenido-ruedas-a-la-carta .container-tablas{
}
.contenido-ruedas-a-la-carta .container-tabla-componentes td:first-child  {
    font-weight:500;
}
.contenido-ruedas-a-la-carta .container-tabla-componentes td:first-child span {
    display:block;
    font-weight:400;
    font-size:calc(1em / 1.25);
}
.contenido-ruedas-a-la-carta .container-tabla-componentes td:last-child,
.contenido-ruedas-a-la-carta .container-tabla-componentes th:last-child {
    text-align:right;
    white-space:nowrap;
}

.contenido-ruedas-a-la-carta #tr-precio-total>* {
    border-top-width:3px;
    font-size:1.1em;
}
.contenido-ruedas-a-la-carta #tr-precio-total td:nth-child(2) {
    
    font-weight: 600;
}

@media(min-width:768px) {
    .contenido-ruedas-a-la-carta .container-tablas{
        display:flex;
    }
    .contenido-ruedas-a-la-carta .container-tablas >*:first-child{

        padding-right:1rem;
    }
    .contenido-ruedas-a-la-carta .container-tablas >*:last-child{

        padding-left:1rem;
    }
}

.contenido-ruedas-a-la-carta .sin-resultados {
    margin:2rem 0;
    display:flex;
}
.contenido-ruedas-a-la-carta .sin-resultados svg{
    font-size:1.55em;
    margin-right:.4em;
    
}
    .contenido-ruedas-a-la-carta .sin-resultados a {
        color:var(--primario-oscuro);
        text-decoration:underline;
        text-underline-offset:.25em;
        font-weight:500;
    }
    .contenido-ruedas-a-la-carta .sin-resultados :is(a:hover, a:focus) {
        color:var(--primariooscuro-dark);
    }

.main-cesta .container-tabla td:nth-child(2) .descripcion-ruedas-a-la-carta{
    margin-top:1rem;
}



.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;
}






.main-cesta .container-gea .container-resumen-pedido .texto .seleccion-tarifa {
    /*text-align:left;*/
}
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a {
    display: flex;
    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 + a {
        margin-top:.3em;
    }
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a span {
    display:inline;
    line-height:1.2
}
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check {
        width: 1em;
        fill: #fff;
        margin-right: 0.3rem;
        flex-shrink: 0;
        margin-top:.35em;
    }
    .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;
    }