/*.modulo .imagen {
    position:relative;

}

.modulo .imagen::after {
    position: absolute;
    content: "";
    background: var(--color-imagen);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: screen;
    opacity: .8;
}

.modulo .imagen img{
    filter:saturate(0.2);
}*/

/*
@media(min-width:768px){
    footer {
        border-top: var(--s7) solid #1d1d1b;
    }
}
*/


a.a-wa {
    display: block;
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    z-index: 999999;
    padding: 0.75rem;
    background: #fff;
    background: rgba(255,255,255,.5);
    background: rgba(50,50,50,.5);
    border-radius: 50%;
}
@media (min-width: 768px){
    .texto-principal .parrafada {
        text-align:left;
        max-width: 70ch;
    }
}
@media(min-width:768px) {
    footer {
        border-top: var(--s7) solid #ffffff;
    }
}



@media (min-width: 992px){
    .container-footer .container-logo-pie {        
        justify-self: left;
    }
}


.modulo-galeria li a:hover::after, .modulo-galeria li a:focus::after {

        opacity: .6;
        mix-blend-mode: soft-light;
    }


.banner-inicio a {
    color: #062D19;
}

.banner-inicio a:hover, .banner-inicio a:focus {
    color: #010402;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.2em;
}

.container-newsletter h2 {
    text-shadow: none;
}

.texto-principal-v2 .titulo-h2 {
    text-shadow: none;
}



@media (min-width: 768px) {
    @supports (display: -ms-grid) or (display: grid) {
        .container-newsletter .imagen {
            margin-left: -.5rem;
        }


    }
}



















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

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

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

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


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

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

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








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

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

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

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

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

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

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





    /*  DETALLE    DETALLE    DETALLE   */



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

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

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

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

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


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

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

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





    .detalle {
    }

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

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

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

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


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

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

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

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

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

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

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

        .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:768px) {
        .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;

            max-width:992px;
        }

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

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

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

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

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

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

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

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

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

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

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

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

    @media(min-width:992px) {

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

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

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

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

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

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

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



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

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

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




.main-producto-detalle .detalle .cabecera .texto > .precio-items {
    
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items .btn {
    word-spacing: 0.1em;
    line-height: 1.3;
    /*padding: 1rem 0.8rem;*/
    letter-spacing: .02em;
    font-weight:500;
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items .btn  svg{
    font-size:1.4em;
    transform:translateY(1px);
    transform: translateY(3px);
}

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

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

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

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

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

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

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

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

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


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

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


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

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

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

        .main-producto-detalle .detalle .cabecera .texto header > *:nth-child(2) {
            margin-top: .5rem;
        }
    /*CORRECCIONES 2022-09  PARA NUEVA HEADER   */
    .detalle .cabecera .imagen {
        margin-bottom: 0;
    }
    .main-producto-detalle .detalle .cabecera {
        grid-template-rows: auto;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

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

            grid-column: 1/8;
        }

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

     @media(min-width:768px) {
        .main-producto-detalle .detalle .cabecera .texto {
            
            padding-top:0;
            padding-left:var(--s0);
        }
    }

    @media(min-width:992px) {
        .main-producto-detalle .detalle .cabecera .imagen {
            grid-column: 1/7;
            grid-column: 1/8;
        }

        .main-producto-detalle .detalle .cabecera .texto {
            grid-column: 7/-1;
            grid-column: 8/-1;
            
        }
    }
    @media(min-width:1200px) {
        .main-producto-detalle .detalle .cabecera .imagen {
            grid-column: 1/8;
            grid-column: 1/9;
            grid-column: 1/8;
        }

        .main-producto-detalle .detalle .cabecera .texto {
            grid-column: 8/-1;
            grid-column: 9/-1;
            grid-column: 8/-1;
        }
    }

    @media(min-width:1500px) {
        .main-producto-detalle .detalle .cabecera .imagen {
            grid-column: 1/8;
            grid-column: 1/9;
        }

        .main-producto-detalle .detalle .cabecera .texto {
            grid-column: 8/-1;
            grid-column: 9/-1;
        }
    }


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

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

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

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




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



    @media(min-width:768px) {

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



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

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

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


            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0);
            background: rgba(255,255,255,0);
            box-shadow: none;
            border-color:rgba(255,255,255,0);
            border-color:rgba(255,255,255,0);
            display:flex;
            align-items:center;
            text-align:center;
            justify-content:center;
            
        }
        .detalle .hay-galeria .btn svg {
            margin-right:var(--s-2);
        }
        .detalle .hay-galeria .btn:is(:hover, :focus) {
            color: #fff;
            background:rgba(0,0,0,.4);
            background:var(--primario);
            cursor:zoom-in;
            mix-blend-mode:multiply;

            
        }



    .main-producto-detalle .detalle {
    }


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

    #modal-opciones .tabla-grande :is(td:first-child, 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;
            color:#666;
        }
        #modal-opciones .tabla-movil {
            display: none;
        }
    }


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






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

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

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

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

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

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

    .detalle *:focus {
        outline: 2px solid rgba(255,255,255,0);
        /* ↑ 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);
        color: #333;
        font-weight: 700;

        background: #fff;
        border: 1px solid #ddd;
    }
    .detalle ul[role="tablist"] li a:is(:hover, :focus) {
        color: #000;
    }
    

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


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


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



    @media (max-width: 576px) {

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

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

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

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

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

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


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



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

   

    .detalle [role="tabpanel"] {
    }

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

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


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







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

        display:flex;
        align-items:center;
    }

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

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



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

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

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

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

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

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




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

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

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

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

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

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




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

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

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


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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


            font-weight: 300;
            font-size: var(--s5);
            line-height: 1.1;
            /*margin-bottom: var(--s5);*/
            /*color: var(--gris-oscurisimo);
            border-bottom: 2px solid var(--gris-oscurisimo);*/

            border-bottom: 2px solid var(--main-acceso-h1-color);
            color:var(--main-acceso-h1-color);
        }





        .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-label);
            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-label);
            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);
            box-shadow: 0 0 0 0.2rem hsla(var(--primario-h), var(--primario-s), var(--primario-l), .3);
        }


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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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


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

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

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

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


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



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

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

  

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

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


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

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



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

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

   

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

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


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

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

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

    background:var(--primario-soft);
}


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

        .resultado .ko {
            color: #dc3545;
        }

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

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

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

    



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


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

        .container-h1-perfil h1 {
            /*font-family: var(--fuente-secundaria);*/

            font-weight:400;
            margin-bottom:0;
        }

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

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

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

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

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



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

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

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


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


            color: #333;
            font-family: inherit;
        }









        .container-perfil-datos button:not(.btn-primary) {
            font-size: inherit;
            border: 0.125rem solid rgba(255,255,255,0);
            /* ↑ 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 rgba(255,255,255,0);
        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);
        font-family:inherit;
    }

    .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);
        background-color: var(--gris);
        background-color: #eee;
    }

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

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

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

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

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


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










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

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

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

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

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

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

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







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

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

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

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

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

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


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

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

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

                flex-shrink: 0;
                flex-grow: 1;
            }
    }


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

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

    }
}

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

        
    }

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

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

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

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

            text-align:right;
        }

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

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

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







    .main-cesta .container-tabla {
        border: 4px solid var(--primario);
        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);

        background-color: #eee;
    }

    .table-striped thead tr th{        
        font-weight: 600;
        line-height: 1.2;
    }
    .table-striped thead tr td strong{        
        font-weight: 500;
    }


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



            /*titulo-h2-*/
            font-weight: 400;
            font-size: var(--s3);
            line-height: 1.1;
            margin-bottom: var(--s2);
            color: var(--gris-oscurisimo);   
            border-bottom: 2px solid var(--gris-oscurisimo);   
        }


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

        color: #444;
        letter-spacing: .03em;
        font-size: var(--s2);
        font-weight: 300;
    }

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

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




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





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

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







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



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


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

    background: var(--nav-secundario-bg);
    color:var(--nav-primario-hover);
}






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



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

    background: var(--gris-claro);
    color:#111;
}
.btn-secondary:hover {
    background:var(--primario-oscuro-dark);
    border-color:var(--primario-oscuro-dark);


    background:#333;
    border-color:#333;
}


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

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


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



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



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





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

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

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

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



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


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



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


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

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

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

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

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

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

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

    .container-footer {
        padding:0;
    }

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

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

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

        .container-footer .b-oscuro {
            width: var(--caciple);
            height: var(--caciple);
            grid-column: 1/2;
            justify-self: start;     
            grid-row:4;      
        }
            
        .container-footer .banda-oscura{
            /*background: var(--primario-oscuro-dark);*/
            width:100vw;
            height:var(--caciple);
            grid-column:1/2;
            transform:translateX(-100%);      
            grid-row:4;   
        }
         

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

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

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

    

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

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

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




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

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

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

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

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

        align-self: start;
    }

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

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

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

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

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

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

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

}





/*  FOOTER LEGAL    */



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

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

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

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




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



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




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




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

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

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








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




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

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




            font-weight: 300;
            font-size: var(--s5);
            line-height: 1.1;
            margin-bottom: var(--s5);
            color: var(--gris-oscurisimo);
        }

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

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

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



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

    @media(max-width:992px) {

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

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

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

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

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



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

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

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

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

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

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

            .contenido-servicio-tecnico-buscador .pagination {
                float: right;
                float:none;
                margin-left: auto;
                width: fit-content;
            }
        }

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

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

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



                        content:none;
                    }

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









/*BUSCADOR*/








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


        background: #fff;
        
        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;


            background: var(--gris-corporativo);
            background: #ddd;
            color: var(--primario-softisim);
            color:#222;

            margin-bottom: 0.75rem;
        }

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


        .modulo-buscador-formulario nav {
        }

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

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

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

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

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

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


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

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

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

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

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


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

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

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



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


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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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









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

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




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



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

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


    .listado-resultados .item {
        position: relative;
    }
    .contenido-servicio-tecnico-buscador .listado-resultados .item:not(.item-producto),
    .contenido-detalle-relacionados .listado-resultados .item{
        border:1px solid #bdc5d4;
    }

        .listado-resultados .item + .item {
            /*margin-top: 4rem;*/
            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 .item .imagen,
        .listado-vendidos .item .imagen {
            position: relative;
        }

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

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

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

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

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

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

                letter-spacing:.05em;
            }

                .listado-resultados .item .texto .titulo a {
                    color: inherit;
                }

                .main-productos .listado-resultados .item:hover .titulo a,
                .main-productos .listado-resultados .item:focus .titulo a{
                  text-decoration:underline;
                  text-underline-offset:.1em;
                }


    /*para el truco del enlace*/
    .listado-resultados .item-producto .texto .titulo a::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .listado-resultados .botonera .btn-secondary {
            border-color: #d00;
            background: #f33;
            color: #eee;
            min-width:calc(2rem - 1px);
        }
        .listado-resultados .botonera :is(.btn-secondary:hover, .btn-secondary:focus) {
            border-color: #600;
            background: #900;
            color: #fff;
            
        }



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

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

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

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

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


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

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

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

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

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

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



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

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

@media(hover:hover) {/*solo dispositivos que aceptan hover*/
    .listado-resultados :is(.item:hover, .item:focus) .imagen img.imagen2 {
        opacity: 1;
    }
}



.precio-tachado {
    display:inline-block;
    margin-left:.5rem;
    color:#777;
    text-decoration:line-through;
    font-weight:400;
    color:#f33;
}
td .precio-tachado {
    margin-left:0;
}
.precio-tachado-v2 {
    color:#f33;
    font-weight:400;


 
}

.main-producto-detalle .precio-tachado-v2 {
    text-decoration-color: #7a1f1f;
}

.listado-mobiliario-inicio .precio-tachado-v2 {
    color: var(--gris-corporativo);
}


    /*modificaciones al buscador de componentes*/

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






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

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

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

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

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

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

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

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

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

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

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

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

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

        background:#eee;
    }
    .modulo-buscador-formulario .form-precio button:is(:hover, :focus) {
        

        background:#333;
        color:#eee;
    }
    .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;

    }







    /*estancias categorias inicio*/



section.estancias-inicio {
    background-color:var(--primario);
    background-image:url(../img/patron-verde.png);

    padding-top:var(--s6);
    padding-bottom:var(--s6);

    margin-top:calc(var(--s6) * 3);

   position:relative;

   border-bottom:var(--s4) solid var(--primario-soft);
}
section.estancias-inicio::before {    
   position:absolute;
   content:"";
   top:calc(-2 * var(--s6));
   height:var(--s6);
   background:var(--gris-corporativo);
   width:100%;
   left:0;
   right:0;

   clip-path:polygon(0 0, 100% 0, 100% 100%, calc(50% + 81px) 100%, calc(50% + 40px) 0, calc(50% - 40px) 0, calc(50% - 81px) 100%, 0 100% );
}

section.estancias-inicio .listado{
   padding:0;
   margin:0;
   list-style:none;
}
    section.estancias-inicio .listado .item {
        position: relative;        
        border: 4px solid var(--gris-oscurisimo);
        position:relative;

        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
        section.estancias-inicio .listado .item > * {
            grid-row: 1;
            grid-column: 1;
        }
     section.estancias-inicio .listado .item + .item {
       margin-top:var(--s0);
    }
        section.estancias-inicio .listado .item h3 {
            
            text-align:center;
            margin:0;
            
            font-weight: 300;
            font-size: var(--s5);
            line-height: 1.1;            
            overflow:hidden;
            color: var(--gris-oscurisimo) ;

            align-self:center;
            justify-self:center;
            z-index:10;
        }
            section.estancias-inicio .listado .item h3 a {
                color: var(--gris-oscurisimo) ;
                display:block;
            }
            section.estancias-inicio .listado .item h3 a:hover,
            section.estancias-inicio .listado .item h3 a:focus {
                color: #fff ;
                text-decoration:none;
            }

            section.estancias-inicio .listado .item h3 a::after {
                position:absolute;
                top:0 ;
                bottom:0;
                left:0;
                right:0;
                content:"";
            }
        section.estancias-inicio .listado .item:hover {
            cursor:pointer;
        }
        section.estancias-inicio .listado .item:hover::after{
            content:"";
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            height:100%;
            width:100%;
            background:var(--primario);
            opacity:.9;
            mix-blend-mode:multiply;
        }
        section.estancias-inicio .listado .item:hover a{
            color:#fff;
        }

section.estancias-inicio .imagen img{
   width:100%;
   height:100%;
   object-fit:cover;
   display:block;
   max-height:40vh;
}

@media(min-width:768px) {
    section.estancias-inicio .listado {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap:var(--s0);
    }
        section.estancias-inicio .listado .item {
            grid-column-end:span 6;
        }
        section.estancias-inicio .listado .item:nth-child(1) {
            grid-column-end: span 12;
        }
        

            section.estancias-inicio .listado .item + .item {
                margin:0;
            }

}

@media(min-width:992px) {

        /*section.estancias-inicio .listado .item h3 {

            font-size: var(--s6);
            overflow:hidden;
           
        }*/
        
}
@media(min-width:1200px) {
    section.estancias-inicio .listado .item {
        grid-column-end: span 4;
    }

        section.estancias-inicio .listado .item:nth-child(1) {
            grid-column-end: span 7;
        }

        section.estancias-inicio .listado .item:nth-child(2) {
            grid-column-end: span 5;
        }
  
}








aside.llamada {
    background-color:var(--primario);
    background-image:url(../img/patron-verde.png);

    padding-top:var(--s6);
    padding-bottom:var(--s6);

    margin-top:var(--s6);

    color:#fff;

    border-bottom:var(--s0) solid var(--primario-soft);
}
    aside.llamada h2 {
        font-weight: 500;
        font-size: var(--s5);
        line-height: 1.1;
        /* colores/gris/blanco */
        color: #fff;
        margin:0;
    }

    aside.llamada .texto {
        max-width:max-content;
        margin-top:var(--s2);
    }

    aside.llamada .texto p {
        padding-left:var(--s2);
        /*margin-bottom:var(--s-3);*/

    }

    aside.llamada .destacado {
        background:#fff;
        color:var(--primario);
        font-weight: 700;
        font-size: var(--s0);
        line-height: 1;        
        text-transform:uppercase;
        padding:var(--s-2) var(--s5) var(--s-2) var(--s2);
        margin-bottom:var(--s0);
        margin-right:var(--s1);

        clip-path:polygon(0 0, 100% 0, calc(100% - 21px) 100%, 0 100%);
    }
        aside.llamada .destacado span {
            color: var(--gris-corporativo);
        }

    aside.llamada .texto > *:last-child {        
        margin-bottom:0;
        
    }

    aside.llamada .texto p.borde-top {        
        position:relative;
    }
    aside.llamada .texto p.borde-top::before {        
        position:absolute;
        content:"";
        top:calc(-1 * var(--s-2) + 2px);
        left:var(--s2);
        width:var(--s1);
        height:1px;
        background:#fff;
    }
    aside.llamada .texto p span,
    aside.llamada .texto a  {
            color: var(--primario-soft);
            font-weight:500;
        }

aside.llamada .btn {
        margin-top:var(--s1);
        margin-left:var(--s1);
       
    }

    aside.llamada .cabecera p {
        font-size:var(--s2);
        margin-top:var(--s0);
    }
    aside.llamada .cabecera > *:last-child {
        margin-bottom:0;
    }

    aside.llamada .botones-llamada{
        display:flex;
        justify-content:flex-start;
        column-gap:var(--s0);
    }

@media(min-width:576px) {
    aside.llamada .container-gea {
        display:grid;
        grid-template-columns:1fr max-content;
        max-width:992px;
    }
    aside.llamada h2 {
      max-width:23ch;
    }    
    aside.llamada p {
      max-width:35ch;
    }    
    aside.llamada .texto {        
        margin-top: var(--s0);
        margin-left: 1rem;

        text-align:right;
    }
    aside.llamada .texto p {
        padding-left:0;
        padding-right:var(--s2);
        /*margin-bottom:var(--s-3);*/

    }
        
    aside.llamada .destacado {
        padding: var(--s-2) var(--s2) var(--s-2) var(--s5)!important;
       margin-right:0;
        margin-left:var(--s1);

        clip-path:polygon(0 0, 100% 0, 100% 100%, 21px 100%, 0 0);
    }
    aside.llamada .texto p.borde-top::before {        
        left:auto;
        right:var(--s2);        
    }
    aside.llamada .btn {

        justify-self:start;
        margin-left:0;
        margin-top:var(--s2);

    }
}



b.separador {
    display:block;
    height: var(--s6);
    background: var(--gris-corporativo);
    background: var(--gris-claro);
    background: hsl(var(--primario-h),var(--primario-s), 8%) ;
    width: 100%;   
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 81px) 100%, calc(50% + 40px) 0, calc(50% - 40px) 0, calc(50% - 81px) 100%, 0 100% );

    clip-path:none;

    clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%, 0 0);

    margin-top:var(--s6);
}

