/* define Solvo color palette */
:root {
	--orange_light: #FF7F39;
	--orange_mid: #E3530F;
	--orange_dark: #d15e14;
	--blue_light: #F5F7FC;
	--blue_mid: #B3C4CB;
	--blue_dark: #350078;
	--grey_light: #D1D1D1;
	--grey_mid: #6C6F70;
	--grey_dark: #555960;
	--white: #ffffff;
	--black: #000000;
}

/* apply specific styles */
svg.shape__contact-bpo path {
	fill:var(--orange_mid) !important;
}

svg.shape__portal path,
svg.shape__with-us path,
svg.left-box path,
svg.shape__promise path,
svg.shape__trayectory path,
svg.shape__industrys-carousel path {
	fill:var(--grey_light) !important;
}

svg.box-rounded path,
svg.shape__we-finding path,
svg.shape__benefits path {
	fill:var(--blue_dark) !important;
}

h2.titulo-seccion p {
	color: var(--orange_mid) !important;
}
h5.post-titulo.celeste {
	color: var(--orange_mid) !important;
}

section.fondo__blue h2 p,
section.fondo__orange h2 p,
section.fondo__blue-light h2 p {
	color: var(--white) !important;
}

section.promise__container h2 p,
section.trayectory__container h2 p {
	color: var(--orange_mid) !important;
}

a.boton-naranja {
	background-color:var(--orange_mid) !important;
	color:var(--white) !important;
	text-transform: uppercase !important;
}

a.boton-naranja:hover {
	background-color:var(--orange_light) !important;
	color:var(--white) !important;	
}

a.boton-negro,
a.boton-azul-oscuro {
	background-color:var(--blue_dark) !important;
	color:var(--white) !important;
	text-transform: uppercase !important;
}

a.boton-negro:hover,
a.boton-azul-oscuro:hover {
	background-color:var(--white) !important;
	color:var(--blue_dark) !important;
}

a.boton-blanco {
	background-color:var(--white) !important;
	color:var(--orange_mid) !important;
	text-transform: uppercase !important;
}

a.boton-blanco:hover {
	background-color:var(--orange_mid) !important;
	color:var(--white) !important;
	text-decoration: none !important;
}

div.subrayado-celeste,
div.subrayado-naranja {
	background-color:var(--blue_dark) !important;
}

nav ul li.menu-item {
	background-color:var(--orange_mid) !important;
}

nav ul li.menu-item:hover {
	background-color:var(--blue_dark) !important;
}

nav ul li.current-menu-item {
	background-color:var(--blue_dark) !important;
}

footer {
	background-color:var(--orange_mid) !important;
}

