@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 */
}

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

@font-face {
    font-family: 'Kaleko105';
    font-style: oblique;
    font-weight: bold;
    src: url('/assets/css/fonts/KALEKO_105/Kaleko105BoldOblique.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

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

@font-face {
    font-family: 'Kaleko105';
    font-style: oblique;
    src: url('/assets/css/fonts/KALEKO_105/Kaleko105BookOblique.ttf') format('truetype');
    /* Agrega otras fuentes aquí si necesitas diferentes variantes */
}

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

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

@font-face {
    font-family: 'Montserrat';
    font-weight: normal;
    src: url('/assets/css/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 300;
    src: url('/assets/css/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 500;
    src: url('/assets/css/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    src: url('/assets/css/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: bold;
    src: url('/assets/css/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 800;
    src: url('/assets/css/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 900;
    src: url('/assets/css/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
}


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
}

.d-inline-grid{
    display: inline-grid;
}
.d-inline{
    display: inline;
}
@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}
    .d-md-inline{ display: inline;}
}

@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;
}

.overflow-hidden{
    overflow: hidden;
}

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

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

/*Estilos*/

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

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

.color-white{
    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;
    }
}

.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-lottie{
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: 1rem;
	text-decoration: none;
	font-weight: 600;
    min-width: 105px;
	text-align: center;
	background-color: #db3b2a;
	color: white;
    border: 2px solid white;
	transition-duration: .2s;
}

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

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

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

.button-primary-1{
	padding: .8rem 2.5rem;
	font-size: 1.6rem;
	border-radius: 1rem;
	text-decoration:  none;
	font-weight: bold;
	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;
    border: 1px solid #db3b2a;
    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;
}


.py-cotizador{
    padding-top: calc(5rem + 71px)!important;
    padding-bottom:1rem!important;
}

@media(min-width:1100px){
    .py-cotizador{
        padding-top: 4rem!important;
        padding-bottom:4rem!important;
    }
    .container.py-cotizador{
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
}

@media(min-width:1230px){
    .container.py-cotizador{
        padding-left: 0rem!important;
        padding-right: 0em!important;
    }
}


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

.mx-0{
    margin-left: 0rem!important;
    margin-right: 0;
}
.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-0{
    margin-bottom: 0rem;
}
.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-0{
    margin-right: 0rem;
}
.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-0{
    padding-right: 0rem;
}



.pr-2{
    padding-right: .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){
    .text-md-left{text-align: left!important;}

    .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 0px 14px;
}

/* 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*/

.wave {
    background: url('../images/animations/waves.svg') repeat-x; 
    position: absolute;
    top: 0;
    left: 0;
    width: 4098px;
    height: 700px;
    animation: wave 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1770px;
    }
  }
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }

  

@media(min-width:768px) and (max-width: 1099.98px){
    .wave {
        height: 500px;
      }
      
      
      @keyframes wave {
        0% {
          margin-left: 0;
        }
        100% {
          margin-left: -1270px;
        }
      }
      
      @keyframes swell {
        0%, 100% {
          transform: translate3d(0,-25px,0);
        }
        50% {
          transform: translate3d(0,5px,0);
        }
      }
}


/*Waves second animation*/

.wave-both {
    background: url('../images/animations/wavesboth.svg') repeat-x; 
    position: absolute;
    top: 0;
    left: 0;
    width: 4098px;
    height: 700px;
    animation: waves 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  
  @keyframes waves {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1770px;
    }
  }
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }


@media(min-width:768px) and (max-width: 1099.98px){
    .wave-both {
        height: 500px;
      }
      
      
      @keyframes waves {
        0% {
          margin-left: 0;
        }
        100% {
          margin-left: -1270px;
        }
      }
      
      @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-1{
    padding-bottom: 1rem;
}

.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;}
.input-style-map {
    width: calc(100% - 2rem)!important;
}
.tooltip-visible {
    position: relative!important;
}

.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;
    place-content: end;
}

.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{
    max-width: 270px;
    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;
    }
    .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 2re m;
  }

.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);
    }
  }


