/**
**
**  GENERAL
**
**/
:target {
    scroll-margin-top: 100px;
}

a{
    text-decoration: none !important;
}


html {
    scroll-behavior: smooth;
}

.logo-entregar {
    width: 180px;
}

.title-component {
    font-size: 21px;
    line-height: 32px;
    color: #000;
    font-family: "Open Sans";
    font-weight: 700;
}

.subtitle-component {
    font-size: 16px;
    /*font-weight: 600;*/
    color: #000;
    line-height: 24px;
}

p {
    font-family: "Open Sans";
}

h1 {
    font-family: "Open Sans";
}

button {
    font-family: "Open Sans" !important;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 10px !important;
}

input {
    font-family: "Open Sans";
}


header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
    padding: 0 150px;
}

.flex {
    display: flex;
}

.error{
    color: #E4202D;
}

/**
**
**  FOOTER
**
**/

footer {
    background-color: #000;
}

.container-fiscal {
    background-color:#fff ;
    width: 100%;
}


.footer-text {
    font-size: 16px;
    color: #fff;
    line-height: 21px;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.image-footer {
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 8px 48px 8px 16px;
}
.image-footer-entregar{
    max-width: 175px;
}


/**
**
** SLIDER
**
**/

.container-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 62px 100px;
}

.background-home {
    background-image: url('../img/backgroundHome.jpg');
    position: absolute;
    height: 785px;
    width: 100%;
    background-size: cover;
}

.content-card {
    position: relative;
    max-width: 73%;
    min-width: 73%;
}

.card-slider {
    background-color: #D6D6D6 !important;
    border-radius: 20px !important;
}

.card-body-slider {
    background-color: #fff;
    padding: 10px;
    border-radius: 20px;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}

.card-footer-slider {
    background-color: #f1f1f1 !important;
    border-end-end-radius: 20px !important;
    border-end-start-radius: 20px !important;
    padding: 0 10px;

}

