/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        width: 60px;
        height: 60px;
        background: url(../img/icon-load.gif) no-repeat;
    }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    background: #fffafa;
    background: linear-gradient(0deg,rgba(255, 250, 250, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

    #header.header-scrolled,
    #header.header-inner-pages {
        background: rgba(255, 255, 255, 1);
    }

.header-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.navbar-milenium .navbar-nav .nav-link {
    color: #25313F;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    transition: all 0.3s ease-in-out 0s;
}

    .navbar-milenium .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: #0377A6;
        border-bottom: 3px solid #FBB900;
    }

.navbar-milenium .navbar-nav .active {
    color: #0377A6;
    border-bottom: 3px solid #FBB900;
}

.navbar-fullsize {
    position: absolute;
    right: 10px;
    padding: 10px;
}

.navbar-logout {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
}

/*--------------------------------------------------------------
# Footer Section
--------------------------------------------------------------*/
.footerfont {
    font-size: 12px;
}

a.footerlink,
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    color: white;
    text-decoration: none;
}

    a.footerlink:hover {
        color: white;
        text-decoration: underline;
    }

#footer-line {
    height: 2px;
    background-color: #fff !important;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.blue-btn {
    background-color: #0377A6;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Poppins';
    font-weight: 500;
}

    .blue-btn:hover {
        background-color: #25313F;
        color: white;
    }

.yellow-btn {
    background-color: #FBB900;
    color: white;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Poppins';
    font-weight: 500;
}

    .yellow-btn:hover {
        background-color: #25313F;
        color: white;
    }

    .yellow-btn:focus {
        background-color: #25313F;
        color: white;
    }

.white-btn {
    background-color: #fff;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid gray;
    font-family: 'Poppins';
    font-weight: 400;
}

    .white-btn:hover {
        background-color: #0377A6;
        color: #fff;
        border: 1px solid #0377A6;
    }

.white-demo-btn {
    background-color: transparent;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid white;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 24px;
    vertical-align: middle;
    line-height: 100%;
}

    .white-demo-btn:hover {
        background-color: #fff;
        color: #000;
    }

/*--------------------------------------------------------------
# Link
--------------------------------------------------------------*/
a.specialLink,
a.specialLink:link,
a.specialLink:visited,
a.specialLink:active {
    text-decoration: none;
}

    a.specialLink:hover {
        text-decoration: underline;
    }

/*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Mi Cuenta
----------------------------------------------------------------
--------------------------------------------------------------*/
.navManage {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
}

    .navManage .navManage-top {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 99;
    }

.nav-pills .navManage.active .navManage-top {
    display: inline;
}

.nav-pills .navManage.active,
.nav-pills.show .nav-link {
    background: #0377A6;
}

.acc-Font10 {
    font-size: 10px;
}

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

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

.tab-Height {
    height: 100px;
}

#my_file {
    display: none;
}


/*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Inicio
---------------------------------------------------------------
--------------------------------------------------------------*/

.text30size {
    font-size: 50px !important;
}

.textdiassize {
    font-size: 40px !important;
}

.textmesprice {
    font-size: 20px !important;
}

@media (min-width: 320px) and (max-width: 480px){

    .hero-button {
        background-color: #FBB900;
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        font-family: 'Poppins';
        font-weight: 400;
    }

    .text30size
    {
        font-size: 50px !important;
    }

    .textdiassize
    {
        font-size: 40px !important; 
    }

    .textmesprice {
        font-size: 15px !important;
    }

}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 100vh;
    background: url("../img/pInicio/hero-bgMobilebFE.png") top center;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    padding: 0;
}

.hero-text {
    position: absolute;
    color: #ffffff;
    top: 52%;
    left: 25%;
    transform: translate(-50%, -50%);
}

.hero-button {
    background-color: #FBB900;
    font-size: 24px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    font-family: 'Poppins';
    font-weight: 400;
}

    .hero-button:hover {
        color: white;
        background-color: #25313F;
    }

.hero-text-separacion {
    line-height: 49px;
}

.hero-video {
    position: absolute;
    color: #ffffff;
    top: 60%;
    right: -15%;
    width: calc(100vW * 0.4);
    height: calc((100vW * 0.4) * (9 / 16));
    border-radius: 25px;
    border-color: rgba(255, 255, 255, 0);
    transform: translate(-50%, -50%);
}

.hero-cellphone-size {
    visibility: hidden;
}

.hero-wide-size {
    visibility: visible;
}

.FontTitle1 {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 36px;
}

.FontTitle2 {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 38px;
}


/*--------------------------------------------------------------
# Management Section (Short Version)
--------------------------------------------------------------*/
.right-border {
    border-right: solid;
}

.milenium-right-text {
    font-size: 20px;
    display: flex;
    align-items: center;
    font-family: 'Poppins';
    font-weight: 700;
    height: 100%;
    color: #25313F;
}

.iconManage-Frame {
    position: relative;
}

.iconManage-Main {
    width: 46px;
    height: 46px;
}

.iconManage-OverTop {
    visibility: collapse;
    position: absolute;
    width: 56px;
    height: 56px;
    transform: translate(-90%, -10%);
}

.nav-pills .nav-item .nav-link:hover .iconManage-OverTop {
    visibility: visible;
}

.nav-pills .nav-item .nav-link.active {
    background: none;
}

    .nav-pills .nav-item .nav-link.active .iconManage-OverTop {
        visibility: visible;
    }