/* Estilos base para todos los dispositivos */
.texto-estatico {
    height: auto;
    float: left;
    margin-right: 0.3em;
    display: inline-block;
    line-height: 1.2;
    white-space: nowrap;
  }
  
  /* Contenedor de texto en movimiento */
  .texto-movimiento {
    position: relative;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    width: auto;
    margin-top: 0;
  }
  
  /* Texto de referencia oculto */
  .texto-movimiento p {
    color: transparent;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
  }
  
  /* Contenedor de la animación */
  .texto-movimiento span.entrada-animada {
    display: block;
    color: #e74c3c;
    position: absolute;
    top: 0;
    left: 0;
    animation: moveText 10s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
  }
  
  /* Cada texto animado */
  .texto-movimiento span.entrada-animada span.d-block {
    display: block;
    line-height: 1.2;
    white-space: nowrap;
    height: 50px;
  }
  
  /* Animación */
  @keyframes moveText {
    0%  { top: 10px; }
    20% { top: 10px; }
    25% { top: -40px; }
    45% { top: -40px; }
    50% { top: -90px; }
    70% { top: -90px; }
    75% { top: -140px; }
    95% { top: -140px; }
    100% { top: -190px; }
  }
  
  /* Ajustes específicos para versión desktop */
  @media(min-width:769px) {
    #textoTitle {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
    }
    
    .texto-estatico {
      float: left;
    }
    
    .texto-movimiento {
      display: inline-block;
      width: auto;
      -webkit-mask-image: linear-gradient(180deg, transparent, #fff 35%, #fff 80%, transparent);
    }
    
    /* Ajustar la altura de cada línea en desktop */
    .texto-movimiento span.entrada-animada span.d-block {
      height: 50px;
    }
  }
  
  /* Ajustes específicos para versión móvil */
  @media(max-width:768px) {
    .texto-estatico {
      float: none;
      display: block;
      width: 100%;
      text-align: center;
      margin-right: 0;
    }
    
    .texto-movimiento {
      display: block;
      width: 100%;
      text-align: center;
      height: 50px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    
    .texto-movimiento span.entrada-animada {
      width: 100%;
      text-align: center;
    }

    .btn_Comenzar{
        padding-top: 0px!important;
    }
    @keyframes moveText {
        0%  { top: 0; }
        20% { top: 0; }
        25% { top: -50px; }
        45% { top: -50px; }
        50% { top: -100px; }
        70% { top: -100px; }
        75% { top: -150px; }
        95% { top: -150px; }
        100% { top: -200px; }
      }
    
  }

  .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;
    /*background-image: url(../images/ecosistema/Circulo-T1.png);*/
  }
  /*.carousel-int::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/ecosistema/Circulo-T1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-45deg);
    z-index: -1;
  }*/
  
  .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: 120px;
        margin: auto;
        margin-left: 5px;
    }
    .texto-img-envios{
        display: 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;

    }
}


.images-paqueteriasPop {
    max-width: 56px;
    max-height: 12rem;
    padding: .7rem 0;
}
@media(max-width:399.98px){
    .images-paqueteriasPop {
        max-height: 3.5rem;
    }
}
@media(min-width:400px) and (max-width:499.98px){
    .images-paqueteriasPop {
        max-height: 4rem;
    }
}
@media(min-width:1100px) and (max-width:1155px){
    .d-blog {
        display: none;
    }
}

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

    }
}


.padding-pop{
    padding-top: 5rem;
}


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

.grid-beneficios {
    display: none;
    position: absolute;
    right: -100vh;
    padding: 4rem;
    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";
}

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

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

@media(min-width:1100px) and (max-width:1155px){
    .d-blog {
        display: none;
    }
}

.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;
}

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

.grid-ecosistema {
    display: none;
    gap: 0 2rem;
    position: absolute;
    left: -30vw;
    grid-template-areas:
        "egrid1 egrid1 egrid1 egrid2 egrid2 egrid2 egrid2 egrid2 egrid3 egrid3  egrid3  egrid3  egrid3 "
        "egrid1 egrid1 egrid1 egrid2 egrid2 egrid2 egrid2 egrid2 egrid3 egrid3  egrid3  egrid3  egrid3 ";
}

.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%;
}

.r-body {
    background: url(/assets/images/animations/wave.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}

.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;
    }

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

.col-12 .title-enviar-mob {
    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;
}

video{
    top: 7px;
    left: 3px;
    position: relative;
}

.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;
}

video{
    top: 7px;
    left: 3px;
    position: relative;
}

.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) {
    display: none;
  }

  #accordion .collapsing, #accordionFaq .collapsing, #collapseBeneficios.collapsing, #collapseComercios.collapsing,#collapsepaginas.collapsing,#collapseEnvios.collapsing,#collapsePagos.collapsing,#collapsePaqueterias.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;
}

@media(min-width:1100px){
    .background_banner_p{
        bottom: -12%;
    }
}

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

.nube1 {
    left: -10vw; /* Empieza fuera del banner en la izquierda */
    animation-name: moveRight;
    bottom: -10vh;
    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:-10vw; /* Empieza un poco más adelante que nube2 */
    animation-name: moveLeft;
    bottom: -6vh;
    z-index: 0;
    animation-delay: 0s; /* Inicia al mismo tiempo que las demás */
    width: 40vw;
}