/*blog in inicio*/



.listado-blog-inicio {
    position:relative;
    margin-top:var(--s6);
    padding-top:var(--s6);
}

.listado-blog-inicio::before {    
   position:absolute;
   content:"";
   top:0;
   height:var(--s6);
   background:var(--gris-corporativo);
   width:100%;
   left:0;
   right:0;

   clip-path:polygon(0 0, 100% 0, 100% 100%, calc(50% + 81px) 100%, calc(50% + 40px) 0, calc(50% - 40px) 0, calc(50% - 81px) 100%, 0 100% );

}


    .listado-blog-inicio h2 {
        padding-top:var(--s4);
        padding-top: var(--s6);
    }

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


        display: flex;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow: auto;

        gap: 1rem;
        padding-bottom: 1rem;
        /*display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) var(--s0);*/
    }
    .listado-blog-inicio .listado .item {
        flex-shrink: 0;
        width: 90%;
        scroll-snap-align: start;


        grid-column-end:span 12;
        position:relative;
        height: 100%;
        display:flex;
        flex-direction:column;
        align-content:flex-start;
        justify-content:flex-start;

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

    .listado-blog-inicio .item .texto div {
        display:flex;
        justify-content:space-between;
        /*flex-direction:row-reverse;*/
        align-items:center;
    }
    .listado-blog-inicio .item .texto div p.blog-fecha{
        margin-bottom:0;
        margin-top:0;

    }
@media(min-width:576px) {
    .listado-blog-inicio .listado {

        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) var(--s0);

        padding-bottom:0;
        overflow:hidden;
    }
    .listado-blog-inicio .listado .item {
         width:auto;
       scroll-snap-align:unset;

        grid-column-end:span 12;
        position:relative;
        height: 100%;
        display:flex;
        flex-direction:column;
        align-content:flex-start;
        justify-content:flex-start;
        }
}
    .listado-blog-inicio .listado .item:hover .texto{
        background:var(--primario);
        }
    .listado-blog-inicio .listado .item:hover .imagen::after {
            background:var(--primario);
            position:absolute;
            content:"";
            top:0;
            left:0;
            right:0;
            bottom:0;
            mix-blend-mode:multiply;
            opacity:.8;
        }
    .listado-blog-inicio .listado .item:hover h3 {
        color:var(--gris-negro);
        color:#fff;
        }
    .listado-blog-inicio .listado .item:hover b {
        background:var(--primario-soft);
        }

.listado-blog-inicio .listado .item:hover p.blog-fecha,
.listado-blog-inicio .listado .item:hover p.blog-fecha svg {
    color:#333;
    color:#ccc;
}

        .listado-blog-inicio .listado .imagen {
            position:relative;
            aspect-ratio: 5/3;
        }
        .listado-blog-inicio .listado .imagen img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            aspect-ratio:5/3;
        }

        .listado-blog-inicio .listado .item h3{
            font-weight: 500;
            font-size: var(--s1);
            line-height: 1.1;
            color: var(--gris-oscurisimo);   
            margin-bottom:var(--s-4);     
        }
        .listado-blog-inicio .listado .item a{
            color:var(--primario);   
            display:block;
            width: fit-content;
            font-weight:500;
            letter-spacing:.02em;
            text-transform:lowercase;
        }
        .listado-blog-inicio .listado .item a:hover{
            color:#fff;   
            text-decoration:none;
        }

        .listado-blog-inicio .listado .item a::after{
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            content:"";
        }
        .listado-blog-inicio .listado .texto {
            padding:var(--s-1) var(--s0);
            flex-grow: 1;
            display:flex;
            flex-direction:column;
            align-content:flex-start;
            justify-content:space-between;
        }
        .listado-blog-inicio .listado b {
            height:var(--s0);
            background:var(--gris-claro);
            background:var(--gris-claro);
            display:block;
            /*clip-path:polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0 100%);*/
            justify-self:flex-end;
        }

@media(min-width:576px) {
     .listado-blog-inicio .listado .item {
        grid-column-end: span 6;
        }
      .listado-blog-inicio .listado .item:first-child {
        grid-column-end: span 12;
        }
}

@media(min-width:768px) {
     .listado-blog-inicio .listado :is(.item, .item:first-child) {
        grid-column-end: span 4;
    }
}






/*newsletter masterpage*/
aside.newsletter {
    border-top:var(--s0) solid var(--gris-oscuro);
    /*margin-top:var(--s6);*/
    background:var(--gris-corporativo);

    display: grid;
    grid-gap: 1rem;
    grid-template-columns: calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem) [percal-start] repeat(12, minmax(0, 1fr)) [percal-end] calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem);
    grid-template-rows:min-content min-content;
}
    aside.newsletter .texto {
        grid-column: 2 / -2;
        grid-row:2;

        padding: 0;
        padding-bottom:var(--s4);

        z-index:2;
    }
    aside.newsletter .imagen {
        grid-column: 1 / -1;
        grid-row:1;
        position: relative;

        aspect-ratio:5/2;
        border-bottom:var(--s0) solid var(--primario);
    }
        aside.newsletter .imagen picture {
            display: block;
            position: absolute;
            height: 100%;
            width: 100%;
        }
    aside.newsletter .imagen img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    aside.newsletter .texto h2{
        font-weight: 300;
        font-size: var(--s4);
        line-height: 1.1;        
        color: var(--gris-oscurisimo);
        margin-bottom:var(--s-2);
    }
    aside.newsletter .texto .parrafada{
        font-weight: 300;    
        color: var(--gris-oscurisimo);
        font-size:var(--s1);
    }
        aside.newsletter .texto .parrafada > * {
            margin-bottom:var(--s-4);
        }
    aside.newsletter .texto .parrafada >*:last-child{
        margin-bottom:0;
    }

    aside.newsletter form{
        margin-top:var(--s1);
    }



    aside.newsletter .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;
}
aside.newsletter .w-form-control {
    width: auto;
    min-width: auto;
    padding-left: var(--s-2);
    color: #666;
    flex-grow: 1;
    background: var(--gris-corporativo);
    border: 1px solid var(--gris-oscurisimo);
    border-right: none;
    border-radius: 0;
}
aside.newsletter .w-form-control:focus {
    outline: 1px solid var(--primario-soft);
    border-color:var(--gris-oscuro);
}

aside.newsletter .btn {
    color:var(--gris-negro);
    border-color:var(--gris-oscurisimo);
    font-weight:500;
    letter-spacing:.02em;
    padding:var(--s-4) var(--s2);    
}
    aside.newsletter .btn svg {
        vertical-align: -0.22em;
    }
    aside.newsletter .btn:hover,
    aside.newsletter .btn:focus {
        color:#fff;
    }

    aside.newsletter .form-check {
        margin-top: var(--s-3);
        font-size:var(--s-1);
        color:var(--gris-oscuro);
    }
        aside.newsletter .form-check small {
            font-size:var(--s-1);
        }
    aside.newsletter .form-check a {
        color:var(--gris-oscuro);
        text-decoration:underline;
        text-underline-offset: 0.2em;
    }
    aside.newsletter b {
        display:none;
    }
@media(min-width:576px) {
    
    aside.newsletter .texto {
        grid-column: 2 / -4;
        
    }
   
}
@media(min-width:768px) {
    aside.newsletter {
        grid-template-rows: min-content;
    }
    aside.newsletter .texto {
        grid-column: 2 / 6;
        grid-row:1;

        padding:var(--s5) 0;
    }
    aside.newsletter .imagen {
        grid-column: 5 / -1;
        grid-row:1;

        aspect-ratio:unset;
        border:none;
        /*border-left:var(--s0) solid var(--gris-oscuro);*/
    }
        aside.newsletter b {
            display: block;
            grid-column: 5 / 9;
            grid-row: 1;
            background-image:linear-gradient(to right, var(--gris-corporativo) , rgba(255,255,255,0));
            height: 100%;
            width:100%;
            z-index: 1;
        }
}


    .form-check-input {        
        margin-top: 0.25rem;
        accent-color: var(--primario);
    }




footer {
    /*min-height:20vh;*/
    background-color: var(--primario);
    /*background-image: linear-gradient(to bottom, rgba(255, 255,255,0) 0, var(--primario) 300px), url(../img/patron-verde.png), linear-gradient(var(--primario), var(--primario));*/
    background-image: linear-gradient(to bottom, hsla(var(--primario-h),var(--primario-s),var(--primario-l),.5), var(--primario) 300px), url(../img/patron-verde.png);
    border-top:var(--s0) solid var(--primario-soft);

    border:none;
}

footer .texto {
        /*max-width:max-content;*/
        /*margin-top:var(--s2);*/
        color:#fff;
 
    }

    footer .texto p {
        padding-left:var(--s2);
        /*margin-bottom:var(--s-3);*/

    }

    footer .texto p span,
    footer .texto a {
            color: var(--primario-soft);
            font-weight:500;
        }
    footer .destacado {
        background:#fff;
        color:var(--primario);
        font-weight: 700;
        font-size: var(--s0);
        line-height: 1;        
        text-transform:uppercase;
        padding:var(--s-2) var(--s5) var(--s-2) var(--s2);
        margin-bottom:var(--s0);
        margin-right:var(--s1);

        clip-path: polygon(-100vw 0, 100% 0, calc(100% - 21px) 100%, -100vw 100%);

        position:relative;
    }

        footer .destacado::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100vw;
            right: 100%;
            top: 0;
            background: #fff;
        }

        footer .destacado span {
            color: var(--gris-corporativo);
        }

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

    footer .texto p.borde-top {        
        position:relative;
    }
    footer .texto p.borde-top::before {        
        position:absolute;
        content:"";
        top:calc(-1 * var(--s-2) + 2px);
        left:var(--s2);
        width:var(--s1);
        height:1px;
        background:#fff;
    }
.footer-navegacion {
    padding-bottom:var(--s2);
}
    footer .navegacion {
        padding-left:var(--s2);
        margin-top:var(--s2);
    }
    footer .navegacion ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    footer .navegacion li {
        line-height:1.1;
        margin:0;
    }
        footer .navegacion li + li,
        footer .navegacion + .navegacion {
            margin-top: var(--s-2);
        }
    footer .navegacion a {
        color:hsl(var(--primario-h), calc(var(--primario-s) - 15%), 90%) ; 
    }
    footer .navegacion a:hover,
    footer .navegacion a:focus {
        color:#fff;
        text-decoration:none;
    }


@media(min-width:576px) {
    .footer-navegacion {
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) var(--s0);
        grid-template-rows:auto auto;
    }
        .footer-navegacion > * {
            grid-column-end: span 6;
        }
        footer .navegacion + .navegacion {
            margin-top: 0
        }
        .footer-navegacion .navegacion1 {
            margin-top:84px;
        }
        footer .navegacion {
            padding-left:0;            
        }
}
@media(min-width:800px) {
    .footer-navegacion {
        grid-template-rows: auto;
    }

        .footer-navegacion > * {
            grid-row: 1;
        }

    footer .direccion {
        grid-column:1/5;
    }
    footer .navegacion li {
        white-space:nowrap;

    }
    footer .navegacion {
        margin-top:84px!important;
    }
    footer .navegacion1 {
        grid-column:5/7;
    }
    footer .navegacion2 {
        grid-column:8/10;
    }
    footer .navegacion3 {
        grid-column:11/13;
    }
}
/*@media(min-width:992px) {
    .footer-navegacion {
        grid-template-rows: auto;
    }

        .footer-navegacion > * {
            grid-row: 1;
        }

    footer .direccion {
        grid-column:1/4;
    }
    footer .navegacion {
        margin-top:148px!important;
    }
    footer .navegacion1 {
        grid-column:5/8;
    }
    footer .navegacion2 {
        grid-column:8/11;
    }
    footer .navegacion3 {
        grid-column:11/13;
    }
}*/
@media(min-width:992px) {
    .footer-navegacion {
        grid-template-rows: auto;
        
    }

        .footer-navegacion > * {
            grid-row: 1;
        }

    footer .direccion {
        grid-column:1/4;
        justify-self: end;
    }
    footer .navegacion li {
        white-space:nowrap;

    }
    footer .navegacion {
        margin-top:84px!important;
    }
    footer .navegacion1 {
        grid-column:5/7;
    }
    footer .navegacion2 {
        grid-column:8/10;
    }
    footer .navegacion3 {
        grid-column:11/13;
    }
}


.footer-banda {
    background:var(--primario-soft);
    color:var(--primario);
}
    .footer-banda .enlaces-banda {
        padding:var(--s-4) var(--s2);
        display:flex;
        align-items:center;
        column-gap:var(--s0);
        font-weight:500;
    }
        .footer-banda .enlaces-banda > * {
            display: block;
            line-height: 1.4;
        }

.footer-banda .enlaces-banda > *:not(:first-child) {
    font-size: var(--s0);
}
.footer-banda .enlaces-banda > *:last-child {
    font-size: calc(var(--s1) + 2px);
    margin-top:.02em;
}
.footer-banda .enlaces-banda > *:nth-child(2) {
    font-size: calc(var(--s0) + 2px);
    margin-top:.1em;
}


.footer-legal {
    padding:var(--s0) var(--s2);
    color:#fff;
}
.footer-legal ul {
    list-style:none;
    margin:0;padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:var(--s-4) var(--s0);
    margin-top:var(--s-2);
}
    .footer-legal li {
        line-height:1.1;
        white-space:nowrap;
    }
.footer-legal a {
    color:var(--primario-soft);
    font-size:var(--s-1);
    font-weight:500;
}

@media(min-width:768px) {
    .footer-legal {        
        display: flex;
        justify-content: space-between;
    }
     .footer-legal ul {
        margin-top:0;
    }
}


.titulo-h2 {

    /*font-weight: 300;*/
    font-size: var(--s5);
    line-height: 1.1; 
    margin-bottom:var(--s5);
    
    color: var(--gris-oscurisimo);
    color: var(--primario-oscuro-dark);

    color: var(--negro);
 
}


a.enlace-seccion {
    display:block;
    color:var(--gris-oscurisimo);
    font-size:var(--s0);
    /*text-transform:uppercase;*/
    margin-top:var(--s6);
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    font-weight:500;
    transition:transform .2s ease-in-out, color .5s ease-in-out;
    line-height:1;

    width: fit-content;

    margin-top:var(--s3);
}
a.enlace-seccion:hover,
a.enlace-seccion:focus {
    text-decoration:none;
    transform:scale(1.05);
    color:#000;
}

