/* @import "tailwindcss"; */
/* @source "../views"; */
@font-face {
    font-family: 'figtree';
    font-display: 'swap';
    src: local(), url('../fontss/Figtree.ttf') format('truetype');
}

@font-face {
    font-family: 'figtree-bold';
    font-display: 'swap';
    src: local(), url('../fontss/Figtree-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'figtree-light';
    font-display: 'swap';
    src: local(), url('../fontss/Figtree-light.ttf') format('truetype');
}

@font-face {
    font-family: 'HostGrotesk-Regular';
    font-display: 'swap';
    src: local(), url('../fontss/HostGrotesk-Regular.ttf') format('truetype');
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: 'figtree';
    color: #1F2639;
    background-color: #F0F6FC;
}

html {
    scroll-behavior: smooth;
}

#contenedorMain {
    padding-top: 70px;
}

#navBarMobile {
    height: 64px;
    justify-content: space-between;
    padding: 0 18px 0 12px;
    display: flex;
}

#navBarMobile button#iconoMenuMobile {
    background-image: url('../images/icons/menu.svg');
    width: 40px;
    height: 25px;
    background-repeat: no-repeat;
}

#menuMobile .subLista>li>a {
    height: 100%;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}



#navBarMobile,
#navBarDesktop {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #FFF;
    align-items: center;
    z-index: 20;
}

#iconoMenuMobile {
    height: 26px;
    cursor: pointer;
}

#ideaunologo {
    height: 62px;
}


#ideaunoIsologo {
    height: 40px;
}

.cajaAzul,
.cajaBlanca {
    border-radius: 14px;
}

.cajaAzul3Bordes {
    border-radius: 24px 0 24px 24px;
}

.cajaAzul3Bordes,
img.lightbox {
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.somos-singulares div.cuadroCont.max-w-500px,
.cajaAzul3Bordes:hover,
#contMockups img,
img.lightbox,
a:hover,
button {
    cursor: pointer;
}

.cajaBlanca {
    height: auto;
    width: 100%;
    display: flex;
    color: #0279FB;
    background-color: #FFF;
    font-size: 40px;
    transition: background-color .4s ease-in;
}

.cajaAzul,
.cajaAzul3Bordes {
    height: auto;
    width: 100%;
    display: flex;
    background-color: #0279FB;
    font-size: 40px;
    transition: background-color .4s ease-in;
}

.cajaAzul a,
.cajaBlanca a,
.cajaAzul3Bordes a {
    font-size: 19px !important;
    line-height: 23px !important;
    color: #FFF;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 90px;
    transition: color .4s ease-in;
}

.cajaAzul3Bordes a.btnEstandar {
    height: auto;
}

.px8 {
    padding: 0 8px;
}

.gapY8 {
    row-gap: 8px;
}

#imgPrimera {
    height: 750px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
}

#contLogoGris {
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -34px;
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 76%;
}

#contLogoGris .cajaAzul3Bordes {
    max-width: 500px;
    z-index: 1;
}


#imgPrimera h2,
#tecnologiaDigital p,
#tecnologiaDigital h4.texto {
    font-size: 14px;
    line-height: 19px;
    max-width: 940px;
}


#indexContainer #imgPrimera h2 {
    max-width: 700px;
}

#tecnologiaDigital>h4.texto {
    padding: 0 10px;
}

#contactoContainer span.boldAzul,
#tecnologiaDigital span.boldAzul {
    font-family: 'figtree';
}

.btnEstandar,
.btnEstandarBlanco,
.btnBlanco {
    font-family: 'figtree';
    height: 56px;
    display: inline-block;
    width: max-content;
    border-radius: 28px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.btnEstandar {
    background-color: #1F2639;
    color: #FFF;
    z-index: 1;
}

.btnEstandarBlanco {
    border: solid 1px #1F2639;
}

.btnEstandarBlanco,
.btnBlanco,
.boldAzul,
.txtOscuro {
    color: #1F2639;
}

.btnBlanco {
    background-color: #FFF;
}

#btnContacto {
    padding: 5px 4px 5px 30px;
    column-gap: 10px;
}

.barraClientes {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: hidden;
    /* ---------------> NO BORRAR */
    justify-self: center;
    /*  ------------> NO BORRAR */
}

.barraClientes>div {
    min-width: 130px !important;
    transition: .9s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.h2Main {
    font-size: 32px;
    line-height: 38px;
}

.boldAzul {
    color: #0279FB !important;
}

#contIndustrias>div>div>button.ind {
    display: flex;
    justify-content: center;
}


#contIndustrias div.subCuadro>p.txtCorto {
    text-align: left;
}

#contIndustrias>div>div>a>h3,
#contIndustrias>div>div>button>p {
    position: absolute;
    color: #FFF;
    padding-top: 120px;
}

#contIndustrias>div>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 19px;
    margin-bottom: 19px;
    align-self: flex-start;
    width: 100%;
}

.fondoGrisIndustrias {
    position: absolute;
    left: 0px;
}

#contIndustrias {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-repeat: no-repeat;
    background-position-y: 210px;

    max-width: 1230px;
    align-self: center;
}

