.container {
    font-family: 'Montserrat';
}

.concesionarios {
    display: flex;
    min-height: 100vh;

    .filtro {
        width: 20%;
        background: #F4F4F4;
        overflow-y: auto;
        padding: 1rem;
        position: sticky;
        top: 0;
        height: 100vh;
        box-sizing: border-box;

        .box-filtro {
            padding-top: 10rem;

            h4 {
                text-transform: uppercase;
                padding-bottom: 2rem;
            }

            .selector1 {
                height: 45px;
                width: 100%;
                font-family: var(--font-bold);
                font-size: 16px;
                font-weight: 700;
                padding: 0 10px;
                border: none;
                border-bottom: solid 2px rgb(0, 0, 0);
                color: #505059;
                background-color: #fff;
            }
        }
    }

    .filter-services {
        margin-top: 51px;

        .check_title {
            font-size: 14px;
            line-height: 17px;
        }

        ul{
            margin-top: 25px;
            display: flex;
            flex-direction: column;
            gap: 30px;

            li {
                display: flex;
                flex-direction: row;
                width: max-content;
                min-width: 100%;
                
                input {
                    display: flex;
                }
                label{
                    font-size: 14px;
        line-height: 17px;
                }
            }
        }
    }

    .cars-white {
        flex: 1;
        padding: 2rem;
        overflow-y: auto;

        h2 {
            text-align: justify;
            margin-bottom: 1.5rem;
            font-weight: 600;
            font-size: 2.5rem;
            text-transform: uppercase;

        }

        .container-cars-white-flex {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;

            & a {
                text-decoration: none;
            }

            .cars-item-flex {
                flex: 1 1 450px;
                background: #F4F4F4;
                box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);

                .figure {
                    .img {
                        width: 100%;
                        height: 100%;
                    }
                }

                .contenido {
                    padding: 24px;

                    .tags {
                        margin-bottom: 24px;
                        display: flex;
                        flex-wrap: nowrap;
                        gap: 8px;

                        .tag {
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            align-items: center;
                            padding: 4px 8px;
                            height: 24px;
                            background: #E5E5E5;
                            border-radius: 4px;
                            font-family: var(--font-regular);
                            font-style: normal;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 17px;
                            color: #666666;
                        }
                    }

                    .nombre_centro {
                        font-family: var(--font-demi);
                        font-style: normal;
                        font-weight: 600;
                        font-size: 18px;
                        line-height: 22px;
                        color: #C51A20;
                        margin-bottom: 10px;
                        text-transform: uppercase;
                    }

                    .direccion {
                        font-family: 'MontserratRegular';
                        font-style: normal;
                        font-weight: 400;
                        font-size: 18px;
                        line-height: 22px;
                        color: #414141;
                        margin-bottom: 21px;
                    }

                    .contenido-datos {
                        display: flex;
                        flex-wrap: wrap;
                        margin-bottom: 36px;
                        gap: 16px;
                        row-gap: 12px;
                        justify-content: space-between;

                        p {
                            flex-basis: 100%;
                            font-family: var(--font-demi);
                            font-style: normal;
                            font-weight: 600;
                            font-size: 18px;
                            line-height: 22px;
                            color: #414141;
                            margin-bottom: -7px;
                        }

                        .contenido_horarios {
                            display: flex;
                            row-gap: 5px;
                            column-gap: 32px;
                            width: max-content;

                            .horario {
                                flex-basis: 50%;
                                display: flex;
                                flex-direction: column;
                                row-gap: 10px;

                                p {
                                    font-family: var(--font-regular);
                                    font-style: normal;
                                    font-weight: 400;
                                    font-size: 18px;
                                    line-height: 22px;
                                    color: #414141;
                                    width: max-content;
                                }
                            }
                        }

                        .telefonos {
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-end;
                            align-items: center;
                            gap: 12px;
                            min-width: 175px;
                            padding-right: 32px;

                            .telefono {
                                font-family: var(--font-demi);
                                font-style: normal;
                                font-weight: 600;
                                font-size: 18px;
                                line-height: 22px;
                                color: #414141;
                                display: flex;
                                align-items: center;
                                gap: 8px;

                                a {
                                    color: black;
                                }
                            }
                        }
                    }

                    .adicionales {
                        display: flex;
                        flex-direction: row;
                        gap: 24px;
                        height: 28px;
                        align-items: center;

                        .como_llegar {
                            color: #C51A20;
                        }

                        a {
                            font-style: normal;
                            font-family: var(--font-demi);
                            font-weight: 600;
                            font-size: 18px;
                            line-height: 22px;
                            color: #414141;
                            text-transform: capitalize;
                            display: flex;
                            gap: 10px;
                            align-items: center;
                        }
                    }
                }
            }

        }
    }
}