@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");

html body {
    font-family: 'Lato', sans-serif;
    background-color: #fff;
    padding: 0;
    margin: 0
}

p {
    font-weight: lighter
}

.text_width p {
    font-size: 18px;
    margin: 0% 8%
}

.bg-C1161D {
    background-color: #C1161D;
}

.bg-242424 {
    background-color: #242424;
}

.bg-F8F8F8 {
    background-color: #F8F8F8;
}

.bg-707070 {
    background-color: #707070;
}

.color-4F4F4F {
    color: #4F4F4F !important;
}

.respaldo_card {
    border-radius: 62px;
    margin: 5vh;
}

.respaldo {
    margin: 65px 0px 80px
}

.respaldo h1 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 74px;
    padding-bottom: 15px;
}

.respaldo_card li {
    padding: 0px;
    list-style: none
}

.content_services img {
    width: 90%;
    padding: 0 5% 30px 5%;
}

.content_services h2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    padding: 30px 0px 25px;
    margin: 0;
}

.content_services p {
    color: white;
    font-size: 16px;
    margin: 0px 35px;
    text-align: center;
}

.respaldo_card p:last-of-type {
    padding-bottom: 2rem;
}

.btn_descarga{
    background-color: #ED1D25;
    width: 220px;
    border-radius: 38px;
    border: none;
    color: white;
    font-size: 19px;
    font-family: "Lato", sans-serif;
    padding: 15px 15px;
    margin: 30px 0;
}

.content_services .section_black {
    background: #000;
    color: white;
    background: #000;
    /*border-radius:10px;
    */
    padding-bottom: 5%
}

.content_services .section_black h2 {
    padding-top: 40px;
    margin-top: 30px
}

.content_services .section_black p {
    padding-bottom: 20px
}

.content_services .section_gray {
    background: #f8f8f8;
    color: #7e7e7e
}

.content_services .section_gray p {
    margin: 0% 8% 8% 8%
}

.content_services .section_gray h2 {
    padding-top: 40px
}

.content_services .section_gray a {
    background: #e52028;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 20px 0px;
    width: 100%;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
}

.content_services .section_gray a:hover {
    background: #fff;
    color: #e52028;
    border: 1px solid #e52028
}

.content_services .section_gray .button-autoparts {
    background: #fff;
    padding: 45px 0px
}

.show_drop li p {
    text-align: center
}

.dropdown a {
    text-decoration: none
}

.dropdown [data-toggle="dropdown"] {
    padding-left: 84px !important;
    font-weight: 600;
    height: 40px;
    position: relative;
    display: flex;
    color: #7e7e7e;
    background: #fff;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 10px;
    text-transform: uppercase;
    font-size: 18px;
    align-items: center
}

.dropdown .icon-arrow {
    position: absolute;
    display: block;
    font-size: 0.7em;
    color: #fff;
    top: 14px;
    right: 10px
}

.dropdown .icon-arrow.open {
    transform: rotate(-180deg);
    transition: all 0.6s ease
}

.dropdown .icon-arrow.close {
    transform: rotate(0deg);
    transition: all 0.6s ease
}

.dropdown .icon-arrow:before {
    content: '\25BC'
}

.dropdown .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0
}

.dropdown .dropdown-menu li {
    padding-top: 5%
}

.dropdown .dropdown-menu li a {
    display: block
}

.dropdown .show_drop,
.dropdown .hide {
    transform-origin: 50%, 0%
}

.dropdown .show_drop {
    display: block;
    height: auto;
    max-height: max-content;
    min-height: max-content;
    background: #fff;
    transform: scale(1);
    animation: showAnimation .5s ease-in-out;
    -moz-animation: showAnimation .5s ease-in-out;
    -webkit-animation: showAnimation .5s ease-in-out;
    transition: max-height 1s ease-in-out
}

.dropdown .hide {
    max-height: 0;
    transform: scaleY(0);
    transition: max-height 0.6s ease-out
}