#contIndustrias>div {
    width: 100%;
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-position-y: 210px;

    max-width: 1230px;
    align-self: center;
    column-gap: 18px;
}

.industrias-index {
    flex-wrap: wrap;
    display: grid !important;
    grid-template-columns: 154px 154px;
    position: relative;
}

#descripcionesRapidas {
    padding: 0 50px;
    max-width: 934px;
    align-self: center;
    width: 100%;
    justify-self: center;
}

#descripcionesRapidas>div {
    border-top: solid 1px #0279FB;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

#descripcionesRapidas>div:last-child {
    border-bottom: solid 1px #0279FB;
}

/* #descripcionesRapidas h2 { */
#descripcionesRapidas p.boldAzul {
    font-size: 60px !important;
    font-weight: 600;
}

#descripcionesRapidas p {
    font-size: 20px;
    line-height: 26px;
    margin-left: -16px;
}

.txt16 {
    font-size: 16px !important;
}

#casosContainer {
    margin-bottom: 70px;
}

.caso-copec #casosContainer {
    display: flex;
    flex-direction: column;
}

#casosContainer .titulo {
    font-size: 32px;
}

#casosContainer .subTitulo {
    font-size: 22px;
    line-height: 22px;
    margin-top: 9px;
    margin-bottom: 4px;
}

#casosContainer .texto {
    font-size: 18px;
}

#casosContainer .texto,
#desarrolloMedida h2.mb-7,
#ecommerceContainer h2.mb-7,
#desarrolloMedida p.encargamos {
    line-height: 19px;
}

#desarrolloMedida p.encargamos {
    font-size: 17px;
}


#desarrolloMedida p.encargamos>span {
    font-family: 'figtree';
}

#somosSingulares h3.ssDesc {
    font-family: 'figtree-light';
    max-width: 670px;
}

#granulado {
    background-color: #031e5b;
    height: 1200px;
}

#granulado p.puntaje {
    font-size: 34px;
}

#granulado p.usuario {
    font-size: 32px;
}

#granulado p.titulo {
    font-size: 18px;
    line-height: 22px;
}

#granulado p.texto {
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
}

#somosSingulares img#fondoSomos,
#granulado>img {
    width: 100%;
}

#somosSingulares>img {
    min-height: 1300px;
}

#somosSingulares button.btnEstandarBlanco {
    margin-top: 10px;
}

#somosSingulares {
    height: 1330px;
    background-image: url('../images/fondos/fondo_somos.webp');
    background-size: cover;
    align-items: flex-start;
}

h5 {
    font-size: 16px !important;
}

#sliderOp {
    height: 317px;
    width: auto;
    max-width: 384px;
    border-radius: 26px;
    background-color: #95959526;
    backdrop-filter: blur(25px);
    box-shadow: 3px 3px 3px #21202073;
    padding: 28px 25px 14px 25px;
    margin-top: -50px;
}

#sliderOp .descripcion {
    display: none;
}

#sliderOp>.descripcion p.pie {
    font-family: 'figtree-light';
}

#sliderOp .descripcion.visible {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 235px;
}

#sliderControl span,
#herramientasCont span {
    height: 14px;
    width: 14px;
    background-color: #00000060;
    border-radius: 50%;
}

#sliderControl_ {
    padding: 8px 13px;
    width: max-content;
    align-self: center;
    border-radius: 16px;
    position: absolute;
    margin-top: 290px;
}

#herramientasCont,
#agendaCont,
#agendaContIndex {
    background-color: #FFF;
    border-radius: 14px;
    box-shadow: 0px 3px 2px #21202073;
    padding: 20px 25px;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

#agendaContIndex {
    height: 410px;
    width: 360px;
    position: absolute;
    bottom: 50px;
}

#herramientasCont {
    height: 356px;
    max-width: 384px;
    margin-top: 55px;
    width: auto;
    margin-top: 55px;
}

#agendaCont {
    height: 660px;
    width: 540px;
    position: absolute;
    top: 180px;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    justify-content: space-around;
}

#agendaCont p:nth-child(2),
#agendaContIndex p:nth-child(2) {
    line-height: 35px;
}

#agendaCont p:last-child,
#agendaContIndex p:last-child {
    font-size: 13px;
    margin-top: 20px;
    line-height: 16px;
}

#arco {
    z-index: 0;
    position: absolute;
    height: inherit;
    display: flex;
    align-items: end;
}

.btnAzul {
    font-family: 'figtree';
    background-color: #0279FB;
    height: 56px;
    display: inline-block;
    color: #FFF;
    width: max-content;
    border-radius: 28px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

footer {
    background-color: #1F2639;
    max-height: 600px;
    overflow-y: hidden;
    z-index: 0;
}

footer {
    background-color: #1F2639;
}

footer>.bgFondo {
    background-repeat: no-repeat;
    background-size: cover;
}

#contRRSS {
    display: grid;
    grid-template-columns: 22px 22px 22px;
    column-gap: 7px;
    grid-column-start: auto;
}