section.listado-productos {
    margin-top:var(--s3);
    padding-bottom: var(--s-6);
}

/*  PRODUCTOS INICIO    */



.listado-productos ul {
    list-style:none;
    margin:0;
    padding:0;
}
.listado-productos .item {
    /*box-shadow:0 4px 8px rgba(0,0,0,.25);*/
    /*border-radius:var(--radio-borde-boton);*/

    background:#eee;
    overflow: hidden;
    position:relative;

    margin-top:0;       
    padding-top:0;

    grid-column-end:span 6;

    display: flex;
    flex-direction: column;
}

.listado-mobiliario-inicio .item {
    background:#eee;
    overflow: visible;
}


/*carrusel de cards en móvil*/
.listado-productos ul {
    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;

    /* Enable Safari touch scrolling physics which is needed for scroll snap */
  -webkit-overflow-scrolling: touch;
}
.listado-productos .item {       
    

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



    border: 1px solid #bdc5d4;

}
.listado-productos .item .texto{              
    padding-top:0;
         
    display:flex;
    flex-direction:column;
    height:100%;
}
    /*fin carrusel*/


.listado-productos li + li {
    /*margin-top:var(--s5);*/
}
.listado-productos .imagen {
    margin-bottom:var(--s-2);

    position:relative;
}
.listado-productos .imagen::before {
    content:"";
    position:absolute;
    z-index:2;
    height:var(--s1);
    width:100%;
    background:var(--primario);
    top:-1px;
    left:0;
    right:0;
    

    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 28px) 100% , calc(50% + 14px) 0 , calc(50% - 14px) 0, calc(50% - 28px) 100% , 0 100%);
}



.listado-productos .imagen img {
    display:block;
    height:100%;
    width:100%;
    line-height:1;
    object-fit:cover;
    aspect-ratio: 4 / 3;
    
}


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

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.listado-productos  :is(.item:hover, .item:focus) .imagen img.imagen2 {
    opacity:1;
}

/*.listado-productos .texto {
    padding-left:var(--s0);
    padding-right:var(--s0);
    / *padding-bottom:var(--s-1);* /
     padding-bottom:0;
}

.listado-productos .titulo {
    margin-bottom:var(--s-3);
    font-size:var(--s1);
    color:var(--gris-oscurisimo);
    font-weight:500;
    line-height: 1.1;
    font-weight: 500;

}
    .listado-productos .titulo a {
        color:var(--gris-oscurisimo);
        text-decoration:none;
    }
    .listado-productos:not(.listado-mobiliario-inicio):not(.listado-otros) .titulo a::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }
    
.listado-productos .descripcion {
    font-weight: 400;
    font-size: var(--s0);
    line-height: 1.4;
    color: var(--gris-oscurisimo);
    margin-bottom:var(--s-1);
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.listado-productos .subtitulo {
    margin:0;
    margin-top:var(--s-4);
    font-size:var(--s-1);
    / *display:none;* /
}
.listado-productos .precio {
    margin-bottom:0;
    margin-top:0;
    font-size:var(--s1);
    color:var(--gris);
    font-weight:700;
    line-height:1.5;  
    
    font-size: var(--s1);            
    font-family: arial sans-serif;  
}
.listado-productos .desde {

    font-size:var(--s0);  
    font-weight:400;
    
}

.listado-productos .precios {
    display:flex;
    justify-content:space-between;
    align-content:center;
    padding:0 1rem;
    margin-bottom:var(--s-2);
}
    .listado-productos .precios .precio,
    .main-reformas .texto-principal .precio{
        font-size:var(--s1);
        line-height:1.1;
        color:var(--gris-oscurisimo);
    }
.main-reformas .texto-principal .precio {
    font-weight: 500;
}
    .listado-productos .precios .precio span,
    .main-reformas .texto-principal .precio span{         
        color:var(--primario);
        font-family:Arial,sans-serif;
        font-weight: 500;
        font-size:.9em;
    }
    .listado-productos .precios .anterior {        
        color:var(--gris-corporativo);      
        text-decoration:line-through;
        
    }

.listado-productos .porcentaje {
    margin-bottom:0;
    background:var(--gris-claro);
    color:var(--gris-oscuro);
    font-weight:600;
    font-size:var(--s-1);
    line-height:1;
    padding:var(--s-8) var(--s0);
    text-align:right;

    clip-path: polygon(0 0, calc(100% - 0.75rem) 0, 100% 100%, 0 100%);

    padding-bottom:0
}
.listado-productos .porcentaje span{
    padding-bottom:var(--s-8);
    display:inline-block;
    line-height:1;
}*/




.listado-productos:not(.listado-mobiliario-inicio) .item:hover .imagen::after,
.listado-productos:not(.listado-mobiliario-inicio) .item:focus .imagen::after{
   content:"";
   position:absolute;
   z-index:1;
   top:0;
   left:0;
   right:0;
   bottom:0;
   background:var(--primario);
   opacity:.8;
   mix-blend-mode: multiply;

}

.listado-productos:not(.listado-mobiliario-inicio):not(.listado-otros) .item:hover ,
.listado-productos:not(.listado-mobiliario-inicio):not(.listado-otros) .item:focus {
   background:var(--primario);
   /*cursor:pointer;*/
}


.listado-mobiliario-inicio .item:hover .titulo a,
.listado-mobiliario-inicio .item:focus .titulo a{
  text-decoration:underline;
  text-underline-offset:.2em;
}

.listado-mobiliario-inicio .item .parrafada > *:last-child {
    margin-bottom:0;
}
.listado-mobiliario-inicio .item .precios{
    padding:0;
    padding-top: var(--s-1);
    margin-top: auto;
}
.listado-mobiliario-inicio .item .precios .precio .desde{
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color:initial;
    font-size:var(--s-1);
    letter-spacing:.05em;
}


:is(.listado-mobiliario-inicio, .listado-resultados) :is(.btn-primary, .btn-primary:not([href])) {
    background-color: var(--gris-oscuro);
    border-color: var(--gris-oscuro);
}
:is(.listado-mobiliario-inicio, .listado-resultados) .precio-outlet :is(.btn-primary, .btn-primary:not([href])) {
    background-color: var(--primario-oscuro);
    border-color: var(--primario-oscuro);

}



:is(.listado-mobiliario-inicio, .listado-resultados) :is(.btn-primary:hover,  .btn-primary:not([href]):hover) {
    color: #fff;
    background-color: var(--primario);
    border-color: var(--primario);
}

:is(.listado-mobiliario-inicio, .listado-resultados) .btn-primary:not(.dropdown-toggle){
    background-color: var(--primario);
    border-color: var(--primario-oscuro);
}
:is(.listado-mobiliario-inicio, .listado-resultados) .btn-primary:not(.dropdown-toggle):hover{
    background-color: var(--primario-oscuro);
    border-color: var(--primario-oscuro-dark);
}


.listado-productos:not(.listado-otros) .item:hover :is(.titulo, .descripcion, a:not(.btn)),
.listado-productos:not(.listado-otros) .item:focus :is(.titulo, .descripcion, a:not(.btn)){
   color:var(--gris-negro);

}

.listado-productos:not(.listado-mobiliario-inicio):not(.listado-otros) .item:hover :is(.precio, .precio span),
.listado-productos:not(.listado-mobiliario-inicio):not(.listado-otros) .item:focus :is(.precio, .precio span){
   color:#fff;
}

.listado-productos .item:hover .anterior,
.listado-productos .item:focus .anterior{
   color:var(--primario-soft);
}
.listado-productos .item:hover .porcentaje,
.listado-productos .item:focus .porcentaje{
   color:var(--gris-oscurisimo);
}


.listado-otros :is(.item:hover,.item:focus) .titulo a {
    text-decoration:underline;
    text-underline-offset: 0.25em;
    text-decoration-color: var(--primario);
    color:#000;
}

@media(min-width:576px) {
    .listado-productos ul {
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-gap:var(--s5) 1rem;

        padding-bottom:0;

    }
    .listado-productos .item {       
       margin-top:0;       
       padding-top:0;

       width:auto;
       scroll-snap-align:unset;

       grid-column-end:span 6;

       display: flex;
        flex-direction: column;
    }
     /*.listado-productos .item .texto{              
        padding-top:0;
         
        display:flex;
        flex-direction:column;
        height:100%;
    }

     .listado-productos .item .imagen {
            max-width:initial;
            margin-bottom: var(--s-2);
        }*/
            

       
}


@media(min-width:992px) {
    .listado-productos .item {     
        grid-column-end: span 3;
        position:relative;
    }
    .listado-productos .cabecera {
        
    }
        
}





:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad {
    margin:0;
    position:absolute;
    top:0;
    left:0;
    text-transform:uppercase;
    line-height: 1;
    border-radius:var(--radio-borde-boton);
    color: hsl(var(--primario-h), var(--primario-s), 2%, .8);
    font-weight:600;
    font-size:var(--s-1);
    z-index:1000;


    position:static;
}

:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad {
   
    top:var(--s1);
    top:calc(var(--s1) - 1px);
    top:25%;
    
    left:50%;
    transform:translateX(-50%);
    transform:none;
    left:auto;
    right:1rem;
    top:.25em;
   
    color: hsl(var(--primario-h), var(--primario-s), 2%, .8);
    font-weight:600;
    font-size:var(--s-1);
    z-index:500;
    color: #fff;
}
:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad-v2 {
    left:1rem;
    right:auto;
}


    :is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad span {
        display:block;
        width:fit-content;
        padding: var(--s-2) var(--s0) var(--s-2) var(--s-1);
        line-height: 1;
        border-radius:var(--radio-borde-boton);
        background: rgba(255,255,255,.6);
        background: hsla(var(--primario-h),var(--primario-s),50%,.8);
        letter-spacing:.02em;
        font-size:1.1em;
    }

/*:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad span {
    background: hsla(var(--primario-h),var(--primario-s),var(--primario-l),1);
    background:var(--gris-oscurisimo);
    color:#fff;
    padding:var(--s-1) var(--s0);
    clip-path: polygon(0 0, 100% 0, 100%  var(--s1), calc(100% - 14px) 100% , calc(0% + 14px) 100% , 0 var(--s1), 0 0);
}*/
:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad span {
    background: hsla(var(--primario-h),var(--primario-s),var(--primario-l),.3);    
    padding:var(--s-4) ;
    
}

:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad span {
    background: rgba(255,255,255,0);    
    padding:0;
    font-size:var(--s-1);
}
        :is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad span + span {
            margin-top: .2em;
            margin-top: .6em;
        }



:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad-v3 {
        left: 0;
    right: auto;
    top: 130px;
    width: 100%;
    text-align: center;
    background: hsla(var(--primario-h), var(--primario-s), var(--primario-l), .4);
    backdrop-filter: blur(3px);
    padding-block: 0.6em;
}


:is(.listado-resultados, .listado-mobiliario-inicio) .container-novedad-v3 span {
    margin-inline:auto;
}


/*dropdown*/

:is(.listado-resultados, .listado-productos) .btn-group {
    display:flex;
}

:is(.listado-resultados, .listado-productos, .detalle)  .dropdown-menu.show{    
    right: 0;
}

:is(.listado-resultados, .listado-productos, .detalle) .dropdown-menu .dropdown-item{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 1.1;
    padding: .25rem;
    white-space: normal;


}

:is(.listado-resultados, .listado-productos, .detalle) .dropdown-menu .dropdown-item.precio-outlet:not(:active){
    background:var(--primario-soft);
}
 b.pill-outlet {
    display: block;
    border: 1px solid #000;
    width: fit-content;
    padding: 0.1em 0.3em;
    border-radius: 0.3em;
    background: #eee;
    margin-bottom:.2em;
    color:#212529;
}
td b.pill-outlet {
    /*display: inline-block;*/
}
.dropdown-item b:not(.pill-outlet) {
    color:#000;
    text-transform:uppercase;
    display:block;
    line-height:1;
    font-size:.9em;
}


:is(.listado-resultados, .listado-productos, .detalle) .dropdown-menu .dropdown-item + .dropdown-item{
    border-top: 1px solid #666;
}
:is(.listado-resultados, .listado-productos, .listado-vendidos, .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;
}

:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle)  .dropdown-menu .dropdown-item > *:first-child strong {
    font-size: var(--s0);

}
:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle)  .dropdown-menu .dropdown-item > *:first-child strong:not(.precio-tachado) {
    
    color: #000;
    display: inline-block;
    margin-top: 0.2em;
}

:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle)  .dropdown-menu .dropdown-item > *:last-child {
    flex-shrink: 0;
}
:is(.listado-resultados, .listado-productos, .listado-vendidos)  .dropdown-menu {
    z-index:998;
}
:is(.listado-resultados, .listado-productos, .listado-vendidos)  .dropdown-menu .btn,
.listado-vendidos .dropdown-menu a.btn{
    padding:.3rem;            
    /*width: 2rem;*/

}
:is(.listado-resultados, .listado-productos, .listado-vendidos)  .dropdown-menu .btn-outline-primary,
.listado-vendidos .dropdown-menu a.btn-outline-primary{    
    width: 2rem;

}
    .contenido-servicio-tecnico-buscador .listado-resultados .botonera .dropdown-menu a:first-of-type {
        flex-grow: 0;
        margin-right: 0;
    }
    :is(.listado-resultados, .listado-productos, .listado-vendidos) .dropdown-menu .btn:last-of-type {
        margin-left: .3rem;
    }
:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle)  .dropdown-item.active,
:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle)  .dropdown-item:active,
{
    background-color: rgba(255,255,255,0);
    color:inherit;
}




/*  DETALLE */


section#section2 table {
    color:var(--fuente-color-body);
}
section#section2 table :is(td, th){
    border-color:#aaa;    
    background:#f9f9f9;  
}
section#section2 table th,
section#section2 table td:first-of-type{
    color:var(--primario-oscuro);
}
    section#section2 table td:first-of-type span {
        color:var(--fuente-color-body);
    }

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


    .main-producto-detalle .detalle .cabecera .texto > .precio-items .btn {
        border-color: var(--primario-oscuro);
        border-width: 2px;
        width: 100%;
        border-color: #555;
        background: #555;
    }

.main-producto-detalle .detalle .cabecera .texto > .precio-items :is(.btn:hover, .btn:focus) {
    border-color: var(--primario-oscuro-dark);
    border-color: var(--primario);
    background:var(--primario);
}

@media(min-width:576px) {
    .main-producto-detalle .detalle .cabecera .texto > .precio-items .btn {        
        width: auto;
    }
}

.main-producto-detalle .detalle .cabecera .texto > .precio-items > .btn {
    color: var(--btn-detail-color);
    font-size: 1.25rem;
    width: 100%;
    background:var(--btn-detail-background);
    border-color:var(--btn-detail-background);
}
.main-producto-detalle .detalle .cabecera .texto > .precio-items > :is(.btn:hover, .btn:focus) {
    color: var(--btn-detail-hover-color);    
    background:var(--btn-detail-hover-background);
    border-color:var(--btn-detail-hover-background);
}





/*  MÓDULOS */

.modulo {
    margin-top:var(--s5);
}

.modulo .imagen {
    margin-bottom:var(--s-2);
}
.modulo .imagen img {
    display:block;
    height:100%;
    width:100%;
    object-fit:cover;
    aspect-ratio: 4 / 3;
}
    .modulo .texto .parrafada > * {
        margin-bottom:var(--s-2);
    }
    .modulo .texto .parrafada >*:last-child{
        margin-bottom:0;
    }

.modulo .titulo,
.modulo-galeria .titulo {
    margin-bottom:var(--s-4);
    font-size:var(--s3);
    color:var(--negro);
    font-weight:400;
    line-height:1.1;
}
.modulo-galeria .titulo {
    margin-bottom: var(--s0);
}

    .modulo h3.titulo,
    .modulo-galeria h3.titulo {
        font-size:var(--s2);
    }



    .modulo a {
        color:var(--modulo-enlace-texto-color);
        /*display:inline-block;*/
        /*margin-top:var(--s-4);*/
        font-weight: 700;
        text-underline-offset:.2em;
        text-decoration-thickness: 0.15em;
    }

    

    .modulo b {
        display:none;
    }


