* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.u-border-red {
    border-color: red!important;
    color: red!important;
}

/* WebKit, Edge */
::-webkit-input-placeholder {
  color: deeppink;
}
/* Firefox 4-18 */
:-moz-placeholder {
  color: deeppink;
  opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: deeppink;
  opacity: 1;
}
/* IE 10-11 */
:-ms-input-placeholder {
  color: deeppink;
}
/* Edge */
::-ms-input-placeholder {
  color: deeppink;
}
/* MODERN BROWSER */
::placeholder {
  color: deeppink;
}


/* ########################## Fuentes tipograficas ################## */

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-Bold.ttf);
    font-weight: 700;
    font-style: bold;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-Medium.ttf);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-ExtraLight.ttf);
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'ibmplexsans';
    src: url(../css/ibm_plex_sans/IBMPlexSans-Thin.ttf);
    font-weight: 100;
    font-style: normal;
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden auto;
}

/* ############################### Header ################################# */


/* ### Modal ### */

.modal-products {
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: #111111bd;
    display: none !important;
    /* opacity: 0; */
    pointer-events: unset;
    transition: opacity .6s;
    z-index: 1;
}

.close-modal-products {
    z-index: 2;
}

.modal-products--show {
    /* opacity: 1; */
    pointer-events: unset;
    transition: opacity .6s;
    display: flex !important;
}

.container-modal-products {
    position: absolute;
    top: 87px;
    right: 6%;
    width: 500px;
    height: 200px;
    background: #FFFFFF;
    z-index: 3;
}

.div-links {
    position: absolute;
    width: 50%;
    height: 85%;
    top: 7%;
    left: 0%;
    border-right: 1px solid rgb(87, 154, 255);
    padding-bottom: 5px;
}

.div-imgs {
    position: absolute;
    width: 50%;
    height: 85%;
    top: 7.5%;
    right: 0%;
}

.items-products {
    margin: 10px 0px 0px 35px;
}

.disguise-normal {
    display: none;
}

.disguise-responsive {
    display: block;
}

.div-imgs img {
    width: 45%;
}

.div-imgs img:nth-child(5) {
    width: 70% !important;
}

.btn-close img {
    z-index: 5 !important;
    opacity: 100% !important;
}

.icons-footer {
    width: 27px;
}

.txt,
.txtMenuLinks {
    font-family: 'ibmplexsans';
    font-weight: 400;

    text-decoration: none;
    color: #FFFFFF;
}

.txtMenuLinks2 {
    font-family: 'ibmplexsans';
    font-weight: 400;

    text-decoration: none;
    color: #03157B;
}

.reset-btn {
    border: none;
    background: none;
    margin: 0%;
    padding: 0%;
}

.txt-33-30{
    font-size: 33px;
    line-height: 36px;
}

.txt-50-35 {
    font-size: 50px;
    line-height: 53px
}

.txt-50-37 {
    font-size: 50px;
    line-height: 53px
}

.txt-80 {
    font-size: 80px;
    line-height: 83px;
}

.txt-medium {
    font-family: 'ibmplexsans';
    font-weight: 500;
    font-style: normal;
}

.txt-light {
    font-family: 'ibmplexsans';
    font-weight: 300;
    font-style: normal;
}

.txt-semibold {
    font-family: 'ibmplexsans';
    font-weight: 600;
    font-style: normal;
}

.paragraph-18 {
    font-family: 'ibmplexsans';
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
}

.txt-h2-principal {
    width: auto;
    min-width: 576px;
    max-width: 42.17%;
    height: auto;
}

.txt-bold {
    font-family: 'ibmplexsans';
    font-weight: 700;
    font-style: normal;
}

.txt-regular {
    font-family: 'ibmplexsans';
    font-weight: 400;
    font-style: normal;
}

.txt-30 {
    font-size: 30px;
    line-height: 33px;
}

.txt-18 {
    font-size: 18px;
    line-height: 21px;
}

.txt-14 {
    font-size: 15px;
    line-height: 18px;
}

.txt-18-16 {
    font-size: 18px;
    line-height: 21px;
}

.txt-85-70 {
    font-size: 85px;
    line-height: 88px;
}

.txt-85-60 {
    font-size: 85px;
    line-height: 88px;
}

.txt-85-60 {
    font-size: 85px;
    line-height: 88px;
}

.txt-70-35 {
    font-size: 70px;
    line-height: 73px;
}

.txt-70-40 {
    font-size: 70px;
    line-height: 73px;
}