#contCertificados {
    display: grid;
    grid-template-columns: 42px 40px 40px 40px;
    column-gap: 5px;
    grid-column-start: auto;
    margin-top: 22px;
}

#contCertificados>img {
    width: 42px !important;
}

.txtLicencia {
    font-size: 12px;
    text-align: center;
    color: #A5A5A5;
    padding-top: 30px;
    line-height: 15px;
}

.txtLicencia a {
    color: #FFF;
}

.txtBlanco {
    color: #FFF !important;
}

.fondoGrisIndustrias {
    margin-top: 207px;
    height: 560px;
    justify-content: center !important;
}

.fondoGrisTecnologias {
    display: flex;
    align-self: center;
    justify-self: center;
    position: absolute;
    margin-top: -77px;
}

.imgMainWeb {
    height: 140px;
}

#txtFooterContainer {
    width: 100%;
    max-width: 400px;
}

#menuMobile {
    height: auto;
    top: -240px;
    width: 100%;
    background-color: #1F2639;
    transition: 0.4s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 19;
    padding: 4px 18px 20px 18px;
}

.menuShow {
    top: 64px !important;
}

.badge {
    padding: 0 8px;
    color: #FFF;
    border-radius: 4px;
}

.badge-success {
    background-color: rgb(95, 160, 70);
}

.badge-danger {
    background-color: rgb(202, 80, 80);
}

.menuHide {
    height: 0;
    padding: 0;
    overflow-y: hidden;
}

.subListaHidden {
    height: 0px !important;
    transition: .3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.btnDropdown {
    display: flex;
    padding: 2px 10px;
    border: solid 1px #EAF2FF;
    border-radius: 14px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

a.btnDropdown {
    height: 54px;
}

.btnDropdown,
.subLista li {
    font-size: 14px;
}

.subLista li {
    padding: 0px 2px 0 2px;
}

.subLista {
    padding: 0 15px 0 10px;
    height: inherit;
    overflow-y: hidden;
}

.subMenuSeparador {
    height: 28px;
    padding-top: 16px !important;
}

.lineaSeparadora {
    height: 1px;
    background-color: #FFF;
}

.subMenuSeparador span {
    height: 9px;
    width: 9px;
    float: right;
    background-color: #FFF;
    border-radius: 50%;
    margin-top: -5px;
    margin-right: -2px;
}

.subListaCont {
    transition: .3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    display: none;
    display: block;
}

.arrow-btn {
    transition: .3s ease-in-out;
    height: 48px;
}

#navBarDesktop .arrow-btn {
    transition: .3s ease-in-out;
    height: 12px;
    margin-left: 7px;
    margin-top: 2px;
}

#contCompBajos {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.herramienta p {
    font-size: 23px;
    text-align: center;
    color: #0279FB;
}

.herramienta {
    display: none;
}

#herramientasCont .herramienta.visible {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 256px;
}

.solucionesCloud {
    height: 165px;
    margin-top: 44px;
    justify-content: space-between;
    padding: 0 20px;
}

.lenguajesProgramacion {
    height: 180px;
    margin-top: 42px;
    justify-content: space-between;
    padding: 0 24px;
}

.frameworks {
    height: 180px;
    margin-top: 42px;
    justify-content: space-between;
    padding: 0 20px;
}

.basesDatos {
    height: 191px;
    margin-top: 20px
}

#agendaAsesoria {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    width: auto;
    min-width: 330px;
    margin: 125px 10px 0 10px;
    border-radius: 25px;
    align-self: center;
    height: 290px;
    background: rgb(237, 204, 255);
    background: linear-gradient(90deg, rgb(237 204 255 / 49%) 0%, rgba(255, 255, 255, 1) 63%);
}

#brochurePortafolio {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    width: 644px;
    min-width: 330px;
    padding-top: 56px;
    margin: 16px 10px 80px 10px;
    border-radius: 25px;
    align-self: center;
    height: 450px;
    background: rgb(237, 204, 255);
    background: linear-gradient(90deg, rgb(237 204 255 / 49%) 0%, rgba(255, 255, 255, 1) 63%);
}

#agendaAsesoria p.agentaTxt {
    /* #agendaAsesoria h2 { */
    font-size: 20px !important;
    line-height: 20px;
    z-index: 1;
}

#agendaAsesoria img.fondoTarjeta {
    position: absolute;
    right: 0px;
    height: inherit;
    display: block;
}

#agendaAsesoria .fondoTarjetaDesktop {
    position: absolute;
    right: -30px;
    height: inherit;
    display: none;
}


#nuestroEquipoCont {
    margin-top: 94px;
    width: 320px;
    align-self: center;
    column-gap: 16px;
    flex-direction: column;
}

#nuestroEquipoCont>div {
    margin-top: 14px;
}

#contProceder {
    display: grid;
    width: 100%;
    gap: 15px;
    position: absolute;
    align-items: center;
    justify-items: center;
    margin-top: -220px;
}

#contProceder>span {
    border-radius: 31px;
    height: 50px;
    border: solid 1px #5480f5;
    background-color: #5480f51f;
    display: flex;
    align-items: center;
    font-size: 17px;
    width: 220px;
    justify-content: center;
    backdrop-filter: blur(7px);
}