@media(min-width:768px) {
    .modulo {
        margin-top:var(--s7);
    }
    .modulo .container-gea {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap: 1rem;
    }

    .modulo .texto {
        grid-row:1;
        grid-column:1/ span 5;

        padding-top:var(--s4);
        padding-bottom:var(--s4);
      
    }
    .modulo:nth-child(2n+1) .texto {
        grid-column:8/ -1;
    }
    .modulo .titulo,
    .modulo-galeria .titulo {
        font-size:var(--s5);
    }
    .modulo-galeria .titulo {
        margin-bottom: var(--s3);
    }
    .modulo h3.titulo,
    .modulo-galeria h3.titulo {
        font-size:var(--s4);
    }
    .modulo .imagen{
        grid-row:1;
        grid-column:7/ -1;

        margin-bottom:0;

        align-self: center;
        align-self: stretch;
    }
    .modulo:nth-child(2n+1) .imagen {
        grid-column:1/ span 6;
    }

    .modulo b {
        display:block;
        height:2px;
        background-color:var(--negro);
        width:20%;
            
        margin-top:var(--s3);
        position:relative;
    }
        .modulo b::after {
            position: absolute;
            content: "";
            height: 2px;
            width: 100vw;
            right: 100%;
            background-color:inherit;
        }
    .modulo:nth-child(2n+1) b {
        grid-column:1/ span 6;
        float:right;
        
    }
    .modulo:nth-child(2n+1) b::after {
        
        left:100%;
        right:auto;
    }
}









/*  BANNER PIE  */






.banner-pie {
    background:var(--primario);
    color:#fff;
    padding-top:var(--s4);
    padding-bottom: var(--s3);
    margin-top: var(--s7);

    padding-bottom: var(--s4);
}
.banner-pie .texto {
    text-align:center;
    font-size:var(--s2);
    margin-bottom:var(--s1);
    line-height: 1.3;
}
.banner-pie .texto >*:last-child{
    margin-bottom:0;
}

.banner-pie .botonera {
    text-align:center;    
}

    .banner-pie .btn-secondary:not(:hover) {
        background:#fff;
    }

@media(min-width:768px) {
    .banner-pie .container-gea{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .banner-pie .texto {
        text-align: left;
        margin-bottom:0;
        
    }
    .banner-pie .botonera {
        text-align: left;
        flex-shrink: 0;
        margin-left:var(--s1);
    }
        
}
@media(min-width:992px) {
    .banner-pie .texto {
        line-height:1.1;
    }
}






.modulo-marcas {
    padding-top:var(--s7);
    padding-bottom:var(--s4);

}

/*.modulo-marcas h2 {
    color:var(--negro);
    margin-bottom:var(--s6);
    text-align:center;
    font-size: var(--s3);
    font-weight: 400;
}*/
.modulo-marcas .imagen  {    
    text-align:center;
}
.modulo-marcas .imagen img {
    display:block;
    margin:0 auto;    
}

.modulo-marcas .imagen > * + * {
    margin-top:var(--s2);    
    display:block;    
}

@media(min-width:576px) {
    /*.modulo-marcas h2 {        
        text-align:start;
    }*/
    .modulo-marcas .imagen  {    
        /*text-align:center;
        display: flex;
        justify-content: space-between;
        align-items: center;*/
        display:grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
        grid-gap: 1rem;
        align-items: center;
    }
    .modulo-marcas .imagen img {
        max-width: 30%;   
    }

    .modulo-marcas .imagen img + img {
        margin-top:0;    
    }

    .modulo-marcas .imagen > * + * {

        margin-top:0;
    }
}

@media(min-width:768px) {
    /*.modulo-marcas h2 {
        font-size: var(--s4);
    }*/
}

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

.modulo-marcas.modulo-tipos .imagen a {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    text-decoration:none;
}

.modulo-marcas.modulo-tipos .imagen a:hover h3 {
    color:#fff;
    text-shadow:none;
}

.modulo-marcas.modulo-tipos .imagen a:hover::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: var(--primario);
    opacity: .9;
    mix-blend-mode: multiply;
}

.modulo-marcas.modulo-tipos .imagen  img {
    grid-row: 1;
    grid-column: 1;

    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /*max-height: 40vh;*/
    aspect-ratio: 4/3;
}
.modulo-marcas.modulo-tipos .imagen h3 {
    text-align: center;
    margin: 0;
    font-weight: 300;
    font-size: var(--s5);
    line-height: 1.1;
    overflow: hidden;
    color: var(--gris-oscurisimo);
    align-self: center;
    justify-self: center;

    grid-row: 1;
    grid-column:1;
    z-index:2;

    color:#eee;
   text-shadow: -1px 1px 2px rgb(0 0 0 / 80%)
}


.header-otros {
    border-bottom:1rem solid var(--gris-corporativo) ;
}
    .header-otros .contenido {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem) [percal-start] repeat(12, minmax(0, 1fr)) [percal-end] calc(50vw - calc(var(--ancho-max) / 2) - 1.5rem);
    }


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

    padding:  var(--s3);
    
    position:relative;

    color:var(--gris-negro);
}

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

        height:var(--altura-header);
    }
 .header-otros picture img
    {
        display:block;
        height:100%;
        width:100%;
        object-fit:cover;
        
    }
.header-otros  .texto .titulo
{    
    font-weight: 300;
    font-size: var(--s6);
    line-height: 1.1;
    text-transform:uppercase;
    margin-bottom:0; 
    font-size: var(--s5);    
}
.header-otros .texto .subtitulo
{    
    font-weight: 400;
    font-size: var(--s2);
    font-family:var(--fuente-secundaria);
    line-height: 1.2;
    margin-bottom:0;
    letter-spacing: .02em;

    color:#222;
}

.header-otros .texto-v2 .subtitulo
{    
    
    color:var(--slider-fuente-color-claro);
}
.header .texto .llamada,
.header-otros .texto .llamada
{    
    font-weight: 400;
    font-size: var(--s1);
    line-height: 1.3;
    margin-bottom:0;
    margin-top:var(--s-4);
    /*background:var(--primario-soft);
    padding:var(--s-1);*/

}



@media(min-width:1300px) {
    .header .texto .llamada,
    .header-otros .texto .llamada
    {    

        width:fit-content;
    }
}
    :is(.header, .header-otros) .texto .llamada strong {
        font-weight:500;
    }

    .header-otros .texto .btn {
        margin-top:var(--s0);
    }

.header-otros b {
        display: none;        
    }

@media(min-width:576px) {
    .header-otros .texto .titulo {
        font-size: var(--s6);
    }
}
@media(min-width:768px) {
    .header-otros .texto {
        grid-column: 2/6;
        grid-column: 2/7;
        text-align: left;
        max-width: none;
        margin: 0;
    }
    .header-otros b {
        display: block;
        grid-column:1 / 7;
        grid-row:1;
        background-image:linear-gradient(to left, rgba(255,255,255,0), #fff 75%);
        height:100%;
        z-index:1;

        display:none;
    }

    .header-otros .texto::after {       
        background:rgba(255,255,255,0);
        background-image:linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,0));
        z-index: -1;
        /* mix-blend-mode: multiply; */
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);

        
    }
}



.header-blog picture {
    --altura-header:calc(70vh - 130px);
}



/*texto-principoal */


.main-otros .texto-principal {
    /*background-image:linear-gradient(to bottom, #fff, rgba(255,255,255,.7), #fff 90%), url(../img/patron-gris.png);*/

    padding-top:var(--s2);
    padding-bottom: var(--s3);
    /*max-width:60ch;*/
}
    .main-otros .texto-principal .container-titulo {
        margin-bottom:var(--s1);
    }
    .main-otros .texto-principal .container-titulo .titulo-h2 {
            margin: 0;
        }
@media(min-width:768px) {
    .main-otros .texto-principal .container-titulo .titulo-h2 {
        margin-top: var(--s-3);
    }
}
    .main-otros .texto-principal .container-titulo >* + * {
            margin-top:var(--s-1);
        }
    .main-otros .texto-principal .container-titulo  >*:last-child:not(.titulo-h2){
            margin-bottom:0;
        }
    
.main-otros .texto-principal .parrafada,
.main-otros .listado-productos:not(.listado-mobiliario-inicio)  .parrafada{
    
    font-size:var(--s1);
  
}
    .main-otros .texto-principal .parrafada > :last-child,
    .main-otros .listado-productos .parrafada > :last-child {
        margin-bottom: 0;
    }
    .main-otros .texto-principal .w-icon-list {
        margin:0;
        padding:0;
        

    }
        .main-otros .texto-principal .w-icon-list strong {
            font-weight: 600;
            color:var(--gris-negro);
        }
        .main-otros .texto-principal .w-icon-list li {
            line-height:1.5;
        }
        .main-otros .texto-principal .w-icon-list li + li {
            margin-top:var(--s-2);
        }
    .main-otros .texto-principal .contenido-derecha {
        margin-top:var(--s1);
    }
.main-otros .texto-principal .w-icon-list > li svg {
    color: var(--primario);
    font-size:var(--s2);
    margin: 0.06em 0.5em 0 0;
    margin-right:var(--s-1);
}

.main-otros .texto-principal-centrado {
    padding-top:0;
}
.main-otros .texto-principal-centrado .container-titulo {
    margin-bottom: var(--s-1);
}

.main-otros .texto-principal .container-titulo .precio{
    margin-bottom:0;
    margin-top:var(--s2);
    font-size:var(--s2);
        font-weight: 400;
}
@media(min-width:768px) {


    .main-otros .texto-principal {
        
    }
    .main-otros .texto-principal .container-gea .contenido{
        display:grid;
        grid-template-columns:repeat(12, minmax(0, 1fr));
    }
    .main-otros .texto-principal .container-titulo {
        grid-column: 1/7;
        
        align-self: start;    
        text-align:right;
        padding-right:var(--s1);
        margin:0;
        /*padding-bottom: var(--s2);
        border-bottom: var(--s0) solid var(--primario-soft);*/
    }
     .main-otros .texto-principal .container-titulo :not(.titulo-h2){
            max-width:50ch;
            margin-left:auto;
        }   
    .main-otros .texto-principal .parrafada  {
        grid-column: 7/-1;
        align-self:flex-end;
        padding:var(--s1);
        padding-right:0;
    }



    .main-otros .texto-principal-centrado .container-gea .contenido {
        display:block;
        text-align:left;
    }
    .main-otros .texto-principal-centrado .container-titulo {
        text-align:center;
        margin-bottom: var(--s-1);
    }
    .main-otros .texto-principal-centrado .parrafada,
    .main-otros .listado-productos:not(.listado-mobiliario-inicio) .parrafada {
        padding:0;
        max-width:60ch;
        margin-left:auto;
        margin-right:auto;

        max-width:77ch;
    }

}


.main-otros .listado-productos:not(.listado-mobiliario-inicio) .parrafada {
    margin-top:calc(-1 * var(--s2));
    font-size:var(--s0);
    margin-bottom:var(--s3);
}


/*texto principal LLAMADA*/
.main-otros .texto-principal-llamada {
    background-color: var(--primario);
    background-image: url(../img/patron-verde.png);
    padding-top: var(--s6);
    padding-bottom: var(--s6);
    margin-top: 0;
    color: #fff;
    border-bottom: var(--s0) solid var(--primario-soft);
}
.main-otros .texto-principal-llamada .container-titulo,
.main-otros .texto-principal-llamada .titulo-h2 {
        color:#fff;
    }
div.main-otros .texto-principal-llamada {
    margin-top:var(--s6);
}

.tic-tdc ul li a {
    color:var(--gris-oscuro);

}
.tic-tdc ul li :is(a:hover, a:focus) {
    color:var(--negro);
    text-decoration:none;
}
    
/*módulo destacados*/


.modulo-destacados {
    /*background: var(--primario);*/
    padding-top:0;
    padding-bottom:var(--s6);
}

.modulo-destacados .listado {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) );
    grid-gap: var(--s4);

    margin: 0;
    padding: 0;
    list-style: none; 

    /*mont*/
    grid-template-columns: repeat(auto-fit, minmax(20ch, 1fr) );
}

.modulo-destacados .listado > .wcard {
    margin: 0;
    border: 1px solid var(--destacados-sombra);
    padding: 1rem;
    box-shadow: 1px 1px 4px currentColor;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.modulo-destacados .listado > .wcard .imagen {
    align-self: stretch;
}
.modulo-destacados .listado > .wcard .imagen svg {
    font-size: var(--s6);
    color: var(--gris-corporativo);
}
.modulo-destacados .listado > .wcard .imagen img {
    display:block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;

    /*mont*/
    aspect-ratio: 1;
    border-radius: 50%;
}
/*.modulo-destacados .listado > .wcard .imagen svg path:first-child{    
    color: var(--primario);
}*/

.modulo-destacados .listado > .wcard .texto {
    margin-top: 1rem;

    /*mont*/
    grid-column: 2;
}

.modulo-destacados .listado > .wcard > *:last-child {
    margin-bottom: 0;
}

.modulo-destacados .listado > .wcard .titulo {
    font-size: var(--s1);
    margin: 0;
    color: var(--gris-oscuro);
    font-weight: 500;
    line-height: 1.1;
}

.modulo-destacados .listado > .wcard .subtitulo {
    margin: 0;
    margin-top: var(--s-2);
    line-height: 1.3;
    color: var(--gris-oscuro);
    color:#333;
}

.modulo-destacados .listado > .wcard .enlace {
    margin-top: var(--s1);
    color: var(--gris-oscuro);
    display: inline-block;
    font-weight: 700;
    letter-spacing:.02em;
}


.modulo-destacados .listado > .wcard > *:last-child:not(.texto) {
    margin-top: auto;
    padding-top: var(--s0);
}


.modulo-destacados .listado > .wcard .enlace:hover, .modulo-destacados .listado > .wcard .enlace:focus {
    color: var(--primario);    
    text-decoration: none;
}





.modulo-destacados-alt-v2 .container-gea {
    max-width:100%;
    padding-left:var(--padding-gea);
    padding-right:var(--padding-gea);
}



@media(max-width:575px) {
    .modulo-destacados-alt .listado {
        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;
        /* Enable Safari touch scrolling physics which is needed for scroll snap */
        -webkit-overflow-scrolling: touch;



    }

    


        .modulo-destacados-alt .listado > .wcard {
            flex-shrink: 0;
            width: 90%;
            scroll-snap-align: start;
        }
}
.modulo-destacados-alt-v2 .listado {
        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;
        /* Enable Safari touch scrolling physics which is needed for scroll snap */
        -webkit-overflow-scrolling: touch;
    }



        .modulo-destacados-alt-v2 .listado > .wcard {
            flex-shrink: 0;
            width: 90%;
            scroll-snap-align: start;
        }
@media(min-width:576px) {
    .modulo-destacados-alt-v2 .listado > .wcard {
            width: 45%;
        }
}
@media(min-width:768px) {
    .modulo-destacados-alt-v2 .listado > .wcard {
            width: 45%;
        }
}
@media(min-width:992px) {
    .modulo-destacados-alt-v2 .listado > .wcard {
            width: 33%;
        }
}
@media(min-width:1200px) {
    .modulo-destacados-alt-v2 .listado {
        column-gap:var(--s4);
    }
    .modulo-destacados-alt-v2 .listado > .wcard {
            width: 28%;
        }
}


.wit-scroll::-webkit-scrollbar {
            width: 1px;

        }
.wit-scroll::-webkit-scrollbar-track {
            border-radius: 8px;
            background-color: #f1f0ee;/*e7e7e7*/
            border: 1px solid #f1f0ee;
        }
        
        .wit-scroll::-webkit-scrollbar-thumb {
            border-radius: 8px;
          border: 3px solid rgba(255,255,255,0);
           background-clip: content-box;
            background-color: var(--primario-soft);/*d55959*/
        }


        .wit-scroll-2::-webkit-scrollbar {
            width: var(--s0);
            height: 8px;
        }
        
        .wit-scroll-2::-webkit-scrollbar-thumb {
           
            background-color: var(--primario);/*d55959*/
        }




.modulo-destacados-alt {
    padding-bottom:0;
}

.modulo-destacados-alt .listado > .wcard{
    background:var(--primario);

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;

    padding:0;
    background:none;
    position:relative;

    /*mont*/
    /*display:block;*/
    box-shadow:none;
    grid-template-columns: 90px 1fr;
    gap: 1rem;
    
}
.modulo-destacados-alt .listado > .wcard >*{
    grid-column:1;
    grid-row:1;
}
.modulo-destacados-alt .listado > .wcard .imagen{
    border: 2px solid var(--gris-oscurisimo);
    aspect-ratio: 3;

    /*mont*/
    aspect-ratio: 1;
    border-radius: 50%;

}
    .modulo-destacados-alt .listado > .wcard .imagen img {
        opacity: .7;
    }
.modulo-destacados-alt .listado > .wcard .texto {
    margin-top: var(--s-2);
    /*margin-left:4px;*/
    text-align:center;
    justify-self:center;
    align-self: center;


    margin-top:0;
        z-index: 10;

        /*mont*/
        justify-self: start;
        text-align:left;
}
.modulo-destacados-alt .listado > .wcard .titulo {
   color: var(--gris-oscurisimo);
   font-size:var(--s2);
   font-weight:400;
   text-align:center;
    
   font-size: var(--s4);
   font-weight:300;

   /*mont*/
   font-size:var(--s0);
   text-align:left;
}
.modulo-destacados-alt .listado > .wcard:hover::after,
.modulo-destacados-alt .listado > .wcard:has(a.active)::after
 {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: var(--primario);
    opacity: .9;
    mix-blend-mode: multiply;



    /*mont*/
    content:none;
}

   

.modulo-destacados-alt .listado > .wcard:hover .imagen img {
        opacity: 1;
    }
.modulo-destacados-alt .listado > .wcard .titulo a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
}
    .modulo-destacados-alt .listado > .wcard .titulo a {
        color:var(--gris-negro);
    }
    .modulo-destacados-alt .listado > .wcard .titulo a:hover,
    .modulo-destacados-alt .listado > .wcard .titulo a:focus,
    .modulo-destacados-alt .listado > .wcard .titulo a.active {
        color:#fff;
        text-decoration:none;

        /*mont*/
        color: #000;
    }
    .modulo-destacados-alt .listado > .wcard:hover a {
    color: #fff;
}



