﻿/************************* COMPONENTES **************************/
/* Contenido */
#home,
#producto,
#distributiva {
    display: flex;
    flex-direction: column;
}

    #home .breadcrumbs-content,
    #producto .breadcrumbs-content,
    #distributiva .breadcrumbs-content {
        width: 100%;
        display: flex;
        align-items: baseline;
        order: 1;
    }

    /******************************************************************************/
    /* landing home */
    #home .content-title {
        width: 100%;
        display: flex;
        flex-direction: column;
        order: 2;
        height: auto;
        min-height: 250px;
        align-items: baseline;
        padding: 0 20px;
    }

        #home .content-title h1 {
            font-size: 30px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.19px;
            text-align: center;
            color: #fff;
            margin-bottom: 25px;
        }

        #home .content-title p {
            font-size: 20px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.13px;
            text-align: center;
            color: #fff;
        }

    #home .home-hightlight {
        display: flex;
        order: 3;
    }

        #home .home-hightlight .hightlight-tabs {
            display: flex;
            flex-direction: row;
            margin: 0 auto;
            max-width: 1200px;
            width: 100%;
            position: relative;
            padding-bottom: 35px;
        }

            #home .home-hightlight .hightlight-tabs:after {
                clear: both;
                content: "";
                display: table;
            }

            #home .home-hightlight .hightlight-tabs .tabs {
                width: 16%;
            }

                #home .home-hightlight .hightlight-tabs .tabs ul {
                    margin-right: -1px;
                    margin-top: 30px;
                    position: relative;
                    z-index: 1;
                }

                    #home .home-hightlight .hightlight-tabs .tabs ul li {
                        font-size: 12px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.08px;
                        color: #000;
                        text-transform: uppercase;
                    }

                        #home .home-hightlight .hightlight-tabs .tabs ul li:last-child > a {
                            border-bottom: 0;
                        }

                        #home .home-hightlight .hightlight-tabs .tabs ul li.current > a {
                            background: #fff url("../images/icons/png/arrow-red-right.png") 90% center no-repeat;
                            background: #fff;
                            border: 1px solid #ddd;
                            border-bottom-right-radius: 0;
                            border-radius: 4px;
                            border-right: 1px solid #fff;
                            border-top-right-radius: 0;
                            color: #000;
                        }

                        #home .home-hightlight .hightlight-tabs .tabs ul li a {
                            background: transparent url("../images/icons/png/arrow-grey-right.png") 90% center no-repeat;
                            border: 1px solid transparent;
                            border-bottom: 1px solid #ccc;
                            border-left: 4px solid transparent;
                            border-radius: 0;
                            color: #666;
                            display: block;
                            margin-top: -1px;
                            padding: 12px 0 12px 20px;
                        }

                            #home .home-hightlight .hightlight-tabs .tabs ul li a:hover {
                                background: #fff url("../images/icons/png/arrow-red-right.png") 90% center no-repeat;
                                border: 1px solid #ddd;
                                border-bottom-right-radius: 0;
                                border-radius: 4px;
                                border-right: 1px solid #fff;
                                border-top-right-radius: 0;
                                color: #000;
                            }

            #home .home-hightlight .hightlight-tabs .tab-contents {
                width: 100%;
                background: #fff;
                border: 1px solid #ddd;
                border-radius: 4px;
                margin-top: -35px;
                overflow: hidden;
                padding: 30px;
                position: relative;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .tab {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
                    padding: 10px;
                    width: 16%;
                    min-height: 310px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    border: 1.5px solid #d8d8d8;
                    box-shadow: 2px 1px 0px 0px #999797, 3px 2px 6px 1px #4242428a;
                }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                        width: 100%;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child:hover {
                            opacity: 0.5;
                            transform: scale(1.03);
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                            max-width: 100%;
                            height: 91px;
                            object-fit: cover;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                            width: 100%;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1.14;
                            letter-spacing: 0.09px;
                            text-align: center;
                            color: #000;
                        }

                            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 b {
                                font-weight: 600;
                                color: #b40202;
                            }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child span {
                            display: block;
                            width: 100%;
                            height: 6px;
                            background-color: #d8d8d8;
                            border-radius: 0 0 5px 5px;
                        }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha > p {
                        font-size: 13px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.23;
                        letter-spacing: 0.08px;
                        text-align: center;
                        color: #000;
                    }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
                        max-width: 150px;
                        max-height: 33px;
                        font-size: 18px;
                        background-image: linear-gradient(to top, #cb0000 0%, #8e0202 100%);
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn.btn-otros-seguros {
                            font-size: 15px;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                            display: none;
                        }

    #home .videos {
        display: flex;
        flex-direction: column;
        order: 4;
    }

        #home .videos .video-container,
        #home .videos .imagen-link-videos {
            width: 100%;
            max-width: 700px;
            margin: 0 auto;
        }

            #home .videos .video-container > div {
                position: relative;
                padding-bottom: 56.25%; /* 16:9 */
                height: 0;
            }

                #home .videos .video-container > div iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

            #home .videos .imagen-link-videos a {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
            }

                #home .videos .imagen-link-videos a img:nth-child(1) {
                    width: 50%;
                    padding: 0 10px 10px 0;
                }

                #home .videos .imagen-link-videos a img:nth-child(2) {
                    width: 50%;
                    padding: 0 0 10px 10px;
                }

                #home .videos .imagen-link-videos a img:nth-child(3) {
                    width: 50%;
                    padding: 10px 10px 0 0;
                }

                #home .videos .imagen-link-videos a img:nth-child(4) {
                    width: 50%;
                    padding: 10px 0 0 10px;
                }

    #home .equipo {
        display: flex;
        flex-direction: column;
        order: 5;
    }

        #home .equipo ul li > div > img {
            width: 3.6vw;
            height: auto;
        }

        #home .equipo ul li > div > div p:first-child {
            font-size: 1.6vw;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.14px;
            color: #fff;
        }

        #home .equipo ul li > div > div p:not(:first-child) {
            font-size: 1.2vw;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.09px;
            color: #ececec;
        }

    #home .banner-wide {
        display: flex;
        order: 6;
    }