#contProceder>span,
#somosSingulares>div>h2,
#casosContainer .subTitulo,
#casosContainer .texto,
#contProceder>span,
#agendaAsesoria,
.tarjetas p,
#descripcionesRapidas .descripcionRapida>p,
.helv-l,
#listaFunciones>li {
    font-family: 'figtree-light';
}

#contProceder>span.grande {
    font-size: 22px;
    width: 206px;
    margin-bottom: 10px;
}

#imgComosomos {
    max-width: 460px;
    align-self: center;
    margin-top: 100px;
}

.descCorta {
    color: #0279FB;
    font-size: 48px;
}

.txtCorto {
    font-size: 16px;
    line-height: 17px;
}

span.boldAzul.helv-l {
    font-size: 14px;
}

#desarrolloMedida {
    align-self: center;
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contCajas {
    padding-bottom: 90px;
    display: grid;
    row-gap: 18px;
    grid-auto-columns: auto;
    margin-bottom: -40px;
    justify-content: center;
    z-index: 1;
}

.cajas-container {
    padding: 80px 0;
}

#imgContenedor img {
    height: 800px !important;
    position: absolute !important;
    margin-top: -800px !important;
}

#imgContenedor {
    left: 0;
}

#desarrolloMedida .cajaAzul3Bordes a>svg {
    transform: rotate(135deg);
}

.imgDown,
.divCont {
    transition: .5s ease-in-out;
}

.divCont {
    height: 0px;
    overflow: hidden;
}

.caja-desktop>.divCont {
    height: 530px !important;
    transition: .4s ease-in-out;
}

.caja-desktop>.divCont>img {
    border-radius: 20px 20px 0 0;
}

.divCont>img {
    width: 100%;
}

/* .divCont>div h5 {
    line-height: 19px;
    margin: 0 9px 20px 10px;
} */

.divCont>div p {
    line-height: 19px;
    margin: 0 9px 20px 10px;
}

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

.subText {
    font-size: 24px;
    line-height: 26px;
}

#uxuiContainer>#imgPrimera,
#tecnolgiasContainer>#imgPrimera {
    color: #FFF;
}

#uxuiContainer>#imgPrimera h2 {
    text-align: center;
}

#indexContainer>#imgPrimera,
#uxuiContainer>#imgPrimera,
#tecnolgiasContainer>#imgPrimera,
#uxuiContainer>#imgPrimera,
#uxuiContainer .img100Desktop {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

#uxuiContainer>#imgPrimera img.imgMainMobile,
#tecnolgiasContainer>#imgPrimera img.imgMainMobile,
#indexContainer>#imgPrimera img.imgMainMobile {
    position: absolute;
    top: 64px;
    z-index: -1;
    width: auto;
    height: calc(100vh - 5vh);
}

#indexContainer .txtHeroWeb {
    font-size: 32px;
    line-height: 36px;
}

#contMockups {
    display: grid;
    flex-direction: column;
    margin: 70px 0;
    row-gap: 58px;
    overflow-x: hidden;
}

#contMockups>div {
    flex-direction: row;
}

#contMockups>div:last-child {
    flex-direction: row-reverse;
}

#contMockups>div:first-child img,
#contMockups>div:last-child img {
    height: auto;
    width: 84%;
}

#ecommerceContainer p.encargamos {
    line-height: 22px;
}

#ecommerceContainer #agendaAsesoria {
    margin: 60px 0;
}

#ecommerceContainer #agendaAsesoria>h2.h2Main {
    line-height: 33px;
    font-size: 32px;
    margin: 27px 20px 17px 4px;
}

#listaFunciones li {
    list-style: disc;
    line-height: 20px;
    margin-bottom: 32px;
    font-size: 19px;
}

#listaFunciones li:last-of-type {
    grid-template-columns: auto auto auto;
    max-width: 350px;
    align-items: center;
}

#listaFunciones {
    margin: 0 10px 30px 60px;
    position: relative;
}

#cardIdeaUno p {
    line-height: 18px;
}

#cardIdeaUno {
    margin-bottom: -198px;
}

#cardIdeaUno>div {
    padding-top: 40px;
}

.max-w-500px {
    max-width: 500px;
}

.max-w-600px {
    max-width: 600px;
}

.max-w-750px {
    max-width: 750px;
}

.max-w-1400px {
    max-width: 1400px;
}

.max-w-926px {
    max-width: 926px;
}

.arrow_down {
    height: 50px;
    width: 60px;
    display: flex;
}

.contBottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 10px;
}

.tecnologias-medida .contBottom div.w-full {
    justify-content: center;
}


#imgPrimera img.imgMainMobile {
    position: absolute;
    top: 49px;
    z-index: -1;
    width: 100vw !important;
    height: calc(100vh - 64px) !important;
}

