@font-face {
    font-family: "Segoe UI Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Segoe UI Regular"), url("../fonts/Segoe UI.woff") format("woff");
}

@font-face {
    font-family: "Segoe UI Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Segoe UI Bold"),
        url("../fonts/Segoe UI Bold.woff") format("woff");
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Segoe UI Regular;
    margin: 0;
}

main {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

h1, h2, h3, h4, h5{
    text-wrap: balance;
}

a {
    color: unset;
    text-decoration: none;
    cursor: pointer;
}

button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.content-limit {
    display: block;
    width: 100%;
    max-width: 1050px;
    margin: auto;
}

.caja-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.d-none {
    display: none !important;
}

.card {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    padding: 55px 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
}

.modal {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    overflow: auto;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.modal-content {
    background-color: #fff;
    padding: 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 80px;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    position: relative;
}

.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.wrapper-space {
    padding-left: 50px;
    padding-right: 50px;
}

span.title-main,
span.title-second,
span.title-terd,
span.title-for,
span.title-five,
span.title-six {
    display: block;
    font-weight: bolder;
}

.title-main {
    font-size: 2em;
}

.title-second {
    font-size: 1.5em;
}

.title-terd {
    font-size: 1.17em;
}

.title-for {
    font-size: 0.9em;
}

.title-five {
    font-size: 0.6em;
}

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

header {
    width: 100%;
    position: sticky;
    z-index: 3;
    top: -35px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
}

header:hover {
    top: 0;
}

.content-header {
    width: 100%;
    max-width: 1450px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.first-header {
    width: 100%;
    height: 35px;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2375a6;
    color: #fff;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-header nav,
.first-header .redes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.redes a {
    -webkit-transition: 0.1s !important;
    -o-transition: 0.1s !important;
    transition: 0.1s !important;
}

.first-header nav {
    margin-left: 185px;
}

.first-header nav a {
    margin-right: 60px;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.first-header nav a:hover {
    text-decoration: underline;
}

.first-header .redes a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.first-header .redes {
    font-size: 17px;
}

.first-header .redes a {
    margin-left: 30px;
}

.fixed-header {
    width: 100%;
    height: 70px;
    background-color: #eee;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #6a6a6a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fixed-header .header-caja {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-caja img {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.header-caja img:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

header .menu-desplegable-itmes{
    position: absolute;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin-top: 15px;
    display: none;
}
header .menu-desplegable-itmes li{
    padding: 10px;
}

a:hover ~ .menu-desplegable-itmes, .menu-desplegable-itmes:hover{
    display: block !important;
}

.nav-principal {
    margin-left: 70px;
}

.nav-principal > a {
    margin-right: 25px;
    position: relative;
    padding: 18px 15px;
}

.nav-principal > a:hover {
    color: #2a909b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.language-switcher{
    display: flex;
    gap: 10px;
}
.language-switcher a{
    opacity: 0.7;
    text-align: center;
}
.language-switcher a.active{
    border-bottom: 2px solid #2a909b;
    opacity: 1;
}
.menu-mobile .language-switcher a.active{
    border-bottom: 2px solid #ffffff;
}

.nav-principal > a::before {
    content: "";
    width: 120%;
    height: 2px;
    border-radius: 10px;
    position: absolute;
    bottom: 5px;
    left: 0;
    margin-left: -10%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.nav-principal > a:hover::before {
    background-color: #2a909b;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-contact {
    width: 130px;
    height: 50px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #5AA664;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    border: 1px solid rgba(0, 0, 0, 0);
}

.btn-contact:hover {
    color: #5AA664;
    border: 1px solid #5AA664;
    background-color: transparent;
}

.caja-video-fondo {
    width: 100%;
    height: calc(100vh - 105px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caja-video-fondo video {
    width: 100%;
}

.nuestros-servicios {
    padding: 100px 0;
    background-color: #efebeb;
}

.nuestros-servicios.flex-reverse .caja-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-transition: flex-direction 0.5s, -webkit- 2009flex-direction 0.5s;
    transition: flex-direction 0.5s, -webkit- 2009flex-direction 0.5s;
    -o-transition: flex-direction 0.5s;
    transition: flex-direction 0.5s;
    transition: flex-direction 0.5s, -webkit- 2009flex-direction 0.5s,
        -ms-flex-direction 0.5s;
}

.caja-servicios-text {
    color: #646464;
    width: 530px;
    position: relative;
}

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

.caja-servicios-text p {
    font-size: 18px;
}

.caja-btn-servicios {
    width: 370px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.caja-btn-servicios .serv-active {
    border: 2px solid #006ab7;
}

.btn-leer-mas {
    background-color: #22a1b8;
    padding: 10px 24px;
    margin-top: 50px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}

.caja-servicios-text .btn-close {
    position: absolute;
    top: 0;
    right: 0;
}

.caja-btn-group button,
.caja-btn-group a {
    margin-left: 25px;
    margin-bottom: 25px;
    width: 155px;
    height: 170px;
    background-color: #fff;
    color: #646464;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 6px #0000001c;
    box-shadow: 0 3px 6px #0000001c;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caja-btn-group button img,
.caja-btn-group a img {
    height: 60px;
}

.caja-btn-group button p,
.caja-btn-group a p {
    margin: 0;
    margin-top: 25px;
    font-weight: bolder;
}

.caja-btn-group button,
.caja-btn-group a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.caja-btn-group button *,
.caja-btn-group a * {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.caja-btn-group button:hover,
.caja-btn-group a:hover {
    background-color: #2567ae;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.caja-btn-group button:hover *,
.caja-btn-group a:hover * {
    -webkit-filter: brightness(4);
    filter: brightness(4);
}

.caja-btn-group button:hover img,
.caja-btn-group a:hover img {
    -webkit-transform: scale(1.1) translateY(10px);
    -ms-transform: scale(1.1) translateY(10px);
    transform: scale(1.1) translateY(10px);
}

.caja-btn-group button:hover p,
.caja-btn-group a:hover p {
    -webkit-transform: scale(0.9) translateY(10px);
    -ms-transform: scale(0.9) translateY(10px);
    transform: scale(0.9) translateY(10px);
    opacity: 0.7;
}

.caja-valores {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vision,
.mision {
    overflow: hidden;
    position: relative;
    width: 50%;
}

.vision-1,
.vision-2,
.mision-1,
.mision-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.vision-1 {
    top: 0%;
}

.mision-1 {
    top: 0%;
}

.vision-2 {
    top: -100%;
}

.mision-2 {
    top: -100%;
}

.vision:hover .vision-1 {
    top: 100%;
}

.vision:hover .vision-2 {
    top: 0%;
}

.mision:hover .mision-1 {
    top: 100%;
}

.mision:hover .mision-2 {
    top: 0%;
}

.mision-text,
.vision-text {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    z-index: 1;
    padding: 0 60px;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mision-text {
    bottom: 0;
}

.caja-valores .title-main {
    margin: 0;
    font-size: 40px;
}

.caja-valores .title-for {
    font-size: 24px;
    font-weight: lighter;
    margin: 20px 0;
}

.caja-valores p {
    margin: 0;
}

.img-mision,
.img-vision {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center;
    background-size: cover;
}

.mision-1 .img-mision {
    background-image: url(../img/valor_mision.webp);
}

.vision-1 .img-vision {
    background-image: url(../img/valor_vision.webp);
}

.mision-2 .img-mision {
    background-image: url(../img/valor_mision_2.webp);
}

.vision-2 .img-vision {
    background-image: url(../img/valor_vision_2.webp);
}

.nivel-seguridad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 100px 0;
    color: #646464;
    background-image: url(../img/fondo_seguridad.webp);
    background-size: cover;
    background-position: center;
}

.nivel-seguridad img {
    height: 200px;
    margin-right: 70px;
    margin-top: -70px;
}

.nivel-seguridad .title-main {
    margin: 0;
    color: #2567ae;
    font-size: 40px;
}

.nivel-seguridad p {
    margin: 0;
    font-size: 20px;
}

.nivel-seguridad button {
    background-color: #0b96ef;
    color: #fff;
    padding: 20px 50px;
    border-radius: 6px;
}

.ciber-ind {
    width: 100%;
    padding: 120px 0;
    background-color: #fbfbfb;
    color: #646464;
}

.ciber-ind .content-limit {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.box-servs-ciber-rep{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 50px;
}

.box-servs-ciber-rep img{
    width: 100%;
}

.box-ciber-defens{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.box-ciber-defens img{
    width: 100%;
}

.content-microsite{
    display: none;
    font-size: 18px;
    color: #454545;
}
.content-microsite.active{
    display: block;
}

.micro-servs{
    background: linear-gradient(180deg, rgba(239,247,255,1) 0%, rgba(180,237,255,1) 100%);
    width: 100%;
    margin-top: 100px;
    padding: 40px;
    box-sizing: border-box;
}

.btns-pestañas-servicios{
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    gap: 1px;
}

.btns-pestañas-servicios button{
    padding: 20px 40px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #0f1c37;
    color: #454545;
    display: block;
}

.btns-pestañas-servicios button.active{
    background-color: #006ab7;
    color: #fff;
}

.box-solucion-niveles{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.info-solucion-nivel{
    background-color: #F0F3FF;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.caja-btn-group {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caja-btn-group a p {
    color: #777;
    font-size: 13px;
}

.caja-industria {
    width: 50%;
    text-align: right;
}

.caja-industria .title-main {
    font-size: 40px;
    color: #777;
}

.caja-industria p {
    font-size: 18px;
}

.casos-exito {
    width: 100%;
    height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn-casos-up,
.btn-casos-down {
    width: 38px;
    height: 42px;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 33%;
}

.btn-casos-up:hover,
.btn-casos-down:hover {
    background-color: #fff;
    color: #333;
}

.caja-exito-text {
    width: 33%;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.casos-exito .text-caso2 {
    margin-top: -100vh;
}

.casos-exito .img-caso1 {
    margin-top: 0vh;
}

.casos-exito.second .text-caso2 {
    margin-top: 0vh;
}

.casos-exito.second .img-caso1 {
    margin-top: -100vh;
}

.exito-text {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.exito-text .title-main {
    font-size: 40px;
    font-weight: lighter;
    margin: 0;
}

.exito-text .title-terd {
    font-size: 28px;
    font-weight: lighter;
    margin: 0;
    margin-top: 80px;
}

.exito-text .title-six {
    font-size: 25px;
    font-weight: lighter;
    margin: 0;
    margin-top: 10px;
}

.exito-text p {
    font-size: 20px;
    margin: 0;
    margin-top: 50px;
}

.btn-exito {
    background-color: #fff;
    border-radius: 100px;
    color: #000;
    padding: 3px 15px;
    font-size: 15px;
    margin-top: 100px;
    display: inline-block;
    max-width: 100px;
}

.btn-exito i {
    margin-left: 15px;
}

.exito-text::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.exito-text::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.9;
}

.text-caso1::before {
    content: "";
    background-image: url(../img/exito_text_1.gif);
}

.text-caso1::after {
    content: "";
    background-color: #006ab7;
}

.text-caso2::before {
    content: "";
    background-image: url(../img/exito_text_2.gif);
}

.text-caso2::after {
    content: "";
    background-color: #2bb7a8;
}

.caja-exito-img {
    width: 67%;
    position: relative;
    overflow: hidden;
}

.exito-img {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.img-caso1 {
    background-image: url(../img/exito_caso_1.webp);
}

.img-caso2 {
    background-image: url(../img/exito_caso_2.webp);
}

.caja-tendencias {
    background-color: #fbfbfb;
    padding: 70px 0;
}

.caja-tendencias .title-main {
    margin: 0;
    font-size: 40px;
    color: #2567ae;
    text-align: center;
}

.caja-tendencias p {
    margin: 0;
    font-size: 20px;
    color: #404040;
    text-align: center;
}

.card-tend {
    width: 600px;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    margin-top: 60px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 20px;
    position: relative;
}

.tend-img {
    width: 250px;
    height: 240px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    margin-left: -160px;
}

.card-tend img {
    height: 100%;
}

.tend-text {
    margin-left: 70px;
}

.tend-text .title-second {
    color: #2585ae;
    margin: 0;
}

.card-tend p {
    text-align: left;
    font-size: 14px;
}

.btn-tend {
    background-color: #22a1b8;
    padding: 10px 24px;
    margin-top: 50px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}

.btn-swivht-tend {
    position: absolute;
    right: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-size: 17px;
    color: #2567ae;
}

.btn-swivht-tend.second {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.medios {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    background-image: url(../img/medios.webp);
    background-size: cover 150%;
    background-position: center 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.medios-text {
    color: #fff;
    margin-left: 100px;
}

.medios-text .title-main {
    margin: 0;
    font-size: 40px;
}

.medios-text a {
    font-size: 32px;
    font-weight: lighter;
    text-decoration: underline;
}

.caja-alianzas {
    width: 100%;
    padding: 85px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #20869d;
}

.caja-alianzas .title-main {
    font-size: 40px;
    text-align: center;
    margin: 0;
}

.caja-alianzas p {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.logos-alianzas {
    width: 100%;
    max-width: 2000px;
    margin: auto;
    margin-top: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px;
}

.logos-alianzas img {
    height: 50px;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    filter: grayscale(50%) brightness(10);
}

.logos-alianzas img:hover {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    transform: scale(1.1);
}

.caja-certificaciones {
    width: 100%;
    padding: 85px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.caja-certificaciones .title-main {
    text-align: center;
    color: #2567ae;
    font-size: 40px;
    margin: 0;
}

.caja-certificaciones p {
    text-align: center;
    color: #0f1c37;
    font-size: 20px;
    margin: 0;
    margin-top: 17px;
}

.logos-certificaciones {
    width: 100%;
    max-width: 1450px;
    margin: auto;
    margin-top: 70px;
}

.logos-certificaciones img {
    float: left;
    padding-bottom: 20px;
    width: 220px;
}

.curso {
    width: 100%;
    height: 50vh;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(../img/curso.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.curso .title-main {
    text-align: center;
    color: #fff;
    text-decoration: underline;
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 30px;
}

.curso p {
    color: #fff;
    text-align: center;
    margin: 0;
    margin-top: 10px;
}

.caja-jefes {
    width: 100%;
    height: 600px;
    position: relative;
    display: inline-block;
    background-color: #ecfbff;
    background-color: transparent;
}

.caja-jefes::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(900%) brightness(1) opacity(0.1);
    filter: sepia(100%) hue-rotate(190deg) saturate(900%) brightness(1) opacity(0.1);
    background-image: url(../img/fondo_jefes.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.caja-jefes .title-main {
    text-align: center;
    font-size: 40px;
    color: #2567ae;
    margin: 0;
    margin-top: 65px;
}

.caja-jefes p {
    font-size: 20px;
    color: #404040;
    text-align: center;
    margin: 0;
    margin-top: 8px;
}

.jefes-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
    margin-top: -360px;
    position: relative;
    z-index: 1;
}

.card-jefe {
    width: 335px;
    height: 440px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px #00000014;
    box-shadow: 0 3px 6px #00000014;
}

.img-jefe {
    width: 100%;
    height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    background-color: #bcddff;
}

.img-jefe::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-filter: grayscale(100%) invert(0%) brightness(2) opacity(15%);
    filter: grayscale(100%) invert(0%) brightness(2) opacity(15%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lay .img-jefe::before {
    background-image: url(../img/fondo_jefe_2.gif);
}

.gera .img-jefe::before {
    background-image: url(../img/fondo_jefe_2.gif);
}

.img-jefe img {
    height: 280px;
    position: relative;
    z-index: 1;
}

.card-jefe:hover .img-jefe img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1.1) translateY(-3%);
    -ms-transform: scale(1.1) translateY(-3%);
    transform: scale(1.1) translateY(-3%);
}

.info-jefe {
    background-color: #2567ae;
    text-align: center;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-jefe .title-terd {
    color: #fff;
    font-size: 22px;
    margin: 0;
}

.info-jefe p {
    color: #fff;
    font-size: 15px;
    margin: 0;
    margin-top: 5px;
}

.redes-jefe a {
    margin: 0 8px;
}

.redes-jefe i {
    color: #fff;
    font-size: 23px;
    margin-top: 10px;
}

footer {
    width: 100%;
    background-color: #2567ae;
    color: #fff;
    font-size: 18px;
    margin-top: 80px;
    padding-bottom: 50px;
}

.footer-btn-top {
    font-size: 40px;
    text-align: right;
    padding: 15px 30px;
}

.caja-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-footer,
.menu-footer {
    width: 300px;
    margin: 0 70px;
}

.info-footer img {
    width: 70%;
    margin-left: 15%;
    -webkit-filter: grayscale(100%) invert(50%) brightness(2);
    filter: grayscale(100%) invert(50%) brightness(2);
}

.info-footer p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.info-footer p i {
    font-size: 20px;
}

.correo-footer {
    width: 100%;
}

footer form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

footer input {
    width: 100%;
    padding: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    font-size: 24px;
    color: #a5a5a5;
}

footer button {
    width: 180px;
    background-color: #e8e8e8;
    border: none;
    border-radius: 8px;
    font-size: 24px;
    color: #a5a5a5;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

footer button i {
    opacity: 0;
    color: #5b5b5b;
    font-size: 30px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer button.pre {
    color: rgba(0, 0, 0, 0);
}

footer button.pre i {
    opacity: 1;
}

footer button.post {
    background-color: #39d1c1;
    color: rgba(0, 0, 0, 0);
}

footer button.post i {
    opacity: 1;
    color: #0f1c37;
}

footer button.error {
    background-color: red;
}

.menu-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.last-footer {
    width: 95%;
    background-color: #3270b4;
    margin: auto;
    margin-top: 50px;
    padding: 25px 0;
    text-align: center;
}

.first-header nav {
    -webkit-animation: enter_left 2s;
    animation: enter_left 2s;
}

.fixed-header img {
    -webkit-animation: enter_left 1s;
    animation: enter_left 1s;
}

.fixed-header .nav-principal {
    -webkit-animation: enter_left 1.5s;
    animation: enter_left 1.5s;
}

.first-header .redes {
    -webkit-animation: enter_escala 2.5s;
    animation: enter_escala 2.5s;
}

.fixed-header .contact-header {
    -webkit-animation: enter_escala 2.5s;
    animation: enter_escala 2.5s;
}

@-webkit-keyframes enter_left {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px);
        transform: translate(-100px);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100px);
        transform: translate(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes enter_left {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px);
        transform: translate(-100px);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100px);
        transform: translate(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes enter_escala {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    85% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes enter_escala {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    85% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.title-fondo {
    width: 100%;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #00367d96;
}

.title-fondo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: 0 70px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
}

.title-fondo .title-main {
    margin: 0;
    color: #fff;
    font-size: 34px;
    -webkit-animation: enter_escala 1.5s;
    animation: enter_escala 1.5s;
}

.title-fondo p {
    margin: 0;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    -webkit-animation: enter_escala 2s;
    animation: enter_escala 2s;
    padding: 0 50px;
    text-align: center;
    max-width: 1050px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.caso-exito-complete {
    width: 100%;
    height: 340px;
    margin-top: 30px;
    color: #646464;
    font-size: 18px;
}

.caso-exito-complete .content-limit {
    max-width: 1350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.caso-exito-complete .caso-info {
    width: 100%;
    height: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caso-exito-complete .caso-info .title-second {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
    text-align: left;
    width: 410px;
}

.caso-exito-complete .caso-info p {
    margin: 0;
    margin-top: 6px;
    width: 410px;
}

.caso-exito-complete .caso-img {
    width: 700px;
    height: 360px;
    margin-top: -10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    border-left: 60px solid #2375a6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.servicios-body {
    background-color: #f5f5f5;
    color: #646464;
}

.servicios-body .caja-btn-group {
    width: 100%;
    margin-top: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px;
}

body.talento-body {
    background-color: #f5f5f5;
}

.talento-body .card .title-second {
    text-align: center;
    color: #2567ae;
    font-size: 24px;
    margin: 0;
}

.parrafo-suec {
    font-size: 16px;
    color: #646464;
    margin-top: 25px;
}

.parrafo-nedp {
    font-size: 14px;
    color: #2567ae;
    margin-top: 0;
}

.talento-body .content-limit {
    margin-top: 60px;
}

.talent-serv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.talent-serv img {
    width: 70px;
}

.talent-serv p {
    color: #2567ae;
    font-size: 16px;
}

.talento-servicios,
.talento-form {
    width: 45%;
}

.form-item {
    margin-top: 18px;
    width: 100%;
}

form .form-item:first-child {
    margin-top: 0;
}

form .caja-flex .form-item:first-child {
    margin-top: 18px;
}

.form-item label {
    width: 100%;
    color: #2567ae;
    font-size: 16px;
}

.form-item label sup {
    color: red;
}

.form-item input, .form-item select {
    width: 100%;
    background-color: transparent;
    border: solid 1px #c9c9c9;
    border-radius: 3px;
    font-size: 12px;
    color: #6d6d6d;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-item textarea {
    width: 100%;
    background-color: transparent;
    border: solid 1px #c9c9c9;
    border-radius: 3px;
    height: 120px;
    resize: none;
    font-size: 12px;
    color: #6d6d6d;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-item input:focus,
.form-item textarea:focus {
    border: 1px solid #006ab7;
    outline: none;
}

.form-item.input-radio label {
    width: unset;
}

.form-item.input-radio input {
    width: 20px !important;
    height: 20px;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}

.form-item.input-cv input {
    height: auto;
}

.form-item.input-acepto label {
    width: auto;
    color: #646464;
    font-size: 10px;
    text-decoration: underline;
}

.form-item.input-acepto input {
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}

.form-item button {
    width: 200px;
    height: 45px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    background-color: #2567ae;
    border-radius: 5px;
    position: relative;
}

.form-item button i {
    opacity: 0;
    color: #0f1c37;
    font-size: 30px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-item button.pre {
    background-color: #96b9db;
    color: rgba(0, 0, 0, 0);
}

.form-item button.pre i {
    opacity: 1;
}

.form-item button.post {
    background-color: #39d1c1;
    color: rgba(0, 0, 0, 0);
}

.form-item button.post i {
    opacity: 1;
    color: #0f1c37;
}

.form-item button.error {
    background-color: red;
}

.vacante {
    color: #585858;
    font-size: 16px;
    position: relative;
}

.vacante .title-five {
    margin: 0;
    font-size: 18px;
}

.vacante p {
    margin-top: 15px;
}

.caja-vacantes hr {
    margin: 25px 0;
}

body.terminos-body {
    background-color: #f5f5f5;
}

.terminos-body .title-second {
    text-align: center;
    color: #2567ae;
    font-size: 24px;
    margin: 0;
}

.terminos-body .card p {
    font-size: 16px;
    color: #646464;
    margin-top: 25px;
}

.terminos-body .content-limit {
    margin-top: 60px;
}

.terminos-body .content-limit .card {
    margin-top: 35px;
}

.terminos-body .card p a {
    color: #2567ae;
    text-decoration: underline;
}

.terminos-body .btn-regresar {
    font-size: 30px;
    color: #2567ae;
    cursor: pointer;
}

.soluciones-body {
    background-color: #f5f5f5;
}

.soluciones-body .title-fondo p {
    text-align: center;
}

.soluciones-body .content-limit {
    max-width: 1450px;
}

.solucion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    margin-top: 20px;
}

.solucion img {
    width: 500px;
}

.solucion p {
    margin: 0;
    color: #646464;
    font-size: 18px;
}

.cert-body {
    background: transparent -webkit-gradient(linear,
            left bottom,
            left top,
            from(#394d75),
            to(#000116)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(bottom, #394d75 0%, #000116 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(0deg, #394d75 0%, #000116 100%) 0% 0% no-repeat padding-box;
}

.blue-compu {
    width: 100%;
    padding: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2375a6;
    color: #fff;
}

.blue-compu p {
    margin: 0;
    text-align: center;
    font: 16px;
}

.cert-valor {
    min-height: 430px;
    width: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
}

.cert-icon,
.cert-text {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.cert-text p {
    max-width: 500px;
}

.cert-mision .cert-text {
    margin-left: -100%;
}

.cert-mision:hover .cert-text {
    margin-left: 0%;
}

.cert-vision:hover .cert-icon {
    margin-left: -100%;
}

.cert-valor::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../img/candados.webp);
    background-position: center;
    background-size: cover;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-filter: grayscale(0.6) opacity(0.5);
    filter: grayscale(0.6) opacity(0.5);
}

.cert-mision:hover::before {
    background-image: url(../img/cert_second_ms.webp);
    -webkit-filter: grayscale(0.6) opacity(0.2);
    filter: grayscale(0.6) opacity(0.2);
}

.cert-vision:hover::before {
    background-image: url(../img/cert_second_vs.webp);
    -webkit-filter: grayscale(0.6) opacity(0.2);
    filter: grayscale(0.6) opacity(0.2);
}

.cert-vision::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.cert-valor img {
    width: 240px;
}

.cert-valor .title-five {
    color: #fff;
    font-size: 28px;
    margin: 0;
}

.objetivos-cert {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background-color: #000116;
    margin: 0;
    color: #fff;
}

.activ-cert,
.herra-cert {
    width: 50%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #051825;
}

.activ-cert::after,
.herra-cert::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.5;
    background-position: center;
    background-size: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.activ-cert p,
.herra-cert p {
    color: #fff;
    font-size: 20px;
    padding: 0 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.activ-cert strong,
.herra-cert strong {
    font-size: 22px;
}

.activ-cert::after {
    background-image: url(../img/cert_impul.webp);
}

.herra-cert::after {
    background-image: url(../img/cert_obj_4.webp);
}

.activ-cert .second-p,
.herra-cert .second-p {
    display: none;
}

.activ-cert:hover .second-p,
.herra-cert:hover .second-p {
    display: block;
}

.activ-cert:hover .first-p,
.herra-cert:hover .first-p {
    display: none;
}

.activ-cert:hover::after {
    background-image: url(../img/cert_ob_3.webp);
}

.herra-cert:hover::after {
    background-image: url(../img/cert_obj_5.webp);
}

.servicio-img {
    width: 90%;
    max-width: 900px;
    margin: auto;
    display: block;
    margin-top: 80px;
}

.title-somm {
    text-align: center;
    color: #fff;
    margin-top: 100px;
}

.first-img {
    width: 170px;
    display: block;
    margin: auto;
    margin-top: 50px;
}

.parrafo-soes {
    color: #fff;
    margin-top: 40px;
}

.estandares-img {
    width: 100%;
    margin-top: 30px;
}

.btn-contact-cert {
    color: #1f3b65;
    width: 240px;
    height: 75px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 26px;
    margin: auto;
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.productos-body {
    background-color: #f5f5f5;
}

.productos-body .content-limit {
    max-width: 1450px;
}

.productos-body .blue-compu p {
    text-align: left;
    font-size: 16px;
}

.productos-body .blue-compu img {
    -webkit-filter: grayscale(100%) invert(50%) brightness(10);
    filter: grayscale(100%) invert(50%) brightness(10);
    margin-right: 50px;
}

.title-produ {
    text-align: center;
    margin: 0;
    color: #2567ae;
    margin: 100px 0;
    font-size: 32px;
}

.producto {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.info-product {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #646464;
}

.img-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img-product img {
    width: 280px;
}

.img-product hr {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    width: 1px;
    border-width: 0;
    background-color: #d0d0d0;
}

.info-product i {
    font-size: 35px;
    color: #7b7b7b;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    padding: 0 7px;
}

.info-izq {
    text-align: right;
}

.info-izq .caja-flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
}

.caja-icons-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.title-conoce-product{
    width: 100%;
    text-align: center;
    color: #2567AE;
    font-size: 30px;
    font-weight: bolder;
    margin-top: 150px;
}

.box-flex-conoce-product{
    width: 100%;
    display: flex;
    gap: 100px;
    justify-content: center;
    margin-top: 50px;
}

.box-flex-conoce-product img{
    height: 150px;
}

.box-escencial-servs{
    width: 100%;
    padding: 150px 0px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
    background-image: url('/img/escencial.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.box-escencial-servs::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #228e8b;
    z-index: 0;
    opacity: 0.7;
}
.box-escencial-servs *{
    position: relative;
    z-index: 1;
}
.box-escencial-servs.linke-box::before{
    background-color: #0f1c37;
}
.flex-newsLinke{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
}

.card-linked{
    padding: 25px;
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0px 3px 6px #00000029;
    box-sizing: border-box;
}

.btn-solicita-reunion{
    padding: 20px 40px;
    box-sizing: border-box;
    border-radius: 6px;
    background-color: #E35F10;
    color: #fff;
    font-weight: bolder;
    margin: auto;
}

.contacto-body {
    background-color: #f5f5f5;
}

.desplazador {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.desplazable {
    min-width: 100%;
}

.desplazable:first-child {
    margin-left: -100%;
}

.contacto-body .title-second {
    text-align: center;
    color: #2567ae;
    font-size: 24px;
    margin: 0;
}

.contacto-body footer .title-second{
    color: #fff;
    text-align: left;
}

.parrafo-psolinf {
    text-align: center;
    color: #444;
}

.contacto-body .title-five {
    color: #2567ae;
    font-size: 16px;
    text-align: center;
    margin: 0;
    margin-top: 40px;
}

.contact-item {
    width: 50%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2567ae;
    margin-top: 50px;
}

.contact-item .card {
    width: 90px;
    height: 90px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contact-item .card:hover {
    background-color: #2567ae;
}

.contact-item .card:hover i {
    color: #fff;
}

.contact-item .card i {
    font-size: 45px;
    color: #2567ae;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.desplazable form {
    max-width: 375px;
    margin: auto;
    margin-top: 40px;
}

.desplazable.btn-form {
    width: 150px;
    height: 45px;
    border: 1px solid #2567ae;
    background-color: #2567ae;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 18px;
    font-weight: lighter;
}

.form-item.caja-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.btn-form-second {
    width: 150px;
    height: 44px;
    border: 1px solid #2567ae;
    color: #2567ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    font-weight: lighter;
}

body.medios-body {
    background-color: #f5f5f5;
}

body.medios-body .content-limit {
    max-width: 1450px;
}

.medios-body .title-second:not(.tend-descr .title-second, footer .title-second) {
    color: #2567ae;
    text-align: center;
    margin: 45px 0;
}

.tend-descr {
    margin-right: 20px;
}

.caja-tend-img {
    width: 100%;
}

.tend-img-modal {
    width: 100%;
    border-radius: 4px;
    margin-top: 50px;
}

body.medios-body hr {
    border: none;
    border-top: 1px solid #d7d7d7;
}

.caja-carrusel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.carrusel-infinito {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    overflow: auto;
    padding: 10px 0;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}
.carrusel-infinito::-webkit-scrollbar{
    width: 0;
    height: 0;
}
.arrow-carrusel-izq,
.arrow-carrusel-der {
    width: 70px;
    height: 325px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.item-carrusel {
    min-width: 380px;
    width: 380px;
    height: 325px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    scroll-snap-align: start;
}

.item-carrusel iframe {
    width: 100%;
    height: 200px;
}

.info-carrusel {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.item-carrusel .title-six {
    margin: 0;
    font-size: 14px;
    color: #2567ae;
}

.item-carrusel .title-six small {
    margin-left: 10px;
    font-weight: lighter;
    font-size: 10px;
}

.item-carrusel p {
    color: #2b2b2b;
    font-size: 14px;
}

.noticias {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.caja-noticias-med {
    display: flex;
}

.noticias span {
    color: #0b96ef;
    text-decoration: underline;
    cursor: pointer;
}

.noticias span:hover {
    color: #0f1c37;
}

.noticia {
    width: 470px;
    height: auto;
    padding: 0;
    overflow: hidden;
    margin: 15px;
    margin-bottom: 30px;
}

.noticiaid {
    width: 800px;
    height: auto;
    padding: 0;
    overflow: hidden;
    margin: 15px;
    margin-bottom: 30px;
    float: left;
}

.noticiaid img {
    width: 100%;
}

.noticia img {
    width: 100%;
}

.info-noticia {
    padding: 17px;
}

.info-noticia .title-terd {
    font-size: 22px;
    color: #444;
    margin: 0;
}

.info-noticia p {
    font-size: 14px;
    color: #2b2b2b;
}

.column-posts {
    margin-left: 30px;
    min-width: 600px;
}

.column-posts .caja-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin: 30px 0;
}

.img-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 100px;
    -webkit-box-shadow: 0 3px 6px #00000014;
    box-shadow: 0 3px 6px #00000014;
    background-color: #000;
}

.img-posts img {
    position: relative;
    height: 100%;
}

.column-posts .title-for {
    font-size: 16px;
    color: #444;
    margin: 0;
}

.test-body {
    background-color: #fbfbfb;
}

.test-body .title-second {
    text-align: center;
    color: #2567ae;
    font-size: 24px;
    margin: 0;
}

.parrafo-psolinf {
    text-align: center;
    color: #444;
}

.test-body .title-five {
    color: #646464;
    font-size: 16px;
    text-align: center;
    margin: 0;
    margin-top: 40px;
}

.fomr-correo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0;
}

.fomr-correo label {
    color: #444;
    font-size: 16px;
}

.fomr-correo input {
    color: #c9c9c9;
    border: 1px #c9c9c9 solid;
    width: 260px;
    padding: 5px 3px;
    border-radius: 4px;
    margin-top: 3px;
}

.fomr-correo .btn-fomr {
    width: 270px;
    height: 45px;
    background-color: #0b96ef;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    margin-top: 20px;
}

.fomr-correo .btn-fomr-second {
    width: 270px;
    height: 45px;
    border: 1px solid #0b96ef;
    color: #0b96ef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    margin-top: 3px;
}

.serv-inter-body {
    background-color: #fff;
}

.serv-inter-body main {
    overflow: visible;
}

.serv-inter-body .title-fondo p {
    max-width: 1000px;
}

.serv-inter-body .content-limit {
    max-width: 1450px;
}

.title-first-serv  {
    color: #2567ae;
    font-size: 32px;
}

.caja-serv-inter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-serv-inter {
    min-width: 162px;
    margin-top: 111px;
}

.caja-menu-serv {
    position: sticky;
    top: 130px;
}

.menu-serv-inter .title-terd {
    color: #2567ae;
    font-size: 22px;
    margin: 0;
}

.menu-serv-inter ul {
    padding: 0;
    list-style: none;
    margin: 0;
    margin-top: 50px;
}

.menu-serv-inter li a.active {
    color: #2567ae;
    border-bottom: 1px solid #2567ae;
}

.menu-serv-inter li {
    margin-top: 20px;
    font-size: 16px;
    color: #646464;
}

.main-serv-inter {
    margin-left: 100px;
    font-size: 18px;
    color: #646464;
}

.main-serv-inter p,
.main-serv-inter ul,
.main-serv-inter img .main-serv-inter .title-main {
    margin-top: 40px;
}

.flex-serv{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-top: 40px;
}

.flex-p-icon{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 45px;
    gap: 20px;
}
.flex-p-icon img{
    width: 40px;
}
.flex-p-icon p{
    width: 100%;
    margin: 0px;
}

.box-serv-monitor{
    position: relative;
    margin-top: 50px !important;
    overflow: hidden;
    border-radius: 25px;
    background-color: #0039b0;
}

.box-serv-monitor .img-fondo-pc{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.5;
}

.box-serv-monitor .icon{
    filter: grayscale(100%) brightness(100);
}

.serv-monitor-info{
    width: 100%;
    padding: 60px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.serv-monitor-info li{
    margin-top: 40px;
}

.ingresa-admin {
    width: 450px;
    margin: auto;
    margin-top: 100px;
}

.ingresa-admin .form-item button {
    width: 100%;
}

body.admin-medios {
    color: #444;
    background-color: #f5f5f5;
}

.noti-admin {
    width: 100%;
}

.noti-admin img {
    width: 30%;
    border-radius: 6px;
}

.caja-noticias-admin hr {
    margin: 30px 0;
    opacity: 0.2;
}

.caja-noticias-admin .title-for button {
    font-size: 20px;
    color: #d64e4e;
    margin-left: 20px;
}

.admin-tendencias {
    background-color: #f5f5f5;
}

#form-nueva-tendencia .caja-flex {
    gap: 25px;
}

#form-nueva-tendencia .caja-flex .form-item {
    width: 100%;
}

.btn-new-tendencia {
    width: 200px;
    height: 45px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    background-color: #2567ae;
    border-radius: 5px;
    position: relative;
}

.ck.ck-editor__main>.ck.ck-content {
    min-height: 300px !important;
    max-height: 300px !important;
    overflow: auto;
}

.noti-admin {
    width: 100%;
}

.noti-admin img {
    width: 30%;
    border-radius: 6px;
}

.caja-tendencias-admin hr {
    margin: 30px 0;
    opacity: 0.2;
}

.caja-tendencias-admin .title-for button {
    font-size: 20px;
    color: #d64e4e;
    margin-left: 20px;
}

.ck-content-pr {
    max-height: 450px;
    overflow: auto;
}

/* animaciones ------- */
.animandose, .animandose *{
    transition: 0.5s;
}

.caja-btn-servicios.no-visible button {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(1.1) translate(-100%, -100%);
    -ms-transform: scale(1.1) translate(-100%, -100%);
    transform: scale(1.1) translate(-100%, -100%);
}

.caja-btn-servicios button:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.caja-btn-servicios button:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.caja-btn-servicios button:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.caja-btn-servicios button:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.no-visible .caja-servicios-text .title-main {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(1.1) translate(-50%);
    -ms-transform: scale(1.1) translate(-50%);
    transform: scale(1.1) translate(-50%);
}
.caja-servicios-text .title-main, .caja-servicios-text p{
    transition: 0.5s;
}
.no-visible .caja-servicios-text p {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(1.1) translate(-50%);
    -ms-transform: scale(1.1) translate(-50%);
    transform: scale(1.1) translate(-50%);
}

.caja-servicios-text p {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.nivel-seguridad.no-visible img {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.nivel-seguridad.no-visible .title-main,
.nivel-seguridad.no-visible p {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(-10%);
    -ms-transform: translate(-10%);
    transform: translate(-10%);
}

.nivel-seguridad.no-visible button {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.nivel-seguridad .title-main {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.nivel-seguridad .ns-p-1 {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.nivel-seguridad .ns-p-2 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.nivel-seguridad button {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.ciber-ind.no-visible a {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(1.1) translate(-100%, -100%);
    -ms-transform: scale(1.1) translate(-100%, -100%);
    transform: scale(1.1) translate(-100%, -100%);
}

.ciber-ind.no-visible .title-main,
.ciber-ind.no-visible p {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(10%);
    -ms-transform: translate(10%);
    transform: translate(10%);
}

.ciber-ind a:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.ciber-ind a:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.ciber-ind a:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.ciber-ind a:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.ciber-ind a:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.ciber-ind a:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.ciber-ind .caja-industria .title-main {
    transition: 0.5s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.ciber-ind .caja-industria p {
    transition: 0.5s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.logos-alianzas.no-visible img {

    opacity: 0;
    transform: scale(0.8);
}

.logos-alianzas img {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.logos-alianzas img:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.logos-alianzas img:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.logos-alianzas img:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.logos-alianzas img:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.logos-alianzas img:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.logos-alianzas img:nth-child(6) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.logos-alianzas img:nth-child(7) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.logos-alianzas img:nth-child(8) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.logos-alianzas img:nth-child(9) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.logos-alianzas img:nth-child(10) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.logos-alianzas img:nth-child(11) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.logos-alianzas img:nth-child(12) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.logos-alianzas img:nth-child(13) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.logos-alianzas img:nth-child(14) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.logos-alianzas img:nth-child(15) {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.logos-alianzas img:nth-child(16) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.logos-alianzas img:nth-child(17) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.logos-alianzas img:nth-child(18) {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.logos-alianzas img:nth-child(19) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.logos-alianzas img:nth-child(20) {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.logos-alianzas img:nth-child(21) {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.logos-alianzas img:nth-child(22) {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.logos-alianzas img:nth-child(23) {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

.logos-alianzas img:nth-child(24) {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

.logos-alianzas img:nth-child(25) {
    -webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

.logos-alianzas img:nth-child(26) {
    -webkit-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
    transition-delay: 2.7s;
}

.logos-alianzas img:nth-child(27) {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

.logos-alianzas img:nth-child(28) {
    -webkit-transition-delay: 2.9s;
    -o-transition-delay: 2.9s;
    transition-delay: 2.9s;
}

.logos-alianzas img:nth-child(29) {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}

.logos-alianzas img:nth-child(30) {
    -webkit-transition-delay: 3.2s;
    -o-transition-delay: 3.2s;
    transition-delay: 3.2s;
}

.logos-alianzas img:nth-child(31) {
    -webkit-transition-delay: 3.3s;
    -o-transition-delay: 3.3s;
    transition-delay: 3.3s;
}

.logos-alianzas img:nth-child(32) {
    -webkit-transition-delay: 3.1s;
    -o-transition-delay: 3.1s;
    transition-delay: 3.1s;
}

.logos-alianzas img:nth-child(33) {
    -webkit-transition-delay: 3.5s;
    -o-transition-delay: 3.5s;
    transition-delay: 3.5s;
}

.logos-alianzas img:nth-child(34) {
    -webkit-transition-delay: 3.6s;
    -o-transition-delay: 3.6s;
    transition-delay: 3.6s;
}

.logos-alianzas img:nth-child(35) {
    -webkit-transition-delay: 3.4s;
    -o-transition-delay: 3.4s;
    transition-delay: 3.4s;
}

.logos-certificaciones.no-visible img {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    transform: scale(0.8) ;
}

.logos-certificaciones img{
    transition: 0.5s;
}

.logos-certificaciones img:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.logos-certificaciones img:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.logos-certificaciones img:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.logos-certificaciones img:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.logos-certificaciones img:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.logos-certificaciones img:nth-child(6) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.logos-certificaciones img:nth-child(7) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.logos-certificaciones img:nth-child(8) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.logos-certificaciones img:nth-child(9) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.logos-certificaciones img:nth-child(10) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.logos-certificaciones img:nth-child(11) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.logos-certificaciones img:nth-child(12) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.logos-certificaciones img:nth-child(13) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.logos-certificaciones img:nth-child(14) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.logos-certificaciones img:nth-child(15) {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.logos-certificaciones img:nth-child(16) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.logos-certificaciones img:nth-child(17) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.logos-certificaciones img:nth-child(18) {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.logos-certificaciones img:nth-child(19) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.logos-certificaciones img:nth-child(20) {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.logos-certificaciones img:nth-child(21) {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.logos-certificaciones img:nth-child(22) {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.logos-certificaciones img:nth-child(23) {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

.curso.no-visible .title-main,
.curso.no-visible p {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.curso .title-main,
.curso p{
    transition: 0.5s;
}
.curso p {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.jefes-cards.no-visible .card-jefe {
    -webkit-box-shadow: 0 3px 6px #0000;
    box-shadow: 0 3px 6px #0000;
}

.jefes-cards *{
    transition: 0.5s;
}

.jefes-cards.no-visible img {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}

.jefes-cards.no-visible .img-jefe {
    background-color: rgba(0, 0, 0, 0);
}

.jefes-cards.no-visible .img-jefe::before {
    opacity: 0;
}

.jefes-cards .card-jefe.gera img {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.jefes-cards .card-jefe.lay .img-jefe {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.jefes-cards .card-jefe.lay .img-jefe::before {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
}

.jefes-cards .card-jefe.gera .img-jefe {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.jefes-cards .card-jefe.gera .img-jefe::before {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
    -webkit-transition: 5s;
    -o-transition: 5s;
    transition: 5s;
}

.jefes-cards .card-jefe {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.caso-exito-complete.no-visible .caso-img,
.caso-exito-complete.no-visible .caso-info {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(-10%);
    -ms-transform: translate(-10%);
    transform: translate(-10%);
}

.caso-exito-complete .caso-info {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.noticias.no-visible .noticia {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}

.noticias.no-visible .caja-flex {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}

.producto.no-visible .img-product img {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.producto.no-visible .info-izq {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(-20%);
    -ms-transform: translate(-20%);
    transform: translate(-20%);
}

.producto.no-visible .info-der {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(20%);
    -ms-transform: translate(20%);
    transform: translate(20%);
}

.info-izq,
.info-der {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.servicio-img.no-visible {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.first-img.no-visible {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.parrafo-soes.no-visible {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: translate(-20%);
    -ms-transform: translate(-20%);
    transform: translate(-20%);
}

.estandares-img.no-visible {
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

*:hover{
    transition-delay: 0s !important;
}
/* fin animaciones --------------- */

.solo-mobile {
    display: none;
}

#btn-menu-header {
    display: none;
}

@media (max-width: 1800px) {
    .title-fondo::before {
        background-position: center 70px;
        background-size: unset;
    }
}

@media (max-width: 1500px) {
    .caja-video-fondo {
        height: auto;
    }
}

@media (max-width: 1220px) {
    .first-header nav a {
        margin-right: 30px;
    }
}

@media (max-width: 1020px) {
    .solo-mobile {
        display: block;
    }

    .caja-flex.solo-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mobile-none {
        display: none !important;
    }

    body {
        font-size: 12px;
    }

    main {
        margin-top: 70px;
    }

    header {
        position: fixed;
        top: 0;
        overflow: hidden;
    }

    .fixed-header {
        -webkit-box-shadow: 0 3px 6px #00000029;
        box-shadow: 0 3px 6px #00000029;
        position: relative;
        z-index: 3;
    }

    .icon-menu {
        cursor: pointer;
        font-size: 30px !important;
    }

    #btn-menu-header {
        display: unset;
    }

    .menu-mobile {
        width: 100%;
        height: calc(100vh - 75px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        z-index: 2;
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .menu-blanck {
        background-color: #f4f4f4;
        min-width: 170px;
    }

    .menu-blue {
        background-color: #2375a6;
        color: #fff;
    }

    .menu-blue nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu-blue a {
        width: 100%;
        padding: 17px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu-blue nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu-blue a {
        width: 100%;
        padding: 17px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu-blue .redes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        font-size: 20px;
    }

    .menu-blanck nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu-blanck a {
        width: 100%;
        padding: 17px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #2375a6;
    }

    .btn-contact.solo-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .caja-servicios-inicio {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .caja-btn-servicios {
        width: 100%;
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

    .caja-servicios-text {
        width: 100%;
        padding: 0 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .caja-valores .title-main {
        font-size: 25px;
    }

    .caja-valores .title-for {
        font-size: 15px;
    }

    .serv-inter-body .flex-serv > img{
        display: none;
    }

    .ciber-ind .content-limit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .caja-btn-group {
        width: 100%;
        text-align: left;
        gap: 20px;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .caja-industria {
        width: 100%;
        text-align: left;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .caja-exito-text {
        width: 45%;
    }

    .caja-exito-img {
        width: 55%;
    }

    .btn-casos-up,
    .btn-casos-down {
        left: 45%;
    }

    .caja-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .correo-footer {
        padding: 0 70px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info-footer,
    .menu-footer {
        width: 100%;
        margin: 0;
        padding: 0 70px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .redes-icons {
        width: 70%;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .servicios-body .caja-btn-group {
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .caja-btn-group button,
    .caja-btn-group a {
        margin-left: 0;
        margin-bottom: 0;
    }

    .servicios-body p.text-prin-serv {
        padding: 0 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .solucion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 100px;
    }

    .box-solucion-niveles{
        grid-template-columns: 1fr;
        width: 100%;
    }

    .content-microsite .box-solucion-niveles img{
        width: 100%;
    }

    .info-solucion-nivel{
        width: 100%;
        box-sizing: border-box;
    }

    .serv-inter-body .btns-pestañas-servicios{
        display: block;
    }

    .serv-inter-body .btns-pestañas-servicios button{
        margin-bottom: 5px;
        border: none;
        border-radius: 0px;
        width: 100%;
    }

    .solucion p {
        padding: 0 50px;
    }

    .caso-exito-complete {
        height: auto;
    }

    .caso-exito-complete .content-limit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .noticias {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .column-noticias {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .info-footer img {
        margin-left: 0;
        width: 50%;
    }

    .redes {
        margin-top: calc(100vh - 450px);
    }

    .parrafo-soes {
        padding: 0 10px;
    }
}

.solo-mobile-mini {
    display: none;
}

@media (max-width: 750px) {
    .solo-mobile-mini {
        display: block;
    }

    .mobile-none-mini {
        display: none !important;
    }

    .fixed-header {
        padding: 0 10px;
    }

    .menu-blanck {
        min-width: 100px;
    }

    .title-servicios {
        font-size: 30px;
        margin-top: 0;
    }

    .nuestros-servicios {
        padding: 50px 0;
    }

    .caja-btn-group button,
    .caja-btn-group a {
        width: 130px;
        height: 140px;
    }

    .mision-text,
    .vision-text {
        padding: 0 10px;
    }

    .caja-valores .title-main {
        font-size: 20px;
    }

    .caja-industria .title-main {
        font-size: 30px;
        margin-top: 0;
    }

    .ciber-ind {
        padding: 70px 0;
    }

    .ciber-ind .caja-btn-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
    }

    .casos-exito {
        position: relative;
    }

    .caja-exito-text,
    .caja-exito-img {
        min-width: 100%;
        position: relative;
    }

    .caja-exito-img {
        margin-left: -100%;
        z-index: -3;
    }

    .exito-text::before {
        display: none;
    }

    .exito-text::after {
        opacity: 0.7;
    }

    .btn-casos-up,
    .btn-casos-down {
        top: 45px;
        right: 0;
        left: unset !important;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .btn-casos-up {
        right: 38px;
    }

    .exito-text .title-main {
        font-size: 30px;
    }

    .exito-text .title-terd {
        font-size: 25px;
    }

    .card-tend {
        max-width: 85%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tend-img {
        width: 200px;
        height: 200px;
        margin-left: -100px;
    }

    .tend-text {
        padding-right: 10px;
    }

    .tend-text .title-second {
        margin-top: 30px;
    }

    .btn-swivht-tend {
        top: 100px;
    }

    .medios-text {
        margin-left: 10px;
    }

    .medios-text a {
        font-size: 25px;
    }

    .caja-alianzas {
        padding: 30px 10px;
    }

    .caja-alianzas .title-main {
        font-size: 30px;
    }

    .caja-alianzas p {
        font-size: 14px;
        margin-top: 30px;
    }

    .logos-alianzas img {
        width: 150px;
    }

    .logos-certificaciones {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .caja-certificaciones .title-main {
        font-size: 30px;
    }

    .caja-certificaciones p {
        font-size: 15px;
    }

    .logos-certificaciones {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .curso .title-main {
        font-size: 30px;
    }

    .curso p {
        font-size: 15px;
    }

    .jefes-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-btn-top {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info-footer,
    .correo-footer,
    .menu-footer {
        margin: 0;
        padding: 0 10px;
    }

    .info-footer img {
        width: 50%;
        margin-left: 0;
    }

    footer form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    footer input {
        width: 100%;
        height: 15px;
        font-size: 15px;
    }

    footer button {
        height: 50px;
        font-size: 15px;
    }

    .title-fondo .title-main {
        text-align: center;
        font-size: 30px;
    }

    .title-fondo p {
        text-align: center;
        margin-top: 20px;
        font-size: 15px;
    }

    .caja-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .producto {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: visible;
    }

    .img-product {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .info-product {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .img-product {
        margin-top: 5 0;
    }

    .br-space {
        display: none;
    }

    .solucion img {
        width: 100%;
    }

    .contacto-body * {
        -webkit-transition: 0.08s;
        -o-transition: 0.08s;
        transition: 0.08s;
    }

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

    .form-item.caja-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .caso-exito-complete {
        width: 100%;
    }

    .caso-exito-complete .caso-img {
        width: 100%;
        height: 270px;
        border: none !important;
        border-radius: 4px !important;
        margin-top: 0;
    }

    .caso-exito-complete .caso-info {
        height: auto;
        padding: 30px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .caso-exito-complete .caso-info .title-second,
    .caso-exito-complete .caso-info p {
        width: 100%;
    }

    #cero-extraccion .content-limit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .talento-body .content-limit {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .talento-body .card {
        padding: 20px;
    }

    .talento-servicios,
    .talento-form {
        width: 100%;
    }

    .talento-servicios .caja-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .talent-serv p {
        text-align: center;
    }

    .talento-form {
        margin-top: 60px;
    }

    .caja-flex.form-item.input-radio {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .form-item.input-radio .caja-flex {
        gap: 10px !important;
    }

    .item-carrusel {
        width: 100%;
        min-width: 100%;
    }

    .item-carrusel iframe {
        height: 150px;
    }

    .noticia {
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }

    .column-posts {
        margin-top: 30px;
    }

    .caja-flex.mision-vision-cert {
        padding: 0 10px;
    }

    .cert-valor {
        width: 100%;
    }

    .obetivos-cert {
        padding: 0 10px;
    }

    .herra-cert,
    .activ-cert {
        width: 100%;
    }

    hr {
        width: 90% !important;
    }

    .parrafo-soes {
        padding: 0 10px;
    }

    .serv-inter-body .title-fondo {
        height: 340px;
    }

    .menu-serv-inter {
        display: none;
    }

    .caja-serv-inter {
        padding: 0 10px;
    }

    .main-serv-inter {
        margin-left: 0;
    }

    .title-first-serv ,
    .title-first-serv  {
        font-size: 20px;
    }

    .main-serv-inter {
        font-size: 14px;
    }

    .img-serv-inter img {
        width: 100%;
        margin: 30px 0px !important;
    }

    .box-servs-ciber-rep, .box-ciber-defens{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .btns-pestañas-servicios{
        display: block;
    }

    .btns-pestañas-servicios button{
        margin-bottom: 5px;
        border: none;
        border-radius: 0px;
        width: 100%;
    }

    .serv-monitor-info{
        font-size: 12px ;
        padding: 30px 10px;
    }
    .serv-monitor-info > span{
        font-size: 16px !important;
        font-weight: bolder;
    }

    .serv-monitor-info ul{
        padding: 20px;
    }

    .box-flex-conoce-product{
        gap: 30px;
    }
}

@media (max-width: 350px) {
    body {
        zoom: 85%;
    }
}