/*listado productos reformas*/
section.listado-productos-reformas {
    margin-top: var(--s6);
}


section.listado-productos-estancias {
    margin-top:var(--s3);
}
section.listado-productos-estancias .titulo-h2 {
    margin-bottom: var(--s4);
}


/*formulario solicitud presupuesto*/

.main-otros .solicitud-presupuesto {
    margin-top:var(--s6);
}
.main-otros .solicitud-presupuesto .parrafada {
    align-self: flex-start;
    padding-bottom:0;
    
}
    .main-otros .solicitud-presupuesto .container-titulo:not(.titulo-h2) {
        font-size: var(--s1);
    }
.solicitud-presupuesto {
    accent-color: var(--primario-oscuro);
}
.solicitud-presupuesto form fieldset legend {
    margin-bottom:var(--s0);
    line-height: 1.3;
}
.solicitud-presupuesto form fieldset legend div {
    display:flex;
}
    .solicitud-presupuesto form fieldset legend span {
        display: inline-block;
        background: var(--gris-oscurisimo);
        border-radius: 50%;
        width: var(--s4);
        height: var(--s4);
        text-align: center;
        line-height:1.5;
        margin-right:var(--s-2);
        color:#fff;
        flex-shrink: 0;
    }
.solicitud-presupuesto form label {
    font-weight:500;
    letter-spacing:.02em;
    color: var(--gris-oscuro);
}
.solicitud-presupuesto form .form-check-label {

    color: var(--gris-oscurisimo);
    font-size:var(--s-1);
}
.solicitud-presupuesto form :is(label.radio, label.checkbox, label.file),
.solicitud-presupuesto form label:has([name="radio6"])
 {
    display:block;
    background: var(--primario-soft);
    padding: var(--s-2) var(--s4);
    padding-left: var(--s5);
}
.solicitud-presupuesto form .checkboxes label.checkbox
 {
    padding-left: var(--s4);
    padding-left: var(--s4);
    padding-top: var(--s-6);
    padding-bottom: var(--s-6);
}
.solicitud-presupuesto form label.radio:hover {
    color:var(--gris-oscurisimo);
    background:var(--gris-corporativo);
    cursor:pointer;
}
.solicitud-presupuesto form :is(label.radio, label.checkbox) span{
    margin-left:var(--s0);
}
.solicitud-presupuesto form :is(label.radio, label.checkbox)  .control-indicator {
    top: 1.12rem;
}
.solicitud-presupuesto form .checkboxes  label.checkbox .control-indicator {
    top: .78rem;
}

.solicitud-presupuesto form .botonera {
    overflow:auto;
    margin-top:var(--s2);
}

.solicitud-presupuesto form .botonera >div{
    width:fit-content;
    margin-left:auto;
}



.solicitud-presupuesto form.form-wit  .form-check {
    margin-top: var(--s-2);
}
.solicitud-presupuesto  form.form-wit .form-check .form-check-input {
    top: 7px;
}


.solicitud-presupuesto form input.invalid {
  background-color: #ffdddd;
}

.solicitud-presupuesto form .tab {
  display: none;
}
.solicitud-presupuesto form .pasos {
    text-align:center;
    margin-top:var(--s1);
}
.solicitud-presupuesto form .step {
  height: var(--s0);
  width: var(--s0);
  margin: 0 2px;
  background-color: var(--gris-oscuro);
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.solicitud-presupuesto form .step.active {
  opacity: 1;
}


.solicitud-presupuesto form .step.finish {
  background-color: #fff;
}

.solicitud-presupuesto .checkboxes {
    padding-top: var(--s-2);
    

}
    .solicitud-presupuesto .checkboxes p {
        font-size: 1.5rem;
    }

.solicitud-presupuesto .checkboxes div{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );    
    padding-left: var(--s3);
    padding-top: var(--s-2);
    padding-bottom: var(--s-3);
    background:var(--primario-soft);
}
.solicitud-presupuesto form .checkboxes label.checkbox span {
    margin-left: var(--s-2);
}
.solicitud-presupuesto form label.control.checkbox {
    color:#555;
    margin-bottom: 0;
}



#multi-selector-uniq {
    display: inline-block;
    padding: 0;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    margin-left: 3.9rem;
    width: 100%;
    max-width: 48ch;
}
    #multi-selector-uniq .file-custom {
        line-height: 1.2;
    }
        #multi-selector-uniq .file-custom:before {
            line-height: 1.2;
        }
        #multi-selector-uniq .file-custom:after {
            content: "Selecciona archivo(s)...";
        }

#multi-selector-uniq ul{
    list-style:none;
    padding: 0;
    margin-top: var(--s0);
}
#multi-selector-uniq ul li{
    display:flex;
    justify-content:space-between;
    color: #fff;
    line-height: 1.1;
}
#multi-selector-uniq ul li + li{
    margin-top: var(--s-3);
}
    #multi-selector-uniq ul li button {
        margin-left: var(--s0);
        padding: 0.25rem 0.5rem;
        line-height: 1;
    }
/*REFORMAS DETALLE*/


.video-detalle {
    background-color: var(--primario);
    background-image: url(../img/patron-verde.png);
    padding-top: var(--s6);
    padding-bottom: var(--s6);
    margin-top: var(--s5);
}

section.listado-productos-reformas-detalle {
    margin-top:var(--s5);
}


.destacados-productos {
    margin-top:var(--s7);
    padding-bottom:var(--s0);
}



.listado-productos-productos {
    margin-top:var(--s2);
}
@media(min-width:768px) {
    .listado-productos-productos {
        margin-top: var(--s0);
    }
}




.container-mapa {
    margin-top:var(--s7);
}





/*  DETALLE */
.detalle .cabecera .texto h1 {
    font-size:var(--s2);
    color: var(--primario-oscuro);
}
@media(min-width:768px){
    .main-producto-detalle .detalle .cabecera .texto header h1 {
        font-size:var(--s3);
        font-size:var(--s4);
    }
}
@media(min-width:992px){
    .main-producto-detalle .detalle .cabecera .texto header h1 {
        margin-top: var(--s-3);
        margin-top: 0;
    }
}

.main-producto-detalle .detalle {
    margin-bottom:0;
}

    .main-producto-detalle .detalle .cabecera .texto {
        border-top:none;
    }



.detalle .tabbed {
    background: #eee;
    border:1px solid #ccc;
    margin-top:var(--s2);
    padding-bottom: var(--s1);
}

.detalle [role="tablist"] {
    border-top:none;
    margin-top: 0;
    margin-left: var(--s0);
    margin-bottom:var(--s0);
}
.detalle [role="tabpanel"] {
    padding: 0 var(--s0) 0 var(--s2);
}
.detalle ul[role="tablist"] li + li {
    border-left:none;
}
.detalle [role="tablist"] a {
    border-radius:var(--radio-borde-boton);
}
.detalle [role="tablist"] [aria-selected] {
    color:#fff;
    text-decoration:none;
    background:var(--primario);
}
.detalle [role="tablist"] [aria-selected]:is(:hover, :focus) {
    color:#fff;
}

.detalle .secciones a {
    color:#000;
    text-decoration:underline;
    text-underline-offset:.26em;
}
.detalle .secciones a:is(:hover, :focus) {
    color:#fff;
    background:var(--primario);
}





form.resenas .nivel {
    display: none;
}



/*aceso y registro (machaque)*/

.main-acceso {
    padding-top: var(--s2);
    padding-bottom: 0;
    background: initial;
}

    .main-acceso form .w-form-group label, #alertaStockModal .w-form-group label {
        background: var(--primario-label);
    }

.control input:checked ~ .control-indicator {
    background-color: var(--primario)!important;
}


/*.main-acceso h1 {
    
   color: var(--negro);
    
    border-bottom: 2px solid var(--negro);
}*/

/*  PERFIL  */
.container-h1-perfil,
.container-perfil-datos, 
.container-perfil-tabla,
.container-perfil-tabla:last-of-type
 {
    background:#fff;
}
    .container-perfil-datos form {
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    }
.container-perfil-tabla-pedidos .table:not(.tabla-detalle) > tbody > tr > td {
    font-size:var(--s0);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.container-perfil-tabla-pedidos .container-tabla > .table > tbody > tr > td:nth-child(2) {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*  legales */
.main-otros-solo-texto h2, .main-otros-solo-texto h3 {
    color:var(--fuente-color-body);
}
.main-otros-solo-texto h2 {
    font-size: var(--s2);
}
.main-otros-solo-texto h3 {
    font-size: var(--s1);
}


.main-legal {
    padding-top:var(--s1);
}
    .main-legal .texto h2 {
        line-height: 1.3;
        margin-bottom: 0.4em;
    }
    .main-legal .texto p {
        line-height: 1.6;
    }




/*  GALERÍA */  
.modulo-galeria {
        padding: 2rem 0;
    }

    @media(min-width:768px) {
        .modulo-galeria {
            padding: var(--s5) 0;
        }
    }

    .modulo-galeria .galeria {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .modulo-galeria .galeria li {
            display: inline-block;
            padding: .1rem .05rem;
        }

        .modulo-galeria .galeria a {
            display: block;
            /*position: relative;
            / *padding-hack* /
            --n: 3; /* width * /
            --d: 4; /* height * /
            padding-bottom: calc(var(--n) / var(--d) * 100%);*/
            position: relative;
            
        }

            /*.modulo-galeria .galeria a > * {
                overflow: hidden;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center;

               
            }*/

            .modulo-galeria .galeria a img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                aspect-ratio:4/3;
                display: block;
            }

             .modulo-galeria .galeria a > span {
                color:#000;
                text-align:center;
                display:block;
               padding:var(--s-5);
            }
             .modulo-galeria .galeria a:hover {
                text-decoration:none;
            
            }

    .modulo-galeria li a:hover::after, .modulo-galeria li a:focus::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--primario);
        opacity: .8;
        mix-blend-mode: multiply;
    }

.modulo-galeria .galeria{
    display: flex;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow: auto;

    gap: var(--s0);
    padding-bottom: 1rem;
}
.modulo-galeria .galeria li{       
    

    flex-shrink: 0;
    width: 90%;
    scroll-snap-align: start;
}

/*@supports (display: -ms-grid) or (display: grid) {*/
@media(min-width:576px) {    
.modulo-galeria .galeria {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
        grid-gap: 1rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap: var(--s0);

        padding-bottom:0;
    }

        .modulo-galeria .galeria li {
            display: block;
            padding: 0;

            width:auto;
              
            grid-column-end: span 6;
        }
    }

    @media(min-width:992px) {
        .modulo-galeria .galeria li {
            grid-column-end: span 4;
        }
    }
/*}*/




.modulo-galeria .galeria a
{
    box-shadow: var(--sombra);
}






/*  CONTACTO    */

.modulo-contacto {
    margin-top:var(--s3);

}


form.form-wit .w-form-group + .w-form-group
{
    margin-top:1.25rem;
}
form.form-wit .w-form-group label
{
    display:block;
    background:var(--primario-label);
    padding:.5rem 1rem;
    color:var(--color-label);
    line-height:1;
    margin-bottom:0;
}
form.form-wit .w-form-group .w-form-control
{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: var(--background-input);
    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-label);
    
}
form.form-wit .w-form-group textarea.w-form-control {
    height: calc(100% - 2rem);
}
form.form-wit .form-check
{
    margin-top:2rem;
}
form.form-wit .form-check .form-check-input
{
    top: 2px;
}
form.form-wit .form-check a
{
    color:#333;
    text-decoration:underline;
}
form.form-wit .form-check a:hover,
form.form-wit .form-check a:focus
{
    color:#000;    
}
form.form-wit .formulario-advertencia{
    font-size:0.875rem;
    margin-top:.25rem;
    margin-bottom:2rem;
    line-height:1.1;
}
form.form-wit .formulario-advertencia svg{
    margin-right:.3rem;
    
}
form.form-wit .btn:not(.btn-outline-primary)
{
    background:var(--gris-oscurisimo);
    border-color:var(--gris-oscurisimo);
    color:#fff;
}
form.form-wit .btn:not(.btn-outline-primary):hover,
form.form-wit .btn:not(.btn-outline-primary):focus
{
    background:var(--gris-oscuro);
    border-color:var(--gris-oscuro);


}