.cuadro {
    height: 0px;
    width: 314px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    background-image: url('../images/fondos/rectangulo_expandible.png');
    background-size: cover;
    z-index: 1;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.cuadro img {
    justify-self: center;
    height: 40px;
}

.subCuadro {
    padding: 28px 26px 0 26px;
    color: #FFF;
    height: 87%;
}

/* .subCuadro p {
    font-size: 16px;
    line-height: 18px;
} */

.subCuadro p.txtCorto {
    font-size: 16px;
    line-height: 18px;
}

.noPadding {
    display: none !important;
}

.ind {
    transition: .3s ease-in-out;
    position: relative;
}

#cuadro_1,
#cuadro_2,
#cuadro_3,
#cuadro_4 {
    transition: .3s ease-in-out;
}

#tecnolgiasContainer {
    display: flex;
    flex-direction: column;
}


.bgRojo {
    background-color: red;
}

.contIndustriasLink {
    gap: 19px;
}

#contMockPasaste,
#contMockNestle {
    overflow: hidden;
}

#contMockPasaste>div {
    flex-direction: column;
    margin: 0px !important;
    row-gap: 30px;
    padding: 14px;
}

#contMockPasaste img {
    border-radius: 12px;
}

.paradigmasCont {
    display: grid;
    grid-template-rows: auto;
    gap: 10px;
    background-repeat: repeat-y;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    justify-content: center;
    background-size: cover;
}

.paradigmasCont .cuadroCont {
    height: 108px;
    display: flex;
    border-radius: 20px;
    background-color: #0279FB;
    padding: 0 8px 0 15px;
    background-image: none;
    width: calc(100% - 44px);
    justify-content: space-between;
    justify-self: center;
    box-shadow: 0px 2px 3px 0px #000;
    align-items: center;
}

.paradigmasCont>div:first-of-type {
    margin-top: 50px;
}


.paradigmasCont .cuadro>img {
    height: 70px;
    margin-left: 24px;
}

.paradigmasCont>img {
    position: absolute;
    height: 600px;
    z-index: -1;
}

.subCuadroCont {
    background-color: #FFF;
    background-image: none;
    width: calc(100% - 44px);
    height: 0px;
    justify-self: center;
    border-radius: 20px;
    padding: 0;
    transition: .4s ease-in;
    overflow: hidden;
    box-shadow: 0px 2px 3px 0px #000;
}

.subCuadroCont * {
    color: #000;
}

.subCuadroCont p.txt32 {
    line-height: 32px;
}

.subCuadroCont p.txtBlanco {
    line-height: 23px;
}

.subCuadroCont h2 {
    line-height: 23px;
}

.cuadro .imgDown {
    margin-right: 14px;
    transform: rotate(135deg);
}

#compromiso>li {
    margin-bottom: 18px;
    line-height: 17px;
}

#compromiso {
    list-style: unset;
}

#contPieVista {
    background-image: url('../images/fondos/fondo_estrellas.jpg');
}

#tecnolgiasContainer.somos-singulares>#imgPrimera {
    background-image: url(../images/fondos/fondo_index_desktop.webp);
    background-repeat: no-repeat;
}

#contenedorMain #tecnolgiasContainer.somos-singulares {
    background-image: url(../images/fondos/fondo-estrellas.webp);
    background-repeat: repeat-y;
    background-size: contain;
}

#contenedorMainReu {
    background-image: url(../images/fondos/fondo_index_desktop.webp);
}

#contenedorClientes {
    background: linear-gradient(229deg,rgba(248, 251, 255, 1) 62%, rgba(226, 234, 255, 1) 100%);
    padding-bottom: 300px;
}



#fila4_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
}

#fila10_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
}


#nuestroEquipoContainer {
    background-repeat: repeat-y;
    position: relative;
    background-size: contain;
    z-index: 2;
}

.perfilFoto {
    position: absolute;
    height: 161px;
    border-radius: 50%;
    top: 2px;
}

.perfilesContainer img.marco {
    height: 166px;
    width: 168px;
}

.perfilesContainer .descripcion {
    position: absolute;
    bottom: 0;
    color: #FFF;
    display: flex;
    flex-direction: column;
    font-family: 'figtree-light';
    font-size: 15px;
    line-height: 16px;
}

.perfilesContainer .descripcion * {
    text-align: center;
}

.perfilesContainer div.relative {
    height: 214px;
    width: 180px;
    justify-content: center;
    display: flex;
    margin-bottom: 55px;
}

.perfilesContainer {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-around;
    margin-top: 40px;
    margin-bottom: 80px;
}

#contPieVista {
    height: 600px;
    position: absolute;
    bottom: -585px;
    width: 100%;
}

#contactoForm {
    background-color: #CFDAFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: -28px 20px 0 20px;
    padding: 50px 30px;
    justify-self: center;
}

#contactoForm p.boldAzul.txt16 {
    line-height: 18px;
}

.inputComponent {
    background-color: #F7F7FF;
    border-radius: 4px;
    height: 34px;
    margin-top: 4px;
    margin-bottom: 10px;
    width: 100%;
    padding-left: 5px;
}

.emojiComponent {
    background-color: #F7F7FF;
    border-radius: 4px;
    height: 80px;
    width: 100%;
}