@keyframes moveRight {
    0% { left: -100%; }
    100% { left: -10vw;} /* 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: -10vw; } /* Ajusta 100px según el ancho de tu nube */
}

.margin_bann{margin-bottom: 26vh;}

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

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

@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';
}
    .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%;
        bottom: -2vh;
    }
    .nube2{
        width: 26%;
        bottom: -4%;
    }
    .nube3{
        width: 33%;
        bottom: -5%!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;
    }
    .justify-content-md-end{
        justify-content: end;
    }
    .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;
}

#repartidor{
    top: -2.5vh;
}

@media(min-width:1200.98px){
    #repartidor{
        top: -4vh;
    }
    
  }

  @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.2vw;
    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: 100%!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;
}

.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: 4rem;
}

/* 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: 2vh;
    justify-items: center;
    height: 100%!important;
}
.version_mobile_banner{
    padding-top: 6rem;
    place-content: space-between;
    display: grid!important;
}

}
.version_mobile_banner{
    display: none;
}
.Banner_Home_2 {
    position: relative;
    height: 60vh;
    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;
    }
    .img-banner img{
        width: 100%;
    }
}
@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;
    }
}



/*Cintillo*/


/*Contador nuevo*/
#cintilloHeaderHomeGTMHS{
    display: flex;
}
.contador {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    padding: 5px 0;
    background-color: #b10f00;
    margin-bottom: 1%;
}

@media(max-width:1100px){
    .contador {
    padding-top: 75px;
    }
}

.contador a {
    display: contents;
    text-decoration: none;
    color: black;
}

.contador-copy {
    font-size: 22px;
    width: 150px;
    text-align: center;
    font-weight: 600;
    margin-left: 3%;
}

.contador-tiempo {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 350px;
    margin-left: 2%;
}

.contador-tiempo .title {
    color: white;
    font-size: 20px;
    padding-right: 2rem;
}

.contador-digito {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contador-digito p:first-child {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background-color: #000000;
    color: white;
    border-radius: 5px;
    font-size: 30px;
    margin: 0 10px;
    font-weight: bold;
}

.contador-digito p {
    color: white;
}

.contador-digito p:last-child {
    margin: 0;
}

.contador-imagen {
    display: flex;
    flex-direction: row;
    width: 130px;
    max-height: 130px;
}

.contador-imagen img {
    width: 100%;
}

.contenedor-boton {
    width: 180px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 4%;
}

.button-ofertas {
    display: flex;
    background-color: #990606;
    color: white;
    width: 100%;
    padding: 8px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    margin: 1% 0%;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    font-size: 1em;
}

.contador-elemento-mobile{
    display: none;
}

.fecha{
    padding: 2%;
}

.fecha p{
    color: white;
    font-size: 25px;
    font-weight: 800;
}

@media screen and (max-width: 1023px) {
    .contador{
        padding-top: 75px;
    }

    .contador-imagen {
        width: 130px;
        display: flex;
        margin-left: 0%;
        max-height: 130px;
    }

    .contador-copy {
        width: 60px;
        margin-left: 3%;
        font-size: 14px;
    }

    .contador-tiempo {
        width: 270px;
        margin-left: 2%;
        
    }

    .contador-digito {
        flex-direction: column;
    }

    .contador-digito p:first-child {
        font-size: 16px;
        padding: 4px;
        margin: 3px 5px;
    }

    .contador-digito p:nth-child(2) {
        font-size: 12px;
    }

    .contenedor-boton {
        display: none;
        width: 90px;
    }

    .button-ofertas{
        padding: 5px 2px;
        font-size: 12px;
    }

    .contador-copy{
        display: none;
    }

    .contador-elemento-mobile{
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .contenedor-boton{
        width: 80px;
        margin-left: 2%;
    }
    .fecha{
        display: none;
    }

}


.cotizadorContainer{
    box-sizing: border-box;
    min-height: 250px;
    z-index: 10;
    background-color: white;
    border-radius: 1rem;
    padding: 1.7rem 1rem;
    position: relative;
    display: flex;
}

@media (max-width: 500px) {
    .cotizadorContainer{
  
        padding: 1.5rem;

    }
}

@media (max-width: 768px) {
    .cotizadorContainer{
        max-width: 400px;
        margin: auto;
    }
    
    fieldset .measures, .resetButton, .submitButton, fieldset .weight, .cotizadorContainer input.code{
        width: 100%!important;
    }
    .resetButton{
        -webkit-box-ordinal-group: 3;
        order: 1;
    }
    .submitButton{
        -webkit-box-ordinal-group: 2;
        order: 2;
    }
    
}

.cotizadorContainer input{
    border: 0;
    border-radius: 12px;
}

.cotizadorContainer input.code{
    color: #4c4c4c;
    box-sizing: border-box;
    width: 70px;
    padding: .5rem 1rem;
}



.cotizadorContainer input.code:focus, .cotizadorContainer input.code:hover {
    border: 1.5px solid rgb(62, 62, 62);
    border-radius: 0 .3rem .3rem 0!important;
    outline: 0;
    
}

fieldset{
    margin: 0;
}

.collapse:not(.show){
    display: none;
}

fieldset input{
    width: 100%;
}

#measures .measures::after{
    content: 'cm';
}

.weight:after{
    content: 'kg';
}

.weight input:focus, .weight input:active, .weight input{
    border: 0;
    outline: 0;
}

.mx-flag{
    display: flex;
    align-items: center;
    color: #acacac;
    padding: .5rem 1rem;
    border-right: 1.5px solid #acacac ;
}

.mx-flag:before{
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/assets/images/flags/mx.svg');
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: .6rem;
}

.mx-flag:after{
    content: '▼';
    display: inline-block;
    font-size: 10px;
    margin-right: 3px;
    margin-left: 3px;
}

fieldset .weight{
    padding: .5rem 1rem;
    width: 80px;
    box-sizing: border-box;
}




fieldset {
    border: 0;
    padding-bottom: 3rem;
}

.field{
    border: 1px solid #acacac;
    border-radius: 12px;
    width: 100%;
}

@media(min-width: 769px){
    .field{
        width: fit-content;
    }
}

legend{
    font-size: 13px;
}

.legend-secondary{
    display: block;
    font-size: 12px;
    color: #acacac;
    text-align: right;
    width: 100%;
}

fieldset .measures{
    width: 85px;
    padding: .5rem 1rem;
    border-right: 1px solid #acacac ;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    box-sizing: border-box;
}

#peso, #alto , #ancho, #largo{
   color: #4c4c4c;
}