form.form-wit .btn:not(.btn-outline-primary):hover
{


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




.modulo-contacto {
    margin-top: 0;
    padding-top: var(--s6);
    padding-bottom: var(--s5);
    background-color: var(--primario);
    background-image: url(../img/patron-verde.png);

    background-color: #fff;

    
    background:rgba(255,255,255, 0);
}



/* BLOG */
.container-img-blog {
    margin-bottom:var(--s-4);
}
.container-img-blog img {
    border-radius:var(--radio-borde-boton);
    width: 100%;
    display: block;
}

.container-h1-blog .container-gea {
    display:block;
}
.container-h1-blog {
    padding-bottom:0;
}
.container-h1-blog h1{
    text-align:left;
    border-bottom:1px solid var(--fuente-color-body);
    padding-bottom:var(--s2);
}
.main-blog .listado-blog
{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:var(--s2);

    margin-top:0;
}

.main-blog > .container-gea {
    /*margin-top: calc(-1 * var(--s0));*/
}


.main-blog .listado-blog > li + li
{
    margin-top: var(--s1);
    padding-top: var(--s1);
    position:relative;
}

.main-blog .listado-blog > li + li::before
{        
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:16rem;
    width:100%;
    height:1px;
    background:var(--primario-oscuro-dark);
    background:#ddd;
    background: var(--fuente-color-body);
}


.main-blog .listado-blog header
{
    /*margin-bottom:1rem;*/
}

.main-blog .listado-blog header p
{
    line-height:1.1;
    margin-bottom:0;
    color:#666;
}
.main-blog .listado-blog header p.blog-subtitulo
{
    color:#555;
    font-weight:400;
    margin-top:var(--s-5);
    font-family:var(--fuente-secundaria);
    font-size: var(--s0);
    font-style:italic;
    line-height: 1.4;
}
:is(.main-blog .listado-blog header, .listado-blog-inicio) p.blog-fecha
{
    margin-top: var(--s-4);
    font-size: var(--s-1);
    color:#444;
    font-family:var(--fuente-secundaria);
    font-family:sans-serif;
}
:is(.main-blog .listado-blog header, .listado-blog-inicio) p.blog-fecha svg
{
    margin-right:.15em;
    font-size:1.25em;
    color:#444;
}
.main-blog .listado-blog h2
{
    font-family: var(--fuente-secundaria);
    font-size: var(--s3);
    font-weight: 400;
    line-height: 1.2;
    color: var(--primario-oscuro-dark);
    margin-bottom:0;
}
.main-blog .listado-blog h2 a
{    
    color: #333;
    text-underline-offset: 0.1em;
}
.main-blog .listado-blog h2 a:hover,
.main-blog .listado-blog h2 a:focus
{
    color:var(--negro);
}
.main-blog .listado-blog header >*:last-child
{
    margin-bottom:0;
}


.main-blog .listado-blog  li > a
{
    color:#555;
    font-weight:600;
    display: inline-block;
}
.main-blog .listado-blog > li > a
{

    margin-top: var(--s0);
}


.main-blog .listado-blog  li > a svg
{
    margin-right: .2em;
    fill:currentColor;
    
}
.main-blog .listado-blog  li > a:hover,
.main-blog .listado-blog li  a:focus
{
    color:#333;
    text-decoration:none;
}


.main-blog .listado-blog .texto
{
    margin-top:var(--s0);
    /*padding-top: .75rem;*/
    position:relative;
    /*margin-bottom: 1rem;*/
    color:#444;
}
/*.main-blog .listado-blog .texto::before
{        
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:2rem;
    height:1px;
    background:var(--primario-oscuro-dark);
    
}*/
.main-blog .listado-blog .texto>*:last-child
{
    margin-bottom:0;
}





.main-blog .container-aside
{
    margin-top:2rem;
    /*background: #eff2f5;*/
    /*padding-left:1rem;
    padding-right:1rem;*/
    padding-bottom:2rem;
    border-top:1px solid #ddd;
}


.main-blog nav.ultimas h2,
.main-blog .tags-noticia h2
{
    font-family: var(--fuente-secundaria);
    text-transform:uppercase;
    /*padding:.5rem 1rem;*/
    font-size:  var(--s1);
    font-weight: 600;
    line-height: 1.1;
    /*background-color: #aaa;
    color:#fff;*/
    color:#555;
    margin-bottom:1rem;
    padding-bottom:1rem;
    position:relative;
    padding-top:1.1rem;
}

.main-blog nav.ultimas h2::after,
.main-blog .tags-noticia h2::after
{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:2rem;
    height:1px;
    background:#ccc;
}
    
.main-blog nav.ultimas ul
{
    list-style:none;
    padding:0;
    margin:0;
    /*padding-left:1rem;*/
    
}

.main-blog nav.ultimas ul a
{
    color: #666;
    font-weight:600;
    font-family:var(--fuente-secundaria);
    line-height:1.2;
    display:block;
    margin-bottom:.4rem;
    text-underline-offset:.1em;
}
    .main-blog nav.ultimas ul a:hover {
        color:#333;
    }
.main-blog nav.ultimas ul p.blog-fecha 
{
    color:#555;
    line-height:1.1;
    margin-bottom:0;
    font-family:var(--fuente-secundaria);
}
.main-blog nav.ultimas ul p.blog-fecha svg
{
    font-size:.8em;  
    color:#666;
    margin-right:.1rem;  
}

.main-blog nav.ultimas ul li + li
{
    margin-top:1.25rem;
}


.main-blog  .listado-blog,
.main-blog  nav.ultimas
{
    max-width:65ch;
}



.main-blog .nav-paginacion
{
    margin-top:var(--s2);
}
.main-blog .nav-paginacion .pagination
{
    margin-top:0;
}



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

    background:var(--negro);
    border-color:var(--negro);
}
.main-blog .nav-paginacion .page-link {

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



.main-blog .tags-noticia
{
   /* margin-top: 2rem;
    border-top: 1px solid #ddd;*/
    margin-bottom:2rem;
    padding-top:2rem;
}
.main-blog .tags-noticia .badge-light,
.main-blog .listado-blog-detalle .archivado-en .badge-light
 {
    color: #676767;
    background-color: #e6e6e6;
}
.main-blog .tags-noticia .badge-light:hover,
.main-blog .tags-noticia .badge-light:focus,
.main-blog .listado-blog-detalle .archivado-en .badge-light:hover,
.main-blog .listado-blog-detalle .archivado-en .badge-light:focus
{
    color: #fff;
    background: var(--primario);
}

.main-blog  .mensaje-filtro-tag 
{
    margin-top:2rem;
    padding:1rem;
    margin-left:1rem;
    margin-right:1rem;
    border:2px solid #eee;
    border-radius:var(--radio-borde-boton);
}
.main-blog  .mensaje-filtro-tag > *:first-child
{
    margin-bottom:.5rem;
    color:var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag > *:first-child svg
{
    color:var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag >*:last-child
{
    margin-bottom:0;
}
.main-blog  .mensaje-filtro-tag .badge-light {
    color: #fff;
    background-color: var(--primario-oscuro-dark);
}
.main-blog  .mensaje-filtro-tag a
{
    color:var(--secundario-btn);
    text-transform:uppercase;
    font-weight:700;
    padding:.25rem;
    border-radius:var(--radio-borde-boton);
}
.main-blog  .mensaje-filtro-tag a:hover,
.main-blog  .mensaje-filtro-tag a:focus
{
    text-decoration:none;
    background:#eee;
    color:var(--primario-oscuro-dark);
}

@supports (display: -ms-grid) or (display: grid)  
{
    @media(min-width:768px)
    {
        .main-blog  .listado-blog,
        .main-blog  nav.ultimas
        {
            max-width:initial;
        }
    
        .main-blog
        {
            padding-bottom:2rem;
            padding-bottom:0
        }
    
        .main-blog > .container-gea
        {
            display:grid;
            grid-template-columns:minmax(30ch, 1fr) minmax(20ch, 30ch);
            grid-column-gap:2rem;
            grid-column-gap:calc(2rem + 4vw);
        }
    
        .main-blog .container-listado-blog
        {
            grid-row:1;
            grid-column:1;
        }
    
        .main-blog .container-aside
        {
            margin-top:0;
            padding-bottom:0;
            border-top:none;
        
            grid-row:1;
            grid-column:2;
            align-self:start;
        }
        .main-blog nav.ultimas h2 {

            padding-top: 2.25rem;
        }
        .main-blog .nav-paginacion
        {
            grid-row:2;
            grid-column:1;
        }
        .main-blog .tags-noticia
        {
            padding-top:1rem;
            margin-bottom:0;
        }
    }
}





.main-blog .listado-blog .imagen {
    margin-bottom:var(--s-1);
}
.main-blog .listado-blog .imagen img{
    width:100%;
    aspect-ratio:5/3;
    object-fit:cover;
}


/*  blog detalle    */


/*aquí en vez de ul.listado-blog es div.listado-blog.listado-blog-detalle*/
.listado-blog-detalle h1
{      
    font-family: var(--fuente-secundaria);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.05;
    color: var(--primario-oscuro-dark);
    margin-bottom: 0;
}

.main-blog .listado-blog-detalle header img
{
    display:block;
    width:100%;
    margin-top:.75rem;
    border-radius:var(--radio-borde-boton);
}
.listado-blog-detalle .rrss
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    
    margin-top: .5rem;
}

.listado-blog-detalle .texto section{
    font-family: var(--fuente-secundaria);
    font-size: 1.25rem;
    font-weight:300;
    color: #555;
    line-height: 1.2;
    padding-left: 1rem; 
    margin-left:1rem;
    border-left: 2px solid #999; 
    position: relative;
    margin-bottom:1rem;
}
.listado-blog-detalle .texto section::before
{
    content: 'Resumen ► ';
    display: inline;
    font-style: normal;
    letter-spacing: 2px;
    font-size: .75em;    
    margin: 0;
    font-weight: 600;
    color: var(--primario-oscuro-dark);
    text-transform: uppercase;
    color: #555;
}

.main-blog .listado-blog-detalle .texto
{
    margin-top:.75rem;
    
    
}

.main-blog .listado-blog-detalle .enlaces-noticia
{
    margin-top:2rem;
    margin-left:1rem;
    padding-left:1rem;
    border-left:2px solid #999;
}
.main-blog .listado-blog-detalle .enlaces-noticia .titulo
{
    font-family:var(--fuente-secundaria);
    font-weight:700;
    font-size:1.25rem;
    color:var(--primario-oscuro-dark);
    color:#333;
    color: #555;
    margin-bottom:.5rem;
    text-transform:uppercase;
}
.main-blog .listado-blog-detalle .enlaces-noticia ul
{
    /*list-style:none;
    margin:0;
    padding:0;*/
    padding-left:0;
    list-style:none;
}
.main-blog .listado-blog-detalle .enlaces-noticia svg
{
    margin-right:var(--s-2);
}

.main-blog .listado-blog-detalle .archivado-en
{
    padding-top:.75rem;
}


.main-blog .error-blog {
    padding-top:2rem;
    display:flex;
    line-height:1.1;
    font-size:1.5rem;
}
.main-blog .error-blog svg {
    margin-right:.25em;
}





/*personalización blog casami*/

.main-blog .listado-blog, .main-blog nav.ultimas {
    max-width: none;
}

.main-blog .listado-blog h2 {
    font-family: inherit;
    font-size: var(--s3);
    font-weight: 400;
    line-height: 1;
    color: var(--primario-oscuro-dark);
    margin-bottom: 0;
}
.main-blog .listado-blog h2 a {
    color: var(--gris-oscurisimo);
    text-underline-offset: 0.1em;
}

.main-blog .listado-blog header p.blog-subtitulo {
    font-family:inherit;
    font-style: normal;
    line-height: 1.2;
    margin-top: var(--s-3);
    font-size: var(--s1);
}
.main-blog .listado-blog header p.blog-fecha {
    letter-spacing:.02em;
    color:#666;
}
.main-blog .listado-blog > li + li::before {
    background: var(--gris-claro);
}
.main-blog .listado-blog .texto {    
    line-height: 1.2;
    margin-top: var(--s1);
    color: #555;
}
.main-blog .listado-blog-detalle .texto {
    line-height: 1.5;
    margin-top: var(--s1);
    color: #555;
}
.main-blog .listado-blog > li > a {
    font-size:var(--s-1);
    margin-top: var(--s1);
    font-weight:normal;
}
.main-blog .listado-blog li > a:hover, 
.main-blog .listado-blog li a:focus {
    color: #000;
}
.main-blog .listado-blog li > a svg {
    margin-right: 0;
    vertical-align:-.21em;   
    margin-left:.15em; 
}

.main-blog .nav-paginacion .pagination {
    padding-bottom:0;
}
.main-blog .container-aside {
    background: var(--gris-claro);
    padding: var(--s0) var(--s2);
    padding-bottom: var(--s4);
}
.main-blog nav.ultimas h2, .main-blog .tags-noticia h2 {
    font-family: inherit;
    margin-bottom:var(--s-1);
}
.main-blog .tags-noticia h2 {
    padding-top: var(--s2);
}
.main-blog nav.ultimas h2 {
    padding-top: var(--s-6);
}
.main-blog nav.ultimas h2::after, .main-blog .tags-noticia h2::after {
    background: #999;
    width: 3rem;
}
.main-blog .tags-noticia {
        padding-top: 0;        
    }
.main-blog .tags-noticia .badge-light, .main-blog .listado-blog-detalle .archivado-en .badge-light {
    background-color: var(--gris-oscuro);
    color:var(--gris-claro);
}
.main-blog nav.ultimas ul a {
    color: #444;
    font-weight: 400;
    font-family: inherit;
}
.main-blog nav.ultimas ul p.blog-fecha {
    font-family: sans-serif;
    font-size: var(--s-1);
    letter-spacing: .02em;
}
.main-blog nav.ultimas ul p.blog-fecha svg {
    font-size: 1.25em;
   
}
.main-blog .mensaje-filtro-tag {
    margin: 0;
    border: none;
    padding: 0;
    margin-bottom:var(--s2);
}
    .main-blog .mensaje-filtro-tag > *:first-child {
        color:#333;
    }
    .main-blog .mensaje-filtro-tag > *:first-child svg {
        color:#333;
    }
.main-blog .mensaje-filtro-tag a.badge-light {
    color: #fff;
    background-color: #444;
    border-radius:.25em;
    padding-left:.3em;
    padding-right:.3em;
    display:inline-block;
    margin-left: 0.25rem;
}
.main-blog .mensaje-filtro-tag a.badge-light:hover {
    color: #fff;
    background-color: var(--primario);

}
.main-blog .mensaje-filtro-tag a.badge-light svg{
    color:#fff;
    margin-left:.2em;
}

.main-blog .error-blog svg {
    margin-right: 0.4em;
    font-size:1.1em;
    
}
.listado-blog-detalle .texto section {
    font-family:inherit;
    font-weight:400;
    font-size:var(--s1);
}
.listado-blog-detalle h1 {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.05;
    color: var(--gris-oscurisimo);
    margin-bottom: 0;
}
.main-blog .listado-blog-detalle .enlaces-noticia .titulo {
    font-family: inherit;
}
.listado-blog-detalle a.volver-listado {
    display:inline-block;
    color:var(--primario);
    padding-top:var(--s1);
    font-weight:500;
    letter-spacing:.02em;
    font-size:var(--s0);
    text-transform:uppercase;
}
.listado-blog-detalle a.volver-listado:hover,
.listado-blog-detalle a.volver-listado:focus {
    color:var(--gris-negro);
    text-decoration:none;
}
@media (min-width: 768px){
    @supports (display: -ms-grid) or (display: grid) {
        .main-blog > .container-gea {            
            grid-template-columns: minmax(43ch, 1fr) minmax(20ch, 43ch);
        }
    }
    .main-blog .container-aside {
        padding: 0 var(--s4);
        padding-bottom: var(--s4);
    }
    .main-blog nav.ultimas h2 {
        padding-top:  var(--s3);
    }

}



/*CASAMI*/





.pre-nav {
    --nav-bg:#051424;
    --nav-bg:hsl(var(--primario-h), var(--primario-s), 32%);
    background: var(--nav-bg) !important;
}


.scrolled {
    -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background:rgba(255,255,255,.9)!important;
}
.nav-principal {
    background:none;
}


.main-acceso .container-gea {
    max-width: 73ch;
}
.main-acceso form .w-form-group label {
    font-family:inherit;
    color:var(--primario-oscuro-dark);
    color:var(--color-label);
    border-top-left-radius:var(--form-label-border-radius);
    border-top-right-radius:var(--form-label-border-radius);
}
@media(min-width:576px) {
    .main-acceso form .w-form-group label {
        border-radius:0;
        border-top-left-radius:var(--form-label-border-radius);
        border-bottom-left-radius:var(--form-label-border-radius);
    }
    .main-acceso form .w-form-group .w-form-control {
        border-top-right-radius: var(--form-label-border-radius);
        border-bottom-right-radius: var(--form-label-border-radius);
    }
}
.main-acceso form .btn {
    background-color: var(--primario-btn);
    border-color: var(--primario-btn);
}


.container-h1-perfil a {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight:500;
}
.container-perfil-datos h2 .btn {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight:500;
}

.main-cesta > div h2 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
    font-weight:400;
}





.main-cesta .container-gea > div:first-of-type > a:last-of-type {
    margin-top:var(--s-3);
}


@media (min-width: 576px) {
    .modulo-marcas .imagen img {
        max-width:none;
    }
}






.migas ol
{
    background:rgba(255,255,255,0);
    
}










.main-cesta .container-gea .container-resumen-pedido .texto .seleccion-tarifa {
    /*text-align:left;*/
}
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a {
    display: block;
    color:#444;
}
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a:hover {
        color:#000;
        text-decoration: none;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a:last-of-type {
        margin-top:.3em;
    }
.main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a span {
    display:inline;
}
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check {
        width: 1em;
        fill: #fff;
        margin-right: 0.3rem;
        flex-shrink: 0;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check path:first-of-type {
        stroke: #666;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a .check path:last-of-type {
        display: none;
    }


    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active svg.check {
        width: 1em;
        fill: #10203A;
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active .check path:first-of-type 
    {
        stroke: var(--primario-softisim);
    }
    .main-cesta .container-gea .container-resumen-pedido .seleccion-tarifa a.active .check path:last-of-type {
        display: inline;
    }


.main-otros-solo-texto h3 {
    font-family:inherit;
    font-weight:500;
    line-height:1.3
}



.header .swiper-container .texto-v2 a{
    background:var(--color-v2);
    background:rgba(255,255,255,.9);
    border-color: var(--color-v2);
    color:var(--negro)
}
@media(min-width:1330px) {

    .header .swiper-container .texto-v2 a::after {
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:100%;
        background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 40' preserveAspectRatio='none'%3E%3Cpath d='M28 0H0v40L28 .203V0Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-repeat:no-repeat;
        height:100%;
        width:40px;

        content:none;
    }

    
    .header .swiper-container .texto-v2 a:hover::after,
    .header .swiper-container .texto-v2 a:focus::after {
        background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 40' preserveAspectRatio='none'%3E%3Cpath d='M28 0H0v40L28 .203V0Z' fill='%236C655B'/%3E%3C/svg%3E");
    }
}
.header .swiper-container .texto-v2  a:hover,
    .header .swiper-container .texto-v2  a:focus,
.header-otros .texto-v2 .btn:hover,
.header-otros .texto-v2 .btn:focus
    {
        color:#fff;
        background:var(--primario-oscuro);
    }


.header .texto-v2 :is(.titulo, .subtitulo, .llamada),
.header .swiper-container .texto-v2 :is(.titulo, .subtitulo)
{    
    /*color: var(--color-v2);*/
    text-shadow:1px 1px 4px rgba(0,0,0,.1),
        -1px 1px 4px rgba(0,0,0,.1),
        1px -1px 4px rgba(0,0,0,.1),
        -1px -1px 4px rgba(0,0,0,.1);
}
.tic-tdc ul{
    list-style:none;
    margin:0;
    padding:0;
}







/*MODIFICACIÓN APARIENCIA "PRODUCTOS" À LA ESTANCIAS*/

.contenido-servicio-tecnico-buscador .listado-resultados .item:not(.item-producto) {
    /*border-top:none;*/


}
.listado-resultados .item .imagen::before {
    content: "";
    position: absolute;
    z-index: 2;
    height: var(--s1);
    width: 100%;
    background: var(--primario);
    top: 0px;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 28px) 100% , calc(50% + 14px) 0 , calc(50% - 14px) 0, calc(50% - 28px) 100% , 0 100%);
}


.listado-resultados .item .texto .titulo {
    /*margin-bottom: var(--s-3);*/
    /*font-size: var(--s1);*/
    color: var(--gris-oscurisimo);   
    line-height: 1.1;
    font-weight: 500;

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



.listado-resultados .item .texto .cabecera .precio{
    font-weight: 500;

}
.listado-resultados .item .texto .cabecera .precio .desde{
    font-weight: initial;
}
    .listado-resultados .item .texto .cabecera .precio .ecu {
        color: var(--primario);
        font-family: Arial,sans-serif;
        font-weight: 900;
        font-size: .9em;
    }

.listado-resultados .item-producto,
.listado-resultados .item-producto .imagen {
    overflow:hidden;
}

.listado-resultados .item-producto .texto{    
    margin: 0;    
    padding: var(--s-2) var(--s-1);
    background: var(--gris-claro);
    color: var(--gris-oscuro);
    text-align:center;
    /*clip-path: polygon(0 0, calc(100% - 1.5rem) 0, 100% 100%, 0 100%);*/
}
    .listado-resultados .item-producto .imagen img {
        transition:transform .25s ease-in-out;
    }

.listado-resultados .item-producto .texto .titulo a:is(:hover, :focus) {
    text-decoration:none;
    color:#000;
    outline:none;
}

.listado-resultados .item-producto:hover .imagen::after,
.listado-resultados .item-producto:has(a:focus) .imagen::after/*,
.listado-resultados .item:hover .imagen::after*/
 {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primario);
    opacity: .8;
    mix-blend-mode: multiply;
}


.listado-resultados .item-producto:hover .imagen img{
    transform:scale(1.1);
}
.listado-resultados .item-producto:hover .texto,
.listado-resultados .item-producto:has(a:focus) .texto {
    background:var(--primario);
}







.modulo .destacados-modulo {
    list-style:none;
    padding:0;
    margin-top:var(--s-4);   
    display:flex;
    column-gap:var(--s-4);
    flex-wrap:wrap;
    align-items: baseline;
}
main-habitaciones .modulo .destacados-modulo {
    column-gap:var(--s-4);
}
    .modulo .destacados-modulo svg {
        font-size: var(--s5);
    }
    .main-habitaciones .modulo .destacados-modulo svg {
        font-size: var(--s9);
    }

.modulo:nth-child(2n+1) .destacados-modulo svg{
    color:var(--negro);
}
.modulo:nth-child(2n+1) .destacados-modulo a:hover svg{
    color:var(--primario);
}








input[type="file" i] {
    color: #222;
    font-size:var(--s0);
}












.modulo-destacados {
    margin-top: var(--s7);
    padding-top: var(--s5);
    padding-bottom: 0;
    margin-top: 0;
        /*border-top:4px solid var(--primario-oscuro-dark);*/
    background: linear-gradient(to bottom, var(--secundario), var(--primario-soft-especial), #fff);

    background:#fff;
    padding-bottom: var(--s5);

    padding-top:var(--s5);
}
.modulo-destacados h2{
    /*margin-bottom: 1.2em;
    font-size: var(--s4);
    color: var(--negro);
    font-weight: var(--font-weight-titulos);
    line-height: 1.1;
    text-align: center;
    color: var(--primario-oscuro);

    / * color:#fff;* /
    
    text-shadow: 0px 2px 4px hsla(var(--primario-h), var(--primario-s), 8%, .2);

    margin-bottom: var(--s4);
    / *color:#fff;* /*/
   
}
@media (min-width: 768px) {
    .modulo-destacados h2{
        font-size: var(--s5);
    }
}

/*  MODULO DESTACADOS   */
/*  MODULO DESTACADOS   */
/*  MODULO DESTACADOS   */
/*  MODULO DESTACADOS   */
/*  MODULO DESTACADOS   */
/*  MODULO DESTACADOS   */


.modulo-destacados {
    
}
.modulo-destacados-centrados > .container-gea > .titulo
{
}
.modulo-destacados-centrados .listado
{
    margin:0;
    padding:0;
    list-style:none;
    margin-top:2rem;


    /*carrusel de cards*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow: auto;

    gap: var(--padding-gea);
    padding-bottom: var(--padding-gea);

    /* Enable Safari touch scrolling physics which is needed for scroll snap */
  -webkit-overflow-scrolling: touch;
}
@media(min-width:768px) {
    .modulo-destacados-centrados .listado {
        overflow: unset;
    }
}
.modulo-destacados-centrados .listado > .wcard
{
    margin:0;
    border:var(--destacados-borde-width) solid var(--destacados-borde);
    border-radius:var(--destacados-borde-radius);
    padding:1rem;    
    box-shadow: var(--destacados-box-shadow);
    background:var(--destacados-background);

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



    display: flex;
    flex-direction: column;
}
.modulo-destacados-centrados .listado > .wcard > *:last-child
{
    margin-bottom:0;
}

.modulo-destacados-centrados .listado > .wcard + .wcard
{
     /*carrusel de cards*/
    /*margin-top:var(--s-1);*/
    
}
    .modulo-destacados-centrados .listado > .wcard .imagen {
        /*align-self:stretch;*/
        aspect-ratio: 4/3;
            flex-grow: 0;

    }
.modulo-destacados-centrados .listado > .wcard .imagen img
{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    aspect-ratio: 4/3;
}


@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    @media(max-width:576px) {
        .modulo-destacados-centrados .listado > .wcard .imagen img {
            height: 250px;/*hay que dar alto porque ios flipa con el 100%*/
        }
    }
}


.modulo-destacados-centrados .listado > .wcard .imagen svg
{
    font-size:var(--destacados-icono-size);
    color:var(--destacados-icono-color);
}

.modulo-destacados-centrados .listado > .wcard .texto
{
    margin-top:1rem;
    color:var(--destacados-color);

     margin-top:var(--s-6);
}
    .modulo-destacados-centrados .listado > .wcard .texto .parrafada {
        margin-top:.45rem;
        line-height: 1.4;
    }
    .modulo-destacados-centrados .listado > .wcard .texto .parrafada > *:last-child {
        margin-bottom:0;
    }
.modulo-destacados-centrados .listado > .wcard .titulo
{
    font-size:var(--destacados-titulo-size);
    margin:0;
    /*font-family:var(--fuente-secundaria);*/
    color:var(--destacados-primario);
    font-weight:var(--destacados-titulo-weight);
    line-height:1.05;
}
.modulo-destacados-centrados .listado > .wcard .subtitulo
{
    margin:0;
    margin-top:var(--destacados-subtitulo-margin-top);
    line-height:1.35;
    max-width:var(--destacados-subtitulo-ancho);
    margin-left:auto;
    margin-right:auto;
    
}
.modulo-destacados-centrados .listado > .wcard .enlace
{
    margin-top:1rem;
    color:var(--destacados-enlace);
    display:inline-block;
    font-weight:500;
    font-family:var(--fuente-secundaria);
}
.modulo-destacados-centrados .listado > .wcard .enlace:hover,
.modulo-destacados-centrados .listado > .wcard .enlace:focus
{    
    color:var(--destacados-enlace-hover); 
    text-decoration:none;
    
}


@supports (display: -ms-grid) or (display: grid) {
    @media(min-width:768px) {
        .modulo-destacados-centrados .listado > .wcard + .wcard {
            margin-top: 0;
        }

        .modulo-destacados-centrados .listado {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr) );
            grid-gap: 3rem;

            padding-bottom: var(--padding-gea);
        }

        .modulo-destacados-35 .listado {
            grid-template-columns: repeat(auto-fit, minmax(35ch, 1fr) );
        }

        .modulo-destacados-40 .listado {
            grid-template-columns: repeat(auto-fit, minmax(40ch, 1fr) );
        }

        .modulo-destacados-centrados .listado > .wcard {
            display: flex;
            flex-direction: column;
            align-items: flex-start;


            width:100%;
        }

            .modulo-destacados-centrados .listado > .wcard > *:last-child:not(.texto) {
                margin-top: auto;
                padding-top: 1rem;
            }
    }
}