.valueComponent {
    background-color: #F7F7FF;
    border-radius: 4px;
    height: 112px;
    width: 100%;
}

#valoracion {
   background-color: #F7F7FF;
    border-radius: 4px;
    height: 60px;
    margin-top: 4px;
    margin-bottom: 10px;
    width: 100%;
    padding-left: 5px;
}

.card {
    position: relative;
    display: flex;
    align-items: center;
    height: 370px;
    margin-top: 30px;
    margin-bottom: 60px;
    width: 100%;
    justify-self: center;
}

.cardReujl {
    box-shadow: 0px 2px 3px 0px #c3c3e0;
    border-radius: 16px;
}

.mapa {
    width: 100%;
    height: 550px;
}

.mapa iframe {
    width: 100%;
    height: 100%;
}

#contImgFontStrs img {
    border-radius: 500px 500px 0 0;
    position: absolute;
    width: inherit;
    height: inherit;
}

div#granulado,
.tecnologias-medida #contImgFontStrs,
#uxuiContainer #contImgFontStrs,
#desarrolloMedida #contImgFontStrs,
#ecommerceAContainer #contImgFontStrs,
.casos-exito #contImgFontStrs,
#ecommerceContainer #contImgFontStrs,
.transformacionDigital #contImgFontStrs {
    background-image: url('../images/fondos/estrellas.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    background-position-x: center;
}

#contFondoFooter {
    position: absolute;
    justify-content: center;
}

#ecommerceAContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#imgPrimera>.contBottom>svg {
    height: 26px;
}




/* ESTILOS ESCRITORIO EN SU MAYORIA A PARTIR DE ACA */
.w-space4px {
    word-spacing: 4px;
}

.txt56px {
    font-size: 48px !important;
    line-height: 48px !important;
}

.txt48px {
    font-size: 32px !important;
    line-height: 32px !important;
    margin-bottom: 10px;
}


.txt44px {
    font-size: 31px;
    line-height: 31px;
}

.txt40px {
    font-size: 30px;
    line-height: 30px !important;
}

.txt34 {
    font-size: 24px !important;
    line-height: 26px !important;
}

.txt32 {
    font-size: 22px !important;
    line-height: 22px !important;
}

.txt26 {
    font-size: 20px !important;
    line-height: 22px !important;
}

.txt24 {
    font-size: 18px !important;
    line-height: 20px !important;
}

.txt22 {
    font-size: 17px !important;
    line-height: 18px !important;
}

.txt20 {
    font-size: 16px !important;
    line-height: 18px !important;
}

.txt19 {
    font-size: 19px !important;
    line-height: 21px !important;
}

.txt18 {
    font-size: 18px !important;
    line-height: 20px !important;
}

.txt16 {
    font-size: 16px !important;
    line-height: 16px !important;
}

#TituloPrincipal {
    margin-bottom: -2px;
}

#navBarDesktop {
    justify-content: space-between;
    padding: 0 50px;
    height: 0px;
    overflow: hidden;
}

#itemsMenuCont {
    display: flex;
    align-items: center;
    user-select: none;
    height: 56px;
}

#itemsMenuCont>button.dropd,
#itemsMenuCont>a.dropd {
    display: flex;
    cursor: pointer;
    align-items: center;
    height: inherit;
    border-radius: 33px;
    padding: 0 18px;
    transition: background-color 0.5s ease;
}

#itemsMenuCont>button.dropd:hover,
#itemsMenuCont>a.dropd:hover {
    color: #FFF;
}

#itemsMenuCont>button.dropd:hover>svg>path {
    stroke: #FFF;
}

#itemsMenuCont>button.dropd:hover,
#itemsMenuCont>a.dropd:hover {
    background-color: #0279FB;
}

#ideaunologoDesktop {
    height: 72px;
}

.contBottomDesktop {
    width: 60%;
    z-index: 0;
}

#imgPrimera img.absolute.visibleDesktop {
    top: 94px;
    z-index: 0;
    width: 100vw !important;
    height: calc(100vh - 94px) !important;
}

#contIndustriasDesktop,
#industriasSlideDesktop,
.scroll_container,
#asesoriaSlideDesktop {
    height: 100vh;
    width: 100%;
}

#asesoriaSlideDesktop {
    background-color: red !important;
    flex-direction: column;
    justify-content: center;
}

#asesoriaSlideDesktop>div:first-child {
    overflow-x: scroll;
}

#asesoriaSlideDesktop .flex.flex-row {
    width: 550px;
}

#industriasSlideDesktop {
    display: none;
    justify-content: center;
    align-items: center;
}

#contIndustriasDesktop {
    display: none;
    justify-content: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
}

#contCajasDesktop {
    grid-template-columns: auto;
    gap: 15px;
    grid-template-rows: auto auto;
    padding: 15px;
    background-color: #bacdff;
    border-radius: 10px;
}

#contCuadrosDesktop {
    grid-template-columns: 330px 330px;
    gap: 15px;
    grid-template-rows: 90px 90px;
}

.cajaBlanca a {
    color: #0279FB;
}