.txt-130-70 {
    font-size: 130px;
    line-height: 133px;
}

.txt-p-20 {
    font-family: 'ibmplexsans';
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 23px;
}

.txt-20 {
    font-size: 20px;
    line-height: 23px;
}

.txt-p-16 {
    font-size: 16px;
    line-height: 19px;
}

.txt-80-70 {
    font-size: 80px;
    line-height: 83px;
}

.txt-30-20 {
    font-size: 30px;
    line-height: 33px;
}    

.txt-80-50 {
    font-size: 80px;
    line-height: 83px;
}

.txt-12 {
    font-size: 12px;
    line-height: 15px;
}

.txt-50-38 {
    font-size: 50px;
    line-height: 53px;
}

.txt-46-28 {
    font-size: 46px;
    line-height: 49px;
}

.txt-45-30 {
    font-size: 30px;
    line-height: 33px;
}

.min-vh-75 {
    min-width: 75vh !important;
}

.color-p-card {
    color: #D1E0FF;
}

.color-h2-1 {
    color: #99AEDB;
}

.color-h2-2 {
    color: #010C87;
}

.color-5 {
    color: #5579C2;
}

.bg-btn1 {
    background: #010C87;
}

.bg-btn2 {
    background: #fa9d01;
}

.bg-btn3 {
    background: #e35f00;
}

.bg-btn4 {
    background: #18acf9;
}

.color-h2-3 {
    color: #03157B;
}

.color-4 {
    color: #3D66BA;
}

.txt-10 {
    font-size: 10px;
}

.txt-13 {
    font-size: 13px;
}

.txt-22 {
    font-size: 22px;
    line-height: 25px;
}

.txt-25 {
    font-size: 25px;
    line-height: 28px;
}

.txt-30-26 {
    font-size: 30px;
    line-height: 33px;
}

.txt-90-50 {
    font-size: 90px;
    line-height: 93px;
}

.txt-110-55 {
    font-size: 110px;
    line-height: 113px;
}

.txt-35-30 {
    font-size: 35px;
    line-height: 38px;
}

.txt-16 {
    font-size: 16px;
    line-height: 19px;
}

.text-nomb {
    min-width: 500px;
}

.ms-tab {
    margin-left: 15px;
}

.icon-cosultores-w {
    width: 150px;
    display: block;
}

.icon-cosultores-b {
    display: none;
    width: 150px;
}

.icon-cosultores-footer {
    width: 150px;
}

.disguise-icon {
    display: block;
}

nav,
.offcanvas {
    background-color: #1e293b;
}

#menuLateral {
    /* margin-left: 55%; */
    padding-left: 68%;
}

.navbar-toggler {
    border: none;
}