/******************************************************************************/
/* landing producto */
#producto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 440px;
    box-shadow: inset #00000029 0px 20px 80px 40px, inset #00000029 0px -1px 50px 10px;

}

    #producto.coche-semanal {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/seguro-por-semanas.jpg");
    }

    #producto.coche-mensual {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/seguros-mensuales.jpg");
    }

    #producto.coche-temporal {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/coche-temporal-big.png");
    }

    #producto.matricula-extranjera-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/mat-extranjeraxdias.png");
        background-position-y: 100%;
    }

    #producto.coche-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/coche-spd-big.png");
    }

    #producto.moto-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/moto-spd-big.png");
    }

    #producto.furgoneta-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/furgoneta-spd-big.png");
    }

    #producto.furgon-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/furgon-spd-big.png");
    }

    #producto.camion-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/camion-spd-big.png");
    }

    #producto.tractora-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/tractora-spd-big.png");
    }

    #producto.remolque-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/remolque-spd-big.png");
    }

    #producto.caravana-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/caravana-spd-big.png");
    }

    #producto.camper-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/camper-spd-big.png");
    }

    #producto.autocaravana-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/autocaravana-spd-big.png");
    }

    #producto.quad-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/quad-spd-big.png");
    }

    #producto.microcar-spd {
        background-image: url("../../assets/images/contents/imagenes-landings/spd/microcar-spd-big.png");
    }

    #producto.mascota {
        background-image: url("../../assets/images/contents/imagenes-landings/mascotas/perro-big.png");
    }

    #producto.coche {
        background-image: url("../../assets/images/contents/imagenes-landings/coches/coche-big.png");
    }

    #producto.caballos {
        background-image: url("../../assets/images/contents/imagenes-landings/equitacion/caballos-big.png");
    }

    #producto.van {
        background-image: url("../../assets/images/contents/imagenes-landings/equitacion/van-big.png");
    }

    #producto.coche-clasico {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/coches-clasicos-big.png");
    }

    #producto.moto-clasica {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/motos-clasicas-big.png");
    }

    #producto.furgoneta-clasica {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/furgonetas-clasicas-big.png");
    }

    #producto.camion-clasico {
        background-image: url("../../assets/images/contents/imagenes-landings/clasicos/camiones-y-autobuses-clasicos-big.png");
    }

    #producto.barco-a-motor {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/barcos-a-motor-big.png");
    }

    #producto.velero {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/veleros-big.png");
    }

    #producto.neumatica {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/neumaticas-big.png");
    }

    #producto.moto-de-agua {
        background-image: url("../../assets/images/contents/imagenes-landings/barcos/motos-de-agua-big.png");
    }

    #producto.furgon {
        background-image: url("../../assets/images/contents/imagenes-landings/furgonetas/furgon-big.png");
    }

    #producto.furgoneta {
        background-image: url("../../assets/images/contents/imagenes-landings/furgonetas/furgoneta-big.png");
    }

    #producto.caravana {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/caravana-big.png");
    }

    #producto.autocaravana {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/autocaravana-big.png");
    }

    #producto.camper {
        background-image: url("../../assets/images/contents/imagenes-landings/caravanas/camper-big.png");
    }
    #producto.camion {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/camiones-big.png");
    }

    #producto.tractora {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/tractora-big.png");
    }

    #producto.remolque {
        background-image: url("../../assets/images/contents/imagenes-landings/camiones/remolque-big.png");
    }

    #producto.salud {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/salud-big.png");
    }

    #producto.vida {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/vida-big.png");
    }

    #producto.dental {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/dentales-big.png");
    }

    #producto.deceso {
        background-image: url("../../assets/images/contents/imagenes-landings/salud/decesos-big.png");
    }

    #producto.caza {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/caza-big.png");
    }

    #producto.coto {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/cotos-big.png");
    }

    #producto.monteria {
        background-image: url("../../assets/images/contents/imagenes-landings/caza/monterias-big.png");
    }

    #producto.piso {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/edificios-big.png");
    }

    #producto.chalet {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/chalets-big.png");
    }

    #producto.garaje {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/garajes-big.png");
    }

    #producto.oficina {
        background-image: url("../../assets/images/contents/imagenes-landings/comunidades/oficinas-big.png");
    }

    #producto.patinete {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/patinetes-big.png");
    }

    #producto.segway {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/segways-big.png");
    }

    #producto.hoverboard {
        background-image: url("../../assets/images/contents/imagenes-landings/patinetes/hoverboard-big.png");
    }

    #producto.baja-laboral {
        background-image: url("../../assets/images/contents/imagenes-landings/baja-laboral/baja-laboral-big.png");
    }

    #producto.pesca {
        background-image: url("../../assets/images/contents/imagenes-landings/pesca/pesca-big.png");
    }

    #producto.mercancia {
        background-image: url("../../assets/images/contents/imagenes-landings/mercancias/mercancias-big.png");
    }

    #producto.bicicleta {
        background-image: url("../../assets/images/contents/imagenes-landings/bicicletas/bicicletas-big.png");
    }

    #producto.hogar {
        background-image: url("../../assets/images/contents/imagenes-landings/hogar/hogar-big.png");
    }

    #producto.dron {
        background-image: url("../../assets/images/contents/imagenes-landings/drones/drones-big.png");
    }

    #producto.alquiler-coche {
        background-image: url("../../assets/images/contents/imagenes-landings/alquiler/alquiler-coche-big.png");
    }

    #producto.alquiler-furgoneta {
        background-image: url("../../assets/images/contents/imagenes-landings/alquiler/alquiler-furgoneta-big.png");
    }

    #producto .content-title {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        gap: 0 30px;
        align-items: center;
        order: 2;
        z-index: 0;
        margin-top: -25px;
    }

        #producto .content-title.long-title {
            margin-bottom: 12px;
            margin-top: -15px;
        }

        #producto .content-title h1 {
            font-size: 41px;
            font-weight: 300;
            letter-spacing: 0.27px;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            color: #fff;
            text-shadow: 0 2px 0 #000;
            margin: 0;
            padding-bottom: 7px;
        }

            #producto .content-title h1 > br {
                display: none;
            }

            #producto .content-title h1 b {
                font-size: 45px;
                font-weight: bold;
                letter-spacing: 0.29px;
                text-shadow: 0 2px 0 #000;
            }

        #producto .content-title > img {
            width: 87px;
            height: 87px;
        }

        #producto .content-title .google-rating {
            display: flex;
            min-height: 79px;
        }

    #producto .btn-container {
        display: flex;
        align-self: center;
        order: 7;
        z-index: 0;
    }

        #producto .btn-container .btn {
            max-width: 400px;
            max-height: 58px;
            font-size: 36px;
            letter-spacing: 0.23px;
            padding: 4px 49px 14px 49px;
            background-image: linear-gradient(to top, #8e0202 0%, #410000 100%);
            box-shadow: #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #560101cc -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
        }

            #producto .btn-container .btn:hover {
                box-shadow: #42232366 3px 6px 9px 2px, #4223234d 6px 9px 13px -3px, #560101cc -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
            }

        #producto .btn-container .btn.temp {
           
            padding: 5% 1%;
            
        }

    #producto .red-line {
        display: flex;
        order: 8;
        z-index: 0;
        align-self: center;
        width: 100%;
        height: 12px;
        background-color: #b40202;
        box-shadow: 0 2px 0 #fff;
        border-radius: 5px 5px 0px 0px;
        margin-top: auto;
        margin-bottom: 2px;
    }

    #producto .subtitle-container {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        order: 9;
        z-index: 0;
        width: 100%;
        height: auto;
        min-height: 85px;
        align-self: center;
        text-align: center;
        background-color: #e1e1e1;
        box-shadow: 0 6px 0 #000000;
        padding: 0 10px 5px 10px;
        margin-bottom: 10px;
    }

        #producto .subtitle-container span:first-child {
            font-size: 30px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.19px;
            text-align: center;
            color: #000;
        }

            #producto .subtitle-container span:first-child b {
                font-weight: 600;
                color: #cb0000;
            }

        #producto .subtitle-container span:not(:first-child) {
            font-size: 16px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.09px;
            text-align: center;
            color: #000;
        }

            #producto .subtitle-container span:not(:first-child) b {
                font-weight: 600;
                color: #cb0000;
            }