.separation-footer {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

.image-van {
    position: absolute;
    left: -25%;
    top: 36%;
    max-width: 420px;
}

.image-box {
    position: absolute;
    max-width: 200px;
    right: -13%;
    top: 34%;
}

.title-slider {
    font-size: 30px;
    color: #000;
    line-height: 47px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.text-slider {
    font-size: 20px;
    color: #000;
    line-height: 34px;
}

.subtext-slider {
    font-size: 14px;
    line-height: 19px;
    color: #000;
}

.description-slider {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.container-input {
    justify-content: center;
    align-items: center;
    display: flex;
}

.input-group {
    border-color: #fff;
    max-width: 50% !important;
}

.follow-shipping-input {
    letter-spacing: 10px;
    font-weight: 500 !important;
    text-align: left;
}

.follow-shipping-input:focus{
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
}

.follow-shipping-button {
    background-color: #E4202D;
    border-color: #E4202D;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 15px;
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-style: none;
}

.follow-shipping-button:hover {
    background-color: #ff3744;
    border-color: #ff3744;
    transition: all .25s ease-in-out;
}

.our-services-button {
    background-color: transparent !important;
    border-color: #000 !important;
    color: #000 !important;
    font-size: 14px !important;
    padding: 10px 30px;
    border-radius: 5px !important;
    border: 1px solid;
}

.e-button {
    background-color: #D6D6D6 !important;
    border-color: #D6D6D6 !important;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    width: 50px !important;
    padding: 10px 10px !important;
    font-weight: 700;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

.section-icon {
    border-radius: 100%;
    background-color: #D6D6D6;
    height: 100px;
    width: 100px;
    margin: 20px auto;
}

.effect-hover img {
	transition: transform .25s ease-in-out;
}

.effect-hover:hover img {
	transform:scale(1.1);
	transform:transition(1.1);
}

/***
**
**  SERVICES
**
***/

.container-services {
    background: #F1F1F1;
    padding: 60px 100px;
    border-end-end-radius: 30px;
    border-end-start-radius: 30px;
}

.section-image {
    width: 100%;
    margin: 0 0 5px;
    border-radius: 20px;
    box-shadow: 0 3px 8px #dedede;
}

.services-button {
    background-color: #F49B00;
    border-color: #F49B00;
    font-size: 14px;
    border-radius: 6px !important;
    padding: 8px 15px;
    color: #000;
    border-style: none;
}

.services-button:hover {
    background-color: #ffb129;
    border-color: #ffb129;
    transition: all .25s ease-in-out;
}

.deliver-button {
    background-color: #EFBF00;
    border-color: #EFBF00;
    font-size: 14px;
    border-radius: 6px !important;
    padding: 8px 15px;
    color: #000;
    border-style: none;
    width: 223.5px;
}

.deliver-button:hover {
    background-color: #ffd738;
    border-color: #ffd738;
    transition: all .25s ease-in-out;
}

.subtitle-services {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.text-services {
    font-size: 17px;
    line-height: 24px;
    color: #000;
    height: 115px;
    align-items: start;
    display: flex;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}

.divider-services {
    display: none;
}


/***
**
**  LAST MILLE
**
***/

.container-last-mille {
    background: #fff;
    padding: 60px 100px 0;
}

.order-last-mille {
    font-size: 24px;
    line-height: 32px;
    color: #F14562;
    font-weight: 700;
}



.section-image-last-mille {
    border-radius: 100%;
    height: 150px;
    width: 150px;
    margin: 50px auto 20px;
}

.description-last-mille {
    font-size: 25px;
    line-height: 34px;
    padding-top: 30px;
}

.text-last-mille {
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}


/***
**
**  BENEFITS
**
***/

.container-benefits {
    padding: 40px 100px 60px;
    margin-bottom: 100px;
}

.title-beneficios{
    padding-top: 50px;
}

.background-city {
    background-image: url("../img/backgroundCiudad.jpg");
    height: 736px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    background-size: cover;
}

.item-benefits {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 8px #dedede;
    border-end-end-radius: 60px;
    border-start-end-radius: 60px;
    margin: 0 auto;
    max-width: 950px;
}

.section-icon-benefits {
    background-color: #F1F1F1;
    height: 100px;
    width: 100px;
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
}

.container-text-benefits {
    align-items: center;
    display: flex;
    margin-left: 16px;
    text-align: left;
}

.icon-benefit {
    height: 100%;
    width: 80%;
}

.text-benefits {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    align-items: center;
    font-weight: 700;
    margin-block: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.subtext-benefits {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    align-items: center;
    margin-block: 0;
}


/***
**
**  PLAFTFORMS
**
***/

.container-platforms {
    background: #fff;
    padding: 60px 100px 30px;
}
.image-platforms {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 200px;
}
/***
**
** DELIVERY MAN
**
***/

.container-delivery-man {
    display: grid;
}

.content {
    box-shadow: 3px 3px 18px #e9f3fa;
    border-radius: 30px;
}

.section-image-delivery-man {
    background-image: url("../img/backgroundCiudad.jpg");
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    border-radius: 20px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding: 10px;
}

.image-background-city2 {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-deliver {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.work-our-button {
    font-size: 16px;
    background-color: #E4202D;
    border-color: #E4202D;
    color: #fff;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    border-style: none;
}

/***
**
**  INFORMATION
**
***/

.container-information {
    background: #fff;
    padding: 60px 100px;
    max-width: 800px;
    margin: 0 auto;
}

.container-text-information {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: grid;
}

.text-information {
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

.section-image-information {
    width: 100%;
    background-color: #666;
    height: 600px;
}


/***
**
**CONTACT
**
***/

.container-contact {
    padding: 25px 60px;
    background-color:#F1F1F1;
    border-end-start-radius: 80px;
    border-end-end-radius: 80px;
}

.container-alert {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.background-contact {
    background-image: url('../img/backgroundHome.jpg');
    position: fixed;
    height: 100vh;
    width: 100%;
    background-size: cover;
    left: 0;
    z-index: -10;
}

.card-contact {
    padding: 10px 15px;
    border-radius: 25px !important;
    box-shadow: 0 3px 8px #dedede;
    background: #fff !important;
    opacity: 1;
    min-height: 500px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-contact {
    font-size: 21px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    position: absolute;
    top: 20px;
}

.subtitle-contact {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
}

.text-contact {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
}

.input-group-contact {
    max-width: 100% !important;
}

.input-textarea-contact {

}

.container-icon-contact {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
}

.icon-contact-whatsapp {
    height: 45px;
    width: auto;
}

.icon-contact-envelope {
    height: 35px;
    width: auto;
}

.icon-circule {
    width: 80px;
    height: 80px;
}

.button-contact {
    background-color: #F49B00;
    border-color: #F49B00;
    font-size: 14px;
    border-radius: 6px !important;
    padding: 8px 15px;
    color: #000;
    border-style: none;
}

.button-contact:hover {
    background-color: #ffb129;
    border-color: #ffb129;
    transition: all .25s ease-in-out;
}

/***
**
** SERVICES - PUNTO POINT
**
***/


.background-warehouse {
    background-image: url('../img/warehouseBackground.jpg');
    position: fixed;
    height: 100vh;
    width: 100%;
    background-size: cover;
    left: 0;
    z-index: -10;
}

.container-services {
    padding: 25px 60px;
    background-color:#F1F1F1;
    border-end-start-radius: 80px;
    border-end-end-radius: 80px;
}

.image-warehouse {
    width: 100%;
    object-fit: cover;
}

.image-deliver-man {
    width: 100%;
    object-fit: cover;
}

.image-services {
    width: 100%;
    object-fit: cover;
}

.step-mobile {
    display: none;
}

.message-information {
    font-size: 14px;
    line-height: 19px;
    font-family: "Open Sans";
}

.container-services-puntopoint {
    padding: 60px 60px;
    background-color: #fafafa;
}

.description-service {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
}

/***
**
**  RESPONSIVE
**
***/


@media (max-width: 1399px) {
    .content-card {
        max-width: 84%;
        min-width: 84%;
    }

}

@media (max-width: 1199px) {
    .image-van {
        display: none;
    }

    .image-box {
        display: none;
    }

    .content-card {
        max-width: 100%;
        min-width: 100%;
    }

    .follow-shipping-input {
        letter-spacing: 12px;
    }
}

@media (max-width: 1050px) {
    .input-group-contact {
        max-width: 100% !important;
    }

    header {
        padding: 0 100px;
    }
}

@media (max-width: 991px) {
    .input-group {
        max-width: 64.5% !important;
    }

    .follow-shipping-input {
        letter-spacing: 9px;
    }

    .background-home {
        height: 808px;
    }
    .container-slider {
       padding: 62px 60px;
    }
}

@media (max-width: 767px) {
    .background-home {
        background-image: none;
        display: none;
    }

    .container-contact {
        padding: 25px 20px;
        background-color:#F1F1F1;
        border-end-start-radius: 80px;
        border-end-end-radius: 80px;
    }

    .title-component {
        font-size: 22px;
        line-height: 26px;
    }

    .subtitle-component {
        font-size: 15px;
        line-height: 18px;
    }

    .title-slider {
        font-size: 23px;
        line-height: 40px;
    }

    .text-slider {
        font-size: 16px;
        line-height: 28px;
    }

    .description-slider {
        font-size: 18px;
        padding: 0 15px;
    }

    .input-group {
        max-width: 352px !important;
    }

    .follow-shipping-input {
        letter-spacing: 6.5px;
    }

    .subtext-slider {
        font-size: 12px;
        line-height: 28px;
    }

    .follow-shipping-button {
        padding: 0px 10px !important;
    }

    .subtitle-services {
        font-size: 20px;
        line-height: 26px;
    }

    .text-services {
        height: auto;
        margin-bottom: 15px !important;
        padding: 0 15px 15px;
    }

    .divider-services {
        display: block;
        margin-top: 32px;
    }

    .order-last-mille {
        font-size: 26px;
    }

    .description-last-mille {
        font-size: 22px;
        line-height: 28px;
    }

    .text-last-mille {
        padding: 0 15px;
    }

    .text-benefits {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .subtext-benefits {
        font-size: 15px;
        line-height: 18px;
    }

    .container-images-platforms {
        display: inline-grid;
        justify-items: center;
    }

    .image-platforms {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 150px;
    }

    .work-our-button {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .section-image-delivery-man {
        padding: 35px 20px 20px;
        border-start-end-radius: 20px;
        border-end-start-radius: 0;
    }

    .image-deliver {
        border-end-start-radius: 20px;
        border-start-end-radius: 0;
    }

    .container-slider {
        padding: 0;
        margin: 0;
    }

    .card-slider {
        border-radius: 0 !important;
    }

    .card-body-slider {
        border-radius: 0 !important;
    }

    .card-footer-slider {
        border-radius: 0 !important;
        padding: 10px 0 25px;
    }

    .container-benefits {
        padding: 35px 15px;
    }

    .section-icon-benefits {
        border-start-end-radius: 10px;
        border-end-start-radius: 0px;
    }

    .item-benefits {
        display: block;
        border-radius: 0;
    }

    .section-icon-benefits {
        border-radius: 0;
        background: transparent;
        width: 100%;
        padding: 10px;
    }

    .container-text-benefits {
        padding: 15px 10px;
        text-align: center;
        margin: 0;
    }

    .background-city {
        height: 1120px;
    }

    .container-information {
        padding: 35px 15px;
    }

    .container-last-mille {
        padding: 35px 15px;
    }

    .container-services {
        padding: 35px 15px;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
    }

    .container-platforms {
        padding: 35px 15px;
    }

    .container-delivery-man {
        padding: 35px 15px;
    }

    .content-card {
        margin: 10px;
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .image-services {
        display: none;
    }

    .step-mobile {
        display: block;
        background-color: #fff;
    }

    .step {
        color: #f14562;
        font-size: 24px;
        font-family: "Open Sans";
        line-height: 33px;
        font-weight: 700;
    }

    .step-information {
        color: #000;
        font-size: 18px;
        font-family: "Open Sans";
        line-height: 30px;
        font-weight: 500;

    }

    .fullfilment-step{
        max-height: 150px;
    }

    .separation-footer {
        border-right: none !important;
    }

    header {
        padding: 0;
    }

    .container-fiscal {
        display: inline-grid;
        justify-items: center;
    }

    .image-footer {
        margin: 16px 0;
    }
}