/*--------------------------------------------------------------
# Factura Electr�nica Section
--------------------------------------------------------------*/
.Factura-Hero {
    width: 100%;
    background: url("../img/pInicio/texture2.jpg") left center;
    background-size: cover;
    position: relative;
    padding: 0;
}

.Factura-Imagen-Relative {
    position: relative;
    width: auto;
    height: auto;
}

.Factura-Imagen-Absolute {
    position: absolute;
    top: 200px;
    left: 25%;
    z-index: unset;
}

.Factura-Imagen-Cellphone {
    display: none;
}

.Factura-Enlace {
    text-decoration: underline;
    color: white;
}

.Factura-Enlace,
a.Factura-Enlace:hover {
    text-decoration: underline;
    color: wheat;
}

.Factura-Enlace,
a.Factura-Enlace:active,
a.Factura-Enlace:visited {
    text-decoration: underline;
    color: white;
}

/*--------------------------------------------------------------
# Benefits Section
--------------------------------------------------------------*/
.Benefits-Hero {
    width: 100%;
    background: url("../img/pInicio/texture1.png") bottom center;
    background-size: cover;
    position: relative;
    padding: 0;
}

.milenium-carousel-control-prev {
    width: 6%;
    left: 6%;
}

.milenium-carousel-control-next {
    width: 6%;
    right: 6%;
}

.milenium-carousel-indicators {
    justify-content: right;
    margin-right: 5%;
}

.benefits-text {
    line-height: 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #25313F;
}

#Benefits-Milenium {
    display: block;
}

#Benefits-Milenium2,
#Benefits-Milenium3 {
    display: none;
}


/*--------------------------------------------------------------
# Six Reason Section
--------------------------------------------------------------*/
.sixReason-Tittle {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
    color: #25313F;
}

.sixReason-text {
    font-family: 'Poppins';
    font-weight: 700;
    line-height: 20px;
    font-size: 18px;
}

.sixReason-image {
    width: 50px;
}

.sixReason-margin {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Map Section
--------------------------------------------------------------*/
.Map-Hero {
    width: 100%;
    background: url("../img/pInicio/map-hero.jpg") bottom center;
    background-size: cover;
    position: relative;
    padding: 0;
}

.Map-Container {
    position: relative;
    width: 100%
}

.Map-WeAreHere {
    height: 640px;
    width: 100%;
    border-radius: 15px;
    z-index: 2;
}

.Map-WeAreHere-Scroll:before {
    content: 'Use ctrl + scroll to zoom the map';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    font-size: 34px;
}

.Map-WeAreHere-Scroll:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    background: #00000061;
    z-index: 999;
}


.Map-WeAreHere-Isotipo {
    position: absolute;
    z-index: 1;
    top: 59%;
    left: -9%;
}

.Map-Slider {
    /*width: 1138px;*/
    width: 100%;
    height: 100px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.Map-Slide {
    height: 100px;
    display: flex;
    align-items: center;
    animation: Mapslideshow 60s linear infinite;
}

    .Map-Slide img {
        max-width: 180px;
        padding: 0 30px 0 30px;
    }

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

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

.Map-Slider::before,
.Map-Slider::after {
    height: 100px;
    width: 200px;
    position: absolute;
    content: "";
    background: linear-gradient(to right, #EDEFF2 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.Map-Slider::before {
    left: 0;
    top: 0;
}

.Map-Slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.Map-num1::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter 5s linear forwards;
    counter-reset: count 0;
}

@keyframes counter {
    from {
        counter-increment: count 0;
    }

    to {
        counter-increment: count 1500;
    }
}

.Map-counter-number {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
    color: #FBB900;
}

.Map-counter-text {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
}


/*--------------------------------------------------------------
# Opinion Section
--------------------------------------------------------------*/
.opinion-Row-Size {
    height: 262px;
}


.opinion-Design-Align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.opinion-Design-Mobile {
    height: 240px;
    width: 245px;
    border-radius: 15px;
    background-color: #0377A6;
    margin-top: -40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    text-align: center;
    line-height: 13px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.5s;
}

.opinion-Desing-Image {
    width: 80px;
    height: 80px;
}


.opinion-Design {
    height: 207px;
    width: 212px;
    border-radius: 15px;
    background-color: #A1CBDE;
    margin-top: -40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-family: 'Poppins';
    font-weight: 400;
    text-align: center;
    line-height: 10px;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 0.5s;
    cursor: pointer;
}

    .opinion-Design:hover {
        height: 222px;
        width: 245px;
        background-color: #0377A6;
        font-size: 12px;
        text-align: center;
        line-height: 12px;
        padding-left: 20px;
        padding-right: 20px
    }

#Opinion-Milenium {
    display: block;
}

#Opinion-Milenium2,
#Opinion-Milenium3 {
    display: none;
}

.Milenium-carousel-indicators {
    bottom: -15%;
}

    .Milenium-carousel-indicators li {
        background-color: #0377A6;
    }

.Opinion-carousel-control-prev {
    width: 6%;
    left: 0%;
}

.Opinion-carousel-control-next {
    width: 6%;
    right: 0%;
}