/******************************************************************************/
/* landing distributiva */
#distributiva .content-title {
    width: 100%;
    display: flex;
    order: 2;
    height: 75px;
    align-items: baseline;
}

    #distributiva .content-title h1 {
        font-size: 25.8px;
        font-weight: normal;
        line-height: 1.06;
        letter-spacing: 0.03px;
        color: #fff;
    }

        #distributiva .content-title h1 > br {
            display: none;
        }

        #distributiva .content-title h1 img {
            vertical-align: middle;
            margin-left: 15px;
        }

        #distributiva .content-title h1 b {
            font-size: 29.2px;
            letter-spacing: 0.03px;
        }

#distributiva .content-sub-title {
    display: flex;
    flex-direction: column;
    order: 3;
    text-align: center;
    width: 100%;
}

    #distributiva .content-sub-title + div {
        padding-top: 0px;
    }

    #distributiva .content-sub-title div h2 {
        font-size: 30px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.19px;
        color: #000;
        margin: 27px 0 0 0;
        padding: 0 20px;
    }

    #distributiva .content-sub-title div p {
        font-size: 20px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.65;
        letter-spacing: 0.13px;
        color: #000;
        margin: 0 0 27px 0;
        padding: 0 20px;
    }

    #distributiva .content-sub-title div:first-child p b {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.16px;
        color: #e40000;
    }

    #distributiva .content-sub-title div:first-child p strong {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.16px;
    }

    #distributiva .content-sub-title div:last-child {
        margin: 10px 0 -13px 0;
    }

        #distributiva .content-sub-title div:last-child p b {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 0.16px;
            color: #520000;
        }

#distributiva .distribution-content {
    width: 100%;
    display: flex;
    order: 4;
    padding: 60px 0 15px 0;
}

#distributiva .pregunta-spd {
    display: flex;
    flex-direction: column;
    order: 5;
}

    #distributiva .pregunta-spd > p {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.09px;
        text-align: center;
        margin-top: 0;
    }

        #distributiva .pregunta-spd > p a {
            cursor: pointer;
        }

/******************************************************************************/
/* Tarjetas de distribución de prodcuto */
#chip-distribution {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}


    #chip-distribution .chip {
        height: 303px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 12px 10px 19px;
        margin-bottom: 0.66%;
        border: solid 1px #e1e1e1;
        background-color: #fff;
        box-shadow: #08040466 3px 2px 0px, #0603034d 6px 4px 4px 0px;
    }


        #chip-distribution .chip > a:first-child {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }


            #chip-distribution .chip > a:first-child:hover {
                opacity: 0.7;
                transform: scale(1.02);
            }


            #chip-distribution .chip > a:first-child div {
                margin: auto;
            }


        #chip-distribution .chip.ico-chip {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            background-color: #ececec;
        }

            #chip-distribution .chip.ico-chip img {
                width: 125px;
                height: 121px;
            }


            #chip-distribution .chip.ico-chip span {
                font-size: 25.8px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.44;
                letter-spacing: 0.03px;
                text-align: center;
                color: #6c6c6c;
            }

        #chip-distribution .chip.meses {
            /*display: flex;*/
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            background-color: #ececec;
        }

.chip-especial {
    display: flex;
    flex-direction: row;
    background-color: #ececec;
    width: 100%;
    justify-content: flex-start;
    height:90%;
    cursor:pointer;
}

.imagen-meses {
    width: 110px;
    margin-left:10px;
}

.nombre-meses {
    color: #cb0000;
    width:50%;
    align-self:center;
    font-size:22px;
    line-height:1.15;
    align-self:baseline;
    text-align:left;
}

.img-meses{
    width:110px;
    height:110px;
}

@media screen and (min-width: 767px) {

    .chip-especial {
        display:flex;
        flex-direction:column;
        height:inherit;
        justify-content:space-between;
    }

    .nombre-meses {
        font-size:25px;
        line-height:1.15;
        margin-bottom:5%;
        width:100%;
        text-align:center;
    }

    .imagen-meses
    {
        margin-top:10%;
        width:100%;
    }

}

/*@media screen and (min-width: 340px) {
    .chip-especial {
        display:flex;
        flex-direction:row;
    }
}*/



    #chip-distribution .btn {
        max-width: 215px;
        max-height: 40px;
        font-size: 18px;
        padding: 20px 10px;
    }

    #chip-distribution .btnn {
        max-width: 215px;
        max-height: 40px;
        font-size: 18px;
        padding: 20px 10px;
    }






    #chip-distribution.x2 .chip {
        width: 49.7%;
    }

    #chip-distribution.x2 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x2.alta .chip > a img {
        height: 140px;
    }

    #chip-distribution.x3 .chip {
        width: 32.9%;
    }

    #chip-distribution.x3 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x3.alta .chip > a img {
        height: 140px;
    }

    #chip-distribution.x4 .chip.doble {
        width: 49.5%;
    }

    #chip-distribution.x4 .chip {
        width: 24.5%;
    }

    #chip-distribution.x4 .chip > a img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    #chip-distribution.x4.alta .chip > a img {
        height: 140px;
    }



    #chip-distribution .chip > a div.chip-title {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: 0.12px;
        color: #000;
    }

        #chip-distribution .chip > a div.chip-title b {
            color: #b40202;
        }

     

#distributiva .google-rating {
    display: flex;
    order: 6;
    min-height: 79px;
}