.width_offcanvas {
    width: 413px;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.navbar {
    transition: all 0.5s;
    background-color: transparent;
}

.navbar-scrolled {
    background-color: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.show-icon-consultores {
    display: block;
}

.disguise-icon-consultores {
    display: none;
}

/* ####################### pagina Inicio   ###############  */

.container_principal {
    background: #04228B url("../img/back_inicio.png") no-repeat center;
    background-size: cover;
}

.div-conoce-mas-index {
    position: absolute;
    left: 8%;
    top: 65%;
    width: 530px;
    height: 120px;
}

.div-conoce-mas-index a, .div-descubre-mas a {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 120px;
    height: 120px;
    border-radius: 100%;

    font-family: 'ibmplexsans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
}

.div-conoce-mas-index hr, .div-descubre-mas hr {
    position: absolute;
    left: 0%;
    top: 38%;
    color: #FFFFFF;
    width: 78%;
    height: 1px;
    background-color: #FFFFFF;
    opacity: 100%;
}

.position-h1-1 {
    position: absolute;
    width: 550px;
    top: 35%;
    left: 8%;
}

.container_principal p {
    position: absolute;
    width: 410px;
    left: 8%;
    top: 55.2%;
}

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

.div-h2-porque-impor, .div-2-porque-impor {
    width: 50%;
    height: 70%;
    border-right: 2px solid #cbd3dd;
}

.div-h2-porque-impor h2:first-child {
    position: relative;
    left: 33%;
    top: 30%;
}

.div-h2-porque-impor h2:nth-child(2) {
    position: relative;
    left: 33%;
    top: 32%;
    margin-top: 5px;
}

.div-2-porque-impor p{
    position: relative;
    right: -8%;
    top: 22%;
}

.div-2-porque-impor div {
    position: relative;
    right: -5.8%;
    top: 22%;
}

.container-inicio-4 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto auto auto auto;
}

.w-vh-59 {
    height: 59.15vh;
}

.w-90 {
    width: 90%;
}

.w-82 {
    width: 82%;
}

.pe-50 {
    padding-right: 50;
}

.w-60 {
    width: 60%;
}

.txt-50-35 {
    font-size: 35px;
    line-height: 38px;
}

.txt-50-25 {
    font-size: 50px;
    line-height: 53px;
}

.containerProductos {
    background: #0C1A7E url("../img/img_productos_inicio.svg") no-repeat;
    background-size: cover;
    cursor: url(../img/cursor_direccionales.svg),auto;
    overflow: hidden;
}

.descripcion-productos {
    min-width: 340px;
    max-width: 340px;
    margin-bottom: 15%;
    padding-right: 50px;
}

.card-productos {
    min-width: 230px;
    max-width: 230px;
    height: 350px;
    background: #1455C9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index: 5;
    cursor:pointer;
}

.img-card-productos {
    width: 100px;
}

.container-cards {
    position: relative;
    width: 94vw;
    top: -5%;
    overflow: scroll hidden;
   /*  cursor: url(../img/cursor_direccionales.svg), auto;*/
}

.container-cards::-webkit-scrollbar {
    display: none;
}

.postion-ver-mas-card {
    position: relative;
    left: 20%;
}

.h2-desarrollo-soft {
    position: relative;
    width: 800px;
    left: 29%;
    margin-top: 5%;
}

.img-clientes-fondo {
    position: absolute;
    left: -2%;
    width: 100%;
    height: 100%;
}

.img-clientes-fondo2 {
    display: none;
    left: -2%;
    width: 100%;
    height: 100%;
}

.icono-ver-mas {
    width: 40px;
}

.container-inicio-cli {
    width: 70%;
    margin-top: 13%;
}

.container-inicio-cli h2 {
    margin-left: 17%;
    margin-bottom: 18%;
}

.container-confia-nosotros {
    background: #F4F4F5;
    height: 70%;
    width: 60%;
    margin-top: 6.5%;
}

.confia-header {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
}

.confia-header p {
    width: 250px;
}

.confia-body {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto auto auto;
}

.confia-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confia-footer a {
    margin-top: 5%;
}

.img-confian-nosotros {
    width: 110px;
    height: 60px;
}

.body-footer {
    height: 142px;
    background: linear-gradient(90.74deg, #0C7AFC 0%, #0C1678 83.24%);
}

.body-footer section {
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.body-footer section .info {
    margin-right: 45%;
}

.header-footer {
    height: 55px;
}

.footer-footer {
    height: 35px;
}

.icono-phone {
    width: 15px;
}

.z-index-m1 {
    z-index: -1;
}

.z-index-1 {
    z-index: 1;
}

/* ########################### pagina nosotros ########################## */

.container-principal-nosotros {
    background: #04228B url("../img/img_principal_nosotros.png") no-repeat center;
    background-size: cover;
}

.position-h1-pages {
    position: relative;
    width: auto;
    left: 8%;
    top: 36.63%;
}

.container-num-empresa {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto;
}

.container-items-ser {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto auto;
}

.container-items-num-empr {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
}

.container-nuestra-empresa {
    background: linear-gradient(90.74deg, #0C7AFC 0%, #0C1678 83.24%);
    height: 65vh;
}

.container-nuestra-empresa h2 {
    position: relative;
    width: 530px !important;
    height: 300px;
    left: 10%;
    text-align: right;
    padding: 16% 20% 0% 0%;
}

.div-cal-comp h3:first-child, .div-cal-comp h3:nth-child(3) {
    position: relative;
    left: 15%;
}

.div-cal-comp p:nth-child(2), .div-cal-comp p:nth-child(4) {
    position: relative;
    width: 350px;
    left: 15%;
}

.container-servicios {
    background: linear-gradient(90.74deg, #0C7AFC 0%, #0C1678 83.24%);
    min-height: 65vh;
    height: auto;
    max-height: 100vh;
}

.img-items-servicios {
    width: 140px;
}

.img-items-empresas {
    width: 150px;
    height: 50px;
}

.container-empresas {
    min-height: 120px !important;
}

.container-empresas h2 {
    width: 900px;
}

.position-p-main {
    position: absolute;
    width: 400px;
    left: 8%;
    top: 53%;
}

.container-servicios a {
    position: relative;
    right: -32%;
    margin-bottom: 2%;
}

.ajuste-img1 {
    width: 88%;
}

/* ########################## pagina servicios ##################### */

.container-principal-servicios {
    background: #04228B url("../img/img_principal_servicios.png") no-repeat center;
    background-size: cover;
}


.img-servicios-interfaz {
    width: 55%;
}

.img-servicios-interfaz-per {
    width: 50%;
}

.w-txt-detal-1 {
    width: 59%;
}

.w-txt-detal-2 {
    width: 400px;
}

.w-txt-detal-2-h2 {
    width: 450px;
}

.w-txt-detal-3 {
    width: 400px;
}

.w-txt-detal-4 {
    width: 367px;
}

.w-txt-detal-6 {
    width: 420px;
}

.separador2 {
    /* width: 500px; */
    height: 170px;
}

.h-personalizado1 {
    height: 130px !important;
}

.separador-personalizado1 {
    position: relative;
    top: -20%;
    height: 170px;
}

.container-quienes-somos h2 {
    position: relative;
    left: 20%;
    top: -10%;
}

.container-quienes-somos img {
    position: relative;
    height: 90%;
    right: -34%;
    top: 3%;
}

.container-quienes-somos h3 {
    position: relative;
    width: 300px;
    left: 20%;
    top: 5%;
}

.container-quienes-somos p {
    position: relative;
    width: 350px;
    left: 20%;
    top: 10%;
}

.container-form-ser {
    background: linear-gradient(90.74deg, #0C7AFC 0%, #0C1678 83.24%);
    min-height: 80vh !important;
    height: auto !important;
}

.div-terminos-btn {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 316px auto;
}

.h-container-separador3 {
    height: 12vh;
}

.img-icon-servicios {
    position: absolute;
    width: auto;
    height: 252px;
    left: 12%;
    top: 30%;
}

.img-icon-servicios2 {
    width: 40%;
}
.img-icon-servicios3 {
    width: 30%;
}
/* ################### Form ######################### */

.form-control {
    background: none;
}

input:focus {
    background: none !important;
}

input {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

input::placeholder {
    color: #FFFFFF !important;
    font-family: 'ibmplexsans' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 11px !important;
    line-height: 16px;
}

.div-terminos-btn button {
    width: 95px;
    height: 95px;
    border-radius: 100%;
}

.form-delt-ser {
    width: 70%;
}

.check1 {
    position: relative;
    right: 2%;
    margin-top: 2%;
}

.check2 {
    position: relative;
    right: 5%;
}


/* ######################## pagina contacto ############## */
.container-principal-conctactanos {
    background: #04228B url("../img/back_contact.png") no-repeat center;
    background-size: cover;
    min-height: 100vh;
    height: auto;
}

.t-h1-contacto {
    position: absolute;
    width: 400px;
    left: 14.5%;
    top: 27%;
}

.container-principal-conctactanos p {
    position: absolute;
    width: 400px !important;
    left: 14.5%;
    top: 55%;
}

.container-principal-conctactanos form {
    position: absolute;
    width: 30%;
    height: auto;
    left: 60%;
    top: 25%;
}

/* ######################### Pagina worldcoop ############ */

.container-principal-worldcoop {
    background: #04228B url("../img/back_worldcoop.png") no-repeat center;
    background-size: cover;
}

.container-worldcoop3 {
    background: #04228B url("../img/back_worldcoop2.png") no-repeat center;
    background-size: cover;
    height: auto;
    min-height: 67vh;
}

.container-worldcoop3 li::marker, .container-onecoop3 li::marker, .container-sec-zoe li::marker, .container-sec-vcoop li::marker {
    font-size: 18px !important;
}

.container-worldcoop3 h2 {
    margin-top: 20px;
}

.div-descubre-mas {
    position: absolute;
    left: 55%;
    top: 75%;
    width: 530px;
    height: 120px;
}

.img_dell_servicio2 {
    width: 88%;
    min-width: 350px;
}

.img_dell_servicio4 {
    width: 45%;
    min-width: 350px;
}

.img_dell_servicio5 {
    width: 70%;
    min-width: 350px;
}

.separador3 {
    /* position: absolute;
    left: 25%;
    bottom: -280%; */
    position: relative;
    margin-left: 35%;
    margin-bottom: 10%;
    height: 50vh;
}

.iframe_video {
    width: 60%;
    min-width: 350px;
}

.transform-90 {
    position: absolute;
    left: 3%;
    top: 45%;
    transform: rotate(-90deg);
}


.btn-descubre-circle1 {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    text-decoration: none;
}

.sub-conta-principal {
    width: 90%;
}

.txt-p-delt-ser, .txt-p-delt-ser2 {
    position: absolute;
    width: 400px;
    left: 55%;
    top: 66%;
}

.position-h2-1-ser, .position-h2-2-ser {
    position: relative;
    left: 30%;
    top: 18%;
}

.position-h2-2-ser {
    width: 380px;
}

.p-ser-delt-1 {
    position: relative;
    width: 380px;
    left: 30%;
    top: 18%;
}

.position-h2-3-ser, .position-h2-4-ser {
    position: relative;
    left: 10%;
    top: 17%;
}

.p-ser-delt-2 {
    position: relative;
    width: 380px;
    left: 10%;
    top: 17%;
}

.border-end-section {
    border-right: 1px solid #FFFFFF;
}

/* ######################### Pagina onecoop ############ */
.container-principal-onecoop {
    background: #04228B url("../img/back_onecoop1.png") no-repeat center;
    background-size: cover;
}

.container-onecoop3 {
    background: #04228B url("../img/back_onecoop2.svg") no-repeat center;
    background-size: cover;
    height: auto;
    min-height: 67vh;
}

/* ######################### Pagina zoe ############ */
.container-principal-zoe {
    background: #04228B url("../img/back_zoe1.png") no-repeat center;
    background-size: cover;
}

.img-icon-zoe-color {
    position: relative;
    width: 550px;
    left: 14%;
    top: 29%;
}

.container-sec-zoe {
    background: #04228B url("../img/back_zoe2.svg") no-repeat center;
    background-size: cover;
    height: auto;
    min-height: 67vh;
}

.img_dell_servicio3 {
    height: 100%;
}

.conf-h-zoe1 {
    height: 79vh;
}

/* ######################### Pagina Vcoop ############ */
.container-principal-vcoop {
    background: #04228B url("../img/back_vcoop.png") no-repeat center;
    background-size: cover;
}

.container-sec-vcoop {
    background: #04228B url("../img/back_vcoop2.svg") no-repeat center;
    background-size: cover;
    height: auto;
    min-height: 67vh;
}

.img-icon-vcoop-color {
    position: absolute;
    width: 500px;
    left: 15%;
    top: 35%;
}

.img_dell_servicios_i {
    width: 290px;
}

/* ######################### Pagina productos adicionales ############ */
.container-principal-adicionales {
    background: #04228B url("../img/back_aditional_products.png") no-repeat center;
    background-size: cover;
}

.container-principal-adicionales h2{
    position: absolute;
    left: 16%;
    top: 34%;
}

.icon-mailing-sm2 {
    width: 200px;
}

.txt-del-aditional {
    width: 360px;
}

/* ###################### Responsive ############### */

@media (max-width: 2030px) {
    #menuLateral {
        padding-left: 55%;
    }
}

@media (max-width: 1760px) {
    #menuLateral {
        padding-left: 48%;
    }
}

@media (max-width: 1490px) {
    #menuLateral {
        padding-left: 42%;
    }
}

@media (max-width: 1280px) {
    #menuLateral {
        padding-left: 36%;
    }
    .container-nuestra-empresa h2 { /*NUEVO*/
        left: 3%;
    }
}

@media (max-width: 1150px) {
    #menuLateral {
        padding-left: 26%;
    }
}

@media (max-width: 991px) {
    .responsive-offcanvas-menu {
        flex-direction: column-reverse !important;
    }

    .icon-cosultores-w {
        display: none;
    }

    .icon-cosultores-b {
        display: block;
    }

    #menuLateral {
        padding-left: 0px;
        width: 76%;
        background: none;
    }

    .responsive-offcanvas-menu {
        justify-content: flex-end !important;
        background: #FFFFFF;
        padding-top: 0px;
        margin-top: 3px;
    }

    .headerOffCanvasResponsive {
        width: 100%;
        background: none;
    }

    .txtMenuLinks {
        color: blue;
        margin-left: 20px;
        font-size: 23px;
    }

    nav ul li {
        border-bottom: 1px solid blue;
        padding: 5px 0px 5px 0px;
    }

    .navbar {
        background-color: #FFFFFF;
    }

    .containerHeaderOffCanvas {
        height: 79.5px;
        display: flex;
        justify-content: flex-end;
    }
    /* ####################### Tamaño de fuentes y otros ############# */

    .txt-50-38 {
        font-size: 38px;
        line-height: 41px;
    }

    .txt-48-45 {
        font-size: 45px;
        line-height: 48px;
    }

    .txt-80-70 {
        font-size: 70px;
        line-height: 73px;
    }

    .txt-h2-principal {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }

    .w-txt-detal-1 {
        width: 85%;
    }

    .w-txt-detal-2 {
        width: 85vw;
    }

    .txt-85-70 {
        font-size: 70px;
        line-height: 73px;
    }

    .txt-85-60 {
        font-size: 60px;
        line-height: 63px;
    }

    .txt-85-60 {
        font-size: 60px;
        line-height: 63px;
    }

    .txt-70-35 {
        font-size: 35px;
        line-height: 38px;
    }

    .txt-30-26 {
        font-size: 26px;
        line-height: 29px;
    }

    .txt-30-20 {
        font-size: 20px;
        line-height: 23px;
    }    

    .txt-70-40 {
        font-size: 40px;
        line-height: 43px;
    }

    .quitar-separador {
        display: none;
    }

    .txt-33-30{
        font-size: 30px;
        line-height: 33px
    }

    .txtMenuLinks2 {
        font-size: 19px;
        line-height: 22px
    }

    .txt-80-50 {
        font-size: 50px;
        line-height: 53px;
    }

    .txt-46-28 {
        font-size: 28px;
        line-height: 31px;
    }    

    .reset-p-m {
        margin: 0px !important;
        padding: 0px !important;
    }

    .reset-mp-s {
        margin-left: 0% !important;
        padding-left: 0% !important;
    }

    .reset-mp-b {
        margin-bottom: 0% !important;
        padding-bottom: 0% !important;
    }

    .txt-left-im {
        text-align: center !important;
    }
    
    .txt-18-16 {
        font-size: 16px;
        line-height: 19px;
    }

    .reset-mt {
        margin-top: 0% !important;
    }

    .reset-mb {
        margin-bottom: 0% !important;
    }

    .txt-90-50 {
        font-size: 50px;
        line-height: 53px;
    }

    .txt-50-25 {
        font-size: 25px;
        line-height: 28px;
    }

    .txt-110-55 {
        font-size: 55px;
        line-height: 58px;
    }

    .txt-35-30 {
        font-size: 30px;
        line-height: 33px;
    }

    .txt-50-37 {
        font-size: 37px;
        line-height: 40px
    }
    
    .txt-130-70 {
        font-size: 70px;
        line-height: 73px;
    }

    .disguise-icon {
        display: none !important;
    }
    
    .img-icon-servicios, .img-icon-servicios2, .img-icon-servicios3 {
        width: 90%;
        left: 2%;
    }

    .w-txt-detal-3 {
        width: 85vw;
    }

    .icon-mailing-sm2 {
        width: 60%;
    }

    .disguise-normal {
        display: block;
    }
    
    .disguise-responsive {
        display: none;
    }

    .paragraph-18 {
        font-weight: 100;
    }

    .reset-ms {
        margin: 0% !important;
    }

    .reset-border {
        border: none !important;
    }

    /* ########################## Pagina inicio ##################### */
    .div-conoce-mas-index {
        position: relative;
        top: 28%;
        width: 85%;
    }

    .div-conoce-mas-index a{
        width: 120px;
        height: 120px;
    }
    
    .position-h1-1 {
        position: relative;
        width: 85%;
        top: 25%;
    }
    
    .container_principal p {
        position: relative;
        width: 85%;
        top: 28%;
    }

    .containerQueEsImportante {
        display: block;
    }

    .div-h2-porque-impor, .div-2-porque-impor {
        width: 100%;
        height: 100%;
        border-right: none;
    }
    
    .div-h2-porque-impor h2:first-child {
        left: 8%;
        top: 18%;
    }
    
    .div-h2-porque-impor h2:nth-child(2) {
        left: 8%;
        top: 19%;
    }
    
    .div-2-porque-impor p{
        right: auto;
        left: 8%;
        top: -60%;
        width: 85% !important;
        margin-right: 0% !important;
    }
    
    .div-2-porque-impor div {
        right: auto;
        left: 5%;
        top: -50%;
    }

    .container-cards {
        flex-direction: column;
        overflow: hidden;
    }

    .descripcion-productos {
        margin: 0% !important;
        padding: 0% !important;
        width: 18%;
        height: auto !important;
        border-bottom: none !important;
    }

    .div-cards-products {
        margin: 10% 0% 0% 0%;
        overflow: auto hidden;
    }

    .div-cards-products::-webkit-scrollbar {
        display: none;
    }

    .quitar-mt-cards {
        margin-top: 0% !important;
    }

    .container-inicio-cli {
        width: 100% !important;
    }

    .container-inicio-cli h2 {
        margin-left: 8%;
        margin-bottom: 10%;
    }

    .h2-desarrollo-soft {
        width: 85vw;
        left: 8vw;
        text-align: center;
    }

    .li-tecnologias {
        margin-left: 8% !important;
    }

    .container-inicio-4 {
        grid-template-rows: auto auto auto auto auto;
        grid-template-columns: auto;
    }

    html {
        overflow-x: hidden;
    }

    .container-confia-nosotros {
        background: #F4F4F5;
        height: auto;
        width: 100%;
    }

    .confia-header {
        grid-template-rows: auto auto;
        grid-template-columns: auto;
        place-items: center;
    }
    
    .confia-header p {
        width: 65vw;
        text-align: center;
    }
    
    .confia-body {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: auto auto;
        place-items: center;
    }

    
    .confia-footer {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .confia-footer a {
        margin-top: 5%;
    }

    .img-clientes-fondo {
        display: none;
    }

    .img-clientes-fondo2 {
        background: #04228B url("../img/back_cliente2.svg") no-repeat;
        background-size: cover;
        height: 300px;
    }

    /* ######################## Pagina nosotros ################# */
    .container-quienes-somos div:nth-child(1) {
        justify-content: flex-start !important;
    }

    .container-nuestra-empresa .border-res {
        border-right: none !important;
        border-bottom: 1px solid #FFFFFF;
    }

    .ps-res {
        padding-left: 0px !important;
    }

    .container-empresas h2 {
        position: relative;
        width: 90%;
        top: -8%;
    }

    .container-empresas {
        height: 750px !important;
    }

    .position-p-main {
        position: relative;
        width: 85%;
        top: 40%;
    }

    .container-quienes-somos h2 {
        left: 8%;
        top: 30%;
    }
    
    .container-quienes-somos h3 {
        width: 100%;
        left: 8%;
        top: 1%;
    }
    
    .container-quienes-somos p {
        width: 100%;
        left: 8%;
        top: 6%;
    }

    .container-nuestra-empresa h2 {
        width: 90vw !important;
        height: auto;
        left: 0%;
        text-align: center;
        padding: 0% 0% 10% 0%;
    }

    .container-nuestra-empresa {
        height: 450px;
    }

    .container-numeros-empresa {
        height: 450px !important;
        padding-bottom: 40px;
    }
    
    .div-cal-comp h3:first-child, .div-cal-comp h3:nth-child(3) {
        position: relative;
        left: -2%;
    }
    
    .div-cal-comp p:nth-child(2), .div-cal-comp p:nth-child(4) {
        position: relative;
        width: 350px;
        left: -2%;
    }

    .container-servicios a {
        right: 1%;
        margin-bottom: 40px;
    }

    .container-servicios {
        min-height: 950px !important;
    }

    .container-num-empresa {
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        grid-gap: 20%;
    }
    
    .container-items-ser {
        grid-template-rows: auto auto auto;
        grid-template-columns: auto auto;
        grid-row-gap: 20px;
        grid-column-gap: 5%;
    }
    
    .container-items-num-empr {
        position: relative;
        top: 8%;
        display: grid;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
        grid-template-columns: auto auto;
    }

    .img-items-empresas {
        width: 130px;
        height: 30px;
    }

    .ajuste-img1 {
        width: 85vw;
        margin-left: 85vw !important;
        margin-top: 50px;
    }
    /* ########################## Pagina servicios ##################### */
    .container-principal-servicios {
        background: #04228B url("../img/back_servicios_responsive.png") no-repeat center;
    }

    .img-servicios-interfaz {
        width: 80vw;
        margin-top: 15px;
    }

    .img-servicios-interfaz-per {
        width: 80vw;
    }

    .txt-130 {
        font-size: 35px;
        line-height: 38px;
    }

    .container-form-ser {
        padding: 55px 0px 55px 0px;
    }

    .div-terminos-btn {
        position: relative;
        right: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 100vw !important;
    }


    .div-terminos-btn label {
        margin-right: 5%;
    }

    .container-form-ser h2 h2 {
        margin-bottom: 29px !important;
    }

    .sub-conta-principal {
        width: 100%;
    }

    .img_dell_servicio2 {
        width: 80%;
        min-width: 350px;
        margin-top: 50px;
    }
    
    .h2-responsive1 {
        position: relative;
        left: 0%;
        top: -40%;
    }

    .h2-responsive2 {
        position: relative;
        left: -3%;
        top: -38%;
    }

    .form-delt-ser {
        position: relative;
        width: 85vw;
        top: -58%;
    }

    .div-terminos-btn button {
        margin: auto;
    }
    
    /* ########################## pagina contacto ############## */

    .t-h1-contacto {
        position: relative;
        width: 90%;
        left: 7%;
        top: 15%;
    }

    .container-principal-conctactanos {
        height: 1000px !important;
    }
    
    .container-principal-conctactanos p {
        position: relative;
        width: 85% !important;
        left: 8%;
        top: 17%;
    }
    
    .container-principal-conctactanos form {
        position: relative;
        width: 85%;
        left: 8%;
        top: 18%;
    }

    .ajustes-img1 {
        margin-top: 50px;
    }

    /* ########################## pagina worldcoop ############## */
    .btn-descubre-circle1 {
        margin-right: 30px;
        width: 140px;
        height: 140px;
    }

    .img-icon-servicios {
        position: relative;
        top: 20%;
    }

    .txt-p-delt-ser {
        position: relative;
        width: 90%;
        left: 8%;
        top: 15%;
    }

    .div-descubre-mas {
        position: relative;
        width: 85%;
        left: 8%;
        top: 17%;
    }

    .border-end-section {
        border-right: none;
        width: 80vw !important;
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }    

    .border-end-section h2, .border-end-section p {
        position: relative;
        left: -5.25%;
    }

    .container-worldcoop3 ul, .container-onecoop3 ul, .container-sec-zoe ul, .container-sec-vcoop ul {
        position: relative;
        left: -8%;
        width: 85vw;
    }

    .position-h2-1-ser, .position-h2-2-ser {
        left: -1%;
        top: 18%;
    }
    
    .p-ser-delt-1 {
        width: 85vw;
        left: 0%;
        top: 18%;
        margin-top: 20px;
    }
    
    .position-h2-3-ser, .position-h2-4-ser {
        left: -1%;
        top: 5%;
    }
    
    .p-ser-delt-2 {
        width: 85vw;
        left: -1%;
        top: 18%;
    }

    /* ########################## pagina onecoop ############## */
    .mt-20-responsive {
        margin-top: 20px;
    }

    .container-principal-onecoop img {
        width: auto !important;
        height: 190px !important;
        left: 7%;
    }

    .img-icon-zoe-color {
        width: 90%;
        left: 8%;
        top: 23%;
    }

    .ajuste-icon1 {
        position: relative;
        top: 30% !important;
    }

    .ajus-responsive1 {
        height: 400px !important;
    }

    .img_dell_servicio5 {
        min-width: 85vw;
        margin-top: 30px;
    }

    /* ############################# Pagina zoe ################# */
    .img_dell_servicio3 {
        height: 80%;
    }
    
    .conf-h-zoe1 {
        height: 60vh !important;
    }

    /* ############################# Vcoop ###################### */
    .img-icon-vcoop-color {
        width: 85%;
        left: 8%;
        top: 28%;
    }
    
    .img_dell_servicios_i {
        width: 200px;
        margin-top: 15%;
    }

    /* ############### Productos adicionales ################# */
    .container-principal-adicionales h2{
        position: relative;
        left: 8%;
        top: 33%;
    }

    .txt-p-delt-ser2 {
        position: relative;
        width: 90%;
        left: 8%;
        top: 35%;
    }

    .ajuste-p-1 {
        top: 33% !important;
    }

    .ajuste-descubre-mas1 {
        top: 35% !important;
    }

    .img_dell_servicio4 {
        position: relative;
        width: 50%;
        left: -10%;
        top: -28%;
    }

    .txt-del-aditional {
        width: 85vw;
    }
    /* ########################## footer ##################### */
    .body-footer {
        height: 310px;
        padding: 15px 0px 15px 0px;
    }

    .body-footer section {
        height: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .body-footer section .info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .body-footer section .info {
        margin-right: 0%;
    }

    footer hr {
        width: 85%;
        height: 1px;
        background: #FFFFFF;
        color: #FFFFFF;
    }

    .header-footer {
        height: 35px;
    }

}

@media (max-width: 400px) {
    /* ###################### Pagina inicio ##################### */

    /* .container_principal p {
        width: 85%;
        top: 54%;
    }

    .div-conoce-mas-index {
        top: 70%;
    } */
}