fieldset .measures:hover, fieldset .measures.bl:hover, fieldset .weight:hover{
    border-width: 1px;
    border-color: #000;
    border-left: 1px solid;
}

fieldset .measures.bl{
    border-left: 1px solid #acacac ;
    border-radius: 12px 0 0 12px!important;
}

fieldset .measures.br{
    border-radius: 0 12px 12px 0!important;
}

fieldset .measures input, fieldset .measures input:focus{
    border: 0;
    outline: 0;
}


.size-button{
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px;
    border-radius: 7px;
    width: fit-content;
    box-sizing: border-box;
    overflow: hidden; 
}

.size-button button{
    background-color: transparent;
    color: rgb(219, 59, 43);
    border: 0;
    padding: 1rem 1.5rem;
    cursor: pointer;
}

.size-button button:hover:not(.active){
    background-color: rgb(242, 242, 242);
}

.size-button button:focus{
    background-color: rgb(255, 221, 218);
}

.size-button .active {
    background-color: rgb(255, 221, 218);
}

.contadorBox{
    max-width: 870px;
    margin: auto;
}


.contadorBox .col-12{
    padding-block-start: 0.625em; padding-inline-start: 0.75em; padding-inline-end: 0.75em; padding-block-end: 0.625em;
    box-sizing: border-box;
}

.resetButton{
    border: 0;
    background-color: transparent;
    padding: 1rem 1.5rem;
    cursor: pointer;
    border-radius: .4rem;
    transition: .2s linear ;
    margin-right: .5rem;
}

.resetButton:hover{
    background-color: rgb(254, 244, 244);
}

button.submitButton[disabled] {
    background-color: rgb(220, 220, 220);
    cursor: not-allowed;
    border: 0;
    padding: 1rem 1.5rem;

    border-radius: .4rem;
}


button.submitButton:not([disabled]) {
    background-color: rgb(219, 59, 43); /* Example color for enabled state */
    cursor: pointer;
    color:white;
    border: 0;
    padding: 1rem 1.5rem;
    transition: .2s linear ;

    border-radius: .4rem;

}

button.submitButton:not([disabled]):hover {
    background-color: rgb(176, 19, 5); /* Example color for enabled state */
}
.weightSpan{
    padding-right: 1.2rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    padding-bottom: 3rem;
}
@media(min-width:758px){
    .weightSpan{
padding-bottom: 0;
        }
.weightSpan div:not(:last-child):after{
content: ' | ';
color: rgb(207, 207, 207);
padding-left: 1rem;
padding-right: 1rem;
}
}