/******************************************************************************/
/* Why */
#why {
    position: relative;
    width: 100%;
    height: 278px;
    display: flex;
    flex-direction: row;
    background: linear-gradient(to top, #520000 0%, #8a0000 100%);
}

    #why ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
    }

        #why ul li {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            #why ul li div {
                max-width: 197px;
                height: 200px;
                display: flex;
                flex-direction: column;
                align-items: end;
            }

                #why ul li div img {
                    width: 45px;
                    height: 40px;
                }

                #why ul li div .why-content-title {
                    font-size: 22px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.14px;
                    color: #fff;
                }

                #why ul li div .line {
                    width: 100%;
                    max-width: 197px;
                    height: 7px;
                    background-image: linear-gradient(118deg, #fff 48%, #d8d8d8 51%);
                    margin-bottom: 15px;
                }

                #why ul li div .why-content-text {
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.09px;
                    text-align: right;
                    color: #ececec;
                }

/******************************************************************************/
/* Faq */
#faq {
    padding-bottom: 50px;
}

    #faq .accordion {
        border: 1px solid #dddddd;
        box-shadow: 0 3px 0 0 rgb(204 204 204 / 60%);
    }

        #faq .accordion .accordion-item {
            background: url(../images/icons/png/accordion-arrow-closed.png) no-repeat 28px 21px;
            border-bottom: 1px solid #dddddd;
            overflow: hidden;
            padding: 15px 15px 0 80px;
        }

            #faq .accordion .accordion-item.active {
                background-color: #FAFAFA;
                background-image: url(../images/icons/png/accordion-arrow-open.png);
            }

            #faq .accordion .accordion-item .accordion-title {
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: #000;
                cursor: pointer;
                margin-top: 0;
            }

            #faq .accordion .accordion-item.active .accordion-title {
                color: #b40202;
            }

            #faq .accordion .accordion-item .accordion-content p {
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.09px;
                color: #8b8b8b;
                display: none;
            }

            #faq .accordion .accordion-item.active .accordion-content p {
                display: block;
            }

            #faq .accordion .accordion-item .accordion-content p.lista {
                background: url(/assets/images/red_bullet.png) no-repeat scroll left 7px rgba(0,0,0,0);
                padding-left: 15px;
                margin-left: 1em;
                text-align: justify;
            }

/******************************************************************************/
/* Faq SPD */
#faq-spd {
    background: #FFF;
}

    #faq-spd .faq-spd-controls h3 {
        padding: 24px;
        border-top-right-radius: 23px;
        border-right: 10px solid white;
    }

        #faq-spd .faq-spd-controls h3:last-child {
            padding: 15px;
            border-top-right-radius: 15px;
            border-right: none;
        }

    #faq-spd .faq-spd-controls #menuFAQSelected {
        color: black;
        font-weight: 700;
        background: #F3F3F3;
    }

    #faq-spd .faq-spd-controls .itemFaqSpd {
        float: left;
        width: 33.33%;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        min-height: 65px;
        margin: 0;
        border-top-left-radius: 15px;
        background: #FAFAFA;
        color: #000;
    }

    #faq-spd .faq-spd-content {
        float: left;
        text-align: center;
        width: 100%;
        background: #F3F3F3;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        #faq-spd .faq-spd-content .faq-spd-item-list {
            padding: 10px 40px 36px 40px;
        }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item {
                text-align: left;
            }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item-title {
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: #2a2a2a;
                margin: 0;
            }

            #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.09px;
                color: #4a4a4a;
                margin-bottom: 15px;
            }

                #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content p {
                    margin: 0;
                }

/******************************************************************************/
/* Ejemplos */
#ejemplo-producto {
    position: relative;
    width: 100%;
    height: 100%;
}

    #ejemplo-producto ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        #ejemplo-producto ul li {
            width: 220px;
            height: auto;
            display: flex;
            flex-direction: column;
        }

            #ejemplo-producto ul li > small {
                font-size: 19px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                letter-spacing: 0.12px;
                color: #000;
            }

            #ejemplo-producto ul li > b {
                font-size: 32px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.97;
                letter-spacing: 0.21px;
                color: #000;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                border-radius: 7px;
                background-image: linear-gradient(151deg, #410000, #dd0303 100%);
                margin-top: 20px;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                    width: auto;
                    height: 116px;
                    margin: 50px auto 0 auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 img {
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;
                    }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 {
                    width: auto;
                    height: 215px;
                    margin: 10px auto 0 auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 img {
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;
                    }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container > span {
                    width: 116px;
                    height: 1px;
                    border: solid 3px #fff;
                    margin: 0 auto;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    margin: 15px auto;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                        width: 200px;
                        height: 90px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        text-align: center;
                        border-radius: 5px;
                        background-image: linear-gradient(166deg, #410000 19%, #dd0303 153%, #dd0303 153%);
                        margin: 0px auto;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                            font-size: 15px;
                            font-weight: 300;
                            font-stretch: normal;
                            font-style: normal;
                            letter-spacing: 0.1px;
                            text-align: center;
                            color: #fff;
                        }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > b {
                                font-size: 40px;
                                font-weight: bold;
                                letter-spacing: 0.23px;
                                line-height: 1;
                            }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > small {
                                font-size: 16px;
                                font-weight: 500;
                                line-height: 1.94;
                            }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar {
                        width: 130px;
                        height: 22px;
                        border-radius: 3px;
                        align-self: center;
                        text-align: center;
                        margin: 0 auto 16px auto;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a {
                            display: block;
                            width: 100%;
                            background-color: #fff;
                            font-size: 14px;
                            font-weight: 600;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: normal;
                            letter-spacing: 0.08px;
                            color: #b40202;
                        }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a:hover {
                                transform: scale(1.01);
                                box-shadow: #000 5px 8px 15px -4px;
                            }

                            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container div.contratar > a:active {
                                box-shadow: #000 0px 4px 8px;
                                transform: scale(.99);
                            }

            #ejemplo-producto ul li > a {
                width: 200px;
                height: 34px;
                border-radius: 5px;
                background-image: linear-gradient(to bottom, #410000, #dd0303 175%, #dd0303 175%);
                margin: -6px auto 0 auto;
                font-size: 17px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.82;
                letter-spacing: 0.11px;
                text-align: center;
                color: #fff;
            }

                #ejemplo-producto ul li > a:hover {
                    box-shadow: #000 5px 8px 15px -4px;
                    transform: scale(1.01);
                    color: #fff;
                    text-shadow: #000000c4 0px 0px 6px;
                }

                #ejemplo-producto ul li > a:active {
                    box-shadow: #000 0px 4px 8px;
                    transform: scale(.99);
                    color: #fff;
                    text-shadow: #000000c4 0px 0px 6px;
                }

/******************************************************************************/
/* Ejemplo SPD *****TABLA SOLO MÓVIL***** */
#ejemplo-producto-spd > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 40px;
}

    #ejemplo-producto-spd > div:last-child {
        padding-bottom: 5px;
    }

    #ejemplo-producto-spd > div .dias-container {
        display: flex;
        flex-direction: column;
        width: 28%;
        color: #000;
        background-color: #eeeeee;
        justify-content: center;
        text-align: center;
    }

    #ejemplo-producto-spd > div:nth-child(even) .dias-container {
        color: #fff;
        background-color: #cb0000;
    }

    #ejemplo-producto-spd > div .dias-container b {
        font-size: 35px;
    }

        #ejemplo-producto-spd > div .dias-container b span {
            font-size: 20px;
        }

    #ejemplo-producto-spd > div .producto-container {
        display: flex;
        flex-direction: column;
        width: 68%;
    }

        #ejemplo-producto-spd > div .producto-container .tipo-producto {
            width: 100%;
            min-height: 32px;
            height: auto;
            padding: 4px 2px 0 8px;
            background-color: #a4a4a4;
        }

            #ejemplo-producto-spd > div .producto-container .tipo-producto b {
                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.1px;
                color: white;
            }

        #ejemplo-producto-spd > div .producto-container .precio-producto {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            width: 100%;
            height: 70px;
        }

            #ejemplo-producto-spd > div .producto-container .precio-producto .precio {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 40%;
            }

                #ejemplo-producto-spd > div .producto-container .precio-producto .precio > b {
                    font-size: 24px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.16px;
                    color: #000;
                }

            #ejemplo-producto-spd > div .producto-container .precio-producto .contratar > .btn {
                max-width: 135px;
                max-height: 29px;
                padding: 3px 20px 4px 20px;
            }

