body {
    font-family: 'Muli'!important;
    color: #4c4c4c;
}

a {
    text-decoration: none;
}

.textRedColor {
    color: #db3b2b;
}

.clientBanners {
    background-image: url('../images/home-t1-envios.png');
    background-size: cover;
    background-position: center;
    z-index: -1;
}


/*@media(max-width: 991px) {
    .smallClientBanners {
        background-image: url('../images/prueba6.jpg');
        background-size: cover;
        background-position: center;
        box-shadow: inset 0 0 0 1000px rgb(255 255 255 / 75%);
    }
}*/

.smallClientBanners h1 {
    font-size: 1.2rem;
}

@media(min-width: 768px) {
    .smallClientBanners h1 {
        font-size: 2rem;
    }
}

@media(max-width: 991px) {
    .smallClientBanners .button-t1 {
        width: fit-content;
        padding: 10px 4vw;
        text-align: center;
    }
}

.clientBannersOver {
    top: 7%;
    max-height: 210px;
}

@media(min-width: 992px) {
    .clientBannersOver {
        top: 50px;
        max-height: 288px;
        /* max-height: 330px;*/
        /*max-height: 450px;*/
    }
}

#t1characteristics h5 {
    font-size: 1.2rem;
}

#t1characteristics .row {
    margin-top: -3vw;
}

@media(min-width: 1183px) {
    .headerBackground {
        background-color: #ffffffe0;
    }
}

@media(max-width: 1182px) {
    .headerBackground {
        background-color: #ffffff;
    }
}

@media(min-width: 992px) {
    .lightBackground {
        background-color: #f6f7f8!important;
    }
}

.lightBackground {
    background-color: #ffffff;
}

@media(min-width: 992px) {
    .fastLookContainer {
        /*margin-top: 15rem!important;*/
        /*margin-top: 12rem!important;*/
        margin-top: 10rem!important;
        box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.075);
    }
}

.fastLookContainer {
    padding-top: 2rem;
}

@media(min-width: 992px) {
    .fastLookContainer img {
        margin-top: -105px;
    }
    .fastLookContainer {
        margin-top: 4rem;
    }
}

.fastLookContainer img {
    margin-top: 0px;
    max-width: 210px;
    max-height: 210px;
}

.shadowContainer {
    box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.075);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.integrationsBackground {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    height: 75%;
}

@media(min-width: 992px) {
    .integrationsBackground {
        box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.075);
    }
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

@media(min-width: 992px) {
    #integrationAccordion img {
        max-width: 90px!important;
        max-height: 50px!important;
    }
}

#integrationAccordion img {
    max-width: 90px;
    max-height: 35px;
}

#integrationAccordion .border-top {
    border-color: rgb(0 0 0 / 13%);
}

#plans-tab .nav-link {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}

#plans-tab .nav-link.active,
.nav-pills>.nav-link {
    background-color: white;
    border: 2px solid #c52d1d!important;
    color: #c52d1d!important;
    position: relative;
}

#plans-tab .nav-link.active:after,
.nav-pills .show>.nav-link:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c52d1d;
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

#plans-tab .badge {
    background-color: #63b22f;
}

.commissionBackground {
    background-color: #00000020;
}

.icon-question-mark {
    font-size: 1rem;
}

.sublist .list-group-item {
    border: none;
}

.popovers {
    color: #DBDFE4;
}

#plans-tabContent .border {
    height: -webkit-fill-available;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 10px;
}

.border:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.businessPlan .border {
    border-color: #adadad!important;
}

.businessPlan .commissionBackground {
    background-color: #adadad;
}

.square {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.square:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.top-nav-collapse {
    background-color: #f7f7f7;
}

@media(max-width: 991px) {
    #plans-tab span.badge {
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translate(-50%, 0%);
    }
}

.planFunctions {
    color: #c52d1d;
    font-size: 1rem;
}

@media(min-width: 992px) {
    .planFunctions {
        font-size: 1.6rem;
    }
}

#nav-tabContent-integrationsNormal th,
#nav-tabContent-integrationsNormal td {
    font-size: 12px;
}

#nav-tab-integrationsNormal .nav-link {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: #212529;
}

