@font-face {
    font-family: 'Avenir';
    src: url('/assets/css/fonts/Avenir_Next/AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: 400; /* peso de la fuente */
    font-style: normal; /* estilo de la fuente */
    
}

@font-face {
    font-family: 'Helvetica';
    src: url('/assets/css/fonts/Helvetica/Helvetica.ttc') format('truetype');
    font-weight: 400; /* peso de la fuente */
    font-style: normal; /* estilo de la fuente */
}
@font-face {
    font-family: 'Muli';
    font-weight: 900;
    src: url('/assets/css/fonts/Muli/Muli-Black.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 900;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-BlackItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 700;
    src: url('/assets/css/fonts/Muli/Muli-Bold.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 700;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-BoldItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 800;
    src: url('/assets/css/fonts/Muli/Muli-ExtraBold.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 800;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-ExtraBoldItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 200;
    src: url('/assets/css/fonts/Muli/Muli-ExtraLight.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 200;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-ExtraLightItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 400;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-Italic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}
@font-face {
    font-family: 'Muli';
    font-weight: 300;
    src: url('/assets/css/fonts/Muli/Muli-Light.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

@font-face {
    font-family: 'Muli';
    font-weight: 300;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-LightItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

@font-face {
    font-family: 'Muli';
    font-weight: 400;
    src: url('/assets/css/fonts/Muli/Muli-Regular.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

@font-face {
    font-family: 'Muli';
    font-weight: 600;
    src: url('/assets/css/fonts/Muli/Muli-SemiBold.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

@font-face {
    font-family: 'Muli';
    font-weight: 600;
    font-style: italic;
    src: url('/assets/css/fonts/Muli/Muli-SemiBoldItalic.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

html{
	font-size: 62.5%;
    scroll-behavior: smooth;
}

.txt_envia {
    font-family: 'Helvetica';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 17px;
    color: #4c4c4c;
    border: 0;
    background: transparent;
  }


.txt_avenir{
    font-family: 'Muli';
    font-weight: 700;

}


body {
    font-family: 'Muli';
	line-height: 1.55;
	min-height: 100%;
	letter-spacing: .1px;
	font-size: 1.3rem;
    width: 100%;
    text-underline-offset: 8px;
	position: relative;
    max-width: 100%;
	padding-right: 0px;
    margin: 0;
    color: #4c4c4c;
}


    body{
        font-size: 1.2rem;
        letter-spacing: .01px;
    }
@media (min-width: 768px){
    body{
        font-size: 1.6rem;
    }

}


input, textarea{
    font-family: 'muli';
    font-family: 'muli';
    letter-spacing: 1px;
    color: #9c9c9c;
}

::placeholder {
    color: #9c9c9c;
    opacity: 1; /* Firefox */
  }


.text_title{
    font-size: 3.3rem;
    margin: 0;
    font-family: 'Avenir';

}

@media (max-width: 767px) {
    .text_title{
        font-size: 2.3rem;
        font-family: 'Avenir';

    }
}


/*Estructura*/
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl
    {
        width:100%;
        margin-right:auto;
        margin-left:auto;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }

.container {
    max-width: 1450px;
    padding: 1rem 2.5rem!important;
    box-sizing: border-box;
}
    
@media (max-width:600.98px) {
    .container {
        max-width: 1200px;
        padding: 1rem 2.5rem!important;
    }
}

@media (max-width:1099.98px) {
    header .container {
        display: contents;
    }
}

@media (min-width:601px)and (max-width: 1600px) {
.container {
    max-width: 1200px;
    padding: 1rem 3.5rem!important;
}
}




.row
{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.row-scroll
{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}





    .horizontal-scrollable .row {
        overflow-x: hidden;
        white-space: nowrap;
        display: block;
    }
    .horizontal-scrollable .row {
        display: block;
    }
    .horizontal-scrollable  .row .col-auto, .horizontal-scrollable  .row .col-md-4,  .horizontal-scrollable  .row .col-12{
        display: inline-block;
        float: none;
    }



    .horizontal-scrollable-two .row-scroll{
        overflow-x: hidden;
        white-space: nowrap;
        display: block;
    }
  
    .horizontal-scrollable-two  .row-scroll .col-auto-scroll, .horizontal-scrollable-two  .row-scroll .col-md-4-scroll,.horizontal-scrollable-two  .row-scroll .col-10-scroll,  .horizontal-scrollable-two  .row-scroll .col-11-scroll,  .horizontal-scrollable-two  .row-scroll .col-12-scroll, .horizontal-scrollable-two  .row-scroll .col-lg-4-scroll, .horizontal-scrollable-two  .row-scroll .col-md-6-scroll, .horizontal-scrollable-two  .row-scroll .col-sm-6-scroll{
        display: inline-block;
        float: none;
    }

  #accordion span{font-size: 1.2rem;}

  .txt_envia{
    font-size: 1.2rem;

}
.col,.col-1,.col-10,.col-10-scroll,.col-11,.col-11-scroll,.col-12.col-12-scroll,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-4-scroll,.col-md-6-scroll,.col-sm-6-scroll,.col-lg-4-scroll,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto
{
    position:relative;
    width:100%;
}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10,.col-10-scroll{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11, .col-11-scroll{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12,.col-12-scroll{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4, .col-sm-4-scroll{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6, .col-sm-6-scroll{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

@media (min-width:768px)
{
    .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
    .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-md-4, .col-md-4-scroll{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6, .col-md-6-scroll{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    #accordion span{font-size: 1.4rem;}
    .txt_envia{
        font-size: 1.4rem;

    }

}

@media (min-width:1100px)
{
    .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
    .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-lg-4, .col-lg-4-scroll{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    #rastrea_traking{
        padding-left: 4.5vw;
    }
    #accordion span{font-size: 1.6rem;}

    .txt_envia{
        font-size: 1.6rem;

    }
}

@media (min-width:1200px)
{
    .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
    .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

.d-none{
    display:none;
}

.d-block{
    display:block!important
}


.d-flex{
    display:-ms-flexbox;
    display:flex;
}

.flex-column{
    -ms-flex-direction:column!important;
    flex-direction:column!important
}

@media (min-width:576px)
{
    .d-sm-none{display:none}
    .d-sm-block{display:block}
    .d-sm-flex{display:-ms-flexbox;display:flex}
}
.whats_mobile{display: none!important;}


@media (min-width:768px)
{
    .d-md-none{display:none!important}
    .d-md-block{display:block}
    .d-md-flex{display:-ms-flexbox;display:flex}
}

@media (min-width:1100px)
{
    .d-lg-none{display:none}
    .d-lg-block{display:block}
    .d-lg-flex{display:-ms-flexbox;display:flex}
}

@media (min-width:1200px)
{
    .d-xl-none{display:none}
    .d-xl-block{display:block}
    .d-xl-flex{display:-ms-flexbox;display:flex}
}

.align-items-start{
    align-items: start;
}

.align-items-center{
    align-items: center;
}

.align-items-end{
    align-items: end;
}


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

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

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

.justify-content-between{
    justify-content: space-between;
}

.justify-content-around{
    justify-content: space-around;
}

.justify-content-evenly{
    justify-content: space-evenly;
}

.w-100
{
    width: 100%;
}

.h-100
{
    height: 100%!important;
}

.h-auto
{
    height: auto;
}

.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}

.position-fixed{
    position: fixed;
    z-index: 2;
}

.position-inherit{
    position: inherit;
}

.position-static{
    position: static !important;
}


.overflow-hidden{
    overflow: hidden;
}

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

@media(min-width:768px){
    .text-md-left{
        text-align: left;
    }
}

@media(max-width:767.98px){
    .m-auto-buttons{
        margin: auto;
    }
}

/*Estilos*/

.background-color-t1{
    background-color: #db3b2a;
}

.background-white{
    background-color: white;
}

.color-t1{
    color: #db3b2a;
}

.color-secondary{
    color:#4c4c4c;
}

.color-green{
    color:#0aa750;
}

.my-list {
    list-style: none; 
    padding: 0;
}

.my-list li{
    font-size: 2.2rem;
}

.my-list li::before {
    content: "\2022"; 
    color: #db3b2b; 
    font-size: 4rem; 
    margin-right: 1rem;
}


.color-inactive{
    color:#c2c2c2;
}

.color-white{
    color: white;
}

.color-black{
    color: #4c4c4c;
}

.track-section{
    /* border: 1px solid #db3b2a; */
    background-color: white;
    border-radius: 2rem;
    padding: 1.8rem 2.8rem;
    box-shadow: rgba(25, 25, 26, 0.2) 0px 8px 24px;
    margin: 4.5rem 0rem 0rem 0rem;
}
  

.txt_beneficios_h{
    height: 8vh;
    display: grid;
    align-content: center;
}

.txt_description{
    font-size: 80%;
}

@media(max-width:768px){
    .track-section{
        padding: 1.8rem 2rem;
    }

    .paddingAnimations{
        padding: 0px!important;
    }

}

.card-section{
    margin: 0rem;
    background-color: white;
    height: 35rem;
    border: 0px solid rgba(0, 0, 0, .125)!important;
    box-shadow: rgba(25, 25, 26, 0.2) 0px 0px 20px -3px;}

    .card-section-div{
        margin: 0rem;
        background-color: white;
        border-radius: 2rem!important;
        
        border: 0px solid rgba(0, 0, 0, .125)!important;
        box-shadow: rgba(25, 25, 26, 0.2) 0px 0px 20px -3px;}


.card-content{
    padding: 1.8rem 2.8rem;

}

@media(max-width:768px){
    .card-content{
        padding: 1.8rem 2rem;
    }
}

.card-title{
    color: #4c4c4c;
    font-weight: 600;
   font-size: 1.9rem;
}

.card-title-1{
    font-weight: 500;
   font-size: 2rem;
}

#Beneficios{
    text-align: -webkit-center;
    padding-bottom: 1rem;
    height: auto;
    place-content: center;
}

/* @media(min-width:1100px){
    .card-min-height{
        min-height: 380.5px;
    }
}

@media(min-width:1600px){
    .card-min-height{
        min-height: 356.5px;
    }
} */
@media screen and (max-width: 357.98px) {
    .card-min-height{
        min-height: 530.5px;
    }
  }

 @media screen and (min-width: 358px) and (max-width: 499.98px) {
    .card-min-height{
        min-height: 330.5px;
    }
  }
  @media screen and (min-width: 500px) and (max-width: 767px) {
    .card-min-height{
        min-height: 380.5px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1023.98px) {
    .card-min-height{
        min-height: 385.5px;
    }
  }

  @media screen and (min-width: 1024px) {
    .card-min-height{
        min-height: 380.5px;
    }
  }

.num,.numOne,.numTwo,.numAdd,.numDay{
    font-weight: 800;
    font-size: 3.5rem;
}

.num-text{
    font-weight: 500;
    font-size: 3rem;
}

.inputContainer{
    border: 1px solid #c3c3c3;
    border-radius: 1rem;
    width: 100%;
    font-size: 1.6rem;
    padding: 1.3rem;
    font-weight: 500;
    box-sizing: border-box;
}

.h1{
    font-size: 4rem;
    font-weight: 700;
}

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

.h2{
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Avenir';
}

@media(min-width:768px){
    .h2{
        font-size: 2.5rem;
    }
}
 header{
    z-index: 1706!important;
 }

header ul{
    display: flex;
    list-style: none;
}

footer {
    font-family: 'Helvetica';
    font-weight: 500;
}

footer ul{
    list-style: none;
    padding: 0;
}

footer ul li{
    display: flex;
}

header ul li{
    margin-left: 0px;
    margin-right: 0px;
}

header ul li a{
    color: #4c4c4c;
    text-decoration: none;
}

footer ul li a{
    color: #4c4c4c;
    padding-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    font-size: 1.6rem;
    
	
    transition-duration: .2s;
}

nav ul li a{
    padding: .8rem 2rem;
	font-size: 1.6rem;
    font-weight: 800;
	
    transition-duration: .2s;
}

nav ul li a:hover, footer ul li a:hover{
    text-decoration: none;
    filter: brightness(1.2);
	transition-duration: .2s;
}

.button-primary{
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: 5rem;
	
	font-weight: 600;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    border: 2px solid white;
	transition-duration: .2s;
}

@media(min-width:1100px){
    .button-primary{
        padding: 1.1rem 3.2rem;
    }
    
}

.button-primary-1{
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: 1rem;
	text-decoration:  none;
	font-weight: 600;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    border: 2px solid #db3b2a;
	transition-duration: .2s;
}

@media(min-width:1100px){
    .button-primary-1{
        padding: 1.1rem 3.2rem;
    }
    
}

.button-primary-1:hover{
	filter: brightness(1.2);
	transition-duration: .2s;
}

.button-primary-banner{
	padding: 1.5rem 2.5rem;
	font-size: 2.2rem;
	border-radius: 15px;
	margin-bottom: 1rem;
	font-weight: 700;
    margin-top: .5rem;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    text-decoration: none;
	transition-duration: .2s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    width: 250px;
}

@media(min-width:1100px){
    .button-primary-banner{
        padding: 1.3rem 5.2rem;
    }
    
}

.button-primary-banner:hover{
	filter: brightness(1.2);
	transition-duration: .2s;
}

.button-primary-body{
	padding: .8rem .8rem;
	font-size: 1.6rem;
	border-radius: .4rem;
	
	font-weight: 600;
    margin-top: .5rem;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    text-decoration: none;
	transition-duration: .2s;
}

@media(min-width:1100px){
    .button-primary-body{
        padding: 1rem 1.8rem;
    }
    
}

.button-primary-body:hover{
	filter: brightness(1.2);
	transition-duration: .2s;
}

.button-primary-last-first{
	padding: .8rem .8rem;
	font-size: 2.4rem;
	border-radius: 1rem;
    min-width: 230px;
	font-weight: 700;
    margin-top: .5rem;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    text-decoration: none;
	transition-duration: .2s;
}

@media(min-width:1100px){
    .button-primary-last-first{
        padding: 1rem 1.8rem;
    }
    
}

.button-primary-last-first:hover{
	filter: brightness(1.2);
	transition-duration: .2s;
}

/*.button-primary-last-second{
	padding: .8rem .8rem;
	font-size: 1.6rem;
	border-radius: .4rem;
	min-width: 130px;
	font-weight: 600;
    margin-top: .5rem;
	text-align: center;
	background-color: white;
	color: #db3b2a;
    border: 1px solid #db3b2a!important;
    text-decoration: none;
	transition-duration: .2s;
}*/

@media(min-width:1100px){
    .button-primary-last-second{
        padding: 1rem 1.8rem;
    }
    
}

.button-primary-last-second:hover{
	filter: brightness(1.2);
	transition-duration: .2s;
}

.button-secondary{
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: 5rem;
	
	font-weight: 600;
	text-align: center;
	color: white;
	transition-duration: .2s;
}

header .btn-secondary{
	font-weight: 800;
}

@media(min-width:1100px){
    .button-secondary{
        padding: 1.1rem 3.2rem;
    }
    
}

.button-secondary:hover{
    text-decoration: none;
    filter: brightness(1.2);
	transition-duration: .2s;
}

.button-secondary-1{
    font-size: 1.6rem;
    border-radius: .6rem;
    font-weight: 800;
    text-align: center;
    color: #db3b2a;
    text-decoration: underline;
    border: 0;
    transition-duration: .2s;
}

@media(min-width:1100px){
    .button-secondary-1{
        padding: 1.1rem 3.2rem;
    }
    
}

.button-secondary-1:hover{
    text-decoration: none;
    filter: brightness(1.2);
	transition-duration: .2s;
}

.button-primary-mb{
    width: 100%;
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: .4rem;
	
	font-weight: 600;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    text-decoration: none;
    border: 2px solid white;
	transition-duration: .2s;
}


.button-secondary-mb{
    width: 100%;
    margin-bottom: 1rem;
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: .4rem;
	
	font-weight: 600;
    text-decoration: none;
	text-align: center;
	background-color: white;
	color: #db3b2a;
    border: 2px solid #db3b2a;
	transition-duration: .2s;
}
@media(min-width:768px){
    .button-primary-mb{
        margin-left: 1rem;
    }

    .button-secondary-mb{
        margin-right: 1rem;
        margin-bottom: 0rem;

    }


}

.decoration-none{
    text-decoration: none!important;
}
.section-margin{
    margin-top: 60px;
}

@media(min-width: 768px){
    .section-margin{
        margin-top: 55px;
    }
}

.px-0{
    padding-left: 0rem;
    padding-right: 0rem;
}
.px-1{
    padding-left: .25rem;
    padding-right:.25rem;
}
.px-2{
    padding-left: .5rem;
    padding-right:.5rem;
}

.px-3{
    padding-left: 1rem;
    padding-right:1rem;
}
.px-4{
    padding-left: 1.5rem;
    padding-right:1.5rem;
}
.px-5{
    padding-left: 3rem;
    padding-right:3rem;
}

.py-0{
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.py-1{
    padding-top: .25rem;
    padding-bottom:.25rem;
}
.py-2{
    padding-top: .5rem;
    padding-bottom:.5rem;
}

.py-3{
    padding-top: 1rem;
    padding-bottom:1rem;
}
.py-4{
    padding-top: 1.5rem;
    padding-bottom:1.5rem;
}
.py-5{
    padding-top: 3rem;
    padding-bottom:3rem;
}


.my-1{
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.ml-0{
    margin-left: 0rem!important;
}

.ml-2{
    margin-left: .5rem;
}

.ml-3{
    margin-left: 1rem;
}

.ml-4{
    margin-left: 1.5rem!important;
}

.ml-5{
    margin-left: 3rem!important;
}

.mr-2{
    margin-right: .5rem;
}

.mr-3{
    margin-right: 1rem;
}

.mr-4{
    margin-right: 1.5rem;
}

.mt-0{
    margin-top: 0rem;
}

.mt-1{
    margin-top: .25rem;
}

.mt-2{
    margin-top: .5rem;
}

.mt-3{
    margin-top: 1rem!important;
}

.mt-4{
    margin-top: 1.5rem!important;
}

.mt-5{
    margin-top: 3rem!important;
}

.mb-3{
    margin-bottom: 1rem;
}

.mb-5{
    margin-bottom: 3rem;
}

.my-2{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.my-4{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mr-5{
    margin-right: 3rem;
}

.my-5{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.my-51{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.pl-0{
    padding-left: 0rem;
}
.pl-2{
    padding-left: .5rem;
}

.pr-3{
    padding-right: 1rem;
}

.pr-4{
    padding-right: 1.5rem;
}

.pr-5{
    padding-right: 3rem;
}


.pl-3{
    padding-left: 1rem;
}
.pl-4{
    padding-left: 1.5rem;
}
.pl-5{
    padding-left: 3rem;
}
.pt-2{
    padding-top: .5rem;
}
.pt-3{
    padding-top: 1rem;
}

.pt-4{
    padding-top: 1.5rem;
}

.pt-5{
    padding-top: 3rem;
}

.pb-3{
    padding-bottom: 1rem;
}

.pb-4{
    padding-bottom: 1.5rem;
}

.pb-5{
    padding-bottom: 3rem;
}

@media(min-width:768px){
    .px-md-2{
        padding-left: .5rem;
        padding-right:.5rem;
    }

    .px-md-4{
        padding-left: 1.5rem;
        padding-right:1.5rem;
    }

    .px-md-5{
        padding-left: 3rem;
        padding-right:3rem;
    }

    .pl-md-3{
        padding-left: 1rem;
    }

    .pl-md-5{
        padding-left: 3rem;
    }

    .pr-md-3{
        padding-right:1rem;
    }

    .pr-md-5{
        padding-right: 3rem;
    }
    .pb-md-5{
        padding-bottom: 3rem;
    }

    .pt-md-5{
        padding-top: 3rem;
    }
}


.font-thin {
    font-weight: 100;
}

.font-extra-light {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semi-bold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-extra-bold {
    font-weight: 800;
}

.font-black {
    font-weight: 900;
}

.border-buttons{
    border-top: 1px solid #edecec; 
    padding-top:3rem;
}


.responsive-height-track{
    height: auto;
}
.responsive-height{
    height: 70vh;
}
@media(max-width: 475.98px){
    .responsive-height-1{
        height: auto;
    }
}
@media(min-width:475px) and (max-width: 767.98px){

    .responsive-height-1{
        height: auto;
    }
}

@media(min-width:768px) and (max-width: 1099.98px){

    .responsive-height-1{
        height: auto;
    }
}

@media(min-width: 1100px) and (max-width:1600px){

    .responsive-height-1{
        height: 800px;
    }
    .Text_Banner{font-size: 3rem!important;}
    .Secondary_txt_banner{font-size: 2rem;}
    .track-section{margin: 4rem 0rem 0rem 0rem!important;}
}
@media(max-width: 1114px){
    .Text_Banner{font-size: 2rem!important;}

}
@media(min-width: 1601px){

    .responsive-height-1{height: 800px;}
}

form,.track-div{
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 2rem;
    background-color: white;
    box-shadow: rgba(25, 25, 26, 0.2) 0px 8px 24px;
}

/* width */
section ::-webkit-scrollbar {
    margin-block: .5em;
    width: 12px;
    height: 8px;
  }
  
  /* Track */
  section ::-webkit-scrollbar-track {
    background: rgba(43, 43, 43, 0.1);
    border-radius: 5rem;
  }
  
  /* Handle */
  section ::-webkit-scrollbar-thumb {
    background: #f5f5f5;
   
    border-radius: 5rem;
  }
  
  .icon-height{
    max-height: 85px;

  }

  @media(min-width:1600px){
    .icon-height{ max-height:90px;}

  }

  .icon-height-sm{
    max-height: 20px;
  }

  @media(min-width:1600px){
    .icon-height-sm{
        max-height:20px;
      }
  }

.circle{
        display: flex!important;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        background-color: #db3b2a;
        border-radius: 50%;
        display: inline-block;
        font-size: 3rem;
        font-weight: 700; 
}

.points-bar{
    width: 3px; 
    background-color: #db3b2a; 
    top: 25%; 
    height: 65%; 
    left: -1px;
}

@media(min-width:768px){
    .points-bar{
        width: 3px; 
        background-color: #db3b2a; 
        top: 25%; 
        height: 65%; 
        left: 29px;
    }
}
.z-index-1{
    z-index: 1;
}

.underline{
    position: relative;
}
.underline::after{
    content:""; 
    position:absolute;
    background:#db3b2a;; 
    width:100%; 
    height:6px; 
    border-radius: 3px;
    bottom: -10px;
    left: 0px;
}

.sideline, .sidelineOne, .sidelineTwo{
    position: relative;
}

.sideline::after{
    content:""; 
    position:absolute;
    background:#db3b2a;; 
    width:6px; 
    height:100%; 
    border-radius: 3px;
    top: 0;
    left: 0;
}

.sidelineOne::after{
    content:""; 
    position:absolute;
    background:#3cd18e;; 
    width:6px; 
    height:100%; 
    border-radius: 3px;
    top: 0;
    left: 0;
}

.sidelineTwo::after{
    content:""; 
    position:absolute;
    background:#eb867b;; 
    width:6px; 
    height:100%; 
    border-radius: 3px;
    top: 0;
    left: 0;
}



/*Animación*/

 
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }

  

@media(min-width:768px) and (max-width: 1099.98px){

      
      @keyframes swell {
        0%, 100% {
          transform: translate3d(0,-25px,0);
        }
        50% {
          transform: translate3d(0,5px,0);
        }
      }
}


  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }


@media(min-width:768px) and (max-width: 1099.98px){

      
      @keyframes swell {
        0%, 100% {
          transform: translate3d(0,-25px,0);
        }
        50% {
          transform: translate3d(0,5px,0);
        }
      }
}

  


  .hamburger {
    cursor: pointer;
    display: none;
  }

  .hamburger--open .bar{
    background-color:#db3b2a
  }
  
  .bar {
    height: 3px;
    width: 27px;
    background-color: #db3b2a;
    margin: 5px 1rem;
    opacity: 0.8;
    border-radius: 5rem;
    transition: all 0.3s ease-in-out;
  }
  
  /* For JS */
  .nav--open {
    left: 50% ;
  }
  
  .hamburger--open .bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  
  .hamburger--open .bar:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger--open .bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .border-0{
    border: 0;
  }
  
  /* MEDIA QUERIES */
  
  @media (max-width: 1099.98px) {
    .nav {
        display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 81vh;
      background-color: rgb(255, 255, 255);
      padding: 10px 0 25px;
    }
  
    .nav__list {
        border-top: 1px solid #edecec;
        margin-top: 81px;
        padding: 0;
        display: block;
        row-gap: 20px;
    }

    .nav__item{
        display: flex;
    }

    .nav__link {
        color: #db3b2a;
        font-size: 1.9rem;
        padding-left: 0;
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        font-weight: 700;
    }

    @media (min-width:768px) { 
        .nav__link {
            font-size: 2.5rem;  
        } 
        
    }
  
    .btn {
      font-size: 11px;
      padding: 7px 17px;
    }
  
    .hamburger {
      display: block;
    }
  }
  
  @media (max-width: 360px) {
    .top-bar__content {
      font-size: 10px;
    }
  }

  .logo{
    z-index: 3;
  }

 

  .iconos_cards{
    max-height: 28px!important;
  }


  /*Track*/
  .step-counter{
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border: 2px solid #db3b2a;
    border-radius: 50%;
    background: white;
    margin-bottom: 6px;
  }

  .stepper-item{
    display: flex;
    justify-content: center;
    align-items: center;
  }


.stepper-item.completed .step-counter {
    background-color: #db3b2a;
    border: 2px solid rgba(255,255,255,.5);
}

.stepper-item.completed-icon .step-counter {
    background-color: #db3b2a;
    width: 31px;
    height: 31px;
    border: 2px solid rgba(255,255,255,.5);
}

.vertical-align-baseline{
    vertical-align: top;
}
.step-counter-line{
    position: relative;
}
.step-counter-line::before {
    content: "";
    display: block;
    border-left: 1px dashed #000;
    height: 125%;
    position: absolute;
    top: 1.5rem;
    left: 50%;
}

tbody tr:last-of-type .step-counter-line:before{
    content: "";
    display: block;
    border-left: 0px dashed transparent;
    height: 0%;
    position: absolute;
    top: 1.5rem;
    left: 50%;
}

.dotted-line-horizontal, .dotted-line-horizontal-25, .dotted-line-horizontal-50, .dotted-line-horizontal-75 {
    position: relative;
}

.dotted-line-horizontal::before {
    content: "";
    display: block;
    border-top: 2px solid #c2c2c2;
    width: 75%;
    position: absolute;
    left: 12.5%;
    top: 43%;
}

.dotted-line-horizontal-25::before {
    content: "";
    display: block;
    border-top: 2px solid #d3393a;
    width: 37.5%;
    position: absolute;
    left: 12.5%;
    top: 43%;
}

.dotted-line-horizontal-50::before {
    content: "";
    display: block;
    border-top: 2px solid #d3393a;
    width: 62.5%;
    position: absolute;
    left: 12.5%;
    top: 43%;
}

.dotted-line-horizontal-75::before {
    content: "";
    display: block;
    border-top: 2px solid #d3393a;
    width: 75%;
    position: absolute;
    left: 12.5%;
    top: 43%;
}

@media (min-width: 768px) and (max-width: 1023px) {
    tbody.border-0::before {
        top: 0;
        left: 135.5px;
    }
}

@media (max-width: 767px) {
    tbody.border-0::before {
        top: 0;
        left: 137px;
    }
}

.pointer{
   cursor: pointer;
}



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

.mr-30{
    margin-right: 3rem;
}
.border-b5{
    border-bottom: 0.5px solid #4c4c4c;
}
.border-t5{
    border-top: 0.5px solid #db3b2a;
}
.Text_Banner{
    font-size: 4rem;
    font-weight: 500;
    margin: 1rem 0rem;
}
.Text_Banner_red{
    color: #db3b2a;
    font-weight: 900;
}
.Secondary_txt_banner{
    font-weight: 400;
    margin: 1rem 0rem;
}

.fontw-900{
    font-weight: 900;
}

.section_2_Banner{
    /* margin: 6rem 0rem 0rem 0rem; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pb-6{
    padding-bottom: 6rem;
}

.txt_Titels{
    text-align: center;
    font-size: 3.3rem;
    margin: 0;
    font-family: 'Avenir';
}



.pb-2{
    padding-bottom: 2rem;
}

.m-0{
    margin: 0;
}

.mt-6{
    margin-top: 3rem;
}

.mb-6{
    margin-bottom: 3rem;
}

.subtitle_card{
    font-size: 1.5rem;
}

.card_title_2{
    font-size: 2.3rem;
}

.container_whats{
    align-self: center;
    display: grid;
    justify-content: center;
}

.img_whats{
    width: 450px;
    border-radius: 3rem;
    padding: 1rem;
    box-shadow: gray 0px 6px 19px -9px;

}

/* prueba acordeon */
.card-img-top {
    width: 50px;
    height: auto;
    float: left;
    padding-top: 15px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}
.card-body {
    padding: 3rem 1rem 1rem 1rem;
}
.card-title2 {
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
}


.card-text2 {
    text-align: center;
    margin-top: 20px;
}

.flecha-m{
    display: none;
}
.widthAlmacenamiento p{
    font-size: 3.3rem!important;
    font-weight: 700;
    font-family: 'Avenir';
}
  @media (max-width: 760px) {
    .flecha-m{
        display: flex!important;
        align-self: center;
    }
    .acordeon .contenido{
        height: 0;
        padding: 0em!important;
        margin-bottom: 0px!important;
        overflow: hidden;
        transition: all .9s ease;
      }
    
      .acordeon .bloque.activo .contenido{
        height: 11em;
      }
      ._footer-navs ul {
        width: 18.3%;
    }
  }

.icon_integraciones{
    display: none!important;
}
.Text_Banner {
    text-align: justify;
}

.text-right{
    text-align: right;
}

.txt_Admin{font-size: 3rem!important;}
.txt_numbers{font-size: 2rem;}
.pt-3{padding-top: 3rem;}
.logo_equipos{max-height: 60px;}
.icon-height_Cl{max-height: 44px;}
.logo_g{max-height: 44px;}
.txt_2{max-height: 47px;}
.pt_cintainer{padding-top: 4rem!important;}
.Beneficion_container{padding: 2rem 0rem;}

.btn_final_mobile{
    padding: 1.5vh;
    display: block  ;
    border-radius: 1rem;
    text-decoration: none;
    background-color: #db3b2a;
    color: white;
    border: 0;
    font-size: 1.3rem;
    width: 10vw !important;
    text-align: center;

}
.btn_cotiza{
    display: grid;
}
.btn_derecha{
    margin: 2rem auto 0;
    margin-right: 0;
}
.icono_full_m{
    width: 190px;
}
/* Estilos para dispositivos móviles */
@media (max-width: 767.98px) {

    .t1-ol{
        padding-left: 0vw!important;
    }
    .none{
        display: none!important
    }
    .btn_cotiza{
        display: none!important;
    }
    #collapseSeguimiento{
        padding-left:0rem;
        padding-right:0rem;
        text-align: center;
    }

    #collapseEnvia{
        padding-left:0rem;
        padding-right:0rem;
        text-align: center;
    }
    #collapseCotiza{
        padding-left:0rem;
        padding-right:0rem;
        text-align: center;
    }
    .list-item {
        list-style-type: none;
    }

    .t1-ol .list-item a {
        padding-left:0rem!important;
        padding-right:0rem!important;
        justify-content: center;
    }
    .t1-ol .list-item a div {
        padding-left:0rem!important;
        padding-right:0rem!important;
    }
    
    .image-container-traking {
        display: none !important;
        height: 65vh;
        width: 100%;
        position: relative;
    }
    .image-container-traking dotlottie-player{
        opacity: 0;
        position: absolute;
        height: auto;
        bottom: 0px;
        transition: opacity .5s ease; /* Transición de la propiedad de opacidad */
    
    }
    
    .image-container-traking dotlottie-player.hidden {
        opacity: 1; /* Establece la opacidad a 0 cuando la imagen está oculta */
    }



    .recursos {
        max-width: 3rem!important;
    }
    .image-container img{
        left: 50%!important;
    }
    .image-container{
        height: 35vh!important;

    }
    .move a{
        text-decoration: none!important;
    }
    #contacto{
    padding-top: 3rem!important;
    }
    .font-bolder{
        font-weight: bolder;
    }
    .btn_final_mobile{
        padding: 1.5vh;
        display: block;
        border-radius: 1rem;
        text-decoration: none;
        background-color: #db3b2a;
        color: white;
        border: 0;
        font-size: 1.3rem;
        width: 35vw !important;
        text-align: center;

    }
    #Beneficios .txt_envia{
        font-size: 2.3rem!important;
        padding: 0px 0rem;
    }
     #Fulfillment .txt_envia{
        font-size: 1.4rem!important;
        margin-left: auto;
        margin-right: auto;
        font-weight: 400;
    }
    .texto-principal-ecosistema, .card-texto-t1{
        font-size: 1.4rem !important;
    }
    .widthAlmacenamiento p{
        font-size: 2.3rem!important;
        font-weight: 700;
        font-family: 'Avenir';
        margin-bottom: 0px;
    }
    
    .widthAlmacenamiento{
        padding-bottom: 0px!important;
    }
    .txt_envia{
        font-size: 2rem!important;
    }
.p_line_b{
    height: 3.5vh!important;
    margin: 3rem 0rem 0rem;
    align-content: center;
}

.progress_back{
    height: 1px!important;
    width: 90%!important;
    right: 6.8vw;
    position: absolute!important;
    bottom: -1.5vh;
    border-radius: 2rem;
    height: 1px !important;
}
   #Fulfillment{
    /* margin: 0 2rem; */
   }
   #Beneficios{
    /* margin: 0 3rem!important; */
   }

   .mb-0{
margin-bottom: 0px;
   }

   #Beneficios p{
    max-width: 300px; 
    margin: auto;
    font-family: 'Muli';
  }
  #fulfillmentBarras{
    max-width: 300px;
    margin: auto;
  }
  .accordion-group{
    margin: auto;
  }
    .progress{height: 1px!important;}
    
    .pb-img{padding-bottom: 0px!important;}
    #video-section{
        width: 100%!important;
    }
    .icono_full_m{
        width: 40vw!important;
    }
    .text_mobile{
        text-align: left!important;
        display: flex;
        justify-content: center;
    }

    .collapsible {
        background-color: #777;
        color: white;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
      }
      
      .active, .collapsible:hover {
        background-color: #555;
      }
      
      .content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #f1f1f1;
      }
    .accordion-content {
        display: none; /* Oculta los elementos span y sus botones por defecto */
        max-height: 0; /* Asegura que el contenido no ocupe espacio cuando esté oculto */
        transition: max-height 0.3s ease-out; /* Agrega una transición suave */
        overflow: hidden; /* Oculta cualquier contenido que desborde del contenedor */
    }
    
    .accordion-content.show {
        display: block; /* Muestra los elementos cuando tengan la clase show */
        max-height: 100%; /* Define la altura máxima del contenido al mostrarse */
    }
    .accordion-content.show img {
        width: 80%;
    }

    .image-container img{width: 45vh!important;max-width: 400px;}
    .texto-estatico {height:5vh!important;}
    .imagen-nube-2{bottom: -4rem!important;}
    .Nube_header{width: 23vh!important;}
    .animacion-cohete{
        margin-left: -7vw!important;
        bottom: -38rem!important;
    }


    .imagen-nube-1 {
        bottom: -2vh!important;
        left: -35vw!important;
    }
    .imagen-nube-3 {
        bottom: -4vh!important;
        right: -7rem!important;
    }

    .Banner_principal_m{
        padding-top: 0px !important;
    }

.marca-animacion:nth-child(1) {
    top: 33%!important;
    right: 30%!important;
  }
  .marca-animacion:nth-child(2) {
    top: 50%!important;
    right: 35%!important;
  }
  .marca-animacion:nth-child(3) {
    top: 68%!important;
    right:36%!important;
  }
  .marca-animacion:nth-child(4) {
    top: 34%!important;
    left: 17%!important;
    
  }
  .marca-animacion:nth-child(5) {
    top: 50%!important;
    left: 29%!important;
  }
  .marca-animacion:nth-child(6) {
    top: 68%!important;
    left:25%!important;
  }
  .mobile-accordion {
    margin-right: 1.5rem;
  }
  .card-title{margin: 0 1.5rem;  }
    .Review_mobile{    width: 60%;}
    .pb-5 {padding-bottom: 2rem;}
    .Beneficion_container{padding: 0px!important;}
    .pt_cintainer{padding-top: 0rem!important;}
    .whats_mobile_1{display: none!important;}
    .whats_mobile{display: block!important;}
    .s_num{margin: 0px!important;}
    .num-text{font-size: 2.1rem!important;}
    .icon_integraciones{display: grid!important;}
    .pb_m_s1{padding-bottom: 3rem!important;}
    .img_whats{width: 80vw!important;margin-bottom:2rem}
    .Text_Banner{margin-top: 0rem;margin-bottom: 3rem;}
    .track-section{display: table-cell;}
    .mr-3{margin-right: 0px;}
    .icon-height_Cl{max-height: 60px!important;width: auto!important;}
    .logo_equipos{max-height: 60px;width: auto!important;}
    .logo_g{max-height: 35px;width: auto!important;}
    .txt_2{max-height: 47px;width: auto!important}
    .card-section{height: 26rem;padding: 3rem!important;}
    .container_CL{max-width: 100vw;}
    .mark-table{ padding: 1rem 0rem;}
    .pb-6{padding-bottom: 0rem;}
    .mt-6{margin-top:3rem}
    .mb-6{margin-bottom: 2rem;}
    .my-5{margin-top: 0rem!important;margin-bottom: 0rem!important;}
    .m_Sop_mobile{margin-bottom: 3rem!important;}
    .my-list{margin-top: 0rem!important;}
    .logo_t1envios{text-align: center;}
    .Slider_mobile{padding-bottom: 3rem;}
    .border-t5{border-top: 0.5px solid #db3b2a;}
    .border-b5{border-bottom: 1px solid #db3b2a;}
    .responsive-height{height: auto!important;}
    #Beneficios{height: auto!important;margin-bottom: 2rem;}
    .Secondary_txt_banner{font-size: 1.5rem;margin: 2rem 0rem!important;}
    .section_2_Banner{margin: 3rem 0rem 0rem 0rem!important;}
    .txt_Admin{font-size: 2.3rem!important;}
    .my-list li{font-size: 1.6rem !important;}
    .my-1subtitle_card {margin: 0px!important;}
    .icon-height {max-height: 43px!important;}
    .txt_numbers{font-size: 1.8rem;}
    .num,.numOne,.numTwo,.numAdd,.numDay{font-size: 3rem!important;}
    .h1{font-size: 3rem!important;}
    .txt_Titels{font-size: 3rem!important;}
    .icon-height{width: auto!important;}
   
    .item-center{justify-content: center;}
    .item-my-5{margin: 3rem 0!important;}
    .item-mt-5{margin-top: 3rem!important;}
    .button-primary-ras{display: flex!important; align-items:center!important; justify-content: center!important; width: 200px!important; height:14px!important;}
    .shape1{text-align: center!important; background-color:rgb(255, 255, 255)!important;}
    .rem2{font-size: 1.5rem!important;}
    #Clientes{top: 0px!important}
    .col-12 .title-enviar-mob {
        font-size: 2.3rem!important;
    }

    .col-12 .title-enviar-mobs {
        font-size: 2.3rem!important;
    }
    .texto-img-envios{
        font-size: 1.4rem !important;
        margin-left: auto;
        margin-right: auto;
        font-weight: 400;
    }
}




h2.title-millones{
    font-size: 3.3rem;
}

/* Estilos para tabletas */
@media (min-width: 768px) and (max-width: 1367px) {
    .Text_Banner{margin:2rem 0rem}
    .section_2_Banner{align-items: center;}
    #Beneficios{height: auto;}
    .res-img{max-width: 0.5rem;}
    .shape1{text-align: center!important; background-color:rgb(255, 255, 255)!important;}
}


.scroll {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent)
}

.scroll div {
    white-space: nowrap;
    animation: scroll var(--time) linear infinite;
    animation-delay: calc(var(--time)*-1);

}

.scroll div:nth-child(2) {
    animation: scroll2 var(--time) linear infinite;
    animation-delay: calc(var(--time)/-2);
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

.scroll div span {
    display: inline-flex;
    margin: 10px;
    letter-spacing: 0.2em;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.5s;
}

.scroll div span:hover {
    background: #3fd2f9;
    cursor: pointer;
}


.imgBox div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgBox img {
    max-width: 120px;
    scale: 0.8;
}

@media (min-width: 992px) {
    .scroll {
        width: 100%;
        margin: auto;
    }
    .imgBox img {
        max-width: 180px;
    }
    .card-title.title-color{
        margin-top: 0;
        margin-bottom: 3rem;
    }
}


.bg-animation{
    background-image: url("../images/animations/Nube-sin-estela.png");
    background-size: contain;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    min-height: 70vh;
}


.text-left {
    text-align: left;
}

.text-banner {
    text-align: center;
    @media (min-width:992px){
    text-align: left;
    }
}

.text-right{
    text-align: right;
}


ol.t1-ol li::marker {
    color: #db3b2a;
    font-weight: bold;
}

.t1-ol {
    padding-left: 6vw;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding: 0rem 2rem;
  }

.jscntrs{
    justify-content: space-between;
}

.cont-res {
    padding: .8rem 0rem;
    text-decoration: none;
}

.cont-res:hover {
    text-decoration: none;
}

@media (min-width:1100px) and (max-width:1189px){
    .dropdown {padding: 0rem 1rem!important;}
    .jscntrs {justify-content: center!important;}
    .cont-res {padding: .8rem 0rem!important;}
}
  
  .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
    border-radius: 0 0 2rem 2rem;
  }
  
  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .btn-secondary{
    border: 0;
    display: contents;
    background-color: transparent;
    padding: .8rem 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    transition-duration: .2s;
    color: #4c4c4c;
    text-decoration: none;
    font-family: 'Muli';
    line-height: 1.55;
    letter-spacing: 1px;
  }

/* Slide bar */

.progress-bar {
    position: relative;
    max-height: 10vh;
}

.progress_back{
    background-color: #d1d1d1;
    width: 80%;
    height: 2px;
    left: 2.2vw;
    position: relative;
    bottom: -10px;
    border-radius: 2rem;
}

.progress-bar .progress {
    margin: auto;
    position: absolute;
    left: 2.2vw;
    bottom: -10px; /* Ajustar la posición vertical según sea necesario */
    border-radius: 2rem;
    width: 0; /* Ancho inicial del progress bar */
    height: 3px; /* Altura del progress bar */
    background-color: #db3b2a; /* Color del progress bar */
    transition: width 2s ease-in-out; /* Transición suave para la animación */
    z-index: 3; /* Asegurar que esté sobre el contenido */
}

.text-column:hover .progress {
    width: 80%;
}

.image-container {
    display: block !important;
    margin-top: 20px;
    height: 50vh;
    width: 100%;
    position: relative;
}

.image-container img{
    opacity: 0;
    position: absolute;
    height: auto;
    top: 50%;
    left: 50%;
    transition: opacity .5s ease; /* Transición de la propiedad de opacidad */
    transform: translate(-50%, -50%);
}
.image-container img.hidden {
    opacity: 1; /* Establece la opacidad a 0 cuando la imagen está oculta */
}

.button-fullfilment{
    text-decoration: none;
    padding: 1rem 4rem 1rem 4rem;
    border-radius: 1rem;
}


/* //Slide_bar_ traking */

.progress_back_traking{
    background-color: #d1d1d1;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: -10px;
    border-radius: 2rem;
}

.progress-bar_traking {
    position: relative;
}


.progress-bar_traking .progress_traking {
    margin: auto;
    position: absolute;
    left: 2.2vw;
    bottom: -10px; /* Ajustar la posición vertical según sea necesario */
    border-radius: 2rem;
    width: 0; /* Ancho inicial del progress bar */
    height: 1px; /* Altura del progress bar */
    background-color: #db3b2a; /* Color del progress bar */
    transition: width 2s ease-in-out; /* Transición suave para la animación */
    z-index: 3; /* Asegurar que esté sobre el contenido */
}



.text-column-traking:hover .progress__traking {
    width: 80%;
}


.button-fullfilment-traking{
    text-decoration: none;
    padding: 1rem 4rem 1rem 4rem;
    border-radius: 1rem;
}

.image-container-traking img {
    transition: opacity 0.5s ease-in-out; /* Define la transición */
    opacity: 1; /* Establece la opacidad inicial a 1 */
}

.image-container-traking img.hidden {
    opacity: 0; /* Establece la opacidad a 0 cuando la imagen está oculta */
}
  /**/

  @keyframes subir {
    20% {
        transform: translateY(0);
        scale: 0;
    }
    100% {
        transform: translateY(-106%);
        scale: 1;
    }
  }
  .animacion-cohete{
    animation: subir 1.2s ease-in-out forwards; 
    margin-left: 17%; /*2vw*/
    bottom: -68rem;
    position: relative;
    z-index: -1;
  }

  @keyframes salirIzq {
    0% {
        opacity: 0;
      }
    50% {
      opacity: 0;
      transform: translateX(0);
    }
    100% {
      opacity: 1;
      transform: scale(1);
      transform: translateX(-150%);
    }
  }
  @keyframes salirDer {
    0% {
        opacity: 0;
      }
    50% {
      opacity: 0;
      transform: translateX(0);
    }
    100% {
      opacity: 1;
      transform: scale(1);
      transform: translateX(150%);
    }
  }

  .marca-animacion{
    position: absolute;
    z-index: -2;
    opacity: 0;
  }
  .marca-animacion.salir-derecha{
    animation: salirDer 4s forwards;
  }
  .marca-animacion.salir-izquierda{
    animation: salirIzq 4s forwards;
  }
  .marca-animacion:nth-child(1) {
    top: 15%;
    right: 18%;
  }
  .marca-animacion:nth-child(2) {
    top: 30%;
  }
  .marca-animacion:nth-child(3) {
    top: 45%;
    right:23%;
  }
  .marca-animacion:nth-child(4) {
    top: 15%;
    left: 30%;
  }
  .marca-animacion:nth-child(5) {
    top: 30%;
    left: 40%;
  }
  .marca-animacion:nth-child(6) {
    top: 45%;
    left: 39%
  }
  .imagen-nube-1 {
    position: absolute;
    bottom: -6rem;
    left: -56rem;
    animation: nube1 2s  ease-in-out forwards;
    width: 40%;
  }
  .imagen-nube-1 img{
    width: 100%;
  }

    @keyframes nube1 {
    0% {
        opacity: 0;
      }
    100% {
      opacity: 1;
      transform: translateX(35vw);
    }
  }

  .imagen-nube-2 {
    position: absolute;
    bottom: -6rem;
    right: -3rem;
    animation: nube2 2s  ease-in-out forwards;
  }
  @keyframes nube2 {
    0% {
        opacity: 0;
      }
    100% {
      opacity: 1;
      transform: scale(1);
      transform: translateX(-28vw);
    }
  }
  .imagen-nube-3 {
    position: absolute;
    bottom: -10rem;
    right: -40rem;
    animation: nube3 2s  ease-in-out forwards;
    width: 40%;
  }
  .imagen-nube-3 img{
    width: 100%;
  }
  @keyframes nube3 {
    0% {
        opacity: 0;
      }
    100% {
      opacity: 1;
      transform: translateX(-16vw);
    }
  }

  .texto-estatico {
    height: 50px;
    float: left;
    margin-right: 0.3em;
  }

  @media(max-width:768px){
    .texto-estatico {
        height: 50px;
        float: left;
        margin-right: 0rem;
    }
  }
  .texto-movimiento {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    -webkit-mask-image: linear-gradient(180deg, transparent, #fff 15%, #fff 80%, transparent);
  }
  .texto-movimiento p{
    color: transparent;
    visibility: hidden;
  }
  .texto-movimiento span.entrada-animada {
    display: inline-block;
    color: #e74c3c;
    position: absolute;
    white-space: pretty;
    top: 0;
    left: 0;
    animation: moveText 10s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
  }

  @keyframes moveText {
    0%  { top: 0%; }
    2%  { top: 0%; }
    18% { top: -100%; }
    20% { top: -100%; }
    22% { top:-100%; }
    38% { top: -200%; }
    40% { top: -200%; }
    42% { top: -200%; }
    58% { top: -300%; }
    60% { top: -300%; }
    62% { top: -300%; }
    78% { top: -400%; }
    80% { top: -400%; }
    82% { top: -400%; }
  }

  @media(min-width:768px){
    @keyframes moveText {
        0%  { top: 0%; }
        2%  { top: 0%; }
        18% { top: -100%; }
        20% { top: -100%; }
        22% { top:-100%; }
        38% { top: -200%; }
        40% { top: -200%; }
        42% { top: -200%; }
        58% { top: -300%; }
        60% { top: -300%; }
        62% { top: -300%; }
        78% { top: -400%; }
        80% { top: -400%; }
        82% { top: -400%; }
      }
  }
  

  .title-color{
    color: #343434 !important;
  }

  /*Slider circular*/
  
  .slideshow {  
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
  }
  
  .carousel {
    width: 50vw;
    height: 42vw;
    border: 0rem solid#eebe97;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: -20vw;
    flex-shrink: 0;
    transition: rotate 1s;
  }
  
  .carousel-int {
    width: 30vw;
    height: 30vw;
    border: 3px solid #bfbbba;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    transition: rotate 1s;
  }

  
  .slide {
    width: 15vw;
    position: absolute;
    transition: rotate 1s;
  }
  
  .slide:nth-child(1) {
    left: -12vw;
  }
  
  .slide:nth-child(2) {
    top: -20vh;
    left: 9vw;
  }
  
  .slide:nth-child(3) {
    top: 0vh;
    right: -7vw;
    }
  
  .slide:nth-child(4) {
    bottom: 0vh;
    right: -6vw;
  }
  
  .slide:nth-child(5) {
    bottom: -21vh;
    left: 8vw;
  }
  
  .slide-int {
      width: 1vw;
      position: absolute;
      background: white;
      height: 1vw;
      border-radius: 100%;
      border: 0.5vw solid;
  }
  
  .slide-int::after {
    content: '';
    position: absolute;
    border: 2px dashed black;
    width: 4vw;
  }
  .slide-int:nth-child(1) {
    left: -1vw;
    border-color: #b4c74f;
  }
  .slide-int:nth-child(1)::after {
    top: 1vh;
    right: 1vw;
    transform: translateY(-50%);
    border-color: #b4c74f;
  }
  
  .slide-int:nth-child(2) {
    top: -0.5vh;
    left: 9.5vw;
    border-color: #dc9b1c;
}
  .slide-int:nth-child(2)::after {
    top: 0.5vh;
    right: -1.5vw;
    transform: translateX(-2.5vw);
    border-color: #dc9b1c;
    rotate: 72deg;
  }
  
  .slide-int:nth-child(3) {
    top: 11vh;
    right: 1vw;
    border-color: #e8ac3a;
  }
  .slide-int:nth-child(3)::after {
    top: 0vh;
    right: -2vw;
    transform: translateX(-2.5vw);
    border-color: #e8ac3a;
    rotate: 144deg;
  }
  
  .slide-int:nth-child(4) {
    bottom: 11vh;
    right: 2vw;
    border-color: #4f80b2;
  }
  .slide-int:nth-child(4)::after {
    top: 0.5vh;
    right: -1.5vw;
    transform: translateX(-3vw);
    border-color: #4f80b2;
    rotate: -144deg;
  }
  
  .slide-int:nth-child(5) {
    bottom: -0.5vh;
    left: 9.5vw;
    border-color: #80b28f;
  }
  .slide-int:nth-child(5)::after {
    top: -2vh;
    right: -2vw;
    transform: translateX(-4vw);
    border-color: #80b28f;
    rotate: -72deg;
  }
  
  .slide.active img {
    transition: transform 0.5s 0.5s;
    rotate: 0deg;
  }
  .slide.active {
    opacity: 1;
  }
  .slide.active p{
    font-weight: bold;
  }
  
  
  .slide img {
    width: 100%;
    object-fit: cover;
    max-width: 150px;
  }
  .slide p{
    font-size: 75%;
    line-height: 1.2;
    margin-top: 0;
  }
  .controls {
      position: relative;
  }
  
  .controls a {
    padding: 1rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 10rem;
    transition: background-color 1s, opacity 1s ease-in-out, visibility 1s; /* Transición para opacity y visibility */
    opacity: 0;
    visibility: hidden;
}

.controls a.active {
    opacity: 1;
    visibility: visible;
    width: 100%;
    justify-content: center;
}
  
  .controls img {
    width: 60%;
    position: absolute;
    height: auto;
    top: 0px;
    left: 6vw;
  }

  .container-ecosistema{
    max-width: 100%;
    margin-right: 0;
    padding-right: 0 !important;
  }

  .img-ecosistema-t1 {
    position: absolute;
    width: 27vw;
    height: auto;
    max-width: 500px;
    right: -26vw;
    top: 22vw;
    z-index: 5;
    transform: translate(-50%, -50%);
}

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

  .img-ecosistema-blur{
    width: 60vw;
    height: 113vh;
    top: -11vh;
    right: -12vw;
    z-index: 4;
    position: absolute;
  }
  .boton-giro-desk{
    position: absolute;
    z-index: 10;
    right: 34%;
    cursor: pointer;
    z-index: 10;
    color: #d1cfce;
    font-size: 1.5em;
    opacity: .7;
  }

  .boton-giro-desk.boton-arriba:hover , 
  .boton-giro-desk.boton-abajo:hover {
        font-size: 1.7em;
        opacity: 1; 
    }
    .boton-giro-desk.boton-arriba {
        top: 35%;
        transform: translate(-50%, -50%);    }
    .boton-giro-desk.boton-abajo {
        bottom: 30%;
        transform: translate(-50%, -50%);
        }
    .container-animation-circle-mob {display: none !important;}
    .slider-mobile{display: none !important;}
    img.icono-t1-envios-texto {
        width: 170px;
        margin: auto;
        margin-left: 5px;
    }
    .texto-img-envios{
        display: inline-flex;
        align-items: center;
    }
   
    a.button-primary-last-second.border-0.btn_final_mobile {
        background-color: white;
        color: #db3b2a;
        border: 1px solid #db3b2a;
    }
    .button-primary-1.border-0.mr-4.btn_final_mobile{
        align-self: end;
        border: 1px solid #db3b2a;
    }
    h2.title-millones {
        font-family: 'Avenir';
        font-weight:  700;
    }
    span.font-avenir{
        font-family: 'Avenir';
    }
    .guion-desk{display: block;}
    .texto-principal-ecosistema, .card-texto-t1{
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        font-size: 17px;
        color: #4c4c4c;
    }

  #contacto{
    background-image: url("/assets/images/NUBES_contactanos/NUBES_T1.png");
  }

  .animated-element {
    width: 36vw;
    position: absolute;
    top: -9.8vh;
    right: 8.7vw;
}

.btn-rastreo {
    border: 0;
    display: contents;
    background-color: transparent;
    padding: 0.8rem 2rem;
    font-size: 1.6rem;
    font-weight: 800;
    transition-duration: 0.2s;
    color: #db3b2a;
    text-decoration: none;
    font-family: "Muli";
    line-height: 1.55;
    letter-spacing: 1px;
}

.images-ecos {
    max-width: 10rem;
    max-height: 7rem;
    padding: 0.6rem 0;
}

.images-paqueterias {
    max-width: 110px;
    max-height: 7rem;
    padding: .7rem 0;
}

.images-paqueteriasT1envios {
    max-width: 11rem;
    max-height: 7rem;
    padding-top: 0.4rem;
    
}

@media(min-width:992px){
    .images-paqueterias {
        max-width: 10rem;

    }
}


.dropdown:hover .grid-beneficios {
    display: grid;
}

.grid-beneficios {
    display: none;
    position: absolute;
    padding: 4rem;
    box-sizing: border-box;
    grid-gap: 0 2rem;
    grid-template-areas:
        "grid1 grid2 grid2 grid2 grid2 grid2 grid2 grid2 grid2 grid3 grid3 grid3 grid3 grid3 grid3 grid3"
        "grid1 grid4 grid4 grid4 grid4 grid4 grid4 grid4 grid4 grid5 grid5 grid5 grid5 grid5 grid5 grid5";
    left: 0;
    width: 100%;
}

.grid1 {
    display: block;
    grid-area: grid1;
    padding: 5rem 0 0 0;
}

.grid2 {
    display: flex;
    grid-area: grid2;
    align-items: center;
}

.grid3 {
    display: flex;
    grid-area: grid3;
    align-items: center;
}

.grid4 {
    display: flex;
    grid-area: grid4;
    align-items: center;
}

.grid5 {
    display: flex;
    grid-area: grid5;
    align-items: center;
}

.imgbenef {
    display: flex;
    width: 18rem;
}
.imgLogoBenef{
    max-width: 50px;
}

.dropdown:hover .grid-ecosistema {
    display: grid;
}

.grid-ecosistema {
    display: none;
    gap: 0 4rem;
    left: 0;
    position: absolute;
    grid-template-areas:
        "egrid1 egrid1 egrid1 egrid2 egrid2 egrid2 egrid2 egrid2 egrid3 egrid3  egrid3  egrid3  egrid3 egrid4 egrid4 egrid4 egrid4 egrid4 egrid5 egrid5 egrid5 egrid5 egrid5"
        "egrid1 egrid1 egrid1 egrid2 egrid2 egrid2 egrid2 egrid2 egrid3 egrid3  egrid3  egrid3  egrid3 egrid4 egrid4 egrid4 egrid4 egrid4 egrid5 egrid5 egrid5 egrid5 egrid5";
}

.egrid1 {
    grid-area: egrid1;
}

.egrid2 {
    grid-area: egrid2;
}

.egrid3 {
    grid-area: egrid3;
}

.egrid4 {
    grid-area: egrid4;
}

.egrid5 {
    grid-area: egrid5;
}

.images-ecosistema {
    max-width: 150px;
    max-height: 7rem;
    padding: 0.5rem 0;
}
@media(min-width:992px){
    .images-ecosistema {
        max-width: 14%;
        max-height: 7rem;
        padding: 0.5rem 0;
    }
}
@media(min-width:1100px){
    .images-ecosistema {
        max-width: 13.8rem;
        max-height: 7rem;
        padding: .8rem 0rem .6rem 0;
    }
}


.images-beneficios {
    max-width: 6rem;
    max-height: 10rem;
    padding: 0.5rem 0;
}

.proximo1{
    max-width: 4rem;
}

.recursos {
    max-width: 2rem;
}

.mar-15 {
    margin-right: 1rem;
}

.bg-ras {
    background-color: #d9bebe;
    width: 100%;
}

.rastreo-content {
    display: grid;
    background-color: #f9f9f9;
    min-width: 300px;
    min-height: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 2.5rem 2rem;
    z-index: 1;
    border-radius: 2rem;
    align-items: center;
    justify-items: center;
}

@media (min-width: 280px) and (max-width: 383px){
    .rastreo-content {min-width:160px;}
}

.titleRas {
    text-align: center;
    font-size: 3rem;
    margin: 0;
    font-family: "Avenir";
    color: #d3393a;
}

.input-rastreo {
    min-height: calc(1.5em + (1rem + 2px));
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    border-radius: 1rem;
    width: 93%;
    border: 1px solid ;
}

.button-primary-ras {
    padding: 1.5rem 2rem;
    font-size: 1.8rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    font-weight: 700;
    margin-top: 0.5rem;
    text-align: center;
    background-color: #db3b2a;
    color: white;
    text-decoration: none;
    transition-duration: 0.2s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    width: 250px;
    z-index: 1;
    cursor: pointer;
}

.m-5 {
    margin: 3rem !important;
}

.imgDash {
    position:absolute;
    max-width: 118vh;
    top: -32rem;
    right: -34rem;
}

.imgDash2{
    max-width: 40vh;
}

.rem2{
    font-size: 1.8rem;
}

/* --------------------- */

.btn-flotante{
    background-color: #db3b2b;
    padding: 1.5rem;
    color: white;
    border-radius: 1rem;
    position: fixed;
    right: 1.7vw;
    bottom: 3vh;
    text-decoration: none;
    z-index: 1600;
    text-orientation: upright;
    text-align: center;
    line-height: 1;
    font-size: 1.5rem;
    opacity: .87;}

.shape1{
    background-color: #fff;
    margin: 0 auto;
    padding: 0 auto;
    z-index: 1;
}

.pad-drop{
    padding: 0 1rem!important;
}

.text-nowrap{
    flex-wrap: nowrap;
}

@media (max-width:767px){
    .bg-cotiza{position: absolute;width: 100%;height: 260px;background-color:#fff;top: 520px;right:0;z-index: 0; box-shadow: rgba(25, 25, 26, 0.2) 0px 8px 24px;}
}

@media (min-width:768px) and (max-width: 1099px){
    .bg-cotiza{position: absolute;width: 100%;height: 260px;background-color:#fff;top: 520px;right:0;z-index: 0; box-shadow: rgba(25, 25, 26, 0.2) 0px 8px 24px;}
}



/* --------------------- */

/*Mob animacion ecosistem*/
@media(min-width: 768px){
    .margin-top-desk{margin-top: 6rem;}
    .d-md-flex{ display: flex!important;}
}

@media (max-width: 1099px){
    .container-animation-circle-mob, .boton-mas-inf {display: none !important;}
    .slider-mobile{display: block !important;}
    div#container-animation-ecosystem, .boton-giro-desk {
        display: none !important;
    }
    .img-ecosistema-t1, .img-ecosistema-blur {
        display: none;
    }
    .animation-envia-mob{
        padding-left: 0 !important;
        margin: auto;
    }
    .text-ecosistema {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container-animation-dash-mob{
        padding: 1rem 0 !important;
    }
    /*.container-ecosistema{
        display: none;
    }*/
    .img-circulo-ecosistema-mob {
        width: 80%;
        margin: 1rem auto 5rem;
    }
    .img-circulo-ecosistema-mob img{
        width: 100%;
    }
    .card-logo-t1 {
        width: 40vw;
        margin: auto;
    }
    .card-logo-t1 img{width: 100%;}
    .card-texto-t1{
        width: 80%;
        margin: 1rem auto 3rem;
        text-align: center;
    }
    .card-boton-t1 {
        width: fit-content;
        margin: auto;
    }
    .card-t1 {
        border-top: 1px solid #d1d1d1;
        padding: 4rem 0;
    }
    .controls, .t-1-paginas{ 
        display: none !important;
    }
    .guion-desk{display: none;}
    /***/
    .controls-mob img{
        width: 100%;
      }
      
      .slider {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
       }
      
      .circular-slider {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
      }
        .circular-slider .wrapper-mob-slider {
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 10px;
          overflow: hidden; }
          .circular-slider .wrapper-mob-slider .controls-slider-mob__left, .circular-slider .wrapper-mob-slider .controls-slider-mob__right, .circular-slider .wrapper-mob-slider .controls__autoplay {
            position: absolute;
            z-index: 101;
            -webkit-transition: .6s all;
            -o-transition: .6s all;
            transition: .6s all; }
            .circular-slider .wrapper-mob-slider .controls-slider-mob__left:hover .icon-wrapper-mob-slider, .circular-slider .wrapper-mob-slider .controls-slider-mob__right:hover .icon-wrapper-mob-slider, .circular-slider .wrapper-mob-slider .controls__autoplay:hover .icon-wrapper-mob-slider {
              font-size: 1.7em;
              opacity: 1; }
            .circular-slider .wrapper-mob-slider .controls-slider-mob__left .icon-wrapper-mob-slider, .circular-slider .wrapper-mob-slider .controls-slider-mob__right .icon-wrapper-mob-slider, .circular-slider .wrapper-mob-slider .controls__autoplay .icon-wrapper-mob-slider {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 100%;
              height: 100%;
              color: #d1cfce;
              font-size: 1.5em;
              opacity: .7; }
          .circular-slider .wrapper-mob-slider .controls-slider-mob__left, .circular-slider .wrapper-mob-slider .controls-slider-mob__right {
            top: 15%; }
          .circular-slider .wrapper-mob-slider .controls-slider-mob__left {
            left: 10%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }
            .circular-slider .wrapper-mob-slider .controls-slider-mob__left:hover {
              left: 0; }
          .circular-slider .wrapper-mob-slider .controls-slider-mob__right {
            right: 10%;
            -webkit-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                    transform: translate(0%, -50%); }
          .circular-slider .wrapper-mob-slider .controls__autoplay {
            bottom: 0;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%);
                    transform: translate(-50%, 0%); }
            .circular-slider .wrapper-mob-slider .controls__autoplay_running .pause {
              display: block; }
            .circular-slider .wrapper-mob-slider .controls__autoplay_running .run {
              display: none; }
            .circular-slider .wrapper-mob-slider .controls__autoplay_paused .pause {
              display: none; }
            .circular-slider .wrapper-mob-slider .controls__autoplay_paused .run {
              display: block; }
          .circular-slider .wrapper-mob-slider .slides-holder {
            border-radius: 50%;
            border: 2px solid #db3b2b;
            -webkit-transform-origin: center;
                -ms-transform-origin: center;
                    transform-origin: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            position: relative;
            z-index: 100;
          }
            .circular-slider .wrapper-mob-slider .slides-holder__item {
              border-radius: 50%;
              position: absolute;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              background-color: #fff;
              -webkit-transition: .3s linear all;
              -o-transition: .3s linear all;
              transition: .3s linear all;
              -webkit-filter: blur(1px);
                      filter: blur(1px);
            justify-content: center;
            align-items: center;
            display: flex;
          }
              .circular-slider .wrapper-mob-slider .slides-holder__item img {
                width: 80%;
                height: auto;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none; }
              .circular-slider .wrapper-mob-slider .slides-holder__item_active {
                -webkit-filter: blur(0);
                        filter: blur(0);
                        opacity: 1;
              }
          .circular-slider .wrapper-mob-slider .descriptions {
            position: absolute;
            bottom: 0%;
            z-index: 0; }
            .circular-slider .wrapper-mob-slider .descriptions__item {
              width: 100%;
              height: 0%;
              opacity: 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-transition: opacity 0s 0s linear;
              -o-transition: opacity 0s 0s linear;
              transition: opacity 0s 0s linear;
            }
              .circular-slider .wrapper-mob-slider .descriptions__item_visible {
                height: 100%;
                opacity: 1;
                -webkit-transition: opacity .6s 0s linear;
                -o-transition: opacity .6s 0s linear;
                transition: opacity .6s 0s linear;
                margin-top: 2.5rem; }
              .circular-slider .wrapper-mob-slider .descriptions__item h1, .circular-slider .wrapper-mob-slider .descriptions__item .description {
                font-family: Helvetica, sans-serif;
                text-align: center; }
              .circular-slider .wrapper-mob-slider .descriptions__item .description {
                font-size: 270%;
                margin-top: 5px;
                padding: 0% 5%;
                -o-text-overflow: ellipsis;
                   text-overflow: ellipsis;
                overflow-y: hidden; }
      
      .container-animation-circle-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      
      .descriptions__item img {
          max-width: 80px;
      }
      .circle-slide{
        width: calc(100% - 2rem);
        height: calc(100% - 2rem);
        background-color: #fff;
        border-radius: 50%;
        border: 1rem solid;
      }
      .slides-holder__item:nth-child(1) .circle-slide {
        border-color: #b4c74f;
      }
      
      .slides-holder__item:nth-child(2) .circle-slide {
        border-color: #dc9b1c;
      }
      
      .slides-holder__item:nth-child(3) .circle-slide {
          border-color: #e8ac3a;
      }
      
      .slides-holder__item:nth-child(4) .circle-slide {
        border-color: #4f80b2;
      }
      
      .slides-holder__item:nth-child(5) .circle-slide {
        border-color: #80b28f;
      }
      .descriptions-image{
        display: none;
        width: 70%;
        margin: auto;
      }
      .descriptions__image_visible{
        display: block;
      }
      .col-12.mt-4.mb-5{
        margin-bottom: 0;
      }
    h2.title-millones {
        font-size:2.3rem !important;
        padding: 0px 4rem;
    }
    p.my-1.txt_Titels.text-left {
        font-size: 2.3rem !important;
        text-align: center;
    }
    
    /***/
    .botones-mob{
        flex-wrap: wrap;
    }
    a.button-primary-last-second.border-0.btn_final_mobile {
        margin-top: 15px;
    }
    img.icono-t1-envios-texto {
        width: 80px;
        margin-left: 1%;
        margin-bottom: 2px;
    }
    .title-enviar-mob {
        text-align: left !important;
        line-height: 1.2 !important;
    }
    .title-enviar-mobs {
        line-height: 1.2 !important;
    }

    .col-12 .title-enviar-mob {
        font-size: 3.3rem;
    }
    .col-12 .title-enviar-mobs {
        font-size: 3.3rem;
    }
    .texto-icono-mob{
        position: relative;
    }
    /***/
}

.col-12 .title-enviar-mob {
    font-size: 3.3rem;
    font-family: 'Avenir';
}

.col-12 .title-enviar-mobs {
    font-size: 3.3rem;
    font-family: 'Avenir';
}


@media (max-width: 1024px) and (min-width:768px){
    /*.circular-slider .wrapper-mob-slider .descriptions__item_visible {
        justify-content: end;
    }*/


    .circular-slider .wrapper-mob-slider .descriptions__item .description {
        margin-top: 3rem;
        padding: 0 3rem;
    }
    .circular-slider .wrapper-mob-slider .descriptions__item .description {
        font-size: 215%;
    }
    .py-5.padding-bottom-tablet{
        padding-top: 0 !important;
    }
    .margin-top-desk {
        margin-top: 1rem;
    }
}

#video-section{
    width: 60vw;
    text-align: center;
}

.navbar-nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:1.5rem;
    margin-top:81px;
    margin-bottom:0;
    list-style:none
}

.menuMobileSize{
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  

  .move .show{
    transform: translateX(0);
    visibility: visible;
    transition: .2s;
    transition-timing-function: ease;
  }

  .moveMenus{
    position: fixed;
    z-index: 1060;
    top: 0;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    left: 0;
    bottom:0;
    width: 100%;
    transform: translate(-100%);
    transition: .2s;
    transition-timing-function: ease;
    max-width: 100%;
  }

  
  
  .moveMenuFirst{
    max-width: 100%;
  }

  .moveMenus .paddingBefore::after {
    content: "";
    padding-bottom: 60vh;
  
      text-align: center;
}

.navbar-nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0rem;
    margin-top:81px;
    margin-bottom:0;
    list-style:none
}

.menuMobileSize{
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  

  .move .show{
    transform: translateX(0);
    visibility: visible;
    transition: .2s;
    transition-timing-function: ease;
  }

  .moveMenus{
    position: fixed;
    z-index: 1060;
    top: 0;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    left: 0;
    bottom:0;
    width: 100%;
    transform: translate(-100%);
    transition: .2s;
    transition-timing-function: ease;
    max-width: 100%;
  }
  
  .moveMenuFirst{
    max-width: 100%;
  }

  .moveMenus .paddingBefore::after {
    content: "";
    padding-bottom: 60vh;
  
  }

 
  .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }

  .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  }
  #accordionFaq .collapse:not(.show),#collapseBeneficios.collapse:not(.show),#accordion .collapse:not(.show),#collapseComercios.collapse:not(.show),#collapsepaginas.collapse:not(.show),#collapseEnvios.collapse:not(.show) ,#collapsePagos.collapse:not(.show),#collapsePaqueterias.collapse:not(.show),#collapseEnviosFul.collapse:not(.show) {
    display: none;
  }

  #accordion .collapsing, #accordionFaq .collapsing, #collapseBeneficios.collapsing, #collapseComercios.collapsing,#collapsepaginas.collapsing,#collapseEnvios.collapsing,#collapsePagos.collapsing,#collapsePaqueterias.collapsing, #collapseEnviosFul.collapsing
{
position:relative;
height:0;
overflow:hidden;
transition:height .35s ease
}
@media(max-width:1099px){
    
    .container-ecosistema {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .justify-mobile{
        align-self: center;
        justify-content: center;
    }
    .text-banner-l{
        display: none;
    }
}


/* header */

.header_t1{
    position: relative;
}

  /* Nuevo header principal */
  .Banner_Home {
    position: relative;
    height: 80vh;
    width: 100%;
}

.background_banner_p{
    width: 100%;
    position: absolute;
    bottom: 0vh;
}

.nube {
    position: absolute;
    height: auto;
    animation-duration: 1.4s; /* Ajusta la duración de la animación según tu preferencia */
}

.nube1 {
    left: 0vw; /* Empieza fuera del banner en la izquierda */
    animation-name: moveRight;
    bottom: 0vh;
    animation-delay: 0s; /* Inicia al mismo tiempo que las demás */
    width: 40vw;
    z-index: -1;

}

.nube2 {
    right: 35vw; /* Empieza fuera del banner en la derecha */
    animation-name: moveLeftNube2;
    bottom: 1vh;
    animation-delay: 0s; /* Inicia al mismo tiempo que las demás */
    width: 40vw;
}

.nube3 {
    right:0vw; /* Empieza un poco más adelante que nube2 */
    animation-name: moveLeft;
    bottom: -10vh;
    z-index: 0;
    animation-delay: 0s; /* Inicia al mismo tiempo que las demás */
    width: 40vw;
}

@keyframes moveRight {
    0% { left: -100%; }
    100% { left: 0vw;} /* Ajusta 100px según el ancho de tu nube */
}

@keyframes moveLeftNube2 {
    0% { right: -100%; }
    100% { right: 35vw;} /* Ajusta 100px según el ancho de tu nube */
}

@keyframes moveLeft {
    0% { right: -100%; }
    100% { right: 0vw; } /* Ajusta 100px según el ancho de tu nube */
}


@media (min-width: 1368px) {
    .nube1{
        width: 33vw;
    }
    .nube2{
        width: 15vw;
    }
    .nube3{
        width: 32vw;
        bottom: -7vh;
    }
}

@media (min-width: 768px) and (max-width: 1367px) {
    .nube2{
        width: 15vw;
    }
    .nube3{
        bottom: -6vh;
    }
}

@media only screen and (max-width: 1099px) {
    .position_banner_p{
        position: absolute;
        top: 10vh;
        left: 0;
        place-self: center;
    }
    .text_title{font-size: 7vw;
        font-family: 'Avenir';
    }
    .text_title.text_mobile_bann_prin{
        font-size: 7vw;
    }
    .textos_move{    
        display: grid;
        align-items: center;
        justify-items: center;
        padding: 0rem 1rem;
    }
    #textoTitle.textos_move{    
        display: grid;
        align-items: center;
        justify-items: center;
        padding: 0rem 0rem;
    }
    .texto-estatico{float: initial!important;}
    .margin_bann{margin-bottom: 0vh!important;}
    .header_t1{position: absolute;width: 100%;display: flex;}
    .header_t1 .container{position: relative;}
    .padding_all0_m{padding: 0px!important;}
    .nube1{
        width: 30%;
    }
    .nube2{
        width: 26%;
        bottom: -1vh;
    }
    .nube3{
        width: 33%;
        bottom: 0vh!important;
    }
    .Banner_Home{
        background-size: cover;
    }
}


/* animacion cohete */
.container_cohete{
    height: 78vh;
    z-index: 1;

}

.cohete_new {
    position: absolute;
    height: auto;
    animation-duration: 1.4s; /* Ajusta la duración de la animación según tu preferencia */
}

.cohete_position {
    width: 50vh;
    z-index: -1;
    animation-name: movetopt;
    bottom: 50%;
    left: 50%;
    animation-delay: .5s;
    transform: translate(-50%, 50%);
}

@media only screen and (max-width: 767px) and (max-height:766px) {
 .container_cohete{
    height: 45vh!important;
 }
 .image-container-traking{
    height: 75vh;
 }
}

@media only screen and (min-height: 1100px) {
    .Banner_Home{
        height: 72vh!important;
    }
}

@media only screen and (max-width: 1099px) {
    .Banner_Home{
        height: 90vh;
    }
    .container_cohete {
        height: 40vh;
        position: absolute;
        bottom: 0vh;
        left: 0vw; 
        justify-self: center;
    }
    #paqueterias_logos_new img{
        width: 25vw!important;
     }
    .cohete_position{
        width: 70vw;
        bottom: 40%;
        animation-name: movetopt2;

    }

    /*@keyframes movetopt2 {
        0% {
            opacity: 0;
             bottom: -100%; 
             transform: translate(-50%, 100%);
        }
        100% { 
            opacity: 1;
            bottom: 40%;
            transform: translate(-50%, 50%);
        }  Ajusta 100px según el ancho de tu nube 
    }*/
}
@media (min-width: 768px) and (max-width: 1367px) {
    .cohete_position{
        width: 25vw;
        bottom: 46%;
        animation-name: movetopt4;
        transform: translate(-50%, 50%);
    }
    .margin_bann{margin-bottom: 9vh;}

    /*@keyframes movetopt4 {
        0% {
            opacity: 0;
             bottom: -100%; 
             transform: translate(-50%, 100%);
        }
        100% { 
            opacity: 1;
            bottom: 46%;
            transform: translate(-50%, 50%);
        }  Ajusta 100px según el ancho de tu nube 
    }*/
}

/*@keyframes movetopt {
    0% {
        opacity: 0;
         bottom: -100%; 
         transform: translate(-50%, 100%);
    }
    100% { 
        opacity: 1;
        bottom: 50%;
        transform: translate(-50%, 50%);
    }  Ajusta 100px según el ancho de tu nube 
}*/

/* Animaciones paqueteria */
#paqueterias_logos_new img{
   width: 9vw;
}

#paqueterias_logos_new {
    overflow: hidden;
}

.n_minutos {
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}
.n_minutos.moved {
    opacity: 1;
    left: calc(50% + 33%); /* Ajusta el valor de desplazamiento según tus necesidades */
}

.Fedex_logo{
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}
.Fedex_logo.moved {
    opacity: 1;
    left: calc(-20% + 50%);
    top: calc(-30% + 50%);
}


.redpack{
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}
.redpack.moved {
    opacity: 1;
    left: calc(-33% + 50%);
}

.ups_logo{
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}

.ups_logo.moved {
    opacity: 1;
    left: calc(15% + 50%);
    top: calc(-30% + 50%);
}


.paquete_expres{
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}
.paquete_expres.moved {
    opacity: 1;
    left: calc(-30% + 50%);
    top: calc(12% + 50%);
}

.Ivoy_logo{
    z-index: -2;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left .7s ease-in-out, opacity 1s ease-in-out; /* Duración y efecto de la transición */

}
.Ivoy_logo.moved {
    opacity: 1;
    left: calc(30% + 50%);
    top: calc(12% + 50%);
}

.widthFullfilment{
    max-width:1070px;
    margin: auto;
}

.fa-chevron-up{
    transition: .5s;
  }
  .collapsed .fa-chevron-up{
    transform: rotate(180deg);
    transition: .5s;
  }

  .m-button{
    margin: auto;
    
  }

  @media(max-width:767.98px){
    .m-button{
        text-align: center;
        width: 100%;
        display:flex;
        justify-content: center;
      }
  }
  @media(min-width:768px){
    .m-button{
        width: 60%;
        padding-left: 6vw;
      }
  }

  @media(min-width:768px){
    .justify-content-md-start{
        justify-content: start;
    }
    .mr-md-4{
        margin-right: 1.5rem;
    }

    .mt-md-0 {
        margin-top: 0!important;
    }
    .pb-md-4{
        padding-bottom: 1.5rem;
    }
}

@media(min-width:1099.98px){
    .pl-md-0{
        padding-left: 0;
    }

  }

  .font-rem-16{
    font-size: 16px;
  }

  [data-aos=fade-left]{
    transform: translate3d(60px, 0, 0)!important;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)!important;
}



  @media (min-width: 601px) and (max-width: 1600px){
.padding_all0_m {
    padding: 0px !important;
    /* padding: 1rem 3.5rem !important; */
}
.j-c-m{
    justify-content: center!important;
}
.c_center_banner{
    justify-content: center;
}
.text_title {
    font-size: 2.1vw;
    font-family: 'Avenir';

  }
}

@media (min-height:1180px){
    
    
    .col-mobile-banner{
        max-width: 40%;
    }

    .texto-movimiento{
        width: 100%!important;
    }

}

/* Para tabletas en orientación vertical */

@media only screen and (min-width: 950px) and (max-width: 1099px) and (orientation: portrait) {
.container_cohete{
    height: 42vh !important;
    position: absolute;
    bottom: 0;

}
.position_banner_p{
    left: 3rem;
}
.text-banner {
    text-align: center;
}
.txt_Maneja{
    max-width: 80%;
}

.margin_bann_2{
    margin-top: 0vw!important;
}

}

/* Para tabletas en orientación horizontal */

@media only screen and (min-width: 769px) and (max-width: 1399px) and (orientation: landscape) {
    .image-container img{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .t1_seccion_logo{
        justify-content: center;
        text-align: -webkit-center;
        padding-left: 4vw;
    }
    .m-button{
        padding-left: 3vw;
    }
    .position_banner_p{
        max-width: 40%;
    }
    .container_cohete{
        max-width: 50%;
    }
    .Banner_Home{
        height: auto!important;
    }
    .txt_Titels {
        font-size: 2.2rem;
    }
    
}
@media only screen and (min-width: 819px) and (max-width: 1099px) and (orientation: portrait) {
    
    .container_cohete {
        height: 40vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) and (orientation: portrait) {
   
    .txt_envia{
        font-size: 14px;
    }
    .position_banner_p {
        left:auto;
        max-width: 60%;

    }
    .container_cohete{
        left: auto;
        max-width: 60%;

    }
    #paqueterias_logos_new img{
        width: 9vw!important;
    }

    .btn_final_mobile{
        width: 14vw !important;
    }
    .circular-slider .wrapper-mob-slider .descriptions__item .description{
        font-size: 2vw!important;
    }
    .t1_seccion_logo{
        justify-content: center;
        text-align: -webkit-center;
    }
    .circular-slider .wrapper-mob-slider .descriptions__item_visible {
        justify-content: center;
    }
    .image-container{
        height: 40vh!important;
    }
    .image-container img{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .m-button{
        padding-left:0vw;
    }
    .t1_seccion_logo{
        width: 100%;
    }
    .circular-slider .wrapper-mob-slider{
        padding-left: 1vw !important;
    }
    .icono_full_m{width: 23vw!important;}

    .text_title{font-size: 3.5vw!important;
        font-family: 'Avenir';
}
    
    .widthAlmacenamiento{
        max-width: 700px;
        margin: auto;
    }

    .widthFullfilment{
        max-width:824px;
        margin: auto;
    }

    .justify-mobile{
        align-self: center;
        justify-content: center;
    }
    .container-ecosistema{
        padding-right: 3rem!important;
    }
    .text-ecosistema {
        max-width: 100%;
    }
    [data-aos=fade-left]{
        transform: translate3d(0px, 0, 0)!important;
}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) and (orientation: landscape) {
    .Banner_Home {
        height: auto !important;
        top: 8vh;
    }
    .col-12.col-md-7.col-lg-6.margin_bann.position_banner_p {
        position: relative;
        top: 0;
        flex: 0 0 95%;
        max-width: 95%;
    }
    .container_cohete {
        padding-top: 55vw;
        position: relative;
        height: auto;
    }
    .btn_final_mobile {
        width: 15vw !important;
    }
    #paqueterias_logos_new img {
        width: 13vw!important;
    }
    .paquete_expres.moved {
        left: 0vw;
        top: calc(2% + 50%);
    }
    .Fedex_logo.moved {
        left: 5vw;
        top: calc(-33% + 50%);
    }
    .redpack.moved {
        left: 0vw;
        top: 35%;
    }
    .ups_logo.moved {
        left: 38vw;
        top: calc(-33% + 50%);
    }
    .n_minutos.moved {
        left: 45vw;
        top: 35%;
    }
    .Ivoy_logo.moved {
        left: 45vw;
        top: calc(3% + 50%);
    }
    #textoTitle.textos_move{
        width: 100%;
    }
    .texto-movimiento span.entrada-animada {
        width: 100%;
    }
    .text_title {
        font-size: 4.5vw;
        width: 100%;
        text-align: center;
    }
    .text-banner {
        text-align: center;
    }
    .col-md-8.col-12.d-flex.justify-content-center.text-center.pt-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-md-8.col-12.text-center.pt-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .image-container {
        height: 40vw;
    }
    .txt_envia {
        font-size: 13px;
    }
    .txt_envia span.color-t1 {
        font-size: 1.5rem !important;
    }
    .btn-flotante {
        top: auto;
        bottom: 1rem;
    }
    img.icono_full_m {
        width: 17vw !important;
    }
}
@media only screen  and (max-width: 799px) and (orientation: landscape) {
    .Banner_Home {
        height: auto !important;
        top: 8vh;
    }
    .col-12.col-md-7.col-lg-6.margin_bann.position_banner_p {
        position: relative;
        top: 0;
        flex: 0 0 95%;
        max-width: 95%;
    }
    .container_cohete {
        padding-top: 55vw;
        position: relative;
        height: auto;
    }
    .text_title {
        font-size: 4.5vw;
        width: 100%;
    }
    .image-container {
        height: 60vw !important;
    }
    .col-12.d-md-none.text-center {
        flex: 0 0 50%;
        max-width: 50%;
    }
    div#rastrea.col-12.col-md-7.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .btn-flotante {
        top: auto;
        bottom: 1rem;
    }
    .container.position-relative.tam-mob-horizontal {
        max-width: 370px;
    }
    .icono_full_m {
        width: 23vw !important;
    }
    .image-container img {
        width: 65vw !important;
    }
}


@media only screen and (min-width: 357px) and (max-width:767px){
    .cohete_position{
        width: 50vw;
    }
}

@media only screen and (min-width: 1294px) and (max-width: 1367px){
    .cohete_position{
        width: 26vw;
    }
}

@media only screen and (min-width: 1369px) and (max-width: 1668px) {
    .cohete_position{
        width: 20vw;
    }
}
@media only screen and (min-width: 1669px) {
    .cohete_position{
        width: 20vw;
    }
}
@media only screen and (min-width: 2024px) {
    .cohete_position{
        width: 15vw;
    }
}

@media only screen and (min-height: 800px) {
    .Banner_Home{
        height: 76vh!important;
    }
    }

@media only screen and (min-height: 1000px) {
.Banner_Home{
    height: 74vh!important;
}

.margn{
    max-width: 1200px;
}
}
.margn{
    max-width: 1200px;
}
@media only screen and (min-height: 1490px) {
    .Banner_Home{
        height: 64vh!important;
    }
    }


/* test lis 22*/
/* test lis */
/* test 2*/

.widthLottie{
    width: 70vw!important;
}

.horizontal-scrollable .row {
    overflow-x: hidden;
    white-space: nowrap;
    display: block;
}
.horizontal-scrollable .row {
    display: block;
}
.horizontal-scrollable  .row .col-auto, .horizontal-scrollable  .row .col-md-4,  .horizontal-scrollable  .row .col-12{
    display: inline-block;
    float: none;
}

.icon-height_Cl{max-height: 64px; width: auto!important;}

.container_CL{
    max-width: 100vw;
}





/* Margenes */

#Clientes{
    top: 0px
}

.m-lines-envia{
    padding: 2rem;
}

.padding-envia-seccion{
    padding-top: 3rem;
    margin-top: 2rem;
}
.margin-container-ful{
    margin-top: 4rem;
}
.list-item{
    margin-bottom: 2rem;
}

.title-millones{
    padding-top: 2rem;
}

.t1-ol {
padding-top: 2rem;
}

.widthAlmacenamiento p{
    margin-top: 2rem;
    margin-bottom: 0rem;
}

.line_bottom_Fullfilment{
    margin-top: 3rem;
}

.lap_margin{
    margin-top: 2rem;
}
.margin-container-ecosistema{
    margin-top: 6rem;
    padding-top: 0rem !important;
}

/* new banner v2 */

@media only screen and (max-width: 1099px) {
.j-c-m{
    display: none;
}
.Banner_Home_2{
    display: grid;
    position: relative!important;
    padding-top: 6rem;
    justify-items: center;
    height: 100%!important;
}
.version_mobile_banner{
    place-content: space-between;
    display: grid!important;
}

}
.version_mobile_banner{
    display: none;
}
.Banner_Home_2 {
    position: relative;
    height: 100%;
    width: 100%;
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 370px)
  and (-webkit-min-device-pixel-ratio: 2) {
    h2.title-millones, #Beneficios .txt_envia, p.my-1.txt_Titels.text-left, .widthAlmacenamiento p {
        font-size: 2rem !important;
    }
    .txt_envia {
        font-size: 1.8rem !important;
    }
    .texto-img-envios {
        font-size: 1.2rem !important;
    }
    img.icono-t1-envios-texto {
        width: 60px;
    }
    .btn-flotante {
        top: auto;
        bottom: 0.5rem;
    }
}
/*Margenes tablet y mobile*/
@media(max-width:1099px){
    .lap_margin{
        margin-top: 0rem;
    }
    .margin-mob {
        margin-top: 4rem;
    }
    h2.text-center.title-millones.txt_envia {
        margin-bottom: 1rem;
    }
    .t1-ol {
        padding-top: 0;
    }
    #Beneficios.margin-mob {
        padding-top: 1.5rem !important;
    }
    .pt-5.container_CL.position-relative {
        padding-top: 4rem;
    }
    .padding-envia-seccion {
        padding-top: 0rem;
    }
    .margin-mob-ecosistema{
        margin-top: 2.5rem;
    }
    #contacto {
        padding-top: 5rem !important;
    }
    .container-animation-dash-mob {
        padding: 0 !important;
    }
    .list-item.color-t1 {
        margin-top: 0;
        margin-bottom: 3rem;
    }
    dotlottie-player.d-block.d-md-none.animation-envia-mob {
        margin-bottom: 4rem;
        margin-top: 3rem;
    }
    .widthAlmacenamiento {
        margin-top: 1rem;
    }
    .my-1.txt_Titels.text-left{
        margin-bottom: 3.5rem;
    }
    .slider.slider-mobile {
        margin-top: 1rem;
    }
    .card-t1 {
        border-top: 1px solid #d1d1d1;
        padding: 4.5rem 0 5rem;
    }
    #Fulfillment {
        margin-top: 4.5rem;
    }
    .container.position-relative.tam-mob-horizontal {
        padding-top: 0 !important;
    }
    .list-item.color-t1.margen-seguimiento-mob{
        margin-top: 2.5rem;
    }
}
@media(max-width:360px){
    .t1-ol {
        padding-top: 0rem;
    }
    .my-1.txt_Titels.text-left {
        margin-bottom: 2rem;
    }
    dotlottie-player.d-block.d-md-none.animation-envia-mob {
        margin-bottom: 2.5rem;
    }
    .list-item.color-t1 {
        margin-bottom: 1.5rem;
    }
    .container.position-relative.tam-mob-horizontal {
        padding-left: 0rem !important;
        padding-right: 0 !important;
    }
    #Fulfillment .txt_envia {
        font-size: 1.35rem !important;
    }
    .img-circulo-ecosistema-mob {
        margin: 0rem auto 3rem;
    }
    .card-t1 {
        padding: 3rem 0 4rem;
    }
}
@media (max-width: 1099px) and (min-width:768px){
    .card-t1 {
        width: 48%;
        margin: 0 auto;
    }
    .slider.slider-mobile {
        display: flex !important;
        flex-wrap: wrap;
        align-items: baseline;
    }
    #Beneficios {
        padding-bottom: 5.5rem !important;
    }
    .col-12.d-block.d-md-flex.justify-content-center.justify-content-md-start.botones-mob{
        align-items: baseline;
    }
    a.button-primary-1.border-0.mr-md-4.btn_final_mobile {
        height: fit-content;
    }
    .btn_final_mobile {
        padding: 0.5rem 1.5vh;
    }
}
@media(max-width:320px){
    .texto-img-envios {
        display: block;
        font-size: 1.3rem !important;
    }
}


/*T1 comercios*/
.contenedor-marketplace-bp {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem auto 1rem;
    width: 100%;
}

.contenedor-marketplace-bp .logo-marketplace-bp {
    max-width: 110px;
    height: auto;
    margin: auto;
    margin-left: 0;
}
.logo-marketplace-bp {
    max-width: 210px;
    height: auto;
    margin: auto;
    margin-left: 0;
}

@media(max-width:1100px){
    .logo-marketplace-bp {
        max-width: 150px;
        height: auto;
        margin: 0;
    }

    .contenedor-marketplace-bp .logo-marketplace-bp {
        max-width: 110px;
        height: auto;
        margin: auto;
        margin-left: 0;
    }
}

#my-video{
    background: #fff;
    margin: auto;
    width: 90%;
    height: 50vh;
    outline: 4px solid white;
    outline-offset: -4px;
}

.margin_bann{margin: 1rem auto 0;}
.margin_bann_market{
    margin: 2.5rem auto 0;
    padding-bottom: 0.5rem !important;
}
.contenedor-marketplace {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 2rem auto 0;
    max-width: 1000px;
}
.logo-marketplace {
    width: 28%;
    height: auto;
    margin: auto;
    max-width: 250px;
}

#Proximamente .icon-height_Cl {
    filter: opacity(0.5);
}
.final-banner::before {
        content: "";
        position: absolute;
        top: 25%;
        bottom: 25%;
        left: 0;
        right: 0;
        z-index: -1;
        background: #d9c3c3;
}

.background-final-banner{
    background: #d9c3c3;
}
.texto-banner-final{
    margin: auto;
}


video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-volume-slider {
    display: none !important;
}


.image-container-traking dotlottie-player{
    margin: auto;
}
h2.text-center.title-millones.title-comercios {
    font-family: 'Muli';
    font-weight: 400;
    font-size: 2rem !important;
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .text_title {
        font-size: 2vw;
    }
}
@media only screen and (max-width: 1099px) {
    #my-video {
        height: 32vh;
    }
    .contenedor-marketplace {
        width: 100%;
    }
    .logo-marketplace {
        width: 30%;
    }
    h2.title-millones {
        padding: 0px 2rem;
    }
    /*#Beneficios .txt_envia {
        font-size: 2rem !important;
    }*/
    .final-banner::before {
        top: 0%;
        bottom: 5%;
    }
    .texto-img-envios {
        font-size: 1.3rem !important;
    }
    .margin_bann {
        margin: 0rem auto 0;
    }
    .pl-5 {
        padding-left: 1rem;
    }
    .img-banner-final-mob{
        position: absolute;
        right: 0;
        width: 40%;
        bottom: 0;
    }
    .texto-img-envios {
        display: flex;
        flex-direction: column;
        float: left;
        margin: 1.5rem 0 !important;
    }
    .texto-banner-final {
        max-width: 85%;
        margin-left: 0;
        flex: 0 0 85%;
    }
    img.icono-t1-envios-texto {
        width: 100px;
        margin-left: 0;
    }
    .col-auto.d-lg-none.position-inherit.pr-4{
        position: static;
    }
}
@media only screen and (max-width: 1100px) {
    .col-auto.d-lg-none.position-inherit.pr-4{
        position: static;
    }
}
@media only screen and (max-width: 500px) {
    #Beneficios h2.text-center.title-millones.title-comercios {
        font-size: 1.2rem !important;
    }
}
@media only screen and (max-width: 770px) and (min-width: 445px) {
    .img-banner-final-mob {
        display: none;
    }
    .img-banner-ipad {
        display: block;
    }
}

@media only screen and (max-width: 445px) {
    .img-banner-ipad {
        display: none;
    }
}

/*Slick Slider*/
.carosel-root{position:relative;margin:10px auto; width: 70vw; position: relative;}
.carosel{width:95%;margin:auto}
.carosel .carosel-item{height:auto;line-height:150px;text-align:center; filter: blur(5px);}
.carosel-nav{position:absolute;text-align:center;padding:5px 10px;border:0;border-radius:50%;background:rgba(0, 0, 0, 0.3);top:calc(50% - 5px);color:#f4f4f4;cursor:pointer}
.carosel-nav-left{left:3px}
.carosel-nav-right{right:3px}
.card-carrusel{margin:0 2px;display:flex;flex-direction:column;background-color:white;text-decoration:none}
.imagen-carrusel{width:95%;margin:auto}
.slick-slide.slick-current.slick-active.slick-center {
    filter: none;
}
.slick-slide img {
    width: 100%;
}