/******************************************************************************/
/* Tabla Ahorro ***Seguros de alquiler*** */
#tablaAhorro {
    display: flex;
    flex-direction: row;
}

/******************************************************************************/
/* News */
#news {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 10px 0 100px 0;
}

    #news .news-block {
        padding-top: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        #news .news-block .news-item:first-child {
            width: 100%;
            display: flex;
            flex-direction: row;
            padding: 5px 25px 15px 25px;
        }

            #news .news-block .news-item:first-child img {
                width: 100%;
                max-width: 460px;
                margin-right: 30px;
            }

            #news .news-block .news-item:first-child div {
                width: 100%;
                height: 100%;
                text-align: start;
            }

                #news .news-block .news-item:first-child div h3 {
                    font-size: 19px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 24px;
                    letter-spacing: 0.12px;
                    color: #000;
                    text-align: justify;
                }

                #news .news-block .news-item:first-child div p {
                    font-size: 15px;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #000;
                    padding-left: 15px;
                    margin-bottom: 0;
                }

                #news .news-block .news-item:first-child div a {
                    font-size: 15px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #cb0000;
                    text-decoration: underline;
                    margin-left: 15px;
                }

        #news .news-block .news-item:not(:first-child) {
            width: 33.3%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px 20px 20px 20px;
        }

            #news .news-block .news-item:not(:first-child) img {
                width: 100%;
                max-width: 264px;
                margin-bottom: -20px;
            }

            #news .news-block .news-item:not(:first-child) div {
                width: 90%;
                height: auto;
                background-color: #fff;
                text-align: center;
            }

                #news .news-block .news-item:not(:first-child) div h3 {
                    display: block;
                    width: 100%;
                    height: auto;
                    font-size: 16px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.25;
                    letter-spacing: 0.1px;
                    color: #000;
                    text-align: center;
                    padding: 10px 15px 0 15px;
                }

                #news .news-block .news-item:not(:first-child) div p {
                    font-size: 13px;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.08px;
                    color: #000;
                    text-align: justify;
                    padding: 0 10px;
                    margin-bottom: 0;
                }

                #news .news-block .news-item:not(:first-child) div a {
                    font-size: 15px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #cb0000;
                    text-decoration: underline;
                }

/************************* DISTRIBUCIÓN **************************/
#landing-home,
#landing-producto {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

    #landing-producto #producto,
    #landing-producto #distributiva,
    #landing-producto #home {
        display: flex;
        flex-direction: column;
        order: 1;
    }

    #landing-producto #bloque-tabla-ahorro,
    #landing-producto #bloque-ejemplos {
        display: flex;
        flex-direction: column;
        order: 2;
    }

    #landing-producto #bloque-why {
        display: flex;
        flex-direction: column;
        order: 3;
    }

    #landing-producto #bloque-faq,
    #landing-producto #bloque-faq-spd {
        display: flex;
        flex-direction: column;
        order: 4;
    }

    #landing-producto #bloque-news {
        display: flex;
        flex-direction: column;
        order: 5;
    }

@media only screen and (max-width: 1024px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents {
        width: 100%;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
            padding: 15px 10px;
            width: 32%;
            min-height: 272px;
            margin: 5px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                text-align: center;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                    height: 124px;
                }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                    font-size: 20px;
                }

    /* landing producto */
    #producto .content-title {
        margin-top: -10px;
    }

        #producto .content-title.long-title {
            margin-bottom: 0;
        }

        #producto .content-title h1,
        #distributiva .content-title h1 {
            padding: 0 0 0 50px;
        }

            #producto .content-title h1 img {
                vertical-align: top;
                margin-top: -40px;
            }

    #producto .google-rating {
        padding: 0 50px 0 0;
    }

    #producto .btn-container {
        padding: 0 0 0 50px;
        margin-top: 20px;
    }

    #producto .red-line {
        width: 90%;
    }

    #producto .subtitle-container {
        width: 90%
    }

    /******************************************************************************/
    /* Why */
    #why ul li div {
        align-items: center;
    }

        #why ul li div .line {
            width: 90%;
        }

        #why ul li div .why-content-text {
            text-align: center;
        }

    /******************************************************************************/
    /* Faq */
    #faq {
        padding: 10px 10px 30px 10px;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto ul {
        justify-content: space-evenly;
    }

        #ejemplo-producto ul li {
            width: 23%;
        }

            #ejemplo-producto ul li > b {
                font-size: 30px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                height: 100px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                width: 90%;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                    font-size: 14px;
                }

            #ejemplo-producto ul li a {
                width: 90%;
            }
}