#nav-tab-integrationsNormal .nav-link.active {
    font-weight: 700;
}

#nav-tabContent-integrationsAnual th,
#nav-tabContent-integrationsAnual td {
    font-size: 12px;
}

#nav-tab-integrationsAnual .nav-link {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: #212529;
}

#nav-tab-integrationsAnual .nav-link.active {
    font-weight: 700;
}

#nav-tabContent-integrationsBiAnual th,
#nav-tabContent-integrationsBiAnual td {
    font-size: 12px;
}

#nav-tab-integrationsBiAnual .nav-link {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: #212529;
}

#nav-tab-integrationsBiAnual .nav-link.active {
    font-weight: 700;
}


/*carousel testimonies*/

#carouselContainer input[type=radio] {
    display: none;
}

#carouselContainer .carouselCard {
    position: absolute;
    width: 60%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .4s ease;
    cursor: pointer;
}

#carouselContainer {
    width: 100%;
    /*max-width: 800px;*/
    max-height: 600px;
    height: 100%;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#carouselContainer .cards {
    position: relative;
    width: 100%;
    height: 333px;
    margin-bottom: 20px;
}

#carouselContainer img {
    width: auto;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    max-width: 44vw;
    margin-bottom: 1.5rem;
}

@media(min-width: 992px) {
    #carouselContainer img {
        max-width: 400px;
    }
}

#carouselContainer #item-1:checked~.cards #song-4,
#carouselContainer #item-2:checked~.cards #song-5,
#carouselContainer #item-3:checked~.cards #song-1,
#carouselContainer #item-4:checked~.cards #song-2,
#carouselContainer #item-5:checked~.cards #song-3 {
    transform: translatex(-180%) scale(.5);
    opacity: 0;
    z-index: 0;
}

#carouselContainer #item-1:checked~.cards #song-3,
#carouselContainer #item-2:checked~.cards #song-4,
#carouselContainer #item-3:checked~.cards #song-5,
#carouselContainer #item-4:checked~.cards #song-1,
#carouselContainer #item-5:checked~.cards #song-2 {
    transform: translatex(180%) scale(.5);
    opacity: 0;
    z-index: 0;
}

#carouselContainer #item-1:checked~.cards #song-5,
#carouselContainer #item-2:checked~.cards #song-1,
#carouselContainer #item-3:checked~.cards #song-2,
#carouselContainer #item-4:checked~.cards #song-3,
#carouselContainer #item-5:checked~.cards #song-4 {
    transform: translatex(-90%) scale(.8);
    opacity: .4;
    z-index: 0;
}

#carouselContainer #item-1:checked~.cards #song-2,
#carouselContainer #item-2:checked~.cards #song-3,
#carouselContainer #item-3:checked~.cards #song-4,
#carouselContainer #item-4:checked~.cards #song-5,
#carouselContainer #item-5:checked~.cards #song-1 {
    transform: translatex(90%) scale(.8);
    opacity: .4;
    z-index: 0;
}

#carouselContainer #item-1:checked~.cards #song-1,
#carouselContainer #item-2:checked~.cards #song-2,
#carouselContainer #item-3:checked~.cards #song-3,
#carouselContainer #item-4:checked~.cards #song-4,
#carouselContainer #item-5:checked~.cards #song-5 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}

#carouselContainer #item-1:checked~.cards :not(#song-1) p,
#carouselContainer #item-2:checked~.cards :not(#song-2) p,
#carouselContainer #item-3:checked~.cards :not(#song-3) p,
#carouselContainer #item-4:checked~.cards :not(#song-4) p,
#carouselContainer #item-5:checked~.cards :not(#song-5) p {
    opacity: 0;
}


/*carousel plans*/

.gtco-testimonials {
    position: relative;
}

@media (max-width: 767px) {
    .gtco-testimonials {
        margin-top: 20px;
    }
}

.gtco-testimonials h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: 2px;
    background-color: black;
    padding: 10px 5px;
}

.gtco-testimonials .owl-stage-outer {
    padding: 30px 0;
}

.gtco-testimonials .owl-nav {
    display: none;
}

.gtco-testimonials .owl-dots {
    text-align: center;
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #01b0f8;
    margin: 0 5px;
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none;
}

