/* Menu */
.nav__container {
    padding-top: 3rem;
}

.nav__content {
    padding-top: 3rem;
}

.nav__content__right {
    flex: 0 0 26%;
    max-width: 26%;
}

.nav__info__item p {
    font-size: 16px;
}

@media (max-width: 767px) {
    .layout-mt-headerBar {
        margin-top: 4.6rem;
    }

    .header.is-sticky {
        height: 4.6rem;
    }

    .header__bar {
        padding: 37px 1.5rem;
    }
}

/* Header */

.masthead.-type-1 .masthead__title {
    font-size: 72px;
}

.top-index {
    position: absolute;
    z-index: 50;
}

@media (max-width: 575px) {
    .masthead.-type-1 .masthead__title {
        font-size: 10.5vw;
    }
}

/* Servicios y Soluciones */

.sectionHeading.-sm .sectionHeading__title {
    font-size: 70px;
    line-height: 80px;
}

@media (max-width: 767px) {
    .sectionHeading.-sm .sectionHeading__title {
        font-size: 1.75rem;
    }
}

/* Banner */

@media (max-width: 575px) {
    .xs\:text-4xl {
        font-size: var(--text-4xl) !important;
    }
}

/* Botones */

.button.-md {
    border-radius: 0px;
    display: inline-block;
    transform: skew(-15deg);
    background: linear-gradient(180deg, rgba(0,53,255,1) 0%, rgba(85,142,213,1) 100%);
    border: 0px solid transparent;
    text-transform: inherit;
}

.button.-md span {
    display: inline-block;
    transform: skew(15deg);
}

.button.-outline-white:hover {
    background: transparent !important;
    color: white !important;
    border: 1px solid white !important;
}

.btn-white {
    background: transparent !important;
    color: white !important;
    border: 4px solid white !important;
}

/*  */

h2.sectionHeading__title.leading-sm.text-white.fw-600 {
    font-size: 76px;
    line-height: 86px;
}

h2.number.-lg.-left.fw-300.text-accent.js-counter-num {
    font-family: "Inter", sans-serif !important;
}

/*  */

.justify-conten-space-around {
    display: flex !important;
    justify-content: space-around;
}

.fs-76 {
    font-size: 76px !important;
}


/* Quienes Somos */

.quienes-somos .ratio-1\:1::before {
    padding-bottom: 150%;
}
.quienes-somos .bg-fill-image {
    z-index: 0 !important;
}

/* Inteligencia Artificial */

.inteligencia-artificial .bg-fill-image {
    z-index: 0 !important;
}

.inteligencia-artificial .pl-90 {
    padding-left: 90px !important;
}
.inteligencia-artificial .pr-90 {
    padding-right: 90px !important;
}

.quienes-somos .align-items-center {
    display: flex;
    align-items: center;
}

.quienes-somos .pb-75-percent::before {
    padding-bottom: 75% !important;
}

.inteligencia-artificial .pb-75-percent::before {
    padding-bottom: 75% !important;
}

.fs-50 {
    font-size: 50px;
}

@media (max-width: 767px) {
    .inteligencia-artificial .pl-90 {
        padding-left: 15px !important;
    }
}

/* Contacto */

.contacto .bg-fill-image {
    z-index: 0 !important;
}

.contacto .blogSidebar p, .blogSidebar li, .blogSidebar span {
    color: white;
}

.contacto .align-items-center {
    display: flex;
    align-items: center;
}

.mr-30 {
    margin-right: 30px;
}

form input[type="text"], form input[type="search"], form textarea, form input[type="email"] {
    border-bottom: 1px solid rgba(112,112,112,1);
}

form input[type="text"]:focus, form input[type="search"]:focus, form textarea:focus, form input[type="email"]:focus {
    outline: none;
    border-bottom: 1px solid white;
}

.contacto .ratio-3\:4::before {
    padding-bottom: 73.33333%;
}

/* ****** */

.h-450 {
    height: 450px;
}