@media only screen and (max-width: 850px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .tab {
        justify-content: space-evenly;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
        padding: 20px 10px;
        width: 48%;
        min-height: 200px;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                max-width: 50%;
                height: 101px;
            }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                min-width: 50%;
                align-self: center;
            }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child span {
                display: none;
            }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha > p {
            display: none;
        }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
            max-width: 225px;
        }

    /******************************************************************************/
    /* News */
    #news {
        padding: 0;
    }

        #news .news-block {
            background-color: #ececec;
        }

            #news .news-block .news-item:first-child {
                flex-direction: column;
            }

                #news .news-block .news-item:first-child img {
                    max-width: 100%;
                }

                #news .news-block .news-item:first-child div {
                    text-align: center;
                }

                    #news .news-block .news-item:first-child div h3 {
                        margin: 15px 0 0 0;
                    }

                    #news .news-block .news-item:first-child div p {
                        padding: 0 15px;
                    }

            #news .news-block .news-item:not(:first-child) div {
                background-color: #ececec;
            }
}

@media only screen and (max-width: 767px) {

    
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .content-title {
        min-height: auto;
        padding: 25px 40px;
    }

        #home .content-title h1 {
            font-size: 21px;
            line-height: 1.33;
            letter-spacing: 0.14px;
        }

        #home .content-title p {
            font-size: 17px;
            line-height: 1.18;
            letter-spacing: 0.11px;
        }

    #home .home-hightlight {
        flex-direction: column;
        background-color: #fff;
    }

        #home .home-hightlight .fake-select {
            width: 85%;
            min-width: 345px;
            background: #fff url(../images/icons/png/arrow-red-bottom.png) 100% center no-repeat;
            border: 2px solid #000;
            border-left: 10px solid #e40000;
            border-radius: 5px;
            cursor: pointer;
            margin: 15px auto 15px auto;
            padding: 7px 0 7px 28px;
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.78;
            letter-spacing: 0.12px;
            text-transform: uppercase;
        }

        #home .home-hightlight .hightlight-tabs {
            max-width: none;
            padding-bottom: 0;
            position: relative;
        }

            #home .home-hightlight .hightlight-tabs .tabs {
                width: 81%;
                min-width: 345px;
                border-radius: 5px;
                cursor: pointer;
                background-color: #ececec;
                border: 0.2px solid #000;
                border-top: 0;
                display: none;
                left: 11.5%;
                position: absolute;
                top: -14.5px;
                z-index: 1;
            }

                #home .home-hightlight .hightlight-tabs .tabs > ul {
                    margin-right: 0;
                    margin-top: 0;
                }

                    #home .home-hightlight .hightlight-tabs .tabs > ul li {
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 1.78;
                        letter-spacing: 0.12px;
                        color: #4a4a4a;
                        border: 0.2px solid #000;
                        border-radius: 3px;
                    }

                    #home .home-hightlight .hightlight-tabs .tabs > ul a {
                        background-image: none !important;
                        border-radius: 0 !important;
                        padding: 7px 0 7px 28px;
                    }

                #home .home-hightlight .hightlight-tabs .tabs ul li.current > a {
                    background: inherit;
                    color: inherit;
                    border: none;
                }

            #home .home-hightlight .hightlight-tabs .tab-contents {
                border: 0;
                border-radius: 0;
                margin-bottom: 17px;
                margin-top: 0;
                padding: 0;
                width: 100%;
                background-color: #d8d8d8;
            }

                #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
                    min-height: 130px;
                    height: 150px;
                    justify-content: center;
                    padding: 0 10px;
                    background-color: #fff;
                }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child {
                        height: 20%;
                        margin: 0 auto;
                        justify-content: flex-start;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child > img {
                            width: 110px;
                            height: 110px;
                        }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
                            font-size: 17px;
                            line-height: 1.23;
                            letter-spacing: 0.14px;
                            margin: 0 auto auto auto;
                            text-align-last: center;
                            align-self: auto;
                            text-align: start;
                        }

                            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 b {
                                text-decoration: underline;
                            }

                    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
                        width: 55%;
                        max-width: 190px;
                        max-height: 40px;
                        text-transform: uppercase;
                        margin: 40px 20px 0 133px;
                        font-size: 15px;
                    }

                        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                            display: block;
                        }

    #home .videos .video-container,
    #home .videos .imagen-link-videos {
        max-width: 95%;
        padding: 10px 0;
    }

    #home .equipo ul li > div > img {
        width: 85px;
        height: 80px;
    }

    #home .equipo ul li > div > div p:first-child {
        font-size: 29px;
    }

    #home .equipo ul li > div > div p:not(:first-child) {
        font-size: 24px;
    }

    /******************************************************************************/
    /* landing producto */
    #producto {
        height: auto;
        background-image: none !important;
        box-shadow: none;
    }

        #producto .content-title {
            order: 3;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            height: auto;
            min-height: 100%;
            padding: 0;
            background-color: #ececec;
            margin-bottom: 0;
        }

            #producto .content-title h1 {
                font-size: 30px;
                letter-spacing: 0.19px;
                color: #000;
                text-shadow: none;
                margin: 20px auto 20px auto;
                padding: 0 15px;
            }

                #producto .content-title h1 > br {
                    display: block;
                }

                #producto .content-title h1 b {
                    font-size: 30px;
                    line-height: 1.13;
                    letter-spacing: 0.19px;
                    color: #cb0000;
                    text-shadow: none;
                    text-transform: uppercase;
                }

            #producto .content-title img {
                display: none;
            }

        #producto .google-rating {
            width: 100%;
            max-height: 100%;
            padding: 0;
            background-color: #fff;
        }

        #producto .head-image,
        #producto .head-image.margin-para-titulo-doble {
            order: 1;
            margin: 0 auto;
            background-color: #ececec;
            height: 250px;
        }

            #producto .head-image img {
                max-width: 100%;
                width: 425px;
                height: 232px;
                object-fit: cover;
            }

        #producto .red-line {
            display: none;
        }

        #producto .btn-container {
            order: 2;
            margin: -100px auto 35px auto;
            padding: 0;
            align-self: auto;
            justify-content: center;
        }

            #producto .btn-container .btn {
                max-width: 285px;
                min-width: auto;
                max-height: 55px;
                font-size: 20px;
                letter-spacing: 0.13px;
                padding: 11px;
                text-transform: uppercase;
                background-image: linear-gradient(to top, #ff0101 0%, #cb0000 100%);
                box-shadow: #42232366 3px 5px 4px, #4223234d 6px 9px 13px -3px, #6f3a3a80 -4px -4px 0 inset, #ffffff 0px 0px 47px 2px;
            }

        #producto .subtitle-container {
            width: 100%;
            min-height: 149px;
            padding: 20px;
        }

            #producto .subtitle-container span:not(:first-child) {
                font-size: 17px;
            }

    /******************************************************************************/
    /* landing distributiva */
    #distributiva .content-title {
        align-items: center;
        height: auto;
    }

        #distributiva .content-title h1 {
            padding: 10px;
            text-align: center;
        }

            #distributiva .content-title h1 > br {
                display: block;
            }

    #distributiva .content-sub-title div:last-child p b {
        font-size: 32px;
        line-height: 0.97;
        letter-spacing: 0.21px;
        color: #b40202;
    }

    #distributiva .content-sub-title div:last-child p,
    #distributiva .content-sub-title div:last-child p small {
        font-size: 22px;
    }

    #distributiva .pregunta-spd > p {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.88;
        letter-spacing: 0.1px;
    }

        #distributiva .pregunta-spd > p a {
            text-transform: uppercase;
            text-decoration: underline;
        }

        #distributiva .pregunta-spd > p span {
            display: none;
        }

    #distributiva .distribution-content {
        padding: 5px 0 15px 0;
    }

    /******************************************************************************/
    /* Tarjetas de distribución de prodcuto */
    #chip-distribution {
        flex-direction: row;
        justify-content: space-around;
        align-items: normal;
        padding: 10px 0;
    }

        #chip-distribution .chip {
            align-items: center;
            margin: 8px 0;
            height: 130px;
            padding: 0px 10px 2px 10px;
            justify-content: center;
        }

            #chip-distribution .chip > a:first-child {
                width: 100%;
                height: 40%;
                flex-direction: row;
                justify-content: flex-start;
                margin: 0 auto;
            }

                #chip-distribution .chip > a:first-child div {
                    margin: 0 auto auto 17px;
                    text-align-last: start;
                    align-self: auto;
                }

                #chip-distribution .chip.meses > a:first-child div {
                    margin: 1px auto auto 17px;
                    text-align-last: start;
                    align-self: auto;
                }


            #chip-distribution .chip.ico-chip {
                display: none;
            }

        #chip-distribution .btn {
            width: 55%;
            max-width: 190px;
            max-height: 32px;
            margin: 19px auto 0 124px;
        }

        /*#chip-distribution .btnn {
            width: 100%;
            max-width: 190px;
            max-height: 32px;
            margin: 19px auto 0 124px;
        }*/

        #chip-distribution.x2 .chip,
        #chip-distribution.x3 .chip,
        #chip-distribution.x4 .chip {
            width: 48%;
        }

            #chip-distribution.x2 .chip > a img,
            #chip-distribution.x3 .chip > a img,
            #chip-distribution.x4 .chip > a img,
            #chip-distribution.x2.alta .chip > a img,
            #chip-distribution.x3.alta .chip > a img,
            #chip-distribution.x4.alta .chip > a img {
                width: 110px;
                height: 110px;
                object-fit: contain;
            }

        #chip-distribution .chip > a div.chip-title b {
            text-decoration: underline;
        }

    /******************************************************************************/
    /* Why */
    #why {
        background: #fff;
    }

        #why ul {
            justify-content: center;
        }

            #why ul.dark li {
                background-color: #000;
            }

            #why ul:not(.dark) li {
                background: linear-gradient(to top, #520000 0%, #8a0000 100%);
            }

            #why ul li {
                width: 75%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                #why ul li div {
                    max-width: 100%;
                    width: 90%;
                    height: auto;
                    align-items: self-end;
                    padding: 30px 0;
                }

                    #why ul li div .why-content-title {
                        font-size: 24.4px;
                        letter-spacing: 0.16px;
                    }

                    #why ul li div .line {
                        max-width: 100%;
                        width: 100%;
                    }

                    #why ul li div .why-content-text {
                        font-size: 16px;
                        text-transform: uppercase;
                        text-align: right;
                    }

    /******************************************************************************/
    /* Faq */
    #bloque-faq .titulo {
        padding: 0 60px;
        text-align: center;
    }

    #faq .accordion .accordion-item {
        background: url(../images/icons/png/accordion-arrow-closed.png) no-repeat 10px 21px;
        padding: 15px 15px 0 33px;
    }

        #faq .accordion .accordion-item.active {
            background-color: #ececec;
        }

        #faq .accordion .accordion-item .accordion-title,
        #faq .accordion .accordion-item .accordion-content {
            font-size: 19px;
        }

    /******************************************************************************/
    /* Faq SPD */
    #faq-spd .faq-spd-controls {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #faq-spd .faq-spd-controls #menuFAQSelected,
        #faq-spd .faq-spd-controls #menuFAQSelected > span {
            color: #000;
            font-size: 27px;
            width: 90%;
        }

        #faq-spd .faq-spd-controls .itemFaqSpd {
            width: 80%;
            font-size: 18px;
            color: #000;
            background: #F3F3F3;
            border: 1px solid #000;
            border-radius: 0;
            padding: 10px;
            float: none;
        }

            #faq-spd .faq-spd-controls .itemFaqSpd > span {
                font-size: 27px;
                color: #cb0000;
            }

        #faq-spd .faq-spd-controls h3:last-child {
            padding: 10px;
            border-radius: 0;
            border-right: 1px solid #000;
        }

    #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item-title {
        font-size: 19px;
    }

    #faq-spd .faq-spd-content .faq-spd-item-list .faq-spd-item .faq-spd-item-content {
        font-size: 18px;
        color: #000;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto.caravana ul {
        min-height: 670px;
    }

    #ejemplo-producto.mascota ul {
        min-height: 580px;
    }

    #ejemplo-producto ul {
        width: 100%;
        text-align: center;
        align-items: center;
    }

        #ejemplo-producto ul li {
            width: 100%;
            height: auto;
            align-items: center;
        }

            #ejemplo-producto ul li > small {
                font-size: 22px;
            }

            #ejemplo-producto ul li > b {
                font-size: 36px;
            }

            #ejemplo-producto ul li .detalle-ejemplo-producto {
                width: 450px;
            }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x1 {
                    width: auto;
                    height: 145px;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto div.x2 {
                    width: auto;
                    height: 225px;
                }

                #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto {
                    width: 90%;
                    height: 120px;
                }

                    #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span {
                        font-size: 20px;
                    }

                        #ejemplo-producto ul li .detalle-ejemplo-producto .etiqueta-ejemplo-container .etiqueta-ejemplo-producto span > b {
                            font-size: 40px;
                        }

                #ejemplo-producto ul li .detalle-ejemplo-producto > span {
                    width: 60%;
                    height: 10px;
                    background-color: #fff;
                    margin: -45px auto;
                }

            #ejemplo-producto ul li a {
                width: 430px;
                height: 72px;
                font-size: 27px;
                font-weight: bold;
                line-height: 1.29;
                letter-spacing: 0.16px;
                text-transform: uppercase;
                padding: 17px 0 0 0;
            }

    /******************************************************************************/
    /* Tabla Ahorro ***Seguros de alquiler*** */
    #tablaAhorro {
        display: flex;
        flex-direction: column;
    }

        #tablaAhorro > div {
            margin: 0 0 !important;
            padding: 5px 25px;
        }

    /******************************************************************************/
    /* News */
    #news .news-block {
        flex-direction: column;
        padding: 5px 35px 15px 25px;
    }

        #news .news-block .news-item:first-child {
            width: 100%;
            padding: 10px 0;
        }

            #news .news-block .news-item:first-child img {
                display: none;
            }

            #news .news-block .news-item:first-child div.active {
                border-left: 8px solid #000;
            }

            #news .news-block .news-item:first-child div {
                width: 100%;
                text-align: start;
                border-left: 8px solid #cb0000;
                background-color: #f6f6f6;
                padding: 15px 25px;
            }

                #news .news-block .news-item:first-child div h3 {
                    color: #000;
                    text-transform: uppercase;
                    margin: 0;
                }

                #news .news-block .news-item:first-child div p {
                    display: none;
                }

                #news .news-block .news-item:first-child div.active p {
                    display: block;
                    padding: 0;
                }

                #news .news-block .news-item:first-child div a {
                    display: none;
                }

                #news .news-block .news-item:first-child div.active a {
                    display: block;
                    margin: 0;
                }

        #news .news-block .news-item:not(:first-child) {
            width: 100%;
            align-items: start;
            padding: 10px 0;
        }

            #news .news-block .news-item:not(:first-child) img {
                display: none;
            }

            #news .news-block .news-item:not(:first-child) div.active {
                border-left: 8px solid #000;
            }

            #news .news-block .news-item:not(:first-child) div {
                width: 100%;
                text-align: start;
                border-left: 8px solid #cb0000;
                background-color: #f6f6f6;
                padding: 5px 25px;
            }

                #news .news-block .news-item:not(:first-child) div h3 {
                    width: 100%;
                    font-size: 19px;
                    font-weight: 600;
                    line-height: normal;
                    letter-spacing: 0.12px;
                    text-align: start;
                    padding: 0;
                    margin: 0;
                    text-transform: uppercase;
                }

                #news .news-block .news-item:not(:first-child) div p {
                    display: none;
                }

                #news .news-block .news-item:not(:first-child) div.active p {
                    display: block;
                    width: 100%;
                    font-size: 15px;
                    line-height: 1.47;
                    letter-spacing: 0.1px;
                    padding: 0;
                }

                #news .news-block .news-item:not(:first-child) div a {
                    display: none;
                }

                #news .news-block .news-item:not(:first-child) div.active a {
                    display: block;
                    margin: 0;
                }

    /************************* DISTRIBUCIÓN **************************/
    #landing-producto #bloque-why {
        order: 6;
    }

    #landing-producto #bloque-faq {
        order: 3;
    }

    #landing-producto #bloque-ejemplos {
        margin-bottom: 20px;
    }

    #landing-producto #bloque-news {
        order: 4;
    }
}