.gtco-testimonials .owl-dots .active span {
    background: #01b0f8;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
}

.gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
}

.gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px;
}

.gtco-testimonials .card h5 {
    color: #01b0f8;
    font-size: 21px;
    line-height: 1.3;
}

.gtco-testimonials .card h5 span {
    font-size: 18px;
    color: #666666;
}

.gtco-testimonials .card p {
    font-size: 18px;
    color: #555;
    padding-bottom: 15px;
}

.gtco-testimonials .active {
    opacity: 0.5;
    transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;
}

.gtco-testimonials .center h5 {
    font-size: 24px;
}

.gtco-testimonials .center h5 span {
    font-size: 20px;
}

.gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: 0;
}

@media (max-width: 767px) {
    .owl-stage {
        min-height: 1000px;
    }
}

.dropdownSolutions {
    width: 13rem;
    font-family: 'Muli'!important;
    color: #4c4c4c;
    border: none;
}

.link_color_website {
    color: #db3b2b;
}

#physical .card:hover {
    box-shadow: 0 5px 15px 5px rgb(0 0 0 / 15%);
    transform: translateY(-5px);
}

#physical .card {
    border: none;
}

.checkIconList::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url(https://assets.t1paginas.com/IMAGENES/Landing/palomita_Red.svg) no-repeat;
}

._footer {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #db3b2b;
    padding: 30px 0 15px;
}

._footer ul {
    cursor: pointer;
}

._footer a {
    color: white;
}

._footer a:hover,
._footer a:target,
._footer a:focus,
._footer a:active {
    color: #db3b2b;
    outline: none;
    text-decoration: none;
}