.modulo-destacados-v2 {

    background:var(--destacados-v2-background);
}
    .modulo-destacados-v2 h2 {
        color:#eee;
        text-shadow: 0px 2px 4px hsla(var(--primario-h), var(--primario-s), 8%, .4);
    }
.modulo-destacados-v2 .listado > .wcard
{

    border-color:var(--destacados-v2-borde);
  
    box-shadow: var(--destacados-v2-box-shadow);
    background:var(--destacados-v2-card-background);

}

.modulo-destacados-v2 .listado > .wcard .imagen svg
{
    color:var(--destacados-v2-icono-color);
}

.modulo-destacados-v2 .listado > .wcard .texto
{

    color:var(--destacados-v2-color);
}
    
.modulo-destacados-v2 .listado > .wcard .titulo
{

    color:var(--destacados-v2-primario);

}




.modulo-destacados-centrados {
}
.modulo-destacados-centrados .listado > .wcard {
            
            align-items: center;       
            justify-content: flex-start;     
        }
    .modulo-destacados-centrados .listado > .wcard .imagen {
        aspect-ratio:auto;
        margin-left:auto;
        margin-right:auto;
    }
    .modulo-destacados-centrados .listado > .wcard .texto {
        text-align:center;
    }

    .modulo-destacados-centrados .listado > .wcard .enlace {
        width:fit-content;
        margin-left:auto;
        margin-right:auto;
    }





     .table-striped tbody tr.outlet {
        background-color: var(--primario-soft);
    }

.desde-estancias {
    font-weight: 400!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif!important;
    color: initial!important;
    font-size: var(--s-1)!important;
    letter-spacing: .05em!important;
}



.modulo .swiper-button-prev, .modulo .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'%23C2B000'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.modulo .swiper-button-next, .modulo .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'%23C2B000'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}


.modulo .swiper-pagination-bullet-active {
    opacity: 1;
    background: #C2B000;
}




.modulo {
    background: rgba(255,255,255,.8);
}
.modulo:nth-child(2n+1) {
    background: var(--modulo2-background);
}


.modulo.llamada {
    background: var(--primario);
    padding-bottom: var(--s4);

    background: linear-gradient(to right, hsl(var(--primario-h), var(--primario-s), 38%), var(--primario), hsl(var(--primario-h), var(--primario-s), 38%));

    background: linear-gradient(to right, hsl(var(--primario-h), var(--primario-s), 84%), 
    hsl(var(--primario-h), var(--primario-s), 78%),
    hsl(var(--primario-h), var(--primario-s), 84%)
    );


        background: /*url(../img/fondo4.svg),*/ linear-gradient(to right, hsl(var(--primario-h), 20%, 89%), 
    hsl(var(--primario-h), 20%, 78%),
    hsl(var(--primario-h), 20%, 89%)
    );
    background-size: 3000px, 100%, 100%;
}
    .modulo.llamada + .modulo {
        margin-top:0;
    }
.modulo.llamada .imagen {
    display:none;
}
.modulo.llamada .texto {
   grid-column: 1/-1;
    text-align: center;
    padding-top: var(--s4);
    justify-self: center;
    margin-right:0;
    margin-left: 0;
    padding-bottom:0;
    max-width: 63ch;

    text-align: left;
}
.modulo.llamada .parrafada {
   /*max-width: 67ch;*/
   margin-inline:auto;
}
.modulo.llamada b {
   display:none;
}
.modulo.llamada .titulo {
   margin-bottom: 0.4em;
}

.modulo.llamada .texto > a {
   margin-top: var(--s-1);
   border:none;
   background:none;
   font-weight: 700;
    
    padding:0;
}
.modulo.llamada .texto > :is(a:hover,a:focus) {
   text-decoration:underline;
   text-underline-offset: 0.3em;
    text-decoration-thickness: 0.15em;
    background:none;
    color:var(--primario-oscuro);
}
.modulo.llamada + .modulo.llamada {
    margin-top:0;
}



.modulo-buscador-formulario  p.titulo-filtro {
    display: flex;
    justify-content: space-between;
}
.modulo-buscador-formulario  p.titulo-filtro button {
    all: inherit;
    cursor: pointer;
    border: 0;
    margin: 0;
    padding:0;
}
.modulo-buscador-formulario  p.titulo-filtro button svg {
    height: 1em;
    margin-left: 1rem;
}
.modulo-buscador-formulario  p.titulo-filtro [aria-expanded="true"] .vert {
            display: none;
        }



:is(.contenido-servicio-tecnico-buscador 
    .listado-resultados, .listado-mobiliario-inicio) .item .imagen::before{
    content:none;
}
:is(.contenido-servicio-tecnico-buscador 
    .listado-resultados, .listado-mobiliario-inicio)  .item-banda .imagen::before{
    content:"";

    content:none;
}

.container-perfil-tabla-deseos .deseo-caracteristicas {
    font-weight:400;
    display:block;
}

.modulo.modulo-solo-texto .imagen {
    display:none;
}
.modulo.modulo-solo-texto .texto {
    grid-column:1/-1;
    padding-top:0;
}
.modulo.modulo-solo-texto .titulo, .modulo-galeria .titulo {
        margin-bottom:.5em;
}
@media(min-width:80ch) {
    .modulo.modulo-solo-texto .texto .parrafada {
        columns:2;
        column-gap:var(--s4);
    }
    .modulo.modulo-solo-texto .titulo, .modulo-galeria .titulo {
        text-align:center;
    }

}

.modulo.modulo-solo-texto b {
    display:none;
}


.detalle .cabecera .precios .precio .oferta {
    font-size: .7em;
    color: #444;
    border: 1px solid #666;
    background: #eee;
    border-radius: 0.4em;
    display: inline-block;
    padding-inline: 0.3em;
    line-height: 1;
    padding-block: 0.13em;
    margin-left: 0.4em;
    position: relative;
    top: -2px;
    top:0;
}

.advertencia a {
    color:#000;
    text-decoration:underline;
    text-underline-offset: 0.25em;
}

.advertencia :is(a:hover, a:focus) {
    background:var(--primario);
    color:#fff;
}

.advertencia-detail {
    margin-top:var(--s-1)!important;
}

.advertencia-detail .titulo-h2{
    font-size:var(--s3);
    margin-bottom:.5em;

}


.advertencia-detail :is(ul, ol){
    padding:0;
    padding-left:var(--s3);
}


.advertencia-detail li + li{
   margin-top:var(--s-5);
}
.advertencia-listado {
    border:1px solid #333;
    background:#eee;
    margin-top:var(--s6)!important;
    padding:var(--s1);
}

ul.descargas-producto {
    list-style:none;
}
ul.descargas-producto li {
    display:flex;
    gap: var(--s-4);
    padding:0!important;
}
ul.descargas-producto li + li{
    margin-top:var(--s-4)!important;
}

ul.descargas-producto li svg{
    position:relative;
    top:4px;
}
ul.descargas-producto li >*{
    margin:0!important;
}
ul.descargas-producto li >*{
    margin:0!important;
}
ul.descargas-producto li >a{
    text-decoration:none!important;
    color:#333!important;
}
ul.descargas-producto li > :is(a:hover, a:focus){
    text-decoration:underline!important;
    background:none!important;
    color:#000!important;
    text-decoration-color: var(--primario)!important;
}


.container-btn-presupuesto {
    margin-top:auto;
    
    padding-top: 0.6rem;
}
.btn-presupuesto {
    
    text-transform:uppercase;
    width:100%;
    font-weight:500;
}