.tooltip:hover::after{
    content: attr(data-tooltip);
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Muli';
    font-size: 1.1rem;
    background-color: #3a3a3a;
    color: white;
    border-radius: .4rem;
    padding: .5rem;
    width: max-content;
    z-index: 10;
}


.background-cotizador{
    background-image: url('/assets/images/Cotizar/Linea-banner-mobile.png');
    background-repeat: no-repeat;
    background-size:cover;
}

@media(min-width:1100px){
    .background-cotizador{
        background-image: url('/assets/images/Cotizar/Linea-Banner.png');
        background-size:auto;
    }
}

/*Whatsapp*/
.whatsapp-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    position: fixed;
    z-index: 10000;
    bottom: 15px;
    right: 15px;
    width: 50px;
    margin-right: 11px;
    background-color: #db3b2a;
    border-radius: 1rem;
    overflow: hidden;
    transition: 1.5s;
}

@media(min-width:992px){
    .whatsapp-container {
        width: 210px;
    }
}

/*@media(min-width:992px){
.whatsapp-container:hover {
    width: 210px;
}
}*/

.whatsapp-icon-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 55px;
    height: 45px;
    color: #dc4a29;
    border-radius: 50px;
    text-align: center;
    font-size: 42px;
    
}

.whatsapp-icon-container::before{
    content: '';
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 89px;
    height: 89px;
    right:-16px;
    background-color: #fff;
    color: #dc4a29;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    box-shadow: 2px 2px 3px #999;
    z-index: -1;
}
.whatsapp-icon-container::after{
    content: '';
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 80px;
    height: 80px;
    right:-23px;
    background-color: #fff;
    color: #dc4a29;
    border-radius: 50px;
    text-align: center;
    border: 3px solid #dc4a29;
    font-size: 35px;
    box-shadow: 2px 2px 3px #999;
    z-index: -1;
}

.text {
    position: absolute;
    display: block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 13px;
    padding: 0px;
    left: 23px;
    top: 5px;
    border-radius: 5px;
    height: 20px;
    visibility: visible;
    margin-right: 10px;
    line-height: 1.3;
    transition: visibility 1s, opacity 0.2s linear;
    z-index: -2;
    white-space: normal; 
}


.text.close {
    visibility: hidden;
    opacity: 0;
}

.triangle {
    height: 10px;
    width: 10px;
    background-color: black;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    right: -5px;
}

#boton-ir-arriba {
    display: none !important;
}

@media (max-width: 720px) {
    .whatsapp-container {
        bottom: 10px;
        right: 10px;
    }
}

.border-cotizador{
    box-shadow:6px 6px 6px rgba(100, 100, 100, 0.1) ;
    border-radius: 2.4rem;
    border: 1px solid #fbfbfb;
    box-sizing: border-box;
    background-color: white;
    border-top: 0;
}

.border-cotizador-ext{
    border-radius: 2.4rem;
    background-color: #f0f0f0;
    
}

.border-button-cotizador{
    border-top: 1px solid #f0f0f0; 
    padding-top:3rem;
    filter: blur(.4rem);
}

.color-cotizador{
    color: #9a9a9a;;
}

.buttonCotizador{
    color: #dc4a29;
    border: 1.5px solid #dc4a29;
    text-decoration: none;
    background-color: white;
    border-radius: .7rem;
    font-size: 14px;
    font-weight: 700;
    padding: 1rem 1.5rem;
    transition: .5s;
}

.buttonCotizador:hover{
    color: white;
    border: 1.5px solid #dc4a29;
    background-color: #dc4a29;
}




.quotation-results {
    height: 100px; 
    opacity: 0;
    overflow: hidden;
    animation: results 3s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
}

@keyframes results {
    0% {
        opacity: 0;
        height: 100px;
    }
    50% {
        opacity: 0;
        height: 100px;
    }
    100% {
        opacity: 1;
        height: 1200px;
    }
}

#loader {
    opacity: 1;
    animation: loader 3s;
    animation-fill-mode: forwards;
}