._footer-logo {
    display: block;
    max-width: 50px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

._pounch-line-footer {
    color: black;
    font-size: 18px;
    line-height: 23px;
}

._footer-navs {
    display: block;
    width: 100%;
    position: relative;
}

._footer-navs ul {
    padding: 0;
    margin: 7px 25px;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 18.3%;
}

._footer-navs ul li {
    list-style: none;
    display: block;
    font-size: 12px;
}

._footer-navs ul li a {
    color: black;
}

._footer-navs ul li a:hover {
    outline: none;
    text-decoration: none;
}

._social-footer {
    text-align: center;
}

._social-footer a {
    display: inline-flex;
    width: 28px;
    height: 28px;
    border: 1px solid white;
    border-radius: 50%;
    margin-right: 7px;
    transition: all 500ms ease;
    position: relative;
    align-items: center;
    justify-content: center;
}

._social-footer a img {
    padding: 4px;
    height: 24px;
    color: black;
}

._social-footer a:hover,
._social-footer a:focus,
._social-footer a:target {
    background-color: #db3b2b;
    border-color: #db3b2b;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
}

._social-footer.bluercolor a {
    background-color: #db3b2b;
    border-color: #db3b2b;
    margin-right: 9px;
}

._social-footer.bluercolor a:hover,
._social-footer.bluercolor a:focus,
._social-footer.bluercolor a:target {
    background-color: #db3b2b;
    border-color: #db3b2b;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
}

.stepNumber {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    width: 27px;
    border: 2px solid #c52d1d;
    border-radius: 15px;
    color: #c52d1d;
    font-weight: bold;
}

.sizeLetterPackages {
    font-size: 12px;
}

.formatLetterPackages {
    font-weight: 600;
}

.list-group-item2 {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
}

.button-t1-table {
    height: 45px;
    font-family: 'Muli';
    border: 2px solid;
    border-radius: 8px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 1vw;
    cursor: pointer;
    background-color: white;
    font-weight: normal;
    color: #db3b2b;
    width: 200px;
}

.button-t1-table:hover {
    color: #db3b2b;
}

td {
    border: 1px solid #dee2e6;
}

th {
    font-weight: lighter;
}

.title-collapse-plans {
    color: #db3b2b
}

.justify-content-center {
    justify-content: center;
}

.h-45 {
    height: 45px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-21 {
    font-size: 21px;
}

.font-26 {
    font-size: 26px;
}

.background-green {
    margin: auto;
    background-color: #009966;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-green {
    color: #009966;
}

.color-gray {
    color: #ccc
}

.cardShadow {
    box-shadow: 0 0.425rem 2.25rem rgba(0, 0, 0, 0.25);
    border: 0px;
    border-radius: .9rem;
}

.fullBackground {
    background-image: url("/images/backmapa_mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10vh;
    min-height: 90vh;
}

@media (min-width:756px) {
    .fullBackground {
        background-image: url("/images/backmapa_desktop.png");
    }
}

.font-400 {
    font-weight: 400!important;
}

th {
    font-weight: 400;
}

.font-normal {
    font-weight: 600!important;
}

@media (min-width:800px) {
    .border-right-1 {
        border-right: 1px solid rgb(243, 243, 243);
    }
}

.border-top-1 {
    border-top: 1px solid rgb(243, 243, 243);
}

.w-100 {
    width: 100%;
}

.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter {
    background-color: #ff283d;
}

.stepper-item.completed-icon .step-counter {
    background-color: #ff283d;
    width: 25px;
    height: 25px;
}

.stepper-item.incompleted .step-counter {
    background-color: white;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
}

.stepper-item.incompleted::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 6px;
    left: 50%;
    z-index: 3;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ff283d;
    width: 100%;
    top: 5px;
    left: 50%;
    z-index: 3;
}

.stepper-item.completed-icon::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 11px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.border-0 {
    border: none;
}


/*Side progress bar*/

.stepper-wrapper-side {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.stepper-item-side {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item-side .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff283d;
}

.stepper-item-side.sided::after {
    position: absolute;
    content: "";
    border-left: 2px solid #ff283d;
    height: 500%;
    top: 5px;
    bottom: 50%;
    z-index: 3;
}

@media (min-width: 768px) {
    .stepper-item-side.sided::after {
        height: 305%;
    }
}

.stepper-wrapper-sider:last-child td .stepper-item-side::after {
    content: none;
}

.border-0 {
    border: none;
}

.d-md-contents {
    display: none;
}

@media(min-width:768px) {
    .d-md-contents {
        display: contents;
    }
}

@media(max-width:767.98px) {
    .d-td-none {
        display: none;
    }
}

.vertical-align-middle {
    vertical-align: middle;
}

.loader {
    position: absolute;
    z-index: 3;
    opacity: 0.9;
    /*background-color: #e9ecef; z-index: 10000000;*/
    width: 100%;
    height: 100%;
    background-image: url("/images/backmapa_desktop.png");
    background-repeat: no-repeat;
    padding-top: 30vh;
    top: 0px;
}


/*Se ponen clases CSS nuevo diseño t.html*/

img.Bitmap {
    width: 70.6px;
    height: 18px;
    object-fit: contain;
}

.Rectangle {
    border-radius: 18px;
    box-shadow: 0 0 29px 0 rgba(139, 139, 139, 0.39);
    background-color: #fff;
    padding-right: 6.5rem!important;
    padding-left: 6.5rem!important;
}

.Oval-Copy-3 {
    width: 48px;
    height: 48px;
    padding: 13.3px 13.3px 10.7px 10.7px;
    background-color: #009b60;
}

.Entregamos-tu-paque {
    width: 234px;
    height: 28px;
    margin: 11px 0 0;
    font-family: Muli;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #20203e;
    text-align: center;
}

@media (max-width:375px) {
    .Entregamos-tu-paque {
        width: 211px;
        height: 28px;
        margin: 18px 27px 18px -22px;
        font-family: Muli;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #20203e;
    }
}

.Fecha-programada-30 {
    width: 360px;
    height: 24px;
    margin: 14px 19.1px 13px 0;
    font-family: Muli;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00915e;
}

.Nmero-de-gua {
    width: 130px;
    height: 20px;
    margin: 0 6px 0 0;
    font-family: Muli;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Line-3 {
    width: 1121px;
    height: 1px;
    margin: 325px 159px 62px 160px;
    border: solid 1px #efefef;
}

.Mensajera {
    width: 81px;
    height: 18px;
    margin: 49px 1.1px 15px 0;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Line-5 {
    width: 1px;
    height: 160px;
    margin: 3px 19px 33px 17.4px;
    border: solid 1px #efefef;
}

.Entregado-a {
    width: 86px;
    height: 18px;
    margin: 0 5px 0 0;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Jose-Ros-Martnez {
    width: 120px;
    height: 18px;
    margin: 0 0 0 5px;
    font-family: Muli;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Entregar-en-Privada {
    width: 490px;
    height: 36px;
    margin: 30px 0 17px 19px;
    font-family: Muli;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #20203e;
}

.Entregar-en-Privada .text-style-1 {
    font-weight: bold;
}

.Rectangle {
    width: 242px;
    height: 45px;
    margin: 0 6px 0 0;
    padding: 10.6px 48.5px 12.4px;
    border-radius: 8px;
    background-color: #db3b2b;
}

.Rectangle-Copy {
    width: 242px;
    height: 45px;
    margin: 0 0 0 6px;
    padding: 10.6px 50.5px 12.4px;
    border-radius: 8px;
    border: solid 1px #db3b2b;
    background-color: #fff;
}

.Rastrea-a-detalle-co {
    width: 239px;
    height: 18px;
    margin: 0 6px 0 0;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}


/*Se ponen clases CSS nuevo diseño detail.html*/

.Rectangle {
    width: 1244px;
    height: 497px;
    margin: 53px 98px 0;
    padding: 27px 33px 3px 56px;
    border-radius: 18px;
    box-shadow: 0 0 29px 0 rgba(139, 139, 139, 0.39);
    background-color: #fff;
}

.Por-recolectar {
    width: 78px;
    height: 15px;
    margin: 0 91px 12px 118px;
    font-family: Muli;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4c4c4c;
}

.Recolectado {
    width: 70px;
    height: 15px;
    margin: 0 6px 12px 28px;
    font-family: Muli;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4c4c4c;
}

.En-Trnsito {
    width: 66px;
    height: 15px;
    margin: 0 187px 12px 48px;
    font-family: Muli;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4c4c4c;
}

.Entregado {
    width: 58px;
    height: 15px;
    margin: 0 229px 12px 69px;
    font-family: Muli;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ccc;
}

.Line {
    width: 492px;
    height: 2px;
    margin: 25px 0 24px 157px;
    border: solid 2px #fe0000;
}

.Oval {
    width: 11px;
    height: 11px;
    margin: 19px 124px 21px 152px;
    background-color: #fe0000;
}

.Oval-Copy-2 {
    width: 11px;
    height: 11px;
    margin: 19px 27px 21px 58px;
    background-color: #fe0000;
}

img.paper-plane-solid {
    width: 12.5px;
    height: 12.5px;
    object-fit: contain;
    background-color: #fff;
}

.Oval-Copy-4 {
    width: 14px;
    height: 14px;
    margin: 18px 251px 19px 91px;
    border: solid 2px #bababa;
    background-color: #fff;
}

.Entregamos-tu-paque {
    width: 234px;
    height: 28px;
    margin: 14px 185px 12px 16px;
    font-family: Muli;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #20203e;
}

.Fecha-programada-30 {
    width: 270px;
    height: 18px;
    margin: 12px 167px 11px 27px;
    font-family: Muli;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00915e;
}

.Entregar-en-Privada {
    width: 512px;
    height: 18px;
    margin: 11px 69px 12px 91px;
    font-family: Muli;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #20203e;
}

.Entregar-en-Privada .text-style-1 {
    font-weight: bold;
}

.Nmero-de-gua {
    width: 98px;
    height: 15px;
    margin: 0 5px 0 0;
    font-family: Muli;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.-de-abril-de-2022 {
    width: 129px;
    height: 18px;
    margin: 0 51px 0 0;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Line-3 {
    width: 1121px;
    height: 1px;
    margin: 39px 28px 1px 6px;
    border: solid 1px #efefef;
}

.Mensajera {
    width: 81px;
    height: 18px;
    margin: 17px 1px 15px 61px;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.Rastrea-a-detalle-co {
    width: 239px;
    height: 18px;
    margin: 0 6px 0 0;
    font-family: Muli;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #20203e;
}

.my-2 {
    margin-top: -0.5rem!important;
    margin-bottom: 1rem!important;
}