@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;
0,300;
0,400;
0,500;
0,600;
0,700;
0,800;
0,900;
0,1000;
1,200;
1,300;
1,400;
1,500;
1,600;
1,700;
1,800;
1,900;
1,1000&display=swap);
 [sidebarjs-backdrop],[sidebarjs]{
    height:100%;
    left:0;
    top:0;
    width:100%
}
[sidebarjs].sidebarjs--left,[sidebarjs].sidebarjs--left [sidebarjs-container]{
    -webkit-transform:translate(-100%);
    transform:translate(-100%)
}
[sidebarjs].sidebarjs--right,[sidebarjs].sidebarjs--right [sidebarjs-container]{
    -webkit-transform:translate(100%);
    transform:translate(100%)
}
[sidebarjs].sidebarjs--left [sidebarjs-container]{
    -webkit-box-shadow:2px 0 4px rgba(0,0,0,.2);
    box-shadow:2px 0 4px rgba(0,0,0,.2)
}
[sidebarjs].sidebarjs--right [sidebarjs-container]{
    -webkit-box-shadow:-2px 0 4px rgba(0,0,0,.2);
    box-shadow:-2px 0 4px rgba(0,0,0,.2);
    margin-left:auto
}
[sidebarjs-backdrop]{
    background:var(--black);
    opacity:0;
    position:absolute;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    will-change:opacity
}
[sidebarjs-container]{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--white);
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    max-width:300px;
    position:relative;
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    width:90%;
    will-change:transform;
    z-index:1
}
[sidebarjs]{
    position:fixed;
    -webkit-transition:-webkit-transform 0s ease .3s;
    transition:-webkit-transform 0s ease .3s;
    transition:transform 0s ease .3s;
    transition:transform 0s ease .3s,-webkit-transform 0s ease .3s;
    z-index:9999
}
[sidebarjs].sidebarjs--is-visible{
    -webkit-transition:-webkit-transform 0s ease 0s;
    transition:-webkit-transform 0s ease 0s;
    transition:transform 0s ease 0s;
    transition:transform 0s ease 0s,-webkit-transform 0s ease 0s
}
[sidebarjs].sidebarjs--is-moving,[sidebarjs].sidebarjs--is-visible,[sidebarjs].sidebarjs--is-visible [sidebarjs-container]{
    -webkit-transform:translate(0);
    transform:translate(0)
}
[sidebarjs].sidebarjs--is-moving,[sidebarjs].sidebarjs--is-moving [sidebarjs-backdrop],[sidebarjs].sidebarjs--is-moving [sidebarjs-container]{
    -webkit-transition:none;
    transition:none
}
[sidebarjs-content]{
    min-height:100%;
    position:relative;
    -webkit-transition:width .3s ease;
    transition:width .3s ease;
    width:100%
}
[sidebarjs-content].sidebarjs-content--left{
    margin-left:auto;
    margin-right:0
}
[sidebarjs-content].sidebarjs-content--right{
    margin-left:0;
    margin-right:auto
}
@media (min-width:1025px){
    [sidebarjs].sidebarjs--responsive{
        -webkit-transition:-webkit-transform 0s ease 0s;
        transition:-webkit-transform 0s ease 0s;
        transition:transform 0s ease 0s;
        transition:transform 0s ease 0s,-webkit-transform 0s ease 0s;
        width:300px
    }
    [sidebarjs].sidebarjs--responsive,[sidebarjs].sidebarjs--responsive [sidebarjs-container]{
        -webkit-transform:translate(0)!important;
        transform:translate(0)!important
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--left{
        left:0;
        right:auto
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--left [sidebarjs-container]{
        -webkit-box-shadow:1px 0 0 rgba(0,0,0,.1);
        box-shadow:1px 0 0 rgba(0,0,0,.1)
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--right{
        left:auto;
        right:0
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--right [sidebarjs-container]{
        -webkit-box-shadow:-1px 0 0 rgba(0,0,0,.1);
        box-shadow:-1px 0 0 rgba(0,0,0,.1)
    }
    [sidebarjs].sidebarjs--responsive [sidebarjs-container]{
        -webkit-box-shadow:none;
        box-shadow:none;
        max-width:none;
        width:100%
    }
    [sidebarjs-content]{
        width:-webkit-calc(100% - 300px);
        width:calc(100% - 300px)
    }
    [sidebarjs-content].sidebarjs-content--left.sidebarjs-content--right{
        margin:0 auto;
        width:-webkit-calc(100% - 600px);
        width:calc(100% - 600px)
    }
}
 @charset "UTF-8";
*{
    margin:0;
    padding:0
}
body{
    font-family:Poppins,sans-serif
}
.main-front,.main-notes,body{
    overflow-x:hidden
}
.max-width{
    box-sizing:border-box;
    margin:0 auto;
    max-width:2000px
}
@media (max-width:2300px){
    .max-width{
        max-width:1500px
    }
}
@media (max-width:1800px){
    .max-width{
        max-width:-webkit-calc(100vw - 240px);
        max-width:calc(100vw - 240px)
    }
}
@media (max-width:1440px){
    .max-width{
        max-width:-webkit-calc(100vw - 190px);
        max-width:calc(100vw - 190px)
    }
}
@media (max-width:992px){
    .max-width{
        max-width:-webkit-calc(100vw - 80px);
        max-width:calc(100vw - 80px)
    }
}
@media (max-width:480px){
    .max-width{
        max-width:100vw;
        padding:0
    }
}
@media (min-width:320px) and (max-width:480px){
    .max-width{
        max-width:100vw;
        padding:0 20px
    }
}
.p{
    color:var(--black);
    font-size:14px;
    line-height:18px
}
.p b{
    font-weight:700
}
h1{
    font-size:38px;
    line-height:48px
}
h2{
    font-size:32px
}
h3{
    font-size:24px
}
h4{
    font-size:17px
}
h5{
    font-size:14px
}
.descripciones{
    font-size:15px;
    line-height:20px
}
p{
    font-family:Poppins,sans-serif;
    font-size:15px;
    line-height:26px
}
@media screen and (min-width:1800px){
    p{
        font-size:18px
    }
}
.li-especial ul{
    list-style-type:none
}
.li-especial li:before{
    color:var(--blue_mid);
    content:"◆"!important;
    font-size:14px;
    margin-right:15px
}
ul{
    padding-left:0
}
li{
    list-style-type:inherit
}
.r-esc{
    display:none
}
@media screen and (min-width:1024px){
    .r-esc{
        display:block
    }
}
.r-mov{
    display:block
}
@media screen and (min-width:1024px){
    .r-mov{
        display:none
    }
}
.contenedor{
    margin-bottom:60px;
    margin-top:100px;
    padding-left:15px;
    padding-right:15px;
    width:100%
}
@media screen and (min-width:1024px){
    .contenedor{
        padding-left:100px;
        padding-right:100px;
        width:100%
    }
}
.margin-amplio{
    margin-bottom:60px;
    margin-top:100px
}
.boton-desactivado{
    background-color:var(--grey_light)
}
.boton-azul-oscuro{
    background-color:var(--blue_dark)
}
.boton-azul-oscuro:visited{
    color:var(--white)
}
.boton-azul-medio,.boton-azul-oscuro:hover{
    background-color:var(--blue_mid)
}
.boton-azul-medio:hover{
    background-color:var(--blue_light)
}
.boton-blanco{
    background-color:var(--white);
    color:var(--blue_dark)
}
.boton-blanco:visited{
    color:var(--blue_dark)
}
.boton-blanco:hover{
    color:var(--blue_light);
    text-decoration:underline
}
.boton-naranja{
    background-color:var(--orange_mid);
    color:var(--white)
}
.boton-naranja:visited{
    color:var(--white)
}
.boton-negro{
    background-color:var(--black);
    color:var(--white)
}
.boton-negro:hover{
    background-color:var(--white);
    color:var(--black)
}
.boton-negro:visited{
    color:var(--white)
}
.boton-principal{
    align-items:center;
    border-radius:50;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:15px;
    font-weight:700;
    padding:14px 4px;
    text-decoration:none;
    width:auto
}
@media screen and (min-width:1800px){
    .boton-principal{
        padding:22px 60px
    }
}
.boton-secundario{
    border:none;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    padding:14px 60px;
    text-align:center;
    text-decoration:none;
    width:auto
}
@media screen and (min-width:1800px){
    .boton-secundario{
        padding:22px 60px
    }
}
.label{
    color:var(--grey_mid);
    font-family:Roboto;
    font-size:16px;
    font-weight:700
}
@media screen and (min-width:1800px){
    .label{
        font-size:18px
    }
}
.c-azul-oscuro{
    color:var(--blue_dark)
}
.input-normal{
    border:1px solid var(--grey_mid);
    border-radius:5px;
    color:var(--grey_mid);
    margin-bottom:10px;
    padding:15px;
    text-align:left;
    width:100%
}
.input-normal:focus{
    border-color:var(--blue_mid);
    color:var(--blue_mid)
}
@media screen and (min-width:1024px){
    .input-normal{
        margin-bottom:25px
    }
}
.input-error{
    border:1px solid var(--orange_dark);
    border-radius:5px;
    color:var(--orange_dark);
    margin-bottom:10px;
    padding:15px;
    text-align:left;
    width:100%
}
@media screen and (min-width:1024px){
    .input-error{
        margin-bottom:25px
    }
}
.content{
    display:grid;
    gap:40px;
    grid-template-columns:1fr;
    position:relative
}
@media screen and (min-width:1024px){
    .content{
        grid-template-columns:1fr 1fr
    }
}
.content__impar1{
    display:grid;
    gap:20px;
    grid-template-columns:1fr;
    position:relative
}
@media screen and (min-width:1024px){
    .content__impar1{
        grid-template-columns:35% 65%
    }
}
.content__impar2{
    display:grid;
    gap:20px;
    grid-template-columns:1fr;
    position:relative
}
@media screen and (min-width:1024px){
    .content__impar2{
        grid-template-columns:55% 45%
    }
}
.content-caja{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.content-caja__padding{
    line-height:1.8rem;
    padding-left:0;
    padding-right:0
}
@media screen and (min-width:1024px){
    .content-caja__padding{
        padding-left:40px;
        padding-right:40px
    }
}
.content-caja__padding strong{
    color:var(--blue_dark)
}
.content-caja__tight{
    margin-left:0;
    margin-right:0;
    width:100%
}
@media screen and (min-width:1024px){
    .content-caja__tight{
        margin-left:20%;
        margin-right:20%;
        width:60%
    }
}
.content-caja div ul{
    margin-left:30px
}
.content-caja .boton-secundario{
    margin-top:20px
}
.texto__p{
    font-size:16px
}
.texto__centrado{
    text-align:center
}
.texto__left{
    text-align:left
}
.titulo-seccion{
    color:var(--blue_dark);
    font-family:Nunito,sans-serif;
    font-size:28px;
    font-weight:400;
    line-height:normal;
    margin-bottom:2px;
    margin-top:5px;
    padding:0;
    text-align:center
}
@media screen and (min-width:1024px){
    .titulo-seccion{
        font-size:30px
    }
}
@media screen and (min-width:1800px){
    .titulo-seccion{
        font-size:42px
    }
}
.titulo-seccion p{
    color:var(--blue_dark);
    font-family:Nunito,sans-serif;
    font-size:28px;
    font-weight:400;
    line-height:normal;
    padding:0;
    text-align:center
}
@media screen and (min-width:1024px){
    .titulo-seccion p{
        font-size:30px
    }
}
@media screen and (min-width:1800px){
    .titulo-seccion p{
        font-size:42px
    }
}
.subrayado-naranja{
    background-color:var(--orange_mid);
    height:3px;
    margin:2px 40% 40px;
    width:20%
}
@media screen and (min-width:1800px){
    .subrayado-naranja{
        height:5px
    }
}
.subrayado-celeste{
    background-color:var(--blue_mid);
    height:3px;
    margin:2px 40% 40px;
    width:20%
}
@media screen and (min-width:1800px){
    .subrayado-celeste{
        height:5px
    }
}
.subrayado-blanco{
    background-color:var(--white);
    height:3px;
    margin-bottom:10px;
    margin-top:10px;
    width:25%
}
@media screen and (min-width:1800px){
    .subrayado-blanco{
        height:5px;
        width:30%
    }
}
.celeste{
    color:var(--blue_mid)!important
}
.naranja{
    color:var(--orange_mid)!important
}
.blanco{
    color:var(--white)
}
.gris-muy-oscuro{
    color:var(--grey_dark)
}
.nav-responsive{
    display:none
}
.nav-responsive__branding{
    margin:0 auto 2.5rem
}
.nav-responsive__branding img{
    height:auto;
    max-width:13.75rem;
    -o-object-fit:none;
    object-fit:none
}
.nav-responsive [sidebarjs-container]{
    background-color:var(--white);
    padding-top:2.5rem
}
.nav-responsive__button{
    background-color:transparent;
    border:none;
    color:var(--black);
    display:none
}
.nav-responsive__button svg{
    height:40px;
    width:40px
}
@media (max-width:1024px){
    .nav-responsive__button{
        display:block
    }
}
.nav-responsive .menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:.94rem;
    list-style:none;
    padding:0 1.25rem
}
.nav-responsive .menu li{
    position:relative
}
.nav-responsive .menu li a{
    color:var(--black);
    font-size:1.13rem;
    text-decoration:none
}
.nav-responsive .sub-menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:.63rem;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s
}
.nav-responsive .sub-menu.opened{
    max-height:31.25rem
}
.nav-responsive .sub-menu__button{
    background-color:transparent;
    border:none;
    color:var(--black);
    position:absolute;
    right:1.25rem;
    top:0
}
.nav-responsive .sub-menu__button svg{
    transition:all .3s
}
.nav-responsive .sub-menu__button.close svg{
    transform:rotate(180deg)
}
.nav-responsive .sub-menu>li:first-child{
    margin-top:10px
}
.hero-fondo{
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:cover;
    height:600px;
    position:relative;
    width:100%
}
@media screen and (min-width:1800px){
    .hero-fondo{
        height:800px
    }
}
.hero-fondo:before{
    background:rgba(0,0,0,.3);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.hero-fondo-large{
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:cover;
    height:900px;
    width:100%
}
.hero-content{
    align-items:flex-start;
    color:var(--white);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    height:55%;
    justify-content:center;
    margin-left:10%;
    margin-right:10%;
    position:relative;
    z-index:1
}
@media screen and (min-width:1024px){
    .hero-content{
        padding-right:500px
    }
}
@media screen and (min-width:1800px){
    .hero-content{
        height:65%
    }
}
.hero-content-large{
    align-items:flex-start;
    color:var(--white);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    height:70%;
    justify-content:center;
    margin-left:10%;
    margin-right:10%
}
@media screen and (min-width:1024px){
    .hero-content-large{
        padding-right:500px
    }
}
.hero-titulo{
    font-family:Nunito,sans-serif;
    font-weight:700
}
@media screen and (min-width:1800px){
    .hero-titulo{
        font-size:52px
    }
}
.hero-subtitulo p{
    font-family:Poppins,sans-serif;
    font-size:22px;
    line-height:normal
}
@media screen and (min-width:1800px){
    .hero-subtitulo p{
        font-size:30px
    }
}
.asesores-content{
    display:grid;
    gap:20px;
    grid-template-columns:1fr
}
@media screen and (min-width:1024px){
    .asesores-content{
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}
.tarjeta-asesor{
    border-radius:20px;
    box-shadow:10px 10px 35px 0 rgba(0,0,0,.2);
    height:auto;
    padding:15px;
    width:auto
}
@media screen and (min-width:1024px){
    .tarjeta-asesor{
        height:auto
    }
}
@media screen and (min-width:1800px){
    .tarjeta-asesor{
        padding:35px 30px
    }
}
.asesor-imagen{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:20px;
    height:250px;
    width:auto
}
@media screen and (min-width:1024px){
    .asesor-imagen{
        height:35vh
    }
}
.asesor-nombre{
    word-wrap:break-word;
    font-family:Nunito,sans-serif;
    font-weight:700;
    padding-top:20px;
    text-align:left
}
@media screen and (min-width:1024px){
    .asesor-nombre{
        font-size:18px
    }
}
@media screen and (min-width:1800px){
    .asesor-nombre{
        font-size:28x
    }
}
.asesor-contactos{
    display:grid;
    font-size:14px;
    grid-template-columns:15% 85%;
    grid-template-rows:1fr 1fr;
    padding-top:15px;
    width:100%
}
@media screen and (min-width:1800px){
    .asesor-contactos{
        grid-template-columns:40px auto
    }
}
.asesor-contacto{
    word-wrap:break-word;
    white-space:normal
}
@media screen and (min-width:1800px){
    .asesor-contacto{
        font-size:20px
    }
}
.asesor-contactos div svg{
    height:20px;
    margin-top:10px;
    width:20px
}
@media screen and (min-width:1800px){
    .asesor-contactos div svg{
        height:30px;
        width:30px
    }
}
.content-empresas{
    display:grid;
    grid-template-columns:1fr 1fr 1fr
}
@media screen and (max-width:768px){
    .content-empresas{
        grid-template-columns:1fr
    }
}
.content-empresa{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:20px
}
@media screen and (max-width:768px){
    .content-empresa{
        padding-bottom:45px
    }
}
.imagen-empresa{
    align-items:flex-end;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:410px;
    justify-content:center;
    padding:25px 20px;
    width:300px
}
@media screen and (max-width:768px){
    .imagen-empresa{
        width:100%
    }
}
.nombre_empresa{
    color:var(--white);
    font-size:24px;
    font-weight:300
}
.portal-imagen{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:30px;
    height:350px
}
@media screen and (min-width:1024px){
    .portal-imagen{
        height:70vh
    }
}
.portal{
    display:grid;
    grid-template-columns:1fr
}
@media screen and (min-width:1024px){
    .portal{
        grid-template-columns:40% 60%
    }
}
.portal-content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0
}
@media screen and (min-width:1024px){
    .portal-content{
        padding:0 20px
    }
}
.portal-tarjetas-content{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:20px;
    justify-content:center;
    padding-top:30px
}
@media screen and (min-width:1024px){
    .portal-tarjetas-content{
        flex-direction:row;
        justify-content:space-around;
        padding-top:0
    }
}
.portal-tarjetas{
    align-items:center;
    border-radius:15px;
    box-shadow:10px 10px 35px 0 rgba(0,0,0,.3);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    height:155px;
    justify-content:center;
    width:100%
}
@media screen and (min-width:1024px){
    .portal-tarjetas{
        height:170px;
        width:170px
    }
}
@media screen and (min-width:1800px){
    .portal-tarjetas{
        height:230px;
        width:230px
    }
}
.portal-icono svg{
    height:35px;
    margin-bottom:10px;
    width:35px
}
@media screen and (min-width:1800px){
    .portal-icono svg{
        height:55px;
        width:55px
    }
}
.portal-texto-tarjeta{
    color:var(--grey_mid);
    font-family:Poppins,sans-serif;
    font-size:18px!important;
    font-weight:300;
    margin-bottom:10px
}
@media screen and (min-width:1800px){
    .portal-texto-tarjeta{
        font-size:22px!important
    }
}
.portal-tarjeta-empresa{
    color:var(--blue_dark);
    font-size:18px!important;
    font-weight:700
}
@media screen and (min-width:1800px){
    .portal-tarjeta-empresa{
        font-size:22px!important
    }
}
.formulario-imagen{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:30px 30px 20px 20px;
    height:auto;
    width:100%
}
@media screen and (min-width:1024px){
    .formulario-imagen{
        height:85%
    }
}
.formulario{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column
}
.formulario label{
    color:var(--blue_dark);
    font-family:Roboto;
    font-size:16px;
    font-weight:700
}
@media screen and (min-width:1800px){
    .formulario label{
        font-size:18px
    }
}
.formulario input,.formulario textarea{
    border:1px solid var(--grey_mid);
    border-radius:5px;
    color:var(--grey_mid);
    margin:8px 0 0;
    padding:15px;
    text-align:left;
    width:100%
}
.formulario input:focus,.formulario textarea:focus{
    border-color:var(--blue_mid);
    color:var(--blue_mid)
}
.formulario .forminator-button{
    width:100%
}
.galeria-contenedor{
    display:grid;
    gap:40px;
    grid-template-columns:1fr
}
@media screen and (min-width:768px){
    .galeria-contenedor{
        grid-template-columns:1fr 1fr 1fr
    }
}
.post-div{
    border-radius:20px;
    box-shadow:10px 10px 35px 0 rgba(0,0,0,.1)
}
.post-imagen{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:20px 20px 0 0;
    height:180px;
    width:100%
}
@media screen and (min-width:1800px){
    .post-imagen{
        height:40vh
    }
}
.post-content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:25px 20px
}
@media screen and (min-width:1800px){
    .post-content{
        height:35vh
    }
}
.post-titulo{
    font-size:16px;
    font-weight:600
}
@media screen and (min-width:1800px){
    .post-titulo{
        font-size:22px
    }
}
.post-contenido{
    color:var(--grey_mid);
    font-size:14px;
    text-align:left
}
.post-contenido ul{
    list-style:disc;
    margin-left:30px
}
.post-enlace{
    color:var(--black);
    font-family:Times New Roman,Times,serif;
    font-size:14px;
    text-align:left;
    text-decoration:underline
}
.swiper-person{
    margin-bottom:130px;
    margin-left:15px;
    margin-right:15px;
    position:relative
}
@media screen and (min-width:1024px){
    .swiper-person{
        margin-bottom:200px;
        margin-left:0;
        margin-right:0
    }
}
.slide-carrusel{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    text-align:center
}
.slide-imagen{
    border-radius:12px;
    height:280px;
    margin-bottom:10px;
    width:160px
}
@media screen and (min-width:1024px){
    .slide-imagen{
        height:50vh;
        width:18vw
    }
}
.nombre-carrusel{
    color:var(--grey_mid);
    font-family:Nunito,sans-serif;
    font-size:16px;
    font-weight:700;
    padding-top:15px;
    text-align:center
}
@media screen and (min-width:1800px){
    .nombre-carrusel{
        font-size:24px
    }
}
.carrusel{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden
}
.slide{
    box-sizing:border-box;
    min-width:100%;
    transition:transform .5s ease
}
.carrusel-container{
    overflow:hidden;
    width:100%
}
@media screen and (min-width:1800px){
    .carrusel-container{
        margin:0 auto;
        max-width:2000px
    }
}
swiper-container{
    height:80vh;
    padding-bottom:40px;
    position:relative
}
.swiper-button-next,.swiper-button-prev{
    border-radius:45px;
    font-family:Poppins,sans-serif;
    font-size:28px;
    font-weight:700;
    padding:36px 46px;
    position:absolute;
    top:120%!important;
    transform:translateY(-50%)
}
@media screen and (min-width:1024px){
    .swiper-button-next,.swiper-button-prev{
        font-size:22px;
        padding:30px 38px;
        top:130%!important
    }
}
.swiper-button-next svg,.swiper-button-next:after,.swiper-button-prev svg,.swiper-button-prev:after{
    display:none
}
.swiper-button-next{
    color:var(--white)!important;
    right:20%!important
}
@media screen and (min-width:1024px){
    .swiper-button-next{
        right:43%!important
    }
}
.swiper-button-next__blue{
    background-color:var(--blue_mid)
}
.swiper-button-next__orange{
    background-color:var(--orange_mid)
}
.swiper-button-next__black{
    background-color:var(--grey_mid)
}
.swiper-button-prev{
    background-color:var(--grey_light)!important;
    color:var(--grey_dark)!important;
    left:20%!important
}
@media screen and (min-width:1024px){
    .swiper-button-prev{
        left:43%!important
    }
}
.atencion-texto-content{
    padding:30px 5px
}
.atencion-imagen{
    background-position:50%;
    background-size:cover;
    border-radius:50px 50px 30px 30px;
    height:450px;
    width:100%
}
.atencion-datos{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    gap:22px;
    text-align:center
}
.open__container{
    display:grid;
    gap:30px;
    grid-template-columns:1fr
}
@media screen and (min-width:1024px){
    .open__container{
        gap:70px;
        grid-template-columns:1fr 1fr 1fr
    }
}
.open__card{
    align-items:flex-end;
    background-position:50%;
    background-size:cover;
    border-radius:30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:55vh;
    justify-content:center;
    padding:20px
}
.open__text{
    word-wrap:break-word;
    color:var(--white);
    font-family:Poppins,sans-serif;
    font-size:20px;
    font-weight:400;
    padding-left:20px;
    padding-right:20px;
    text-align:center
}
.content-margen{
    padding-bottom:40px;
    padding-top:40px
}
.relative{
    position:relative
}
.sesgado:before{
    display:none
}
@media screen and (min-width:1024px){
    .sesgado:before{
        background-color:var(--blue_light);
        content:"";
        height:45%;
        left:0;
        position:absolute;
        top:100%;
        transform:skew(20deg);
        transform:skewY(2deg);
        width:100%;
        z-index:-1
    }
}
.derecha-punta:before{
    background-color:var(--blue_light);
    border-bottom-right-radius:10px;
    border-top-right-radius:40px;
    clip-path:polygon(3% 13%,5% 7%,100% 0,100% 100%,13% 92%,11% 87%);
    content:"";
    height:100%;
    position:absolute;
    right:-20%;
    top:0;
    width:120%;
    z-index:-1
}
@media screen and (min-width:1024px){
    .derecha-punta:before{
        display:none
    }
}
.inicio-sabermas:before{
    background-color:var(--blue_dark);
    border-bottom-right-radius:10px;
    border-top-right-radius:40px;
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    content:"";
    height:100%;
    position:absolute;
    right:-20%;
    top:0;
    width:120%;
    z-index:-1
}
@media screen and (min-width:1024px){
    .inicio-sabermas:before{
        clip-path:polygon(20% 2%,23% 0,100% 0,100% 100%,9% 100%,8% 96%,8% 91%,19% 5%);
        height:100%;
        right:0;
        top:0;
        width:120%
    }
}
.valores-figura:before{
    background-color:var(--orange_mid);
    border-bottom-right-radius:10px;
    border-top-right-radius:40px;
    clip-path:polygon(0 0,41% 11%,43% 14%,44% 76%,42% 80%,0 100%);
    content:"";
    height:60%;
    left:0;
    position:absolute;
    top:0;
    width:120%;
    z-index:-1
}
@media screen and (min-width:1024px){
    .valores-figura:before{
        clip-path:polygon(0 0,41% 11%,43% 14%,44% 76%,42% 80%,0 100%);
        height:125%;
        left:-20%;
        top:0;
        width:120%
    }
}
.trayectoria-figura:before{
    background-color:var(--grey_light);
    border-bottom-right-radius:10px;
    border-top-right-radius:40px;
    clip-path:polygon(0 0,93% 0,96% 4%,96% 76%,93% 82%,0 100%);
    content:"";
    height:105%;
    left:-20%;
    position:absolute;
    top:0;
    width:120%;
    z-index:-1
}
@media screen and (min-width:1024px){
    .trayectoria-figura:before{
        clip-path:polygon(0 0,93% 0,96% 4%,96% 76%,93% 82%,0 100%);
        height:105%;
        left:-20%;
        top:0;
        width:120%
    }
}
.buscamos-figura:before{
    background-color:var(--blue_dark);
    border-bottom-right-radius:10px;
    border-top-right-radius:40px;
    clip-path:polygon(99% 0,100% 3%,100% 83%,99% 90%,97% 93%,0 100%,0 0);
    content:"";
    height:105%;
    left:-20%;
    position:absolute;
    top:0;
    width:120%;
    z-index:-1
}
@media screen and (min-width:1024px){
    .buscamos-figura:before{
        clip-path:polygon(91% 21%,94% 23%,96% 28%,100% 92%,99% 98%,96% 100%,0 80%,0 0)
    }
}
.shape__promise{
    display:none
}
@media screen and (min-width:1024px){
    .shape__promise{
        display:block;
        position:absolute;
        right:-10%;
        top:-25%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .shape__promise{
        right:-20%;
        top:-15%
    }
}
.shape__our-values{
    display:none
}
@media screen and (min-width:1024px){
    .shape__our-values{
        display:block;
        left:-40%;
        position:absolute;
        top:-10%;
        z-index:-1
    }
}
.shape__trayectory{
    display:none
}
@media screen and (min-width:1024px){
    .shape__trayectory{
        display:block;
        left:-20%;
        position:absolute;
        top:-10%;
        z-index:-1
    }
}
.shape__industrys-carousel{
    display:none
}
@media screen and (min-width:1024px){
    .shape__industrys-carousel{
        display:block;
        position:absolute;
        right:-35%;
        top:5%;
        z-index:-1
    }
}
.shape__we-finding{
    display:none
}
@media screen and (min-width:1024px){
    .shape__we-finding{
        display:block;
        left:-10%;
        position:absolute;
        top:-10%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .shape__we-finding{
        left:-15%
    }
}
.shape__contact-bpo{
    display:none
}
@media screen and (min-width:1024px){
    .shape__contact-bpo{
        display:block;
        position:absolute;
        right:-8%;
        top:-20%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .shape__contact-bpo{
        right:-15%
    }
}
.shape__with-us{
    display:none
}
@media screen and (min-width:1024px){
    .shape__with-us{
        display:block;
        left:-40%;
        position:absolute;
        top:20%;
        z-index:-1
    }
}
.shape__portal{
    display:none
}
@media screen and (min-width:1024px){
    .shape__portal{
        display:block;
        position:absolute;
        right:-10%;
        top:-20%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .shape__portal{
        right:-15%
    }
}
.shape__benefits{
    display:none
}
@media screen and (min-width:1024px){
    .shape__benefits{
        display:block;
        position:absolute;
        right:-40%;
        top:13%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .shape__benefits{
        right:-50%;
        top:8%
    }
}
.box-rounded{
    display:none
}
@media screen and (min-width:1024px){
    .box-rounded{
        display:block;
        position:absolute;
        right:-10%;
        top:-30%;
        z-index:-1
    }
}
@media screen and (min-width:1800px){
    .box-rounded{
        right:-15%;
        top:-10%
    }
}
.left-box{
    display:none
}
@media screen and (min-width:1024px){
    .left-box{
        display:block;
        left:-10%;
        position:absolute;
        top:-20%;
        z-index:-1
    }
}
.fondo__blue{
    background-color:var(--blue_dark);
    padding-bottom:15px;
    padding-top:15px
}
@media screen and (min-width:1024px){
    .fondo__blue{
        background-color:transparent
    }
}
.fondo__orange{
    background-color:var(--orange_mid);
    padding-bottom:15px;
    padding-top:15px
}
@media screen and (min-width:1024px){
    .fondo__orange{
        background-color:transparent
    }
}
.fondo__blue-light{
    background-color:var(--blue_light);
    padding-bottom:15px;
    padding-top:15px
}
@media screen and (min-width:1024px){
    .fondo__blue-light{
        background-color:transparent
    }
}
footer{
    background-color:var(--blue_dark);
    border-radius:0
}
@media screen and (min-width:1024px){
    footer{
        border-radius:40px 0 0 0
    }
}
.footer{
    color:var(--white);
    display:grid;
    font-size:14px;
    grid-template-columns:1fr;
    padding:60px 15px 30px;
    width:100%
}
@media screen and (min-width:1024px){
    .footer{
        gap:15px;
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}
.footer__ul{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    justify-content:center
}
.footer__li{
    list-style:none
}
.footer__content{
    padding-left:40px
}
@media screen and (min-width:1024px){
    .footer__content{
        padding-left:0
    }
}
.footer__textos{
    font-size:18px;
    padding-bottom:5px;
    text-align:center
}
@media screen and (min-width:1024px){
    .footer__textos{
        font-size:16px;
        padding-bottom:20px;
        text-align:left
    }
}
.footer__svg{
    width:auto
}
.footer-redes-content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:15px;
    justify-content:center;
    padding-top:10px
}
@media screen and (min-width:1024px){
    .footer-redes-content{
        justify-content:start
    }
}
.footer-titulo{
    font-size:18px;
    font-weight:700;
    padding-bottom:10px
}
@media screen and (min-width:1024px){
    .footer-titulo{
        font-size:18px
    }
}
.footer-lista{
    padding-bottom:30px
}
@media screen and (min-width:1024px){
    .footer-lista{
        padding-bottom:10px
    }
}
.footer-lista li{
    font-size:16px;
    list-style-type:none;
    padding-bottom:10px
}
@media screen and (min-width:1024px){
    .footer-lista li{
        font-size:16px
    }
}
.footer-derechos{
    background-color:var(--blue_dark);
    border-radius:0;
    border-top:.5px solid var(--white);
    color:var(--white);
    font-family:bold;
    font-family:Nunito,sans-serif;
    font-size:16px;
    padding:20px 15px;
    text-align:center
}
.nav__content{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    position:relative
}
@media screen and (min-width:1024px){
    .nav__content{
        display:block
    }
}
.nav__hamburguer{
    font-size:30px;
    height:20px;
    left:-40%;
    position:absolute;
    width:20px
}
@media screen and (min-width:1024px){
    .nav__hamburguer{
        display:none
    }
}
.nav__logo{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:80px;
    margin-bottom:5px;
    margin-top:5px;
    width:180px
}
nav{
    align-items:center;
    background-color:var(--white);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px;
    text-align:center
}
@media screen and (min-width:1024px){
    nav{
        flex-direction:row;
        justify-content:space-between
    }
}
nav ul{
    list-style:none;
    margin:0;
    padding:0
}
nav ul li{
    border-radius:50px;
    color:var(--grey_dark);
    display:inline-block;
    font-size:14px;
    margin-right:20px;
    padding:10px 20px
}
nav ul li:hover{
    color:var(--orange_mid);
    color:var(--white)
}
@media screen and (min-width:1024px){
    nav ul li{
        background-color:var(--blue_dark);
        color:var(--white)
    }
    nav ul li:hover{
        background-color:var(--orange_mid);
        color:var(--white)
    }
}
nav a{
    color:var(--white);
    font-weight:700;
    text-decoration:none
}
#menu-toggle{
    display:none
}
@media screen and (max-width:768px){
    nav ul{
        display:none;
        text-align:center
    }
    nav ul li,nav ul.show{
        display:block
    }
    nav ul li{
        margin-bottom:10px
    }
    #menu-toggle{
        cursor:pointer;
        display:block;
        text-align:center
    }
}
.hero-fondo-large{
    position:relative
}
.hero-fondo-large:before{
    background:rgba(0,0,0,.5);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.hero-content-large{
    position:relative;
    z-index:1
}
.hero-subtitulo,.hero-titulo{
    color:var(--white)
}
.main-404{
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    padding:30px 20px
}
@media screen and (min-width:1024px){
    .main-404{
        padding:50px 0
    }
}
.main-404__span{
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text;
    background-repeat:no-repeat;
    background-size:cover;
    font-size:100px;
    font-weight:900;
    line-height:1;
    padding:10px;
    text-align:center
}
.main-404__span--end{
    color:var(--blue_light);
    font-weight:700;
    margin-bottom:30px;
    text-align:center
}
.main-404__h2{
    margin-top:30px
}
.main-404__p{
    margin:30px auto;
    max-width:900px;
    text-align:center
}
.main-404__a{
    background-color:var(--blue_light);
    border:1px solid var(--blue_light);
    border-radius:60px;
    color:var(--white);
    font-weight:700;
    padding:10px 15px;
    transition:.4s ease;
    width:-moz-max-content;
    width:-webkit-max-content;
    width:max-content
}
.main-404__a:hover{
    background-color:transparent;
    color:var(--blue_light)
}
.main-404__a:hover:visited{
    color:var(--blue_light)
}
.main-404__a:visited{
    color:var(--white)
}
.trayectory__container{
    height:auto;
    padding-bottom:50px;
    padding-top:50px
}
@media screen and (min-width:1024px){
    .trayectory__container{
        height:350px
    }
}
.promise__container{
    height:auto;
    padding-bottom:50px;
    padding-top:50px
}
@media screen and (min-width:1024px){
    .promise__container{
        height:200px;
        padding-bottom:10px;
        padding-top:10px
    }
}
.aliados_slide{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100px;
    margin:0 auto;
    width:280px
}
.contact__container{
    align-content:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:400px;
    justify-content:center;
    margin-bottom:0;
    margin-top:15px
}
@media screen and (min-width:1024px){
    .contact__container{
        height:200px;
        margin-bottom:120px;
        margin-top:120px
    }
}
.empleados__subrayado{
    background-color:var(--orange_mid);
    height:3px;
    margin:2px 40% 10px;
    width:20%
}
@media screen and (min-width:1800px){
    .empleados__subrayado{
        height:5px
    }
}
.empleados__sub-text{
    color:var(--grey_mid);
    font-size:20px
}
.empleados__content{
    padding-right:0
}
@media screen and (min-width:1024px){
    .empleados__content{
        padding-right:150px
    }
}
.wata__page .titulo-seccion{
    color:var(--black)
}
.wata__content{
    align-items:start;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.wata__content ul{
    margin-left:30px
}
.wata__content p strong{
    color:var(--blue_mid)
}
@keyframes centerLeft{
    0%{
        transform:scale(0)
    }
    to{
        transform:scale(1)
    }
}
/*# sourceMappingURL=style.css.map*/