.content_services a {
    background: red;
    text-align: center;
    color: white;
    font-size: 18px;
    padding: 20px 0px;
    border-radius: 10px;
    width: 100%;
    margin: 45px 0px;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
}

.content_services a:hover {
    background: #fff;
    color: #e52028;
    border: 1px solid #e52028
}

.content_services ul.assurance {
    color: #7e7e7e;
    font-size: 12px
}

.content_services ul.assurance li {
    display: flex;
    height: 55px;
    padding: 0 20px
}

.assurance li p:first-child,
.assurance li p:nth-child(2) {
    border-right: 2px solid #D3D3D3;
  }

  .assurance li p:last-child {
    /* Estilos para el último <p> */
  }

  .assurance li:not(:last-child) {
    border-bottom: 2px solid #D3D3D3;
  }

.content_services ul.assurance li p {
    width: 33%;
    margin: auto;
    padding: 0px 10px 0px 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

.content_services ul.assurance h2 {
    color: #7e7e7e;
    padding-bottom: 5%;
    margin: 0px 70px
}

p.terms {
    font-size: 12px;
    width: 100%;
    margin: auto;
    text-align: center;
    font-weight: normal
}

.lubricants {
    font-size: 18px
}

.lubricants p {
    margin: 0% 8%
}

.lubricants img {
    width: 100%;
    margin: 25px 0px
}

.lubricants a {
    background: red;
    text-align: center;
    color: white;
    font-size: 18px;
    padding: 20px 0px;
    border-radius: 10px;
    width: 100%;
    margin: 45px 0px
}

.lubricants a:hover {
    background: #fff;
    color: #e52028;
    border: 1px solid #e52028
}

.img-table{
    display: flex;
    justify-content: center;
}

.img-table img {
    width: 100%;
    margin-top: -155px;
}
.table-card{
    display: flex;
    justify-content: center;
}

.garantia_table h2 {
    text-align: center;
    padding-bottom: 135px;
    color: #4F4F4F;
}


@media (min-width: 768px) {
    .desktop_services {
        margin: 65px 20px;
    }

    .order-1 {
        order: 1
    }

    .desktop_services p {
        text-align: center;
        margin: auto 10% auto 10% !important;
        color: white;
        font-size: 20px;
    }

    .respaldo_card {
        margin: 5vh 7vh;
    }

    .content_services .section_gray a {
        width: 40%;
        display: flex;
        margin: auto
    }

    .content_services ul.assurance {
        font-size: 15px;
        line-height: 15px;
        padding: 0;
    }

    .content_services a,
    .lubricants a {
        margin: 5% auto;
        width: 40%
    }
}

@media (min-width: 992px) {
    .respaldo_section {
        padding-bottom: 0px;
    }

    p.terms {
        font-size: 15px !important;
        margin: auto !important;
        text-align: center
    }

    .dropdown .dropdown-menu li {
        padding-top: 30px
    }

    .show_drop li p {
        text-align: center;
        margin: auto 20%;
        font-size: 15px
    }

    .content_services .section_gray p {
        margin: auto 20%;
        padding-bottom: 4%
    }

    .content_services h2 {
        font-size: 24px;
        margin: 35px 0;
        padding: 0;
    }

    .content_services .section_gray a {
        width: 25%
    }

    .content_services ul.assurance li {
        height: 70px
    }

    .content_services a,
    .lubricants a {
        margin: 3% auto;
        width: 30%
    }

    .content_services img {
        width: 35% !important;
        padding: 0 5% 0 5%;
        height: 100%;
    }

    .text_refacciones {
        width: 70%
    }

    .desktop_services {
        display: flex;
        margin: 20px 20px;
        align-items: center;
    }

    .table_services{
        display: flex;
        margin: 20px 20px;
        align-items: center;

    }
}

/*# sourceMappingURL=services.min.css.map */