.tarjetas {
    display: grid;
    grid-template-columns: 300px 300px;
    gap: 30px;
    margin-left: 70px;
    grid-template-columns: repeat(2, 1fr);
    flex-shrink: 0;
    transition: 5s ease-in-out;
    height: 375px;
}

.tarjetas .frontal {
    height: 375px;
    width: 307px;
    border-radius: 28px;
    transition: 0.5s ease-in-out;
    transform: rotateY(0deg);
    cursor: pointer;
}

.tarjetas .frontal>div {
    height: 375px;
    width: 307px;
    border-radius: 28px;
    transition: 0.5s ease-in-out;
    transform: rotateY(0deg);
}

.tarjetas img,
.tarjetas .subTarjeta {
    transition: 0.5s ease-in-out;
}

.tarjetas .subTarjeta {
    transform: rotateY(90deg);
}

.tarjetas p.txtCorto {
    position: absolute;
    bottom: 18px;
    color: #FFF;
    text-align: center;
    width: 100%;
}

#contTarjetasDesktop {
    display: grid;
    grid-template-columns: 490px auto;
    justify-self: center;
    gap: 50px;
}

.slider-container {
    width: 646px;
    overflow: hidden;
    position: relative;
    border-radius: 28px;
}

.slider {
    display: flex;
    flex-direction: column;
    padding: 6px;
}

.scroll_container img.mas {
    height: 70px;
}

.horizontal_scroll div.flex.flex-col {
    justify-content: center;
    min-width: 530px !important;
}

.horizontal_scroll div.flex.flex-col p {
    width: 52%;
    line-height: 20px;
    margin-top: 16px;
}

#asesoriaSlideDesktop {
    display: flex;
    align-items: center;
    position: sticky;
}

#asesoriaSlideDesktop>div {
    height: 400px;
}

.outer {
    overflow-x: scroll;
    width: 100%;
    position: sticky;
    top: 70px;
}

.outer .inner {
    width: 4000px !important;
}

.scroll_container {
    height: 400vh;
    display: none;
}

.horizontal_scroll {
    position: absolute;
    height: 100%;
    width: 160vw;
    will-change: transform;
    display: flex;
    justify-content: space-between;
    padding-left: 18vw;
}

.scroll_contents {
    height: 400px;
    width: 100vw;
}

.sticky_wrap {
    overflow: hidden;
    position: sticky;
    top: 170px;
    height: 100vh;
    height: 340px;
    margin-bottom: 360px;
}

#bajo {
    position: sticky;
    top: 415px;
}

#bajoo {
    position: relative;
}

.visibleDesktop,
#imgTech,
#imgServ,
#equipoDesktop,
#imgComosomosDesktop {
    display: none;
}

.img-desarrollo-medida-d {
    margin-top: -52px;
    /* height: 58vh; */
    width: 100vw;
}

#desarrolloMedida .img-desarrollo-medida {
    border-radius: 40px;
}

.caja-desktop {
    height: 530px;
    width: 400px;
    background-color: #FFF;
    border-radius: 30px;
    box-shadow: 2px 2px 2px 0px #cfcfcf;
    transition: .5s ease-in-out;
}

.cajas-container {
    display: grid;
    flex-direction: row;
    justify-content: center;
    column-gap: 23px;
}

.rotate90deg {
    transform: rotateY(90deg);
}

.bgBlanco {
    background-color: #FFF !important;
}

.bgBlanco>a {
    color: #0279FB !important;
}

.img-bajo-1,
.img-bajo-2 {
    position: absolute;
}

.img-bajo-1 {
    top: -100px;
    left: 72px;
    height: 250px;
    z-index: 1;
}

.img-bajo-2 {
    top: 23px;
    left: 142px;
    height: 460px;
}

#ecommerceContainer>div>div div.subcuadro-container {
    padding-left: 18px;
}

.contSubCaja {
    display: flex;
    flex-direction: column;
}

.img-num {
    height: 50px;
}

.tecnologias-medida #contIndustrias {
    display: flex;
}

.tecnologias-medida #cont-industrias-desktop {
    display: none;
    overflow: hidden;
}

.tecnologias-medida .contSubCaja:nth-of-type(2) {
    margin-top: 80px;
    margin-bottom: 70px;
}

#navBarDesktop #itemsMenuCont div.subListaCont {
    overflow: hidden;
    transition: .2s ease-in;
    top: -500px;
    width: auto;
}

.calendarAgenda {
    margin-right: 8px;
    margin-left: 8px;
}

#navBarDesktop #itemsMenuCont a.flex.px-4.py-2 {
    flex-wrap: nowrap;
    width: max-content;
}

.caja-card-fuera {
    width: 100%;
    display: flex;
    justify-content: center;
}

#cont-mapa {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#cont-mapa img {
    height: 50px;
}

.sub-cont-footer {
    display: flex;
    flex-direction: column;
}

#cont-teamwork-desktop>img {
    margin: 70px 0 40px 0;
    border-radius: 100px;
}

#equipo-desktop>img {
    margin: 0 0 180px 0;
    border-radius: 100px;
}