/*--------------------------------------------------------------
# Banner (Comprar ahora)
--------------------------------------------------------------*/
.banner-image {
    background-image: url("/assets/img/pInicio/imgBannerBuy.png");
    height: 270px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner-button-align {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.banner-button {
    background-color: #FBB900;
    font-size: 14px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    font-family: 'Poppins';
    font-weight: 400;
}

    .banner-button:hover {
        color: white;
        background-color: #25313F;
    }


/*--------------------------------------------------------------
# Banner (Comprar ahora)
--------------------------------------------------------------*/
.text-format-bold {
    font-weight: bold;
}


/*--------------------------------------------------------------
# Login Section
--------------------------------------------------------------*/
.login-box {
    max-width: 100%;
    width: 100%;
    outline: 0;
    border-width: 0 0 2px;
    border-color: #cccccc;
}

    .login-box:hover {
        border-color: #A1CBDE;
    }

    .login-box:focus {
        border-color: #A1CBDE;
        border-width: 0;
        outline: 2px;
        outline-color: #A1CBDE;
        outline-style: solid;
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.management-hero-image {
    width: 100%;
    height: 75vh;
    background: url("../img/pGestion/hero-bg.jpg") top left;
    background-size: cover;
    position: relative;
    padding: 0;
}

.management-hero-text-position {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.management-hero-text {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 52px;
}

.management-hero-text2 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
    color: #25313F;
}

/*--------------------------------------------------------------
# Management Section
--------------------------------------------------------------*/
.Tab-Hero {
    width: 100%;
    background: url("../img/pGestion/img-pattern.png") bottom center;
    background-size: cover;
    position: relative;
    padding: 0;
}


.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show {
    color: #0377A6;
    background-color: #EDEFF2;
    border-color: #dee2e6 #dee2e6 #EDEFF2;
}

.nav-link {
    color: #25313F;
}

    .nav-link:hover {
        color: #FBB900;
    }

.management-font-size {
    font-size: 0.85rem;
}

.management-tab-size {
    height: auto;
}

.management-tab-text {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
    color: #25313F;
    line-height: 28px;
}

.management-grid-title {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 17px;
}

.management-grid-text {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
}

.management-tab1-grid-effect {
    margin-top: unset;
}

.management-tab4-list {
    list-style-image: url("../assets/img/pGestion/iconFeatherCheck.png");
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid black;
}

/*--------------------------------------------------------------
# Benefits Section
--------------------------------------------------------------*/
.management-benefits-text {
    display: flex;
    align-items: end;
}

.management-benefits-image {
    position: relative;
}

.management-benefits-image-text {
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 80%;
    width: 90%;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: white;
}

/*--------------------------------------------------------------
# Six Reasons Section
--------------------------------------------------------------*/
.management-sixR-Tittle {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 60px;
    color: white;
}

.management-sixR-Tittle2 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 34px;
    color: #0377A6;
}

.management-sixR-Reason-Tittle {
    line-height: 2px;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 18px;
    color: white;
}

.management-sixR-Reason-Text {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
    color: #03598C;
}

.management-sixR-Hero {
    width: 100%;
    background: url("../img/pGestion/fondo6Razones.png") bottom center;
    background-size: cover;
    background-color: #FBB900;
    position: relative;
    padding: 0;
}

/*--------------------------------------------------------------
# Banner2 (Comprar ahora)
--------------------------------------------------------------*/
.banner2-image {
    background-image: url("/assets/img/pGestion/imgBannerBuy.jpg");
    height: 270px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner2-div-align {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.banner2-text {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 27px;
    text-align: right;
    color: white;
}



/*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Precio
----------------------------------------------------------------
--------------------------------------------------------------*/
.price-carousel-indicators {
    justify-content: right;
    margin-right: 1%;
}

.price-carousel-text-align {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0%, -50%);
    color: white;
    line-height: 35px;
}

.price-carousel-text {
    font-size: 26px;
    font-family: 'Poppins';
    font-weight: 500;
}

.price-carousel-text2 {
    font-size: 26px;
    font-family: 'Poppins';
    font-weight: 700;
}

.price-carousel-image {
    height: 50vh;
}

.price-carousel-image-mobile {
    height: 50vh;
    width: 100%;
}

.price-pack {
    border-radius: 25px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price-pack2 {
    position: absolute;
    border-radius: 25px 25px;
    background-color: #233D4A;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    font-family: 'Poppins';
    font-weight: 400;
    text-align: center;
}

.price-pack3 {
    position: absolute;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    font-weight: 400;
    text-align: center;
}

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

.price-buyButton {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-family: 'Poppins';
    font-weight: 500;
    background-color: #FBB900;
}

    .price-buyButton:hover {
        color: white;
        background-color: #25313F;
    }

.price-buyButton2 {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    font-family: 'Poppins';
    font-weight: 500;
    background-color: #0377A6;
}

    .price-buyButton2:hover {
        color: white;
        background-color: #FBB900;
    }

.price-planBox {
    margin-top: 30px;
    z-index: 0;
}

.price-radius25 {
    border-radius: 25px 25px;
}

.price-radius20 {
    border-radius: 20px 20px;
}

.price-radiusTLR20 {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.price-radiusBLR20 {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}


.price-radius25-top {
    border-radius: 25px 25px 0px 0px;
}

.price-text10 {
    font-size: 10px;
}

.price-text32 {
    font-size: 32px;
}

.price-lottie {
    width: 100%;
    height: 350px;
}

.price-textbox {
    width: auto;
    max-width: none;
}

price-plan-height {
    height: auto;
}

.price-images-row-height {
    height: auto;
}

.price-arrow-visible {
    visibility: hidden;
}

.price-dots-visible {
    visibility: visible;
}

.price-image-relative {
    position: relative;
}

.tooltip-price-option {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip-price-option .tooltip-price-option-text {
        visibility: hidden;
        width: 420px;
        background-color: #707070;
        color: #FFFFFF;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 125%;
        left: 10%;
        margin-left: -300px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip-price-option:hover .tooltip-price-option-text,
    .tooltip-price-option.show .tooltip-price-option-text {
        visibility: visible;
        opacity: 1;
    }

        @media screen and (max-width: 650px) {
            .tooltip-price-option .tooltip-price-option-text{
            width:200px;
            margin-left:-200px
        }
    }

/*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Carrito de Compra
----------------------------------------------------------------
--------------------------------------------------------------*/
.payment-btn-active {
    color: white;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 7px;
    padding-top: 7px;
    border-radius: 10px 10px;
    font-size: 14px;
}

.payment-btn {
    border: 1px solid #03598C;
    background-color: white;
    color: black;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 7px;
    padding-top: 7px;
    border-radius: 10px 10px;
    font-size: 14px;
}

.payment-btn-text {
    font-size: 14px;
}

.payment-btn-One {
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.payment-next {
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    border-radius: 10px 10px;
    font-family: 'Poppins';
    font-weight: 400;
}

    .payment-next:hover {
        color: white;
        background-color: #FBB900;
    }

.payment-button {
    color: white;
    width: 100%;
}

    .payment-button:hover {
        color: white;
        background-color: #FBB900;
    }

.paymentDesc-button {
    background-color: #0377a6;
    color: white;
    font-family: 'Poppins';
    font-weight: 400;
}

    .paymentDesc-button:hover {
        color: white;
        background-color: #FBB900;
    }

.payment-plan {
    height: calc(1.5em + 0.75rem + 2px);
    width: 100%;
}

.payment-Quantity-Relative {
    position: relative;
}

.payment-Quantity {
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    text-align:center;
    width: 62px;
    height: 38px;
    left: 30%
}

.paymentfont14 {
    font-size: 14px;
}

.paymentfont18 {
    font-size: 18px;
}

.maxwidth-100 {
    max-width: 100%;
}

.payment-Price {
    position: relative;
    left: 150px;
}

/*--------------------------------------------------------------
    ----------------------------------------------------------------
    # Pagina Soporte
    ----------------------------------------------------------------
    --------------------------------------------------------------*/
.hero-support {
    height:100vh;
    width: 100%;
    background: url("/assets/img/pSoporte/mainImage.jpg") top center;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    padding: 0;
}

    .hero-support-text{
        padding-top:75px;
    }

    .manualAyuda-btn {
        width: 277px;
        height: 57px;
        background: var(--blanco) 0% 0% no-repeat padding-box;
        border: 1px solid var(--cyan-2);
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #0377A6;
        border-radius: 55px;
        opacity: 1;
        text-decoration: none;
    }

    .manualAyuda-btn:hover {
        color: white;
        background-color: #03598C;
        border: 1px solid #03598C;
        text-decoration: none;
    }


#MicrosoftTeams-image-mobile {
    display: none;
    text-align: center;
}

#MicrosoftTeams-image {
    padding-left: 100px
}

.manualAyuda-banner-image {
    background-image: url('/assets/img/pSoporte/bannerManual.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 406px;

}


@media (max-width: 723px) {

    #MicrosoftTeams-image {
        display: none;
    }

    #MicrosoftTeams-image-mobile {
        display: block;
    }

    #ManualAyudaContainer, #ManualAyudaItems, #btnManualAyuda {
        display: flex;
        justify-content: center;
    }

    .manualAyuda-banner-image {
        background-image: url('/assets/img/pSoporte/bannerManual.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        text-align: center;
        height: 100%;
    }
}

@media (max-width: 935px) {
    #MicrosoftTeams-image {
        padding-left: 0px
    }
}

@media (min-width: 700px) and (max-width: 1199px) {

    #ManualAyudaContainer {
        padding-left: 20px;
    }
}


.support-title {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 38px;
}

.support-btn-active {
    border: 1px solid #03598C;
    background-color: #03598C;
    color: white;
    border-radius: 25px;
}

.support-btn {
    border: 1px solid #A1CBDE;
    background-color: white;
    color: black;
    border-radius: 25px;
}

    .support-btn:hover {
        color: white;
        background-color: #03598C;
        border: 1px solid #03598C;
        text-decoration: none;
    }

.support-div-report {
    position: fixed;
    right: 2%;
    bottom: 90px;
    z-index: 999;
}

    .support-btn-report {
        width: 250px;
    }

    .support-btn-hero {
        border: 1px solid white;
        background-color: transparent;
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 8px;
        padding-bottom: 8px;
        color: white;
        font-family: 'Poppins';
        font-weight: 400;
    }

        .support-btn-hero:hover {
            color: white;
            border: 1px solid #25313F;
            background-color: #25313F;
        }

    .support-banner-image {
        background-image: url("/assets/img/pSoporte/imgBanner.jpg");
        height: 270px;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .support-banner-text {
        position: absolute;
        color: #ffffff;
        top: 52%;
        left: 25%;
        transform: translate(-50%, -50%);
    }

    .support-banner-enlace {
        text-decoration-line: underline;
    }

    .support-btn-hero2 {
        border: 1px solid white;
        background-color: transparent;
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 8px;
        padding-bottom: 8px;
        color: white;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 125%;
    }

        .support-btn-hero2:hover {
            color: white;
            border: 1px solid #25313F;
            background-color: #25313F;
        }

    .img-icon-download {
        background-image: url("/assets/img/pSoporte/icon-titulo-descarga.png");
        background-repeat: no-repeat;
        background-position: center;
        height: 39px;
        width: 32px;
    }

    .btn-download-now {
        height: 41px;
        width: 200px;
        text-align: right;
    }

    .img-icon-windows {
        visibility: hidden;
    }

    .container-download-now {
        width: auto;
        border-radius: 15px;
    }

    .show-download-now-mobile {
        display: none;
    }

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

        .img-icon-windows {
            visibility: visible;
        }

        .btn-download-now {
            height: 41px;
            width: 200px;
            text-align: left;
        }

        .container-download-now {
            width: 95% !important;
            border-radius: 15px;
        }

        .show-download-now-mobile {
            display: block;
        }

        .video-mobile-view {
            height: 300px;
        }
    }

    /*Webinar List Section*/

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

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

    .vertical-center {
        display: flex;
        align-items: center;
    }

    .horizontal-center {
        display: flex;
        justify-content: center;
    }


/*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Blog
----------------------------------------------------------------
--------------------------------------------------------------*/
.hero-blog {
    width: 100%;
    height: 100vh;
    background: url("../img/pblog/bg-hero.jpg") top center;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    padding: 0;
    /*filter:brightness(70%);*/
}

    .hero-blog-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .bloglink,
    a.bloglink:link,
    a.bloglink:hover,
    a.bloglink:active a.bloglink:visited {
        color: #0377A6 !important;
        font-size: 12px;
    }

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

    .blog-text20 {
        font-size: 20px;
    }

    .blog-text22 {
        font-size: 22px;
    }

    .blog-rounded {
        border-radius: 25px 25px;
    }

    .blog-buyNow-button {
        font-size: 24px;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 15px;
        padding-bottom: 15px;
        color: white;
    }

        .blog-buyNow-button:hover {
            color: white;
            background-color: #e0a800;
        }

    .blog-imgArticle-width {
        width: 100%;
    }

    .blog-card-maxwidth {
        max-width: 350px;
    }

    .blog-tittle-paddingtop {
        padding-top: 96px;
    }

    .animate {
        opacity: 0;
        transition: all 1s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .animate.active {
            opacity: 1;
            transform: translateX(0%) translateY(0%);
        }

    .slide-in-right {
        transform: translateX(100%) translateY(0%);
    }

    /*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina Consultores
----------------------------------------------------------------
--------------------------------------------------------------*/

    /* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

    @media (min-width: 1281px) {

        .partner-hero-image {
            width: 100%;
            height: 772px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            position: relative;
            padding: 0;
        }

        .partner-title2 {
            font-size: 60px
        }

        .directory-title {
            font-size: 60px;
        }

        .directory-paragraph {
            font-size: 18px;
        }
    }

    /* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

    @media (min-width: 1025px) and (max-width: 1280px) {

        .partner-hero-image {
            width: 100%;
            height: 772px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            position: relative;
            padding: 0;
        }
    }

    /* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

    @media (min-width: 768px) and (max-width: 1024px) {
        .partner-hero-image {
            width: 120%;
            height: 346px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            position: relative;
            padding: 0;
        }

        .directory-table-columns {
            text-align: justify;
            font-size: 12px;
        }
    }

    /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .partner-hero-image {
            width: 100%;
            height: 772px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            position: relative;
            padding: 0;
        }
    }

    /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

    @media (min-width: 481px) and (max-width: 767px) {

        .partner-hero-image {
            width: 100%;
            height: 320px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: cover;
            position: relative;
            padding: 0;
        }

        div.x3 {
            max-width: 650px !important;
        }

        .directory-hero-image {
            width: 100%;
            height: 346px;
            background: url("../img/pConsultores/banner-directorio-consultores-movil.jpg") top center !important;
            background-repeat: no-repeat;
            background-attachment: scroll;
            position: relative;
            padding: 0;
        }
    }

    /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

    @media (min-width: 320px) and (max-width: 480px) {

        .partner-hero-image {
            width: 100%;
            height: 245px;
            background: url("../img/pConsultores/portada-consultores.jpg") top center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: cover;
            position: relative;
            padding: 0;
        }

        .directory-hero-image {
            display: none !important;
        }

        .directory-hero-text-alternative {
            display: block !important;
        }

        .directory-table-columns {
            text-align: justify;
        }
    }

    div.x2 {
        max-width: 750px;
        margin: auto;
        border: 3px;
        border-radius: 10px;
        background: linear-gradient(to bottom right, #178ec2 0%, #20203c 100%);
    }

    .entry-partner-form {
        border-radius: 15px;
        height: 28px;
    }


    .partner-title2 {
        font-size: 40px
    }

    .partner-text1 {
        text-align: center;
        justify-content: center;
    }

    .partner-text2 {
        text-align: center;
        margin-left: 2.5rem !important;
    }

    .directory-hero-image {
        width: 100%;
        height: 346px;
        background: url("../img/pConsultores/banner-directorio-consultores.jpg") top center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        position: relative;
        padding: 0;
    }

    .directory-title {
        font-size: 40px;
    }

    .directory-paragraph {
        font-size: 12px;
        justify-content: center
    }

    div.directory-table {
        max-width: 800px;
        margin: auto;
        background-color: white
    }

    .bg-gradiente-blue {
        background: linear-gradient(to bottom, #178ec2 0%, #20203c 100%);
    }

    .form-partner-description {
        height: 181px;
    }

    .custom-file-upload {
        border: 1px solid #F2F2F2;
        background-color: #F2F2F2;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
    }

    .input-upload[type="file"] {
        background-color: #F2F2F2;
        border: none;
        cursor: pointer
    }

    input[type=file]::file-selector-button {
        margin-right: 20px;
        border: none;
        background: #F2F2F2;
        cursor: pointer;
        transition: background .2s ease-in-out;
        color: black;
        cursor: pointer
    }

        input[type=file]::file-selector-button:hover {
            background: #F2F2F2;
            cursor: pointer
        }


    .enviar-formButton {
        border-radius: 20px;
        padding-left: 65px;
        padding-right: 65px;
        padding-top: 8px;
        padding-bottom: 8px;
        color: white;
        font-family: 'Poppins';
        font-weight: 500;
        background-color: #FBB900;
    }

        .enviar-formButton:hover {
            color: white;
            background-color: #25313F;
            border-color: #FBB900;
        }

    .section-partner-bg {
        width: 100%;
        height: auto;
        background: url("../img/pConsultores/fondo-partner-.jpg") top center;
        background-repeat: no-repeat;
    }

    .display-none {
        display: none;
    }

    .btn-expand-text {
        cursor: pointer;
    }

    .btn-quiero-unirme {
        transform: translateY(-10px);
        max-width: 227px;
        max-height: 46px;
        width: 227px;
        height: 46px;
        font-size: 20px;
    }
    /*--------------------------------------------------------------
----------------------------------------------------------------
# Pagina DeBaja
----------------------------------------------------------------
--------------------------------------------------------------*/
    .container-debaja {
        max-width: 670px;
    }

    .btn-header-container-debaja {
        text-align: end
    }

    .btn-debaja {
        width: 212px;
        height: 42px;
        border-radius: 10px;
    }

    @media screen and (max-width: 575px) {

        .header-container-debaja {
            text-align: center
        }

        .container-debaja {
            text-align: start
        }

        .btn-header-container-debaja {
            text-align: center
        }
    }

    /*--------------------------------------------------------------
# Banner3 (Comprar ahora)
--------------------------------------------------------------*/
    .banner3-image {
        background-image: url("/assets/img/pBlog/imgBannerBuy2.jpg");
        height: 270px;
        background-position: center left;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .banner3-div-align {
        display: flex;
        justify-content: right;
        height: 100%;
    }

    .banner3-div-center {
        display: flex;
        margin-top: unset;
        margin-bottom: unset;
        align-items: center
    }

    .banner3-text {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 27px;
        text-align: right;
        color: white;
    }

    /*--------------------------------------------------------------
# Banner (Preguntas Frecuentes)
--------------------------------------------------------------*/
    .bannerQA-image {
        background-image: url("/assets/img/pQA/imgBannerQA.jpg");
        height: 270px;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    /*--------------------------------------------------------------
----------------------------------------------------------------
# Paginas Error
----------------------------------------------------------------
--------------------------------------------------------------*/
    .imagen-size {
        width: 100%;
        max-width: 550px;
    }

    /*--------------------------------------------------------------
# Textt Pallete Colors
--------------------------------------------------------------*/
    .Color1 {
        color: #25313F;
    }

    .Color2 {
        color: #03598C;
    }

    .Color3 {
        color: #A1CBDE;
    }

    .Color4 {
        color: #0377A6;
    }

    .Color5 {
        color: #FBB900;
    }

    .Color6 {
        color: #E2EFF6;
    }

    .Color7 {
        color: #233D4A
    }

    .ColorGray {
        color: #EDEFF2
    }

    .Color1-2 {
        color: #273156;
    }

    .ColorGray {
        color: #707070;
    }


    /* Background Colors  */

    .BGColor1 {
        background-color: #25313F;
    }

    .BGColor2 {
        background-color: #03598C;
    }

    .BGColor3 {
        background-color: #A1CBDE;
    }

    .BGColor4 {
        background-color: #0377A6;
    }

    .BGColor5 {
        background-color: #FBB900;
    }

    .BGColor6 {
        background-color: #E2EFF6;
    }

    .BGColorGray {
        background-color: #EDEFF2;
    }

    .BGColorWhite {
        background-color: white;
    }

    /*--------------------------------------------------------------
# Fonts Types
--------------------------------------------------------------*/
    .FontSize12 {
        font-size: 12px;
    }

    .FontSize14 {
        font-size: 14px;
    }

    .FontSize16 {
        font-size: 16px;
    }

    .FontSize15 {
        font-size: 15px;
    }

    .FontSize20 {
        font-size: 20px;
    }

    .FontSize18 {
        font-size: 18px;
    }

    .FontSize20 {
        font-size: 22px;
    }

    .FontSize24 {
        font-size: 24px;
    }

    .FontSize28 {
        font-size: 28px;
    }

    .FontSize36 {
        font-size: 36px;
    }

    .FontSize40 {
        font-size: 40px;
    }

    .FontSize60 {
        font-size: 60px;
    }

    .FontSize70 {
        font-size: 70px;
    }

    .FontPoppinsBold900 {
        font-family: 'Poppins';
        font-weight: 900;
    }

    .FontPoppinsBold800 {
        font-family: 'Poppins';
        font-weight: 800;
    }

    .FontPoppinsBold700 {
        font-family: 'Poppins';
        font-weight: 700;
    }

    .FontPoppinsBold500 {
        font-family: 'Poppins';
        font-weight: 500;
    }

    .FontPoppins {
        font-family: 'Poppins';
        font-weight: 400;
    }

    .FontPoppinsLight {
        font-family: 'Poppins';
        font-weight: 300;
    }

    .FontMontserratThin {
        font-family: 'Montserrat';
        font-weight: 100;
    }

    .FontMontserratExtra-light {
        font-family: 'Montserrat';
        font-weight: 200;
    }

    .FontMontserratLight {
        font-family: 'Montserrat';
        font-weight: 300;
    }

    .FontMontserrat {
        font-family: 'Montserrat';
        font-weight: 400;
    }

    .FontMontserratMedium {
        font-family: 'Montserrat';
        font-weight: 500;
    }

    .FontMontserratSemi-bold {
        font-family: 'Montserrat';
        font-weight: 600;
    }

    .FontMontserratBold {
        font-family: 'Montserrat';
        font-weight: 700;
    }

    .FontRobotoLight {
        font-family: 'Roboto';
        font-weight: 300;
    }

    .FontRobotoRegular {
        font-family: 'Roboto';
        font-weight: 400;
    }

    .FontRobotoMedium {
        font-family: 'Roboto';
        font-weight: 500;
    }

    /*Margins*/

    .ms-6 {
        margin-left: 4rem;
    }




    /*--------------------------------------------------------------
# Resize screen
--------------------------------------------------------------*/
    /* Mobile devices only in landscape view */
    @media screen and (orientation:landscape) {
        #hero {
            background: url("../img/pInicio/hero-bg3FE.jpg") top center;
            background-size: cover;
        }
/*
        #hero-support {
            background: url("../img/pSoporte/mainImage.jpg") top center;
            background-size: cover;
        }*/

        .header-fixed-top {
            position: relative;
        }

        .Map-WeAreHere {
            height: 100vh;
        }

        .blog-tittle-paddingtop {
            padding-top: 43px;
        }

        .price-lottie {
            width: 100%;
            height: 500px;
        }

        .prueba-msg {
            display: none;
        }
    }

    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .payment-Price {
            left: 0px;
        }

        .support-title {
            padding-top: 20%;
            font-weight: 400;
            font-size: 28px;
        }

        .prueba-msg {
            display: block;
        }
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .iconManage-Main {
            width: 96px;
            height: 96px;
        }

        .iconManage-OverTop {
            width: 121px;
            height: 121px;
        }

        #Benefits-Milenium,
        #Benefits-Milenium3 {
            display: none;
        }

        #Benefits-Milenium2 {
            display: block;
        }

        #Opinion-Milenium,
        #Opinion-Milenium3 {
            display: none;
        }

        #Opinion-Milenium2 {
            display: block;
        }

        .management-hero-image {
            background: url("../img/pGestion/hero-bg.jpg") top center;
            background-size: cover;
        }

        .management-hero-text-position {
            text-align: left;
            left: 35%;
        }

        .management-font-size {
            font-size: 1rem;
        }

        .banner2-text,
        .banner3-text {
            font-size: 40px;
        }

        .management-sixR-Tittle {
            font-size: 70px;
            line-height: 20px;
        }

        .management-sixR-Tittle2 {
            font-size: 34px;
            line-height: 2;
        }

        .price-carousel-image {
            width: 100%;
            height: auto;
        }

        .hero-blog {
            background-size: cover;
            background-attachment: scroll;
        }

        .blog-imgArticle-width {
            width: 250px;
        }

        .price-textbox {
            width: 394px;
        }
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        .hero-cellphone-size {
            visibility: hidden;
        }

        .hero-wide-size {
            visibility: visible;
        }

        .milenium-carousel-control-prev {
            width: 6%;
            left: -6%;
        }

        .milenium-carousel-control-next {
            width: 6%;
            right: -6%;
        }

        .price-lottie {
            width: 100%;
            height: 500px;
        }

        .payment-Price {
            left: 90px;
        }
    }

    /* Large devices (laptops/desktops, 992px and less) */
    @media only screen and (max-width: 991px) {
        .hero-cellphone-size {
            visibility: visible;
        }

        .hero-wide-size {
            visibility: hidden;
            display: none;
        }
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        #hero {
            background: url("../img/pInicio/hero-bg3FE.jpg") top center;
            background-size: cover;
            background-attachment: scroll;
        }

        #hero-support {
            background: url("../img/pSoporte/mainImage.jpg") top center;
            background-size: cover;
            background-attachment: scroll;
        }

        .hero-cellphone-size {
            visibility: hidden;
            display: none;
        }

        .hero-wide-size {
            visibility: visible;
        }

        #Benefits-Milenium,
        #Benefits-Milenium2 {
            display: none;
        }

        #Benefits-Milenium3 {
            display: block;
        }

        #Opinion-Milenium,
        #Opinion-Milenium3 {
            display: none;
        }

        #Opinion-Milenium2 {
            display: block;
        }

        .price-planBox {
            margin-top: -110px;
        }

        .price-plan-height {
            height: 180px;
        }

        .price-images-row-height {
            height: 775px;
        }

        .payment-btn-active {
            padding-left: 28px;
            padding-right: 28px;
            padding-bottom: 8px;
            padding-top: 8px;
            font-size: 18px;
        }

        .payment-btn {
            padding-left: 28px;
            padding-right: 28px;
            padding-bottom: 8px;
            padding-top: 8px;
            font-size: 18px;
        }

        .payment-btn-One {
            padding-left: 30px;
            padding-right: 30px;
        }

        .payment-btn-text {
            font-size: 1rem;
        }

        .sixReason-Tittle {
            font-size: 2rem;
            line-height: 1.2;
        }

        .sixReason-text {
            line-height: 40px;
            font-size: 24px;
        }

        .sixReason-image {
            width: 70px;
        }

        .sixReason-margin {
            margin-bottom: 40px;
        }

        .price-carousel-text {
            font-size: 32px;
        }

        .price-carousel-text2 {
            font-size: 26px;
        }

        .payment-Price {
            left: 95px;
        }

        .price-arrow-visible {
            visibility: visible;
        }

        .price-dots-visible {
            visibility: hidden;
        }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        #hero {
            background: url("../img/pInicio/hero-bg3FE.jpg") top center;
            background-size: cover;
            background-attachment: fixed;
        }

        .management-hero-text-position {
            left: 25%;
        }

        .management-tab-size {
            height: 600px;
        }

        .management-tab1-grid-effect {
            margin-top: -110px;
        }

        .Factura-Imagen-Absolute {
            position: absolute;
            top: 200px;
            right: -120px;
            z-index: 1000;
        }

        .blog-tittle-paddingtop {
            padding-top: 96px;
        }

        .Map-WeAreHere {
            height: 640px;
        }

        #Opinion-Milenium,
        #Opinion-Milenium2 {
            display: none;
        }

        #Opinion-Milenium3 {
            display: block;
        }

        .Opinion-carousel-control-prev {
            width: 6%;
            left: -2%;
        }

        .Opinion-carousel-control-next {
            width: 6%;
            right: -2%;
        }

        .hero-blog {
            background-size: cover;
            background-attachment: fixed;
        }

        #hero-support {
            background: url("../img/pSoporte/mainImage.jpg") top center;
            background-size: cover;
            background-attachment: fixed;
        }

        .banner3-image {
            background-image: url("/assets/img/pBlog/imgBannerBuy.jpg");
            height: 403px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .banner3-div-center {
            display: flex;
            margin-top: 40px;
            margin-bottom: 107px;
            align-items: center
        }

        .support-title {
            line-height: 50px;
        }


        .pt-6px {
            padding-top: 7px !important;
        }

        .Factura-Imagen-Cellphone {
            display: block;
        }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1281px) {
        .price-carousel-text-align {
            line-height: 50px;
        }

        .price-carousel-text {
            font-size: 55px;
        }

        .price-carousel-text2 {
            font-size: 55px;
        }

        .price-arrow-visible {
            visibility: hidden;
        }

        .price-dots-visible {
            visibility: visible;
        }

        .support-btn-report {
            width: 300px;
        }

        .support-title {
            font-size: 74px;
            line-height: 90px;
        }
    }

    /* On screens that are 1920px wide and up */
    @media only screen and (min-width: 1921px) {
        .hero-text {
            left: 30%;
        }

        .hero-text-separacion {
            line-height: 90px;
        }

        .hero-button {
            font-size: 24px;
            padding-left: 100px;
            padding-right: 100px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .FontTitle1 {
            font-size: 70px;
        }

        .FontTitle2 {
            font-size: 74px;
        }

        .support-title {
            font-size: 74px;
            line-height: 90px;
        }

        .management-hero-image {
            height: 83vh;
        }

        .text30size {
            font-size: 80px !important;
        }

        .textdiassize {
            font-size: 60px !important;
        }

        .textmesprice {
            font-size: 30px !important;
        }

        .paddingltext {
            padding-left: 4.5em !important;
        }
    }

    /*On screens that are 2560px wide or more */
    @media only screen and (min-width: 2560px) {
        .management-sixR-Hero {
            background: url("../img/pGestion/fondo6Razones2.png") bottom center;
            background-size: cover;
            background-color: #FBB900;
        }
    }

    /*On screens that are 3840px wide and up */
    @media only screen and (min-width: 3840px) {
        .management-hero-image {
            height: 79vh;
        }
    }

    /*On screens that are 4096px wide or more */
    @media only screen and (min-width: 4096px) {
    }


    .img-responsive-es {
        max-width: 80px;
        width: 80px;
    }


    /*OTROS ESTILOS*/
.whatsapp-float {
    /* Estilos del bot�n flotante */
    position: fixed;
    bottom: 20px;
    right: 0px;
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    z-index: 100;
    overflow: hidden; /* Agregamos esta l�nea para recortar la imagen si es necesario */
}

    .whatsapp-float img {
        /* Estilos de la imagen */
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
    }

.whatsapp-float2 {
    /* Estilos del bot�n flotante */
    position: fixed;
    bottom: 70px;
    right: 0px;
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    z-index: 100;
    overflow: hidden; /* Agregamos esta l�nea para recortar la imagen si es necesario */
}

    .whatsapp-float2 img {
        /* Estilos de la imagen */
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
    }



/* Large devices (laptops/desktops, 992px and less) */
@media only screen and (max-width: 991px) {
    .whatsapp-float {
        width: 80px;
        height: 80px;
    }

    .whatsapp-float2 {
        width: 80px;
        height: 80px;
    }
}