@keyframes loader {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*Pop up*/
.modalPop {
    display: none;
    position: fixed;
    z-index: 1800;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}


.modalPop .modal-content,  .modal-background  .modal{
    background-image: url('/assets/images/Cotizar/Recurso 38mob.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 14%;
    background-position-x: center;
}
@media(max-width:799.98px){
.modalPop .modal-content,  .modal-background  .modal{
    background-image: url('/assets/images/Cotizar/Recurso 38mob.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 14%;
    background-position-x: center;
}
}

@media(max-width:499.98px){
    .modalPop .modal-content {
        background-position-y: center;
    } 
}

@media(max-width:499.98px){
    .modal-background  .modal{
        background-position-y: center;
    } 
}

@media(min-width:500px) and (max-width:800px){
    .modalPop .modal-content,  .modal-background  .modal{
        background-position-y: center;
    } 
}

.modal{
    max-width: 400px;
    margin: auto; 
    background-color: #db3b2a; 
    border-radius: 1rem;
    text-align: center;
    position: sticky;
    font-size: 14px;
    top: 20vh;
    left: 0;
    right: 0;
    box-sizing: border-box;
    animation: appears 3s;
    animation-delay: 1s;
    border-top: 8px solid #db3b2a;
    border-bottom: 8px solid #db3b2a;

}

.modal-content {
    position: relative;
    background-color: #db3b2a;
    margin: 12% auto;
    padding: 20px;
    max-width: 400px;
    opacity: 0;
    animation: zoomIn 0.3s ease-out;
    animation-fill-mode: forwards;
    border-radius: 1.4rem;
    border-top: 8px solid #db3b2a;
    border-bottom: 8px solid #db3b2a;
}

@media(max-width:499.98px){
    .modal-content, .modal{
        max-width: 300px;
    } 
}

@media(min-width:500px) and (max-width:800px){
    .modal-content , .modal{
        max-width: 400px;
    } 
}


@keyframes zoomIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.modal-background{
    background-color: rgba(0,0,0,0.4);
    top: 0;z-index: 10000;
    backdrop-filter: blur(.2rem);
    animation: appear 3s;
    padding-bottom: 0!important;
}





@keyframes appear{
    0%{opacity: 0;}
    50%{opacity:0}
    100%{opacity:1}
}

@keyframes appears{
    0%{opacity: 0;}
    50%{opacity:0}
    100%{opacity:1}
}

.close-button {
    position: absolute;
    top: 1px;
    right: 8px;
    color: #db3b2a;
    width: 28px;
    height: 28px;
    font-size: 23px;
    font-weight: bold;
    cursor: pointer;
    background-color: white;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.125);
   line-height: 1.1;
    border-radius: 50%;
    transition: .1s;
}

.close-button:hover,
.close-button:focus {
    color: #670d03;
    text-decoration: none;
    cursor: pointer;
}
.shiiping-text{
    font-size: 3rem; 
    margin: 0;
}
.size-price{
    font-size: 9rem; 
    line-height: 1;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.size-price span{
    font-size: 5rem; 
}

@media(min-width:768px){
    .size-price{
        font-size: 13rem; 
    }
    .size-price span{
        font-size: 7rem; 
    }
}

/* Orden para pantallas pequeñas (por defecto, hasta 576px) */
.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

/* Orden para pantallas medianas (md: >= 768px) */
@media (min-width: 768px) {
    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }
}

/* Orden para pantallas grandes (lg: >= 992px) */
@media (min-width: 992px) {
    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }
}

/* Orden para pantallas extra grandes (xl: >= 1200px) */
@media (min-width: 1200px) {
    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }
}

@keyframes scale-up {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

 /* Estilo del popup */
 #popup {
    display: none; 
    position: fixed;
    top: 50%;
    left: 50%;
    line-height: 1.2;
    font-size: 4rem;
    font-weight: 800;
    transform: translate(-50%, -50%);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5rem;
    z-index: 1708;
    width: 65rem;
    background-color: white;
    opacity: 0; /* Oculto inicialmente */
    transition: opacity 0.3s ease;
}

#popup.active {
    display: flex; /* Mostrar el popup */
    animation: scale-up 0.3s ease-out; /* Aplicar animación */
    opacity: 1; /* Hacerlo visible */
}

#popup img {
    width: 20rem;
}

#popup h2 span {
    font-weight: 400;
}

#popup .bgPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


#popup a {
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
    color: white;
    padding: 1rem 5rem;
    border-radius: 1.6rem;
    background-color: #41c752;
}

.align-whatsapp {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
  }
  
  .align-whatsapp img {
    margin-left: 0.5rem;
    vertical-align: middle;
  }