@media only screen and (max-width: 700px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha {
        width: 100%;
    }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha:first-child {
            border-top: none;
            margin-top: 0;
        }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 {
            margin: auto auto auto 15px;
            text-align-last: auto;
            font-size: 20px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
                display: none;
            }

        #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
            width: 60%;
            max-width: 280px;
            max-height: 33px;
            margin: 48px auto 0 125px;
        }

            #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn br {
                display: none;
            }
}

@media only screen and (max-width: 600px) {

    #chip-distribution.x4 .chip.doble {
        width: 100%;
    }
    /************************* COMPONENTES **************************/
    /* landing distributiva */
    #chip-distribution .chip:nth-child(even) {
        background-color: #ececec;
    }

    #chip-distribution .chip {
        margin: 2px 0;
    }

        #chip-distribution .chip > a:first-child div {
            margin: 0 0 0 17px;
        }

            #chip-distribution .chip > a:first-child div > br {
                display: none;
            }

    #chip-distribution.x2 .chip,
    #chip-distribution.x3 .chip,
    #chip-distribution.x4 .chip {
        width: 100%;
    }

    #chip-distribution .btn {
        width: 60%;
        max-width: 245px;
    }

    /******************************************************************************/
    /* Ejemplo */
    #ejemplo-producto ul li .detalle-ejemplo-producto {
        width: 66%;
    }

    #ejemplo-producto ul li a {
        width: 63%;
    }
}