.container-btn-presupuesto-deseos {
    display:flex;
    column-gap:var(--s-4);
}

:is(.listado-resultados, .listado-productos, .listado-vendidos, .detalle) .dropdown-menu .porcentaje {
display: inline-block;
    color: #000;
    font-weight: 700;
    margin-left: var(--s-5);
}



.detalle .cabecera .imagen  {



   
}
.detalle .cabecera .imagen > img {
    aspect-ratio:4/3;
    object-fit:cover;   
    width:100%;
    display:block;

}

.detalle .hay-galeria {    
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    display:none;
}


.detalle .cabecera .imagen .mini-galeria  {
    list-style:none;
    padding:0;
    margin-top:var(--s0);
}
.contenido-detalle .modulo-galeria {
    padding:0;
}
    .contenido-detalle .modulo-galeria .mini-galeria {
        display:grid;
         grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
         grid-gap:var(--s0);
         margin-bottom: 0;
    }
    .contenido-detalle .modulo-galeria .mini-galeria img{
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit: cover; 
    }
    .contenido-detalle .modulo-galeria .mini-galeria a{
        display:block;
        position:relative;
    }


    .advertencia-detail {
        padding-block:var(--s4);
        
    }

    @media(min-width:768px) {
    .advertencia-detail-columnas {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        display: grid;
        grid-column-gap: 1rem;
    }
    .advertencia-detail-columnas > *:first-child {
        grid-column: 1/8;
    }

    .advertencia-detail-columnas > *:last-child {
        grid-column: 8/-1;
    }
}

@media(min-width:1200px) {
    .advertencia-detail-columnas  > *:first-child {
        grid-column: 1/7;
    }

    .advertencia-detail-columnas  > *:last-child {
        grid-column: 9/-1;
    }
}





.pre-nav {
    padding-bottom:.4rem;
}


#pre-link-conocenos,
#pre-link-contacto span {
    display:none;
}
@media(min-width:576px) {
    #pre-link-contacto span {
        display:inline;
    }
}

@media(min-width:992px) {
    #pre-link-conocenos {
        display:block;
    }
}


#pre-link-transporte {
    display:none;
}
@media(min-width:1200px) {
    #pre-link-transporte{
        display:block;
    }
}


#pre-link-facebook,
#pre-link-instagram,
#pre-link-youtube {
    display:none;
}
@media(min-width:768px) {
    #pre-link-facebook,
#pre-link-instagram,
#pre-link-youtube {
        display:block;
    }
}



.migas-servicio-tecnico-detalle {
    max-width:992px;
}


.container-novedades {
    margin-top:var(--s-4);

    display:flex;
    flex-wrap:wrap;
    gap:var(--s-4) var(--s-2);
}


.container-novedades .container-novedad, .detalle .cabecera .precios .precio .oferta{
    background:var(--primario);
    padding:.3em .5em;
    white-space:nowrap;
    width:auto;
    border-radius:.5em;
    color:#fff;
}

.container-novedades .container-novedad-v4,
.detalle .cabecera .precios .precio .oferta{
    
    white-space:normal;
    background: hsl(316deg 79% 26%);
    
}
.detalle .cabecera .precios .precio .oferta{        
    border: none;
    margin-top:var(--s-1);
    line-height:1.3;
    font-size:var(--s0);
    max-width: 23ch;
}


.disparador:not(.btn-primary) {
    border:none;
    padding:0;
    position:relative;
}
.disparador:not(.btn-primary)::before {
    position:absolute;
    content:"";
    background:var(--primario);
    opacity:0;
    mix-blend-mode:multiply;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transition:opacity 0.4s ease-in-out ;
}
.disparador:not(.btn-primary):hover::before {
    /*position:absolute;
    content:"";
    background:var(--primario);
    opacity:1;
    mix-blend-mode:multiply;
    top:0;
    bottom:0;
    left:0;
    right:0;*/
    opacity:1;
}
.disparador:not(.btn-primary)::after {
        position:absolute;
        content: "ver galería";
        text-transform:uppercase;
        font-size:var(--s1);
        color:#fff;
        top: 50%;        
        left: 50%;
        transform:translate(-50%, -50%);
        opacity:0;
        transition:opacity .4s ease-in-out, transform .6s ease-in-out ;
    }
    .disparador:not(.btn-primary):hover::after {
        opacity:1;
        transform:translate(-50%, -50%) scale(2)
    }








.main-cesta .container-gea .container-resumen-pedido .btn:not( .container-codigo-descuento .btn ) {
    margin-top:var(--s1);
    width:100%;
}
.container-codigo-descuento {
    margin-top:var(--s1);    

    
}

.container-codigo-descuento form{    
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--s-1);
    
}

.container-codigo-descuento form label{    
    width:100%;
    flex-shrink:0;
}

    .container-codigo-descuento label {
        display: block;
        color: #61616a;
        
        
        line-height: 1.2;
        margin-bottom:0;
    }
.container-codigo-descuento input {
    display: block;
    
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 0.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: var(--s-5);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #aaa;

    margin:0;
    flex-grow:1;
}
    .container-codigo-descuento .btn {
        margin: 0!important;
        flex-shrink:0;
        font-size:var(--s-1);
        border-color:#aaa;
        color:#555;

        
    }

    .container-codigo-descuento .btn:hover,
    .container-codigo-descuento .btn:focus {
        background:#444;
        color:#eee;        
    }

    .container-codigo-descuento .resultado-codigo {
        margin-top:var(--s-4);
        display:block;
        font-weight:500;
    }

    .container-codigo-descuento  .resultado-codigo-ok{
        color:#1a7458;
    }
    .container-codigo-descuento .resultado-codigo-ko{
        color:#bb2807;
    }


dd .codigo-valido {
    
    color:#888;
    font-size:.9em;
}

    dd .codigo-valido s {
        text-decoration-color: #f15900;
        text-decoration-thickness:.1em;
    }

    dd .precio-con-descuento {
        color:#4f7d6f;
    }



    .sub-banners{
 

        padding-bottom: var(--s5);
        position:relative;
}
        .sub-banners::before {
            content:"";
            position:absolute;
            top:calc(-1 * var(--s8));
            height:var(--s8);
            left:0;
            right:0;
            background:linear-gradient(to top, #fff, rgba(255,255,255,0));
            z-index:-1;
        }

.container-newsletter {
    margin-top: 0;
}







.header-inicio {
    position:relative;
}

    .header-inicio::before {
        content:"";
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background: hsla(var(--primario-h), var(--primario-s), 32%, .8);
        height: var(--s6);
        clip-path: polygon(0 0, 100% 0, 100% 24%, 0 100%, 0 0);

       clip-path: ellipse(105% 85% at -15% -20%);
    }


    .header-inicio::after {
        content:"";
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background: hsla(var(--primario-h), 20%, 50%, .7);
        height: var(--s6);
        

       clip-path: ellipse(100% 120% at 175% -20%);
    }


b.separador {
    position:relative;
    clip-path:none;
    --fondo: hsla(var(--primario-h), 35%, 65%, .2);
    background: var(--fondo);
    /*background:url(../img/bigote-farma.svg);
    background-repeat:no-repeat;
    background-position:center;*/

    /*mix-blend-mode: overlay;*/
    background-size: contain;
    clip-path: ellipse(79% 43% at 36% 46%);
   /*height: min(15vw, 160px);*/ 
}
b.separador::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --fondo:hsla(var(--primario-h), 15%, 75%, .1);
    background: var(--fondo);
    /*background: #fff;*/
    clip-path: ellipse(214% 50% at 128% 122%);
}

b.separador::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    --fondo:hsla(var(--primario-h), 15%, 75%, .1);
    background: var(--fondo);
    /*background: rgb(254 220 52 / 50%);*/
    clip-path: ellipse(93% 98% at 50% -61%);
}

.main-inicio .texto-principal-centrado {
    padding-bottom: var(--s4);
}
/*b.separador::before {
        content:"";
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background:  var(--fondo);
        height: var(--s6);
        

       clip-path: ellipse(100% 85% at -50% -20%);
    }

b.separador::after {
        content:"";
        position:absolute;
        top:-100%;
        left:0;
        right:0;
        background:var(--fondo);
        height: var(--s6);
        

       clip-path: ellipse(100% 120% at 175% -20%);
    }*/

.contnav{
    --nav-bg: rgba(255, 255, 255, .9);
    background: #fff!important;
}
.contnav {
    border-bottom: none;
}
.scrolled {
    background:rgba(255,255,255,.9)!important;   
    /*background:rgba(102,181,62,.9)!important;*/
        
}

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



    content:none;
}

.header .swiper-container .texto .titulo, .header .swiper-container .texto .subtitulo {
    /*text-shadow:none;*/
}



form .texto-productos {

    --radio:1rem;
    --borde:1.2rem;
    margin-top:var(--s0);
    
    
   border:var(--borde) solid var(--primario-label);
    border-radius:var(--radio);
    background:var(--primario-label);
}

form .texto-productos > div{
     border-radius: calc(var(--borde) - var(--radio));
    background: #fff;
     padding:1rem;
}

form .texto-productos > div > :last-child{
     margin-bottom:0;
     
}
 

    form .texto-productos ul {
        padding-left:1.5rem;
    }





    
.migas-v2 {
    background: var(--migas-v2-background);
}
.migas a {
    color: var(--migas-enlace);
}
.migas .breadcrumb-item.active {
    color: var(--migas-activo);
}
.migas .breadcrumb-item + .breadcrumb-item::before {
    color: var(--migas-barra);
}

.migas-v2 a {
    color: var(--migas-v2-enlace);
}
.migas-v2 .breadcrumb-item.active {
    color: var(--migas-v2-activo);
}
.migas-v2 .breadcrumb-item + .breadcrumb-item::before {
    color: var(--migas-v2-barra);
}




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

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

        content:none;
    }
     .listado-letras > li + li {
        margin-top: 2rem;
    }
     .listado-letras > li h2 {
        font-family:var(--fuente-secundaria);
        font-weight:600;
        color:var(--primario-oscuro);
    }
     .listado-letras ul  {
        display:grid;
        grid-template-columns:repeat(auto-fill, minmax(180px, 1fr) );
        grid-gap:var(--s0);
    }

    .listado-letras a {
        color:var(--primario-oscuro);
    }





#modalBuscador .modal-header {
    padding: 0.75rem 1rem 1rem 1rem;
}
#modalBuscador .modal-title {
    font-size: 1rem;
    font-weight: 500;
    color: var(--primario-oscuro-dark);
    position: relative;
    top: 0.4em;
}
#modalBuscador .modal-body {
    padding: 2.25rem 1rem;
    padding-bottom: 3rem;
}

form.form-buscador .w-form-group {
    display:flex;
    align-items:stretch;
}

form.form-buscador .w-form-group .w-form-control{
    height:auto; 
}
form.form-buscador .w-form-group .w-form-control:focus-visible,
form.form-buscador .w-form-group .w-form-control:focus{

    
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    box-shadow: 0 0 0 0.2rem hsla(var(--primario-h), var(--primario-s), var(--primario-l), .3);
    
}
form.form-buscador .btn:not(.btn-outline-primary){
    border:1px solid var(--primario-oscuro);
    background:var(--primario-oscuro);
    flex-shrink:0;
    letter-spacing: .05em;
    font-weight: 300;
}
form.form-buscador .btn:not(.btn-outline-primary):hover{    
    background:var(--primario);
    border-color:var(--primario);
}
form.form-buscador button[type="submit"] svg{
    position:relative;
    top: 0.17em;
    margin-right: 0.25em;
    font-size: 1.2em;
}

form.form-buscador .w-form-group .w-form-control {
    border-color:var(--primario-oscuro);
    border-top-left-radius:.5em;
    border-bottom-left-radius:.5em;

}

 form.form-buscador .btn:not(.btn-outline-primary) {
   
    border-top-right-radius:.5em;
    border-bottom-right-radius:.5em;

}

.container-form-buscador {
    margin-bottom:var(--s4);
}
.container-form-buscador .container-gea {
    max-width:992px;
}

.cabecera-buscador .titulo-paginacion {
    /*color:var(--primario-oscuro);*/
}

.contenido-servicio-tecnico-buscador .listado-resultados .item:not(.item-producto) {    
    background: #fff;
}


.header-otros {
    position: relative;
    border-bottom:none;
    margin-bottom: var(--s6);
}
.header-otros::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: hsla(var(--primario-h), var(--primario-s), 24%, .8);
    height: var(--s6);
    clip-path: polygon(0 0, 100% 0, 100% 24%, 0 100%, 0 0);
    clip-path: ellipse(105% 85% at -15% -20%);
}
.header-otros::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: hsla(var(--primario-h), var(--primario-s), 44%, .7);
    height: var(--s6);
    clip-path: ellipse(100% 120% at 175% -20%);
}





/*mont*/
.menu-scroll {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
    padding: 0 2rem;
}
.menu-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.listado-circle {
    margin:0;
    padding:0;
    list-style:none;

    display: flex;
    padding: 0.5rem 0;
    min-width: max-content;
    justify-content: center;

    gap:var(--s-2);
}
    .listado-circle .wcard {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        background-color: white;
        border: 1px solid #e0e0e0;
        border-radius: 2rem;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;

        overflow: hidden;
    }

.listado-circle .wcard:hover {
  background-color: #f9f9f9;
  border-color: #d0d0d0;
}

.listado-circle .wcard .imagen {
  width: 30px;
  height: 30px;
  aspect-ratio:1;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.listado-circle .wcard .imagen img {
  width: 30px;
  height: 30px;
  aspect-ratio:1;
  border-radius: 50%;
}

        .listado-circle .wcard .titulo {
            margin:0;
            line-height:1;
        }

            .listado-circle .wcard .titulo a:hover,
            .listado-circle .wcard .titulo a:focus {
                text-decoration:none;
            }

.listado-circle .wcard .titulo a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}



    /*.listado-circle > .wcard:hover::after,
    .listado-circle > .wcard:has(a.active)::after {
        content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: var(--primario);
    opacity: .9;
    mix-blend-mode: multiply;
    }*/

   
    .listado-circle > .wcard:has(a.active) {
        border-color:var(--primario-oscuro);
    }

    .listado-circle > .wcard a.active {
        color:var(--primario-oscuro);
        font-weight:500;
    }



    /* Flechas de navegación */
.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;

    top: 2rem;
}

.nav-arrow:hover {
    background-color: #f9f9f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.nav-arrow-left {
    left: 0.5rem;
}

.nav-arrow-right {
    right: 0.5rem;
}

.nav-arrow.hidden {
    display: none;
}

/* Estilos para el modo "grabbing" durante el deslizamiento */
.grabbing {
    cursor: grabbing !important;
}

.menu-scroll.grabbing {
    user-select: none;
}


.modulo .texto .parrafada h3 {
    font-size:var(--s1);
}



.listado-blog-detalle .texto :not(.archivado-en) a{
    text-decoration:underline;

}
  a.enlace-seccion svg.esquerra{
          display:none;
        }


@media(min-width:992px) {
    .flujo-desconectador {
        display:flex;

        gap:var(--s4);
    }

    .flujo-desconectador .flujo-desconectador-izquierda {
         min-width: 35ch;
          max-width: 45ch;
          flex: 0 1 auto;
        

              position: sticky;
    top: 84px;
    align-self: start;
    }

        .flujo-desconectador .flujo-desconectador-izquierda  .container-gea {
            padding-inline:0;
        }

        .flujo-desconectador .flujo-desconectador-izquierda  .titulo-h2 {
            text-align:left!important;
        }
        .flujo-desconectador .flujo-desconectador-izquierda  a.enlace-seccion{
           margin-left:0;
           margin-right:auto;
        }
         .flujo-desconectador .flujo-desconectador-izquierda  a.enlace-seccion svg.esquerra{
           display:inline;
        }
         .flujo-desconectador .flujo-desconectador-izquierda  a.enlace-seccion svg.subir{
           display:none;
        }


        .flujo-desconectador .flujo-desconectador-izquierda .menu-scroll {
            padding:0;
        }
        .flujo-desconectador .flujo-desconectador-izquierda .listado-circle {
            /*display:block;*/
            min-width: auto;
            flex-wrap:wrap;
            gap:var(--s-2);
            justify-content:flex-start;
        }
            .flujo-desconectador .flujo-desconectador-izquierda .listado-circle .wcard {
                width:fit-content;
                display:inline-flex;
                overflow:initial;
            }

        .flujo-desconectador .contenido-servicio-tecnico-buscador {
            flex-grow:1;
        }

}