#popup button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    border-radius: none;
    background-color: transparent;
    border-style: none;
} 
  /* Fondo oscuro */
  #overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1707;
  }

  /* Estilos para dispositivos móviles */
  @media (max-width: 767.98px) {
    #popup {
        width: 75vw;
        height: auto;
        overflow: hidden;
        color: white;
        text-align: center;
        font-size: 2.5rem;
        background-color: white;
        border-radius: 7rem;
        flex-direction: column;
        justify-content: space-between;  /* Distribuir espacio entre los elementos */
        padding: 20px;
        z-index: 99999;
    }

    #popup .col-12 {
        height: 100%;
        display: column;
        flex-direction: column;
        justify-content: space-between;  /* Asegura que el contenido ocupe el espacio disponible */
    }

    #popup h2 {
        margin-bottom: .7rem;
        order: 1;  /* Mantener el título en la parte superior */
        flex-shrink: 0;  /* Evita que se encoja */
    }

    #popup img {
        width: 50%;
        justify-self: center;
        padding-bottom: 1rem;
        margin: auto;
        order: 2;  /* Imagen en el centro */
    }

    #popup a {
        padding: .5rem 5rem;
        order: 3;  /* Botón en la parte inferior */
        margin-bottom: 2rem;
        justify-content: center;
    }

    #popup button {
        position: absolute;
        top: 2rem;  /* Mantiene el botón de cierre en la parte superior derecha */
        right: 2rem;
        font-size: 2rem;
        color: white;
        background: transparent;
        border: none;
    }

    .phoneImg{
        display: none!important;
    }
}


/* popupService */

#popupService {
    display: none; 
    position: fixed;
    top: 50%;
    left: 50%;
    line-height: 1.2;
    font-weight: 800;
    transform: translate(-50%, -50%);
    padding: 5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5rem;
    z-index: 1708;
    width: 75rem;
    background-color: white;
    opacity: 0; /* Oculto inicialmente */
    transition: opacity 0.3s ease;
    overflow: hidden;
    font-family: 'Montserrat';
}

#popupService.active {
    display: flex; /* Mostrar el popup */
    animation: scale-up 0.3s ease-out; /* Aplicar animación */
    opacity: 1; /* Hacerlo visible */
}

#popupService img {
    width: 40rem;
}

#popupService h2 {
    line-height: 1.3;
    font-size: 4rem;
}

.txtColorMobile{
    font-weight: bold!important;
}

#popupService h2 span {
    font-weight: 500;
    font-size: 4rem;
}

#popupService .bgPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


#popupService a {
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
    color: white;
    padding: .5rem 2rem;
    border-radius: 1.6rem;
    background-color: #41c752;
}

.align-whatsapp {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
  }
  
  .align-whatsapp img {
    margin-left: 0.5rem;
    vertical-align: middle;
  }

#popupService button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    border-radius: none;
    background-color: transparent;
    border-style: none;
} 
  /* Fondo oscuro */
  #overlayService {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1707;
  }

  /* Estilos para dispositivos móviles */
  @media (max-width: 767.98px) {
    #popupService {
        width: 75vw;
        height: auto;
        overflow: hidden;
        text-align: center;
        font-size: 2.5rem;
        background-color: white;
        border-radius: 2rem;
        flex-direction: column;
        justify-content: space-between;  /* Distribuir espacio entre los elementos */
        padding: 20px;
        z-index: 99999;
    }

    #popupService .col-12 {
        height: 100%;
        display: block;
        flex-direction: column;
        justify-content: space-between;  /* Asegura que el contenido ocupe el espacio disponible */
    }

    #popupService h2 {
        font-size: 3rem;
        margin-bottom: .7rem;
        order: 1;  /* Mantener el título en la parte superior */
        flex-shrink: 0;  /* Evita que se encoja */
        font-weight: 300;
    }

    #popupService h2 span {
        font-size: 3rem;
        font-weight: 200;
    }
    

    #popupService img {
        width: 65%;
        justify-self: center;
        margin: auto;
        order: 2;  /* Imagen en el centro */
    }

    #popupService a {
        padding: .5rem 2rem;
        order: 3;  /* Botón en la parte inferior */
        margin-bottom: 2rem;
        margin-top: 2rem;
        justify-content: center;
        font-size: 1.6rem;
    }

    #popupService button {
        position: absolute;
        top: .5rem;  /* Mantiene el botón de cierre en la parte superior derecha */
        right: .5rem;
        font-size: 2rem;
        color: white;
        background: transparent;
        border: none;
    }
    .box-image {
        display: none!important;
    }
}



/* end popupService */





/* popupService2 */

#popupService2 {
    display: none; 
    position: fixed;
    top: 50%;
    left: 50%;
    line-height: 1.2;
    font-weight: 800;
    transform: translate(-50%, -50%);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5rem;
    z-index: 1708;
    width: 65rem;
    background-color: white;
    opacity: 0; /* Oculto inicialmente */
    transition: opacity 0.3s ease;
    font-family: 'Kaleko105';
}

#popupService2.active {
    display: flex; /* Mostrar el popup */
    animation: scale-up 0.3s ease-out; /* Aplicar animación */
    opacity: 1; /* Hacerlo visible */
}

#popupService2 img {
    width: 15rem;

}