.mr-148 {
    margin-right: 148px;
}

.mr-114 {
    margin-right: 114px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-90 {
    margin-right: 90px;
}

.navList__wrap ul a {
    font-size: 30px !important;
}

.fs-63 {
    font-size: 63px !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

.mr-58 {
    margin-right: 58px;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.bg-quienes-somos {
    background-image: url('../img/bg-quienes-somos.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ml-50 {
    margin-left: 50px;
}

.bg-gradient {
    background: linear-gradient(180deg, rgba(0,53,255,1) 0%, rgba(0,27,128,1) 100%);
}

.mt--110 {
    margin-top: -110px;
}

.text-accent {
    color: #558ED5 !important;
}

a:hover {
    color: #558ED5 !important;
}

.border-footer {
    border-right: 1px solid red;
    padding: 0px 30px;
}

.linea-footer {
    height: 120%;
    border-right: 1px solid #707070;
    margin: 0 30px;
    margin-top: -15px;
}

.flex-footer {
    display: flex;
}

.fs-16 {
    font-size: 16px !important;
}

.ratio-3\:4::before {
    padding-bottom: 100% !important;
}

.text-white p {
    color: white;
}

input[type="text"] {
    color: white;
}

.video-right {
    margin-top: -120px;
    width: 127%;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.pt-20 {
    padding-top: 20px;
}

.h-87 {
    height: 87px;
}


.logo-hover-1 {
    width: 270px;
    height: 50px;
    background-image: url('../img/logos/logo-banco-estado-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-1:hover {
    background-image: url('../img/logos/logo-banco-estado-color.svg');
}

.logo-hover-2 {
    width: 200px;
    height: 48px;
    background-image: url('../img/logos/logo-entel-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-2:hover {
    background-image: url('../img/logos/logo-entel-color.svg');
}

.logo-hover-3 {
    width: 325px;
    height: 50px;
    background-image: url('../img/logos/logo-falabella-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-3:hover {
    background-image: url('../img/logos/logo-falabella-color.svg');
}

.logo-hover-4 {
    width: 240px;
    height: 50px;
    background-image: url('../img/logos/logo-uai-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-4:hover {
    background-image: url('../img/logos/logo-uai-white.svg');
}

.logo-hover-5 {

    width: 70px;
    height: 50px;
    background-image: url('../img/logos/logo-tigo-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-5:hover {
    background-image: url('../img/logos/logo-tigo-color.svg');
}

.logo-hover-6 {
    width: 83px;
    height: 50px;
    background-image: url('../img/logos/logo-AWS-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-6:hover {
    background-image: url('../img/logos/logo-AWS-color.svg');
}

.logo-hover-7 {
    width: 283px;
    height: 50px;
    background-image: url('../img/logos/logo-kawasaki-gray.svg');
    background-size: cover;
    transition: all 0.5s ease;
}
.logo-hover-7:hover {
    background-image: url('../img/logos/logo-kawasaki-color.svg');
}


.carousel-control-next, .carousel-control-prev {
    width: 2% !important;
}


@media (max-width: 767px) {
    .linea-footer {
        display: none;
    }

    .flex-footer {
        display: inherit;
    }

    .ml-50 {
        margin-left: 0px !important;
    }

    .mt-sm-32 {
        margin-top: 32px !important;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .py-sm-40 {
        padding: 0 40px;
    }

    .fs-sm-3rem {
        font-size: 3rem !important;
        line-height: 1.2 !important;
    }

    .pt-sm-0 {
        padding-top: 0px !important;
    }

    .d-flex-sm-none {
        display: inline !important;
    }

    .inteligencia-artificial .pr-90 {
        padding-right: 1rem !important;
    }

    .mt-sm-16 {
        margin-top: 16px !important;
    }

    .mb-sm-16 {
        margin-bottom: 32px;
        margin-top: 12px !important;
    }

    .h-87 {
        height: inherit !important;
    }

}