@media only screen and (max-width: 425px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .fake-select {
        width: 90%;
        min-width: 320px;
    }

    #home .home-hightlight .hightlight-tabs .tabs {
        width: 84%;
        min-width: 300px;
        left: 10.9%;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
        display: block;
    }

    #home .videos .imagen-link-videos a img:nth-child(1) {
        width: 100%;
        padding: 0 0 10px 0;
    }

    #home .videos .imagen-link-videos a img:nth-child(2),
    #home .videos .imagen-link-videos a img:nth-child(3) {
        width: 100%;
        padding: 10px 0 10px 0;
    }

    #home .videos .imagen-link-videos a img:nth-child(4) {
        width: 100%;
        padding: 10px 0 0 0;
    }

    /* Landing producto */
    #chip-distribution .chip > a:first-child div > br {
        display: block;
    }

    /******************************************************************************/
    /* Ejemplo */
    #ejemplo-producto ul li .detalle-ejemplo-producto {
        width: 80%;
    }

    #ejemplo-producto ul li a {
        width: 77%;
    }
}

@media only screen and (max-width: 375px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha a:first-child h3 > br {
        display: block;
    }

    #home .home-hightlight .hightlight-tabs .tab-contents .micro-ficha .btn {
        width: 55%;
        max-width: 195px;
    }

    /******************************************************************************/
    /* Landing distributiva */
    #chip-distribution .chip > a:first-child div {
        margin: 0 0 0 17px;
    }

    /******************************************************************************/
    /* Ejemplos */
    #ejemplo-producto ul li a {
        font-size: 24px;
        padding: 20px 0 0 0;
    }

    /************************* DISTRIBUCIÓN **************************/
    #producto .content-title {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 320px) {
    /************************* COMPONENTES **************************/
    /* landing home */
    #home .home-hightlight .fake-select {
        width: 95%;
        min-width: 300px;
    }

    #home .home-hightlight .hightlight-tabs .tabs {
        width: 80%;
        min-width: 280px;
        left: 9.9%;
    }

    /******************************************************************************/
    /* Landing distributiva */
    #chip-distribution .btn {
        width: 55%;
        max-width: 165px;
    }
}