#casos-cont #casosContainer>div:first-of-type {
    margin-top: 50px;
}

.casos-exito #casosContainer>div:first-of-type {
    margin-top: 80px;
}

.somos-singulares #equipo-desktop {
    width: 100%;
    display: flex;
    justify-content: center;
}

#equipo-desktop>img {
    margin: 0px;
    border-radius: 0px;
    width: 100%;
}

.casos-exito>div:nth-child(4) {
    margin-top: 100px;
}

.border20px {
    border-radius: 20px;
}

.border12px {
    border-radius: 12px;
}

.tituloModalPoliticas {
    text-align: start !important;
}

.modalPoliticas {
    padding-bottom: 24px;
}

.btnAzul.btnConfirm {
    padding: 0 46px;
    border: none;
}

.btnAzul.btnConfirm:hover {
    background-color: #F95D54;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: none;
}

#socios-estrategicos>div>div {
    margin-top: 50px;
}

.Gracias_contacto {
    font-size: 40px;
    font-weight: 300;
}

.Ing_preventa {
    font-size: 24px;
}

.subTarjeta {
    height: 100%;
    width: 100%;
    border-radius: 28px;
    background-color: rgb(247, 247, 247);
    position: absolute;
    top: 0px;
    box-shadow: 0px 0px 14px -11px #000;
    padding-top: 18px;
    cursor: pointer;
}

.subTarjeta p.txtCorto,
.subTarjeta h3.descripcionCard {
    position: relative !important;
    width: 307px;
    padding: 0 14px;
    text-align: start;
    color: rgb(26, 26, 26);
    line-height: 16px;
}

#cont-industrias-desktop {
    width: 715px;
}

#cont-industrias-desktop .tarjetas {
    transition: 1s cubic-bezier(0, 0, 0.51, 0.97);
}

#cont-industrias-desktop .tarjetas p.txt20 {
    position: absolute;
    bottom: 20px;
    justify-self: center;
    color: #FFF;
}

#formContacto>div>div {
    height: 20px;
}

#formContacto>div>div span {
    display: block;
    height: 20px;
    font-size: 13px;
}

.pie {
    font-size: 12px;
}

.p-10px {
    padding: 10px !important;
}

.modalLigthbox {
    padding-bottom: 0px;
    width: auto;
    max-width: 1280px;
}

img.lightbox {
    border-radius: 14px;
}

.iUno_gandalf {
    border-radius: 12px;
    margin-bottom: 32px;
}

.wrap__FVQz2 {
    margin-bottom: 40px !important;
}

.pb-30px {
    padding-bottom: 30px;
}

.modalEnviando div.swal2-loader {
    animation: swal2-rotate-loading 2s linear 0s infinite normal;
    border-width: .45em;
}


#formModal {
    text-align: start;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: rgba(15, 15, 38, 0.6);
    backdrop-filter: blur(2px);
    overflow-x: hidden;
}

#formModal2 {
    text-align: start;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: rgba(15, 15, 38, 0.6);
    backdrop-filter: blur(2px);
    overflow-x: hidden;
}

#tarjetaFormulario {
    background-color: #E3E9FF;
    border-radius: 20px;
}

.inhabilitadoBtn {
    background-color: #cfcbcb;
    color: #7b7b7b;
}

#jivo_custom_widget.jivo_online {
    background-image: url('../images/icons/chatea_mobile.png') !important;
    display: block;
    background-repeat: no-repeat;
    background-size: auto !important;
    width: 52px !important;
    height: 55px !important;
    border-radius: 14px 0 0 14px !important;
}

#jivo_custom_widget.jivo_online:hover {
    transition: none;
}

.__jivoCallbackBtn {
    right: 28px !important;
    margin-bottom: 28px !important;
}

#cardIdeaUno p.h2Main {
    line-height: 38px;
}

#encuestaOpinion {
    margin-top: 164px;
    margin-bottom: 164px;
    text-align: start;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #E3E9FF;
    border-radius: 20px;
    overflow-x: hidden;
}

.icon-row {
        display: flex;
        gap: 8px; /* Espacio entre los botones */
        align-items: center; /* Alinea los íconos verticalmente */
        background-color: #F7F7FF;
    }

.value-row {
    display: flex;
        gap: 4px; /* Espacio entre los botones */
        align-items: center; /* Alinea los íconos verticalmente */
        background-color: #F7F7FF;
}

.btn-icon {
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.2s;
}

.btn-icon:hover {
    transform: scale(1.1);

}

.btn-icon img {
    display: block;
}

.valoracion-btn img {
    transition: all 0.3s ease;
}


.icon-row:has(.valoracion-btn.active) .valoracion-btn:not(.active) img {
    filter: grayscale(100%);
    opacity: 0.6;
}

.valoracion-btn.active img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

.recomendacion-btn img {
    transition: all 0.3s ease;
}

.value-row:has(.recomendacion-btn.active) .recomendacion-btn:not(.active) img {
    filter: grayscale(100%);
    opacity: 0.6;
}

.recomendacion-btn.active img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}


button svg {
    pointer-events: none;
}