#popupService2 .coheteImg {
    position: absolute;
    top: 0;
    left: -10rem;
    bottom: 0;
    margin: auto;
    width: 22rem;
    z-index: 9999;
}

#popupService2 h2 {
    line-height: 1.3;
    font-size: 4rem;
}

#popupService2 h2 span {
    font-weight: 500;
    font-size: 4rem;
}

#popupService2 .bgPopUp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


#popupService2 a {
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
    color: white;
    padding: 1rem 5rem;
    border-radius: 1.6rem;
    background-color: #41c752;
}

.align-whatsapp {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
  }
  
  .align-whatsapp img {
    margin-left: 0.5rem;
    vertical-align: middle;
  }

#popupService2 button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    border-radius: none;
    background-color: transparent;
    border-style: none;
} 
  /* Fondo oscuro */
  #overlayService2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1707;
  }

  /* Estilos para dispositivos móviles */
  @media (max-width: 767.98px) {
    #popupService2 {
        width: 75vw;
        height: auto;
        overflow: hidden;
        text-align: center;
        font-size: 2rem;
        background-color: white;
        border-radius: 2rem;
        flex-direction: column;
        justify-content: space-between;  /* Distribuir espacio entre los elementos */
        padding: 20px;
        z-index: 99999;
    }

    .logoImgEnviosMobile{
        width: 70px!important;
    }

    .bgPopUpService{
        display: none!important;
    }

    #popupService2 h2 span {
        font-size: 2.3rem;
    }

    #popupService2 h2 {
        font-size: 2.3rem;
        font-weight: 500;
        padding-top: 3rem;
    }

    .txtColorMobile {
        color: #db3b2a;
        font-weight: 800!important;
    }

    #popupService2 .col-12 {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;  /* Asegura que el contenido ocupe el espacio disponible */
    }

    #popupService2 h2 {
        margin-bottom: .7rem;
        order: 1;  /* Mantener el título en la parte superior */
        flex-shrink: 0;  /* Evita que se encoja */
    }

    #popupService2 img {
        width: 50%;
        justify-self: center;
        margin: auto;
        order: 2;  /* Imagen en el centro */
    }

    #popupService2 a {
        padding: .5rem 2rem;
        order: 3;  /* Botón en la parte inferior */
        margin-bottom: 2rem;
        justify-content: center;
        font-size: 1.4rem;
    }

    #popupService2 button {
        position: absolute;
        top: 1rem;  /* Mantiene el botón de cierre en la parte superior derecha */
        right: 1rem;
        font-size: 2rem;
        color: white;
        background: transparent;
        border: none;
    }

    #popupService2 .align-whatsapp {
        margin-top: 2rem;
    }

    .coheteImg {
        display: none!important;
    }

    .logosPaquete {
        display: none!important;
    }
    
}



/* end popupService2 */


.rotating-image {
    transform: rotate(20deg);
    position: absolute;
    left: -12rem;
    bottom: -12rem;
  }
/* Contenedor del botón y cintillo */
#whatsapp-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    align-items: center;
}

/* Cintillo con el texto */
#whatsapp-banner {
    background-color: #25d366;
    color: white;
    padding: 1rem 5rem 1rem 3rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 20px;
    margin-right: -3rem;
    white-space: nowrap;
    transform: scaleX(1);
    transform-origin: right;
    transition: transform 0.5s ease, opacity 0.5s ease;
    z-index: -1;
    position: relative;
}

/* Estilos del botón de WhatsApp */
.whatsapp-button {
    display: block;
    background-color: #25d366;
    padding: 1rem 1rem .5rem 1rem;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.whatsapp-button img {
    width: 3rem;
    height: 3rem;
}

/* Se oculta el cintillo cuando se hace scroll */
#whatsapp-banner.hidden {
    transform: scaleX(0);  /* El cintillo se retrae y desaparece */
    opacity: 0;  /* Desaparece el cintillo */
}

.formContact form{
    box-shadow: none;
    border:none;
    width: 100%;
}

.formContact .field {
    border: none;
    width: 100%;
}


.formContact .input input {
    border-radius: 1rem;
    border: 1px solid;
    padding: 1rem;
    margin-bottom: 2rem;
    width: calc(100% - 2rem);
}

.formContact .input select {
    border-radius: 1rem;
    border: 1px solid;
    padding: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    border-color: #9c9c9c;
}

.formContact .input textarea {
    border-radius: 1rem;
    border: 1px solid;
    padding: 1rem;
    margin-bottom: 1rem;
    width: calc(100% - 2rem);
    border-color: #9c9c9c;
    height: 15rem;
    resize: none; 
}

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