:root {
--select-border: #606060;
--select-focus: #E7E7F7;
--select-arrow: var(--select-border);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body, html {
margin: 0;
padding: 0;
}
a{
text-decoration:none;
}
select,select:not(:focus) {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
border: 1px solid #dfdfdf;
border-radius: 2px;
margin-right: 2rem;
padding-left: 1rem;
padding-top: .5rem;
padding-right: 2rem;
}
select:focus{
background-image: url('data:image/svg+xml,');
background-position-x: 100%;
background-position-y: 5px;
}
section{
position:relative;
max-width:100%;
overflow:hidden;
}
@property --_x {
syntax: "";
inherits: true;
initial-value: 0;
}
@property --_y {
syntax: "";
inherits: true;
initial-value: 0;
}
@property --w {
syntax: "";
inherits: true;
initial-value: 0;
}
@property --h {
syntax: "";
inherits: true;
initial-value: 0;
}
@font-face {
font-family: 'Turbine';
src: url('fonts/TurbineTrial-Light.woff') format('truetype');
font-style: normal;
font-weight: 200;
}
@font-face {
font-family: 'Turbine';
src: url('fonts/TurbineTrial-Regular.woff') format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Turbine';
src: url('fonts/TurbineTrial-Bold.woff') format('truetype');
font-style: bold;
font-weight: 600;
}
@font-face {
font-family: 'Turbine';
src: url('fonts/TurbineTrial-ExtraBold.woff') format('truetype');
font-style: bold;
font-weight: 900;
}
@font-face {
font-family: 'Turbine';
src: url('fonts/TurbineTrial-Medium.woff') format('truetype');
font-style: bold;
font-weight: 500;
}
html, body {
margin: 0;
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
body{
overflow-x: clip;
overflow-y: scroll;
}
.icon::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.grecaptcha-badge { visibility: hidden; }
#insights, #suscribe, #top-footer, #contacto-section, #mapa-contacto, #conversemos, #parte-team{
position:relative;
z-index:2;
}
.montserrat-bold {
font-family: "Montserrat", sans-serif!important;
font-weight: 900;
font-style: normal;
}
.bg-video-wrap{
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
}
.bg-video-wrap-proy, .bg-video-wrap-proy img, .bg-video-wrap-proy video{
height:75vh;
}
.vh-60{
height:60vh;
}
.vh-70{
height:70vh!important;
}
.border-bottom{
border-bottom:1px solid black;
}
.bg-video-wrap-2{
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.bg-video-wrap-3{
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.title-interno-2{
position: absolute;
overflow: hidden;
width: 100%;
/*height: 80vh;*/
top: 0;
left: 0;
z-index: 99;
}
.burguer{
transition: all ease .10;
}
.title-interno-3{
position: absolute;
overflow: hidden;
width: 100%;
height: 90vh;
top: 0;
left: 0;
z-index: 99;
}
.title-interno-4{
position: absolute;
overflow: hidden;
width: 100%;
height: 80vh;
top: 0;
left: 0;
z-index: 99;
}
h1,h2,h3,h4,h5{
font-family: 'Turbine','Montserrat';
font-weight: 900;
}
#banner h1,#banner h2{
font-size:86px;
font-weight: normal;
letter-spacing: 0px;
}
#banner h1{
font-size:190px;
font-weight:600;
}
#ibanner h1,#ibanner h2{
font-size:86px;
font-weight: normal;
letter-spacing: 0px;
}
#ibanner h1{
font-size:190px;
font-weight:600;
}
#ibanner-insights h1,#ibanner-insights h2{
font-size:86px;
font-weight: normal;
letter-spacing: 0px;
}
#ibanner-insights h1{
font-size:190px;
font-weight:600;
}
.index-banner-h1{
font-size:85px!important;
font-weight:300!important;
}
.carousel-indicators{
bottom:20px;
}
#banner2 h1,#banner2 h2{
font-size: 82px;
font-weight: normal;
letter-spacing: 0px;
text-align: center!important;
padding-right: 100px;
padding-left: 100px!important;
}
#ibanner2 h1,#ibanner2 h2{
font-size: 70px;
font-weight: normal;
letter-spacing: 0px;
text-align: center!important;
padding-right: 150px;
padding-left: 150px!important;
}
#banner .word{
font-size: 76px;
font-weight: 900;
letter-spacing: 0px;
}
.h60vh{
height:60vh;
}
.borderleft{
border-right:1px solid #B6B6B6;
}
.title-interno-2 span{
font-family: 'Turbine'!important;
font-weight: 400;
}
.title-interno-4 span{
font-family: 'Turbine'!important;
font-weight: 400;
}
#banner h2 span{
color:white;
font-family: "Turbine";
font-weight: 900;
}
#banner2 h1 span,#banner2 h2 span{
color:white;
font-family: "Turbine";
font-weight: 600;
}
#ibanner h2 span{
color:white;
font-family: "Turbine";
font-weight: 900;
}
#ibanner-insights h2 span{
color:white;
font-family: "Turbine";
font-weight: 900;
}
#ibanner2 h1 span,#ibanner2 h2 span{
color:white;
font-family: "Turbine";
font-weight: 900;
}
.text-justify{
text-align: justify!important;
}
.card__content {
position: absolute;
/* other styles (left, top, right, and padding) */
display: flex;
flex-direction: column;
justify-content: flex-end;
background-image: linear-gradient(
0deg,
hsla(0, 0%, 35.29%, 0) 0%,
hsla(0, 0%, 34.53%, 0.034375) 16.36%,
hsla(0, 0%, 32.42%, 0.125) 33.34%,
hsla(0, 0%, 29.18%, 0.253125) 50.1%,
hsla(0, 0%, 24.96%, 0.4) 65.75%,
hsla(0, 0%, 19.85%, 0.546875) 79.43%,
hsla(0, 0%, 13.95%, 0.675) 90.28%,
hsla(0, 0%, 7.32%, 0.765625) 97.43%,
hsla(0, 0%, 0%, 0.8) 100%
);
}
@keyframes fadeIn {
100% {
opacity: 1;
}
}
.fade {
animation: fadeIn .5s forwards;
opacity: 0;
}
.fade:nth-child(1) {
animation-delay: .5s;
}
.fade:nth-child(2) {
animation-delay: 1s;
}
.fade:nth-child(3) {
animation-delay: 1.5s;
}
.ml13 .letter {
display: inline-block;
line-height: 1em;
}
.circulo{
border:4px solid black; border-radius: 50%; right:0%; position:relative;background:white;
transition:all .5s ease;
}
.circulo1{
height: 600px; width:600px;
}
.circulo1:hover{
background:#bda5f8;
transition:all .5s ease;
}
.circulo1:hover .h31{
color:white;
}
.circulo2{
height: 400px; width:400px;
}
.circulo2:hover{
background:#9e77fc;
transition:all .5s ease;
}
.circulo2:hover .h32{
color:white;
}
.circulo3{
height: 200px; width:200px;
}
.circulo3:hover{
background:#6023f4;
transition:all .5s ease;
}
.circulo3:hover .h33{
color:white;
}
.content-words{
position: relative;
font-family: monospace;
color: rgb(255, 255, 255);
font-size: 4em;
filter: contrast(15);
display: inline;
}
.word {
position: absolute;
color:#DA3D56;
animation: switch 10s infinite ease-in-out;
min-width: 100%;
margin: auto;
}
.word:nth-child(1) {
animation-delay: -8s;
}
.word:nth-child(2) {
animation-delay: -5s;
}
.word:nth-child(3) {
animation-delay: -3s;
}
@keyframes switch {
0%,
5%,
100% {
opacity: 1;
}
40%,
90% {
opacity: 0;
}
}
video, .bg-video-wrap img, .bg-video-wrap-2 img, .bg-video-wrap-3 img{
min-width: 100%;
width: 100%;
height:100vh;
position: absolute;
top:0;
left:0;
background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
background-size:3px 3px;
z-index: 2;
object-fit: cover;
object-position: center;
}
.bg-video-wrap-proy img{
min-width: 100%;
width: 100%;
height:75vh;
position: absolute;
top:0;
left:0;
background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
background-size:3px 3px;
z-index: 2;
object-fit: cover;
object-position: center;
}
#humanizamos video{
min-height:100%;
position:fixed;
top:0;
z-index:-99999;
}
#humanizamos{
display: flex;
justify-content: center;
align-items: center;
}
.pagination-buttons {
display: flex;
justify-content: space-between;
}
button.prev-button,
button.next-button {
padding: 10px 20px;
background-color: #E7E7F7;
color: white;
border: none;
cursor: pointer;
width:58px;
height:58px;
border-radius:50%;
position:relative;
margin-left:10px;
margin-right:10px;
}
.prev-button:after{
content:'';
top:0;
background-image: url(img/leftwhitearrow.svg);
background-repeat: no-repeat;
width: 58px;
height: 58px;
color: #FFFFFF00;
display: block;
opacity: 1;
left:0;
position: absolute;
/* background: white; */
border-radius: 50%;
background-position: center;
background-color: #5B23F6;
}
button.prev-button:hover:after{
background-color: #5423de;
background-image: url(img/leftwhitearrow.svg);
}
button.prev-button:disabled:after,
button.next-button:disabled:after {
background-color: #E7E7F7;
cursor: not-allowed;
opacity:.35;
}
button.prev-button:disabled:after{
background-image: url(img/leftarrowblack.svg);
}
button.next-button:disabled:after{
background-image: url(img/rightarrow.svg);
}
button.prev-button:disabled:hover,
button.next-button:disabled:hover{
background-color: #E7E7F7!important;
cursor: not-allowed;
}
button.prev-button:disabled:hover:after{
background-color: #E7E7F7!important;
cursor: not-allowed;
background-image: url(img/leftarrow.png);
}
button.prev-button:disabled:hover:after{
background-color: #E7E7F7!important;
cursor: not-allowed;
}
.next-button:after{
content:'';
top:0;
background-image: url(img/arrow-right-white.svg);
background-repeat: no-repeat;
width: 58px;
height: 58px;
color: #FFFFFF00;
display: block;
left:0;
opacity: 1;
position: absolute;
/* background: white; */
border-radius: 50%;
background-position: center;
background-color: #5B23F6;
}
button.next-button:hover::after{
background-color: #5423de;
background-image: url(img/arrow-right-white.svg);
}
button.next-button:disabled:hover:after{
background-color: #E7E7F7!important;
cursor: not-allowed;
background-image: url(img/rightarrow.svg);
}
.header-fixed {
padding: 10px 16px;
background: #555;
color: #f1f1f1;
display:none;
filter: blur(4px);
}
.show{
display:block!important;
transition: all .5s;
}
.hide{
display:hide;
transition: all .5s ease;
transform: translate(7rem);
}
.down{
transition: all .5s ease;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
#banner h1{
text-align: center;
color:white;
position: absolute;
top: 60%;
bottom: 0;
/*left: 5rem;*/
margin: auto;
z-index: 3;
/*max-width: 900px;*/
width: 100%;
height: 100vh;
/*padding-left:20px;*/
}
#banner h1 b{
font-weight:600;
}
#ibanner h1{
text-align: center;
color:white;
position: absolute;
bottom: 35px;
/*left: 5rem;*/
margin: auto;
z-index: 3;
/*max-width: 900px;*/
width: 100%;
/*padding-left:20px;*/
}
#ibanner h4{
position:absolute;
text-align:center;
font-size:20px;
color:white;
bottom:38px;
font-weight:400;
width:100%;
}
#ibanner h1 b{
font-weight:600;
}
#ibanner-insights h1{
text-align: center;
color:white;
position: absolute;
bottom: 35px;
/*left: 5rem;*/
margin: auto;
z-index: 3;
/*max-width: 900px;*/
width: 100%;
/*padding-left:20px;*/
}
#ibanner-insights h4{
position:absolute;
text-align:center;
font-size:20px;
color:white;
bottom:38px;
font-weight:400;
width:100%;
}
#ibanner-insights h1 b{
font-weight:600;
}
#h1-bannercontacto{
font-weight:400!important;
}
#h1-bannercontacto span{
font-weight:600;
}
.label-form{
font-size: 24px;
font-weight: 500;
font-family: 'Turbine';
}
#whitesection{
background:white;
position: absolute;
transition: top .8s linear;
top: 700vh;
height:10000px;
width:100%;
display:none;
z-index:9999999;
}
/*#banner2 h1{
text-align: left;
color:white;
position: absolute;
top: 60%;
bottom: 0;
left: 6rem;
margin: auto;
z-index: 3;
max-width: 800px;
width: 100%;
height: 100vh;
padding-left:20px;
}*/
#banner2 h1{
display: flex;
/* text-align: left; */
color: white;
justify-content: center;
justify-items: center;
align-items: center;
left: 6rem;
margin: auto;
z-index: 3;
max-width: 800px;
width: 100%;
height: 100vh;
padding-left: 20px;
}
.banner-contacto h1{
font-size:90px!important;
}
.title-interno-2 h1{
max-width: 100%!important;
height: auto!important;
left:auto!important;
padding-top:15px;
font-family: 'Montserrat'!important;
font-weight: 400;
}
.title-interno-4 h1{
max-width: 100%!important;
height: 80vh!important;
left:auto!important;
padding-top:15px;
font-family: 'Turbine'!important;
font-weight: 400;
}
.title-interno-3 h1{
max-width: 100%!important;
height: 90vh!important;
left:auto!important;
padding-top:15px;
font-family: 'Turbine'!important;
font-weight: 400;
}
#banner h2{
text-align: left;
position: absolute;
top: 110%;
font-size:76px;
bottom: 0;
left: 6rem;
margin: auto;
z-index: 3;
max-width: 700px;
width: 100%;
height: 100vh;
color:white;
}
#ibanner h2{
text-align: left;
position: absolute;
top: 110%;
font-size:76px;
bottom: 0;
left: 6rem;
margin: auto;
z-index: 3;
max-width: 700px;
width: 100%;
height: 100vh;
color:white;
}
#ibanner-insights h2{
text-align: left;
position: absolute;
top: 110%;
font-size:76px;
bottom: 0;
left: 6rem;
margin: auto;
z-index: 3;
max-width: 700px;
width: 100%;
height: 100vh;
color:white;
}
.card-link-wrapper {
display: block;
text-decoration: none;
color: inherit; /* Mantener el color original del texto */
}
.card-link-wrapper .card {
cursor: pointer;
}
/* Estilo general del contenedor del select personalizado */
.custom-category-filter, .custom-category-filter2 {
position: relative;
width: 326px;
/*margin: 20px 0;*/
}
/* Estilo del div que simula el select - sin borde */
.custom-select, .custom-select2 {
display: flex;
justify-content: space-between;
align-items: center;
/*padding: 10px;*/
border: none; /* Sin borde por defecto */
background-color: #fff;
cursor: pointer;
position: relative;
transition: border 0.3s ease; /* Suaviza la transición del borde */
}
/* Estilo para el texto seleccionado */
.selected-option, .selected-option2 {
font-size: 28px;
color: #565555;
font-family:"Turbine";
font-weight:500;
}
/* Estilo para el icono de flecha */
.arrow-icon, .arrow-icon2 {
font-size: 20px;
color: #565555;
background-color: #E7E7F7;
border-radius: 50%;
padding: 7px;
transition: all 0.3s ease; /* Transición suave */
}
/* Contenedor de las opciones */
.options-container, .options-container2 {
display: none; /* Oculto por defecto */
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
z-index: 10;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px; /* Radio de borde para la lista */
padding-top: 10px; /* Espaciado superior de 10px */
padding-bottom:10px;
border: 1px solid #ccc; /* Borde de 1px solo cuando se despliega */
}
/* Estilo para las opciones */
.option, .option2 {
padding: 10px;
padding-left:15px;
cursor: pointer;
font-size: 18px;
color: #606060;
font-family:"Turbine";
font-weight:500;
}
/* Estilo al pasar el mouse sobre las opciones */
.option:hover,
.option:focus,
.option2:hover,
.option2:focus{
background-color: #E7E7F7;
}
.option:last-child:hover, .option2:last-child:hover {
transition: border-radius 0.3s ease;
}
/* Estilo para la opción seleccionada */
.option.selected,.option2.selected2 {
background-color: #E7E7F7;
}
/* Estilo cuando el icono se convierte en flecha hacia arriba */
.custom-select.open .arrow-icon, .custom-select2.open .arrow-icon2 {
background-color: #5B23F6; /* Fondo azul */
color: white; /* Color blanco para la flecha */
transform: rotate(180deg); /* Rotar la flecha hacia arriba */
}
/* Estilo cuando la lista está desplegada: agregar borde */
.custom-select.open,.custom-select2.open {
border: none; /* No agregamos borde al select principal */
}
/* Eliminar la regla para mostrar la lista con hover */
.custom-category-filter:hover .options-container, .custom-category-filter2:hover .options-container2 {
display: none;
}
.social-icons a{
padding-right:15px;
}
.has-child{
/*padding-left: 7rem!important;*/
position: relative;
}
.expertise{
background-color: white;
outline: none;
}
.expertise::focus-visible{
border:0;
}
.expertise > .active > a{
background:#E7E7F7;
}
.expertise::before,
.expertise::after {
content: "";
width: 0.8em;
height: 0.5em;
background-color: var(--select-arrow);
}
.expertise::before {
border-left: 0 solid transparent;
border-right: 0 solid transparent;
border-bottom: 0 solid black;
top: 40%;
}
.expertise::after {
border-left: 0 solid transparent;
border-right: 0 solid transparent;
border-top:0 solid black;
top: 55%;
}
.ul-menu{
max-height: 0;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
overflow: hidden;
margin-bottom: 0;
}
.ul-menu li{
transition: all .5s ease;
list-style: none;
}
.ul-menu li a{
text-decoration: none;
padding-left: 8.8rem;
text-transform: capitalize;
font-size:30px;
font-weight: 400;
line-height: 25px;
}
.div-child .has-child,.overlay-content .link{
transform: translate(0);
transition: all .5s ease;
}
.div-child:hover .has-child, .overlay-content .link:hover{
transform: translate(7rem);
transition: all .8s ease;
}
.div-child:hover .has-child::before, .overlay-content .link:hover::before{
content: '-----------';
position: absolute;
color:white;
left: -7rem;
letter-spacing: -4px;
top: 5px;
transition: all .8s ease;
z-index: 98;
}
/*.div-child .ul-menu{
transition: all .8s ease;
height: 0px;
}*/
.div-child:hover .ul-menu{
max-height: 140px;
}
.ul-menu a{
transition: all ease .2s;
}
.ul-menu a:hover{
font-weight: bold;
transition: all ease .2s;
}
#about h2{
font-family: 'Turbine';
font-size:40px;
font-weight: normal;
font-weight: 400;
color:black;
}
#about h2 b{
color:#5B23F6;
}
#about h2 span{
font-family: 'Turbine';
color:#5B23F6;
font-weight: 200;
}
.tab-content>.tab-pane {
display: none;
transition: all ease .1s;
}
.accordion-header img{
height:74px;
}
#slideshow{
}
#slideshow .gallery {
display: grid;
grid-template-columns: repeat(3, 90vw);
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
overflow: hidden;
height: 100vh;
scroll-snap-type: both mandatory;
scroll-padding: 0;
padding-left: 0;
transition: all 3s ease;
scroll-behavior: smooth;
}
#slideshow .active {
scroll-snap-type: unset;
transition: all 1.5s ease;
}
#slideshow li {
scroll-snap-align: center;
display: inline-block;
font-size: 0;
background-size: cover!important;
}
.r{
/*transform: translate(-80%);*/
}
.boton-slider img{
cursor: pointer;
transition: all .4s ease;
}
.boton-slider img:hover{
transition: all .4s ease;
/*transform: translateX(-20px);*/
}
.grid-column-item1 {
grid-column-start: auto;
}
.cursor {
position: fixed;
border-radius: 50%;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
left: -100px;
top: 50%;
/*mix-blend-mode: difference; //for dark and light modes*/
background-color: transparent;
z-index: 10000;
/*border: 2px solid white;*/
height: 10px;
width: 10px;
transition: all 300ms ease-out;
background:#5B23F6;
}
.cursor2 {
position: fixed;
border-radius: 50%;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
left: -100px;
top: 50%;
/*mix-blend-mode: difference; //for dark and light modes*/
background-color: transparent;
z-index: 10000;
/*border: 2px solid white;*/
height: 10px;
width: 10px;
transition: all 300ms ease-out;
background:black;
}
.cursor3 {
position: fixed;
border-radius: 50%;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
mix-blend-mode:normal;
left: -100px;
top: 50%;
background-color: white;
z-index: 10000;
height: 60px;
width: 60px;
transition: all 300ms ease-out;
display:flex;
justify-content:center;
align-items: center;
color:#5b23f6;
}
.button-container1 {
position: relative;
display: flex;
align-items: center;
transition: all 1.2s ease;
padding-left:2rem;
justify-content:center;
font-size:20px;
font-weight:500;
font-family:'Turbine';
}
.button1 {
background-color: #5a00ff;
color: white;
padding: 15px 30px;
border-radius: 50px;
display: inline-block;
}
.circle1 {
background-color: #5a00ff;
font-family:'Turbine';
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
transition: all 1.2s ease;
}
.button-container1:hover .circle1 {
transform: translateX(-50px); /* Desplazamiento hacia la izquierda */
margin-left: 0;
}
.button-container1:hover .button1 {
padding-right: 50px; /* Ajustar el espacio para acomodar la flecha */
transition: all 1.2s ease;
}
.button-container1:hover .button-container1 {
justify-content: flex-start;
}
.divbtncircle{
font-family:'Turbine';
--text-offset: 0;
display: inline-flex;
align-items: center;
justify-content: flex-start;
background-color: transparent;
color: #5B23F6;
transition: background-color .2s ease, color .2s ease, opacity .2s ease, border-color .2s ease;
max-width: 100%;
cursor: pointer;
padding: 0;
border: none;
position:relative;
}
.divbtncircle .btncircle{
display: flex;
align-items: center;
justify-content: flex-start;
color: #5B23F6;
padding: 14px 20px;
font-family: var(--montreal);
font-size: 1rem;
line-height: 1 !important;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
font-size: 1.125rem;
padding: .75rem 1.5rem .85rem;
height:44px;
}
.divbtncircle .bordercircle{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 44px;
border-radius: 2.0625rem;
border: 2px solid #5B23F6;
pointer-events: none;
transition: border-color .2s ease, width .2s ease, transform .3s ease-out;
}
.divbtncircle:hover .bordercircle {
transform: translateX(-10px);
width: 44px;
}
.divbtncircle .textbtn{
display: inline-block;
transition: transform .3s ease-out;
font-size: 1.125rem;
padding: .75rem 1.5rem .85rem;
}
.divbtncircle svg{
color: #5B23F6;
opacity: 1;
margin-left: 1rem;
width:18px;
transform: translateY(2px);
}
/*insight button see more*/
.span-info{
color:#fff; font-size:11px;
}
#insights .divbtncircle1, .divbtncircle2{
font-family:'Turbine';
--text-offset: 0;
display: inline-flex;
align-items: center;
justify-content: flex-start;
background: linear-gradient(.25turn, rgb(29 28 30 / 61%), rgba(22, 24, 14, .2));
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
color: #5B23F6;
transition: background-color .2s ease, color .2s ease, opacity .2s ease, border-color .2s ease;
width: 240px;
cursor: pointer;
padding: 0;
position:absolute;
bottom:2em;
border-radius:100px;
transition: all 1s ease;
}
.divbtncircle3{
font-family:'Turbine';
--text-offset: 0;
display: inline-flex;
align-items: center;
justify-content: flex-start;
background: #E7E7F7;
color: black;
transition: background-color .2s ease, color .2s ease, opacity .2s ease, border-color .2s ease;
width: 240px;
cursor: pointer;
padding: 0;
position:relative;
border-radius:100px;
transition: all 1s ease;
}
#insights .divbtncircle1:hover, .divbtncircle2:hover, .divbtncircle3:hover{
width:240px;
animation: increase-width 1s ease;
}
.bottom0{
bottom:0!important;
}
@keyframes increase-width{
from{width:200px;}
to{ width:240px;}
}
#insights .divbtncircle1 .btncircle, .divbtncircle2 .btncircle{
display: flex;
align-items: center;
justify-content: flex-start;
color: #5B23F6;
padding: 14px 20px;
font-family: var(--montreal);
font-size: 1rem;
line-height: 1 !important;
font-weight: 300;
text-decoration: none;
white-space: nowrap;
font-size: 20px;
padding: .75rem 3.5rem .75rem 0rem;
height:65px;
}
.divbtncircle3 .btncircle{
display: flex;
align-items: center;
justify-content: flex-start;
color: black;
padding: 14px 20px;
font-family: var(--montreal);
font-size: 1rem;
line-height: 1 !important;
font-weight: 300;
text-decoration: none;
white-space: nowrap;
font-size: 20px;
padding: .75rem 3.5rem .75rem 0rem;
height:65px;
}
.wpcf7-not-valid-tip{
display:none!important;
}
#insights .divbtncircle1 .bordercircle, .divbtncircle2 .bordercircle, .divbtncircle3 .bordercircle{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 44px;
border-radius: 2.0625rem;
pointer-events: none;
transition: border-color .2s ease, width .2s ease, transform .3s ease-out;
}
#insights .divbtncircle1 .textbtn, .divbtncircle2 .textbtn{
display: inline-block;
transition: transform .3s ease-out;
font-size: 20px;
padding: .75rem 1.5rem .85rem;
color:white;
padding-left:35px;
font-weight:400;
}
.divbtncircle3 .textbtn{
display: inline-block;
transition: transform .3s ease-out;
font-size: 20px;
padding: .75rem 1.5rem .85rem;
color:black;
padding-left:35px;
font-weight:400;
}
.arrow-5 {
width:20px;
height:15px;
display: grid;
overflow: hidden;
position: absolute;
right: 25px;
}
.arrow-5:before,
.arrow-5:after {
content: "";
grid-area: 1/1;
background: white;
clip-path: polygon( 56.932% 4.881%,95.116% 46.385%,95.116% 46.385%,95.748% 47.194%,96.24% 48.078%,96.592% 49.019%,96.803% 49.999%,96.873% 50.997%,96.803% 51.995%,96.592% 52.974%,96.24% 53.916%,95.748% 54.8%,95.116% 55.608%,56.932% 97.113%,56.932% 97.113%,56.188% 97.8%,55.375% 98.335%,54.509% 98.717%,53.608% 98.946%,52.689% 99.023%,51.771% 98.946%,50.87% 98.717%,50.004% 98.335%,49.19% 97.8%,48.447% 97.113%,48.447% 97.113%,47.814% 96.304%,47.322% 95.42%,46.971% 94.479%,46.76% 93.499%,46.689% 92.501%,46.76% 91.503%,46.971% 90.524%,47.322% 89.582%,47.814% 88.698%,48.447% 87.89%,76.388% 57.519%,6% 57.519%,6% 57.519%,5.027% 57.433%,4.104% 57.186%,3.243% 56.791%,2.456% 56.26%,1.757% 55.608%,1.158% 54.849%,0.67% 53.994%,0.306% 53.058%,0.079% 52.055%,0% 50.997%,0% 50.997%,0.079% 49.939%,0.306% 48.936%,0.67% 48%,1.158% 47.145%,1.757% 46.385%,2.456% 45.734%,3.243% 45.203%,4.104% 44.808%,5.027% 44.561%,6% 44.475%,76.388% 44.475%,48.447% 14.104%,48.447% 14.104%,47.814% 13.296%,47.322% 12.412%,46.971% 11.47%,46.76% 10.491%,46.689% 9.493%,46.76% 8.495%,46.971% 7.515%,47.322% 6.574%,47.814% 5.69%,48.447% 4.881%,48.447% 4.881%,49.19% 4.194%,50.004% 3.659%,50.87% 3.277%,51.771% 3.047%,52.689% 2.971%,53.608% 3.047%,54.509% 3.277%,55.375% 3.659%,56.188% 4.194%,56.932% 4.881% );
animation: a5 1s ease;
transform: translate(calc(0% + var(--s,0%)));
}
.divbtncircle3 .arrow-5:before,.divbtncircle3 .arrow-5:after{
background:black;
}
#insights .divbtncircle1:hover .arrow-5,.divbtncircle2:hover .arrow-5,.divbtncircle3:hover .arrow-5 {
animation: arrow-animated .8s ease;
}
@keyframes arrow-animated {
0% {
height: 0;
}
100% {
height: 15px;
}
}
.arrow-5:after {
--s:-100%;
}
@keyframes a5 {
80%,100%{transform: translate(calc(100% + var(--s,0%)))}
}
/*end insights button */
.diseno-grande{
height:520px;
}
.diseno-grande2 {
height: 500px;
}
.diseno-grande2 .card-body{
padding-top:0;
}
/* The Overlay (background) */
#banner .overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(91,35,249, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* The Overlay (background) */
#ibanner .overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(91,35,249, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* The Overlay (background) */
#ibanner-insights .overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(91,35,249, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
#banner2 .overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(91,35,249, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
position: relative;
/*top: 15%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: left; /* Centered text/links */
/*margin-top: 30px;
padding-left: 10%;/* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 40px;
color: white;
display: block; /* Display block instead of inline */
transition: 0.3s; /* Transition effects on hover (color) */
font-family: 'Turbine';
font-weight: 900;
text-transform: uppercase;
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 15px;
right: 25px;
font-size: 60px;
}
.overlay .idioma {
position: absolute;
top: 40px;
right: 100px;
font-size: 25px;
padding-left:10px;
padding-right: 10px;
border:1px solid white;
z-index: 10;
border-radius: 15px;
font-weight: 200;
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
.logo-menu-fixed{
display: none;
position: absolute;
left: 7%;
}
.menu-button_button__IPtJh {
position: absolute;
width: 48px;
height: 48px;
border-radius: 50%;
background: hsla(0, 0%, 100%, 0);
display: flex!important;
align-items: center;
justify-content: center;
border:0px;
right: 8%;
top: 25px;
}
.menu-button_button__IPtJh:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .4);
mix-blend-mode: difference;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
opacity: 0;
transition: opacity .2s ease-in-out;
}
#myHeader {
transition: transform 0.3s ease-in-out;
}
.card{
border:0;
}
.btn-lightmod{
font-family: 'Turbine';
font-size: 24px;
color: #000;
background: #E7E7F7;
padding-left: 15px;
padding-right: 15px;
border-radius: 100px;
font-weight:500;
}
.psc-rotate {
animation: rotating 9s linear infinite;
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.btn-lightmod:hover{
background:#D7D7FF;
}
.wpcf7-response-output{
background:white;
}
.swiper .swiper-wrapper,.swiper-logos .swiper-wrapper{
transition-timing-function : linear;
}
.swiper-logos .swiper-slide{
display:flex;
align-items:center;
min-height:100px;
}
.menu-button_button_block__5NYQS {
width: 24px;
height: 18px;
position: relative;
}
.menu-button_button_block__5NYQS span:first-child {
width: 100%;
/*left: 8px;*/
}
.menu-button_button_block__5NYQS span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
border-radius: 2px;
background: #fff;
transition: .4s ease-in-out .3s;
transition-property: width, left, top, transform;
}
.menu-button_button_block__5NYQS span:not(:first-child,:last-child) {
top: 50%;
transform: translateY(-80%);
}
.menu-button_button_block__5NYQS span:last-child {
width: 100%;
top: 81%;
/*transform: translateY(-100%);*/
}
.hero-sticky_fixed__pKveC {
display: flex;
align-items: center;
justify-content: end;
gap: 16px;
position: fixed;
/*right: 30px;
top: 37px;*/
z-index: 301;
/*height: 90px;*/
height: 75px;
width: 100%;
}
.hero-sticky_fixed__pKveC img{
width: 60px;
}
.hero-sticky_fixed__pKveC .menu-button_button__IPtJh{
top:25px;
}
.blur{
backdrop-filter: blur(10px);
}
.bluefill{
fill:#5B23F9;
top:5px!important;
}
.bluefill span{
background: #5B23F9!important;
}
.file{
padding-left: 1rem;
padding-right: 1rem;
}
.proyecto-file{
mask-image: url(img/folder.webp);
mask-size: 100% 100%;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 35.25rem;
display: flex;
position: relative;
transform: translate(0);
text-decoration: none;
}
.proyecto-file:hover .post-card__img-over{
opacity: 1;
}
.proyecto-card{
justify-content: center;
align-items: center;
width: 100%;
height: 23.75rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0);
}
#insights .card-title{
width: 100%;
}
.post-card__img.is-full {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.post-card__img {
z-index: 1;
object-fit: contain;
border-radius: 0;
width: 17rem;
height: 17rem;
transition: all .8s cubic-bezier(.215,.61,.355,1);
display: block;
position: relative;
transform: scale(1.01);
}
.post-card__img-over {
z-index: 2;
opacity: 0;
background-color: rgba(22, 22, 22, .25);
justify-content: center;
align-items: center;
padding-top: 2rem;
transition: opacity .2s;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.post-card__plus-wrap {
z-index: 2;
background-color: white;
color: black;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
transition: all .5s;
display: flex;
position: relative;
transform: scale(.8);
box-shadow: 0 24px 45px rgba(17, 17, 17, .15);
}
.post-card__plus {
width: 2rem;
height: 2rem;
}
.diseno-grande2 {
position: relative;
overflow: hidden;
border-radius: 10px; /* Redondeado en las esquinas */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra para efecto flotante */
}
.diseno-grande2 .card-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* La imagen cubre todo el contenedor */
z-index: 1; /* Imagen detrás del contenido */
transition: transform 0.8s ease;
}
.diseno-grande2:hover .card-img {
transform: scale(1.02); /* Zoom al hacer hover */
}
.diseno-grande2 .card-body {
position: relative;
z-index: 2; /* El contenido del card está sobre la imagen */
color: #fff; /* Color del texto */
padding: 2rem; /* Espaciado interno */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 100%); /* Gradiente para efecto de contraste */
}
.diseno-grande2 .slide__title {
margin-bottom: 10px;
font-size: 25px;
font-weight: 600;
line-height: 1.2;
color: #fff;
font-family: 'Turbine';
}
.diseno-grande2 .slide__subtitle {
margin-bottom: 10px;
max-width: 98%;
color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
font-family: 'Turbine';
}
.diseno-grande2 .taglist {
list-style: none;
display: flex;
gap: 0.3rem;
margin-top: 1rem;
padding: 0;
}
.diseno-grande2.taglist li {
font-size: 0.8rem;
background-color: rgba(255, 255, 255, 0.2); /* Fondo semitransparente */
color: #fff;
padding: 0.3rem 0.5rem;
border-radius: 5px;
}
.stretched-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3; /* Asegura que el enlace esté por encima de todo */
text-decoration: none; /* Elimina subrayado */
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .85;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
#preloader{
background-size: 100%!important;
}
/* Imagen dinamica */
.image-container {
position: relative;
overflow: hidden;
min-height: 600px;
}
.image-container img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
/*opacity: 0;
transform: translateX(-100%);
transition: opacity 0.5s ease, transform 0.5s ease;*/
transform: scaleX(0); /* Empieza con escala en X 0 (no visible) */
transform-origin: right;
transition: transform 1s ease;
}
.image-container img.active {
/*opacity: 1;
transform: translateX(0);*/
transform: scaleX(1);
transform-origin:left;
}
/* Acordeon*/
#creadores .accordion-item {
border: none;
}
#creadores .accordion-header {
font-size: 18px;
font-weight: bold;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
#creadores .accordion-header.no-border {
border-bottom: none;
}
#creadores .accordion-body {
padding: 15px;
border-bottom: 1px solid #ccc;
padding-right:12%;
}
#creadores .accordion-button{
font-weight:400;
}
/* Icono personalizado */
#creadores .accordion-button::after {
content: '';
transition: transform 0.2s ease;
display: block;
width: 24px; /* Image width */
height: 24px; /* Image height */
background-image: url('img/union.svg'); /* Replace with your image URL */
background-size: cover;
background-position: center;
position: absolute;
right: 0;
}
#creadores .accordion-button.collapsed::after {
content: '';
transform:rotate(0);
background-image: url('img/union.svg');
}
#creadores .accordion-button:not(.collapsed)::after {
content: '';
transform: rotate(0);
background-image: url('img/less.svg');
background-repeat:no-repeat;
color:#5B23F6;
font-weight:600;
height:3px;
}
/* #nuestros-servicios .accordion-button::after {
content: '';
transition: transform 0.2s ease;
display: block;
width: 24px;
height: 24px;
background-image: url('img/union.svg');
background-size: cover;
background-position: center;
position: absolute;
right: 0;
}
#nuestros-servicios .accordion-button.collapsed::after{
content:'';
transform:rotate(0);
background-image: url('img/union.svg');
}
#nuestros-servicios .accordion-button:not(.collapsed)::after {
content: '-';
transform: rotate(0);
background:none;
color:#5B23F6;
font-weight:600;
}
*/
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
/*mapa mundi*/
#mapa-contacto svg {
max-width: 100%; /* El mapa ocupar�� el 100% del ancho disponible */
height: auto; /* Mantener la proporci��n */
display: block; /* Evitar espacio extra debajo del SVG */
}
#mapa-contacto circle{
fill: #5B23F6;
}
.punto {
fill: red;
cursor: pointer;
}
/* Estilo para los puntos al hacer hover (opcional) */
.punto:hover {
fill: blue;
}
/* Contenedor para el mapa */
.mapa-container {
position: relative;
display: inline-block;
width: 100%; /* El contenedor tambi��n ocupa el 100% de su ancho */
/*max-width: 1000px; /* Limitar a un ancho m��ximo si lo deseas */
}
.map-container {
position: relative;
width: 500px;
height: 500px;
}
.circle {
cursor: pointer;
transition: fill 0.2s;
}
.circle:hover {
fill: #2980b9;
}
.line {
stroke: #5B23F6;
stroke-width: 3;
stroke-dasharray: 0; /* Inicialmente oculta */
stroke-dashoffset: 0;
transition: stroke-dasharray 1s ease, stroke-dashoffset 1s ease;
}
#line-4{
stroke-dasharray: 300;
}
.circleoff{
opacity: 0.2;
transform-origin: center;
animation: heartbeat 1s infinite;
}
.text {
font-family: Arial, sans-serif;
font-size: 28px;
font-weight:600;
fill: #000;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease-in-out;
}
@keyframes heartbeat {
0%, 100% {
opacity: 0;
width:10px;
}
50% {
opacity: 0.8;
width:40px;
}
}
/* fin mapa */
.project-card-big__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--white);
color: var(--black);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
flex: 1;
padding: 2.5rem;
display: flex;
height:2rem;
}
.post-card__param {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
opacity: .7;
letter-spacing: .06em;
text-transform: uppercase;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
font-size: .875rem;
line-height: 1.4;
display: flex;
}
.post-card__param.is-big {
opacity: 1;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
}
.collection__list.is-nest {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
white-space: nowrap;
flex-wrap: wrap;
display: flex;
position: relative;
}
.collection__list {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.collection__item.is-nest {
flex: none;
transition: opacity .1s;
display: flex;
}
.hide {
display: none !important;
}
/* Sección con video parallax */
.video-parallax {
position: relative;
height: 100vh; /* Ocupa toda la vista */
overflow: hidden; /* Oculta cualquier exceso del video */
}
.background-video {
position: fixed; /* Fijo para el efecto parallax */
top: 50%;
left: 50%;
min-width: 100%; /* Asegura que cubra el ancho */
min-height: 100%; /* Asegura que cubra el alto */
transform: translate(-50%, -50%); /* Centra el video */
z-index: -1; /* Detrás del contenido */
}
.content {
position: fixed;
top: 50%; /* Centra verticalmente */
left: 50%; /* Centra horizontalmente */
transform: translate(-50%, -50%);
color: white; /* Texto en blanco */
text-align: center;
z-index: 0; /* Encima del video */
width: 100%;
height: 100%;
}
.content h1 {
font-size: 3rem;
font-weight: bold;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); /* Sombra para mejor visibilidad */
}
.proyecto_content{
background-color: #F1F1F1;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
flex: 1;
padding: 2.5rem;
display: flex;
}
.proyecto_content h3{
color:black;
text-decoration: none!important;
}
.proyecto-icon{
display: none;
position: relative;
flex: none;
width: 1rem;
height: 1rem;
transition: opacity .2s;
}
.proyecto-file:hover .proyecto-icon {
display: inline-block ;
transition: opacity .2s;
transform: scale(1.1);
}
.proyecto-file:hover img{
transform: scale(1.1);
}
.white{
color:white!important;
}
.slider-container {
position: relative;
overflow: hidden;
width: 100%;
}
/* Format the slider element to align the slides properly */
.slider {
display: flex;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: 100%;
}
/* Style the slide elements to make them responsive and visually appealing */
.slide {
flex: 0 0 calc(100% / 3);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/*padding: 1rem;*/
}
/* Style the images and headers within the slide elements */
.slide a img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 5px;
}
.slide h3 {
margin-top: 1rem;
font-size: 1.25rem;
font-weight: bold;
text-transform: uppercase;
color: #333;
}
/* Media queries to adjust the slider's layout based on the viewport width */
@media (max-width: 1024px) {
.slide {
flex: 0 0 calc(100% / 2);
}
}
@media (max-width: 767px) {
.slide {
flex: 1 0 100%;
}
}
.gallery {
background: #EEE;
}
.gallery-cell {
width: 28%;
height: 200px;
margin-right: 10px;
background: #8C8;
counter-increment: gallery-cell;
}
.gallery-cell.is-selected {
background: #ED2;
}
/* cell number */
.gallery-cell:before {
display: block;
text-align: center;
content: counter(gallery-cell);
line-height: 200px;
font-size: 80px;
color: white;
}
.form-group {
margin-bottom: 1rem;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col {
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 1024px) {
.lg\:max-w-none {
max-width: none;
}
}
.w-full{
width: 100%;
}
.path {
stroke-width: 10;
stroke: #000000;
fill: transparent;
animation: dash 1s linear;
animation-fill-mode: forwards;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.header_header__8TudR {
padding-left: 6rem;
display: flex;
align-items: center;
}
.header_header_flex__0frWC, .header_header_logo__4pTw5 {
width: 240px;
flex-shrink: 0;
display: flex;
}
.home-link_root__Vx_er {
position: relative;
}
.home-link_logo__aJpeH {
display: flex;
align-items: center;
background: transparent;
border:0;
}
.banner-homepage .home-link_logo__aJpeH {
padding-top:100px;
}
.home-link_logo_icon__sErlR {
width: 240px;
flex-shrink: 0;
}
.home-link_logo_text__2PLuy {
margin-left: 9px;
font: 600 18px / 1.2 Inter;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.header_header_nav__9fvI6 {
background: #fff;
padding-inline: 36px;
border-radius: 1000px;
display: flex;
align-items: center;
margin-inline: auto;
}
.header_header_flex__0frWC, .header_header_logo__4pTw5 {
width: 340px;
flex-shrink: 0;
display: flex;
}
.deje-mensaje{
margin-top:34px;
}
.banner-homepage .header_header_logo__4pTw5{
position: absolute ;
z-index: 999;
}
.header_header_nav_item__th65D {
padding: 18px 20px;
font: 600 15px / 1.1 Inter;
color: #2e2f30;
}
.header_header_nav_item__th65D>span {
height: 1em;
overflow: hidden;
display: flex;
flex-direction: column;
}
.header_header_nav_item__th65D>span span {
height: 1em;
transition: transform .3s ease-in-out;
display: inline-block;
}
.people__card img {
max-width: 100%;
vertical-align: middle;
display: inline-block;
}
.swiper-wrapper {
flex: none;
align-items: flex-start;
display: flex;
}
.swiper-slide {
flex: none;
}
.swiper-slide .people__card {
/*mask-image: url(img/folder.png);*/
mask-size: 100% 100%;
position: relative;
overflow: hidden;
height: 493px;
/*background-color: #111b1a;*/
border-radius:10px;
/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);*/
}
@media (max-width: 1699px) {
.swiper-slide .people__card {
height: 446px;
}
}
@media (max-width: 1199px) {
.cardlargo .swiper-slide .people__card{
height:560px;
}
}
@media (max-width: 991px) {
.swiper-slide .people__card {
height: 400px;
}
}
@media (max-width: 767px) {
.swiper-slide .people__card {
height: 390px;
}
#swiper-proyectos .swiper-slide .people__card, #swiper-post .swiper-slide .people__card {
height: 353px;
}
.swiper-vacantes .swiper-slide .people__card {
height: 309px;
}
}
.text-transform-none{
text-transform:none!important;
}
.swiper-slide .people__card .people__card__image {
display: inline-block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
z-index: 2;
margin-left: -100px;
width: 135%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
border-radius: 13px;
transition: transform 0.7s;
z-index:-1;
}
.swiper-slide .people__card .portada_larga{
object-position: bottom center;
}
.swiper-slide .people__card .people__card__image:after{
display: block;
position: relative;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
margin-top: -150px;
height: 150px;
width: 100%;
content: '';
}
.swiper-slide.is-active .people__card__image {
/*transform: translateX(100px);*/
}
.swiper-slide .people__card:hover .people__card__image{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.swiper-slide:hover .people__card__content .slide__title{
color:#fff;
}
.swiper-slide .people__card__image {
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top-1:after{
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.ps-timeline-sec .container ol.ps-timeline li:hover span.ps-sp-top-1:after{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after{
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.ps-timeline-sec .container ol.ps-timeline li:hover span.ps-sp-top:after{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.icita{
font-size:18px;
font-family:'Turbine';
line-height:20px;
}
.autor{
font-size:16px;
font-style:italic;
color:black;
}
.people__card__content {
position: absolute;
z-index: 3;
display: flex
;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 15px;
background: transparent;
transition: 0.3s;
justify-content: end;
bottom: 0;
padding:2em;
}
/*#swiper-post .swiper-slide .people__card__content {
position: absolute;
z-index: 3;
display: flex
;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 15px;
background: transparent;
transition: 0.3s;
justify-content: start;
top: 0;
padding: 2em;
}*/
.insights-cards .people__card__content{
justify-content: normal;
min-height: 180px;
max-height: 245px;
}
.divsfooter div{
padding-left:1em;
padding-right:1em;
}
.divsfooter div:nth-child(1){
min-width: 150px; /* Aplica un ajuste de 10px en el ancho m��ximo */
}
.divsfooter div:nth-child(2){
min-width: 210px; /* Aplica un ajuste de 10px en el ancho m��ximo */
}
.people__card__content .slide__number {
margin-bottom: 30px;
opacity: 1;
font-size: 32px;
font-weight: 300;
color: #ebefe3;
}
.accordion-oficinas .accordion-button {
position: relative;
font-size:28px;
line-height:30px;
padding-top:20px;
padding-right:50px;
padding-bottom:20px;
border-bottom:1px solid #B6B6B6;
font-family:'Turbine';
font-weight:500;
}
.accordion-oficinas .accordion-body p{
font-size:25px;
font-family:'Turbine';
}
/*.accordion-oficinas .accordion-button:before {
position: absolute;
content: "+";
right: 10px;
top: 5px;
color:#5B23F6;
font-size:50px;
}
.accordion-oficinas .accordion-button[aria-expanded="false"]:before {
padding-top:20px;
content: "+";
}
.accordion-oficinas .accordion-button[aria-expanded="true"]:before {
padding-top:20px;
content: "-";
}*/
.insights_people__card {
/*mask-image: url(img/folder.png);*/
mask-size: 100% 100%;
position: relative;
overflow: hidden;
height:450px;
border-radius:10px;
/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);*/
}
.insights_people__card .people__card__image {
display: inline-block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
z-index: 2;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
border-radius: 13px;
transition: transform 0.7s;
z-index:-1;
}
.insights_people__card:hover{
transition: all ease .4s;
}
.insights_people__card:hover .people__card__image{
transform: scale(1.02);
transition: all .8s cubic-bezier(.215,.61,.355,1);
}
@media (max-width: 1199px) {
.people__card__content .slide__number {
margin-bottom: 20px;
font-size: 24px;
}
}
@media (max-width: 1199px) {
.people__card__content .slide__number {
font-size: 20px;
}
}
.people__card__content .slide__title {
margin-bottom: 10px;
font-size: 25px;
font-weight: 600;
line-height: 1.2;
color: #fff;
font-family: 'Turbine';
}
.cardlargo .people__card__content .slide__title{
font-size:40px;
}
.proyectos-page.people__card__content .slide__title {
margin-bottom: 10px;
font-size: 44px!important;
font-weight: 500;
line-height: 1.2;
color: #fff;
font-family: 'Turbine';
}
@media (max-width: 1199px) {
.people__card__content .slide__title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.people__card__content .slide__title {
font-size: 20px!important;
line-height: 20px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media(min-width:1920px){
.insights_people__card {
height:600px;
}
}
.swiper-button-prev::after {
background-image: url(img/leftwhitearrow.svg);
background-repeat: no-repeat;
width: 58px;
height: 58px;
color: #FFFFFF00;
display: block;
opacity: .8;
margin-left: 15px;
padding: 15px;
/* background: white; */
border-radius: 50%;
background-position: center;
background-color: #5B23F6;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(5px);
}
.swiper-button-prev.swiper-button-disabled::after{
background-image: url(img/leftarrow.png);
background-color: rgba(255, 255, 255, 0.3);
}
.swiper-button-next.swiper-button-disabled::after{
background-image: url(img/rightarrow.svg);
background-color: rgba(255, 255, 255, 0.3);
}
.swiper-button-next::after {
background-image: url('img/arrow-right-white.svg');
background-repeat: no-repeat;
width: 58px;
height: 58px;
color: #FFFFFF00;
display:block;
opacity:.8;
position: absolute;
right: 5%;
padding: 15px;
/* background: white; */
border-radius: 50%;
background-position: center;
background-color: #5B23F6;
/*backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(5px);*/
}
.swiper-slide a:hover .people__card img{
transform: scale(1.05);
}
#swiper-team .swiper-button-next::after, #swiper-proyectos .swiper-button-next::after{
background-image: url('img/rightarrow.svg');
}
#swiper-team .swiper-button-prev::after, #swiper-proyectos .swiper-button-prev::after{
background-image: url('img/leftarrow.png');
}
#swiper-proyectos .swiper-button-next::after, #swiper-proyectos .swiper-button-prev::after, #swiper-team .swiper-button-next::after, #swiper-team .swiper-button-prev::after{
background-color:rgb(255,255,255,.4);
}
#swiper-post .swiper-button-next::after, #swiper-vacantes .swiper-button-next::after{
background-image: url('img/rightarrow.svg');
}
#swiper-post .swiper-button-prev::after, #swiper-vacantes .swiper-button-prev::after{
background-image: url('img/leftarrow.png');
}
#swiper-post .swiper-button-next::after, #swiper-post .swiper-button-prev::after, #swiper-vacantes .swiper-button-next::after, #swiper-vacantes .swiper-button-prev::after{
background-color:rgb(255,255,255,.4);
}
.swiper-cocreadores .swiper-button-next::after, .swiper-cocreadores .swiper-button-prev::after{
opacity:1;
}
.swiper-cocreadores .swiper-button-next:hover::after, .swiper-cocreadores .swiper-button-prev:hover::after{
opacity:1;
background-color: rgba(91,35, 246, 1);
}
.taglist{
display: inline-flex;
list-style: none;
padding-left: 0;
margin-bottom:0;
}
.taglist li{
border: 1px solid white;
padding: 2px 10px;
border-radius: 15px;
display: flex;
margin: 3px;
color: white;
font-size: 13px;
font-family: 'Turbine';
font-weight: 300;
}
.taglist li a{
color:white;
font-family:'Turbine';
font-size:13px;
text-decoration:none;
font-weight:400;
}
.pout{
padding-top:15rem!important;
}
.taglist-proyectos{
display: inline-flex;
list-style: none;
padding-left: 0;
margin-bottom:0;
}
.taglist-proyectos li{
background:#F3F3F3;
padding: 8px 17px;
border-radius: 100px;
display: flex;
margin: 3px;
font-family:'Turbine';
}
.taglist-proyectos li a{
color:#424141;
font-family:'Turbine';
font-size:16px;
text-decoration:none;
}
.slide__subtitle p{
color:white;
}
.btn-verproyecto{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 25px;
padding-right: 25px;
background: blue;
color: white;
border-radius: 100px;
font-size: 20px;
text-decoration: none;
}
.btn-verproyecto ion-icon{
font-size: 19px;
transition: all 0.5s linear;
padding: 20px 20px;
background: #5B23F6;
border-radius: 50%;
margin-left: 5px;
}
.btn-verproyecto:hover ion-icon {
transform: rotate(-90deg);
}
.btnshow {
display: flex;
justify-content: center;
align-items: center;
min-width:220.52px;
min-height: 64px;
font-family: 'Turbine';
border: none;
border-radius: 100px;
cursor: pointer;
font-weight: 400;
text-decoration: none;
transition: all 0.5s linear;
color:white;
transition:all .8s ease;
}
.btnshow span {
font-size: 21px;
font-weight: 500;
padding: 17px 58px;
background: #5B23F6;
border-radius:100px;
z-index:2;
}
.btnshow2 span{
background:#4C1DCE;
}
.btnshow3{
height:56px;
}
.btnshow3 span{
font-size:18px;
}
.btnshowp span{
padding:13px 30px;
font-size:20px;
}
.title-proyecto{
padding-bottom: 0;
margin-bottom: 0!important;
padding-left: 15px;
font-size:40px!important;
font-weight:600!important;
color:black;
}
.title-insight{
font-size:40px;
font-family:'Turbine';
font-weight:600;
line-height:40px;
}
.excerpt-proyectos{
font-size:20px!important;
}
ion-icon {
font-size: 24px;
transition: all 0.5s linear;
padding: 20px 20px;
background: #5B23F6;
border-radius: 50%;
margin-left: 5px;
z-index:3;
}
.btnshowp ion-icon{
font-size:20px;
padding:18px 18px;
max-height:56px;
}
.btnshow2 ion-icon{
background:#4C1DCE;
}
.btnshow:hover ion-icon {
transform: rotate(-90deg);
}
.yellow {
/* background: #0ebac5; */
background: none;
color: white;
transition: all 0.5s linear;
}
.yellow::before {
content: "";
display: block;
width: 30px;
height: 100%;
background-color:#5B23F6;
position: absolute;
border-radius: 100px;
left: 10em;
z-index: 1;
}
.yellow2::before{
left:10em;
/*background-color:#4C1DCE;*/
}
.yellow3::before{
left:6em;
background-color:#4C1DCE;
}
.yellow4::before{
left:8.5em;
}
.yellowp::before{
left:6.5em;
height:56px;
}
.yellowp2::before{
left:4.5em;
height:56px;
}
.yellow5::before{
left:5em;
}
.yellow:hover::before {
width:180px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.yellowp:hover::before {
width:105px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.yellowp2:hover::before {
width:85px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
@keyframes left-animated {
0% {
width: 3em;
}
100% {
left: 12em;
}
}
.w-50{
width:50%;
}
.yellow2:hover:before{
width:125px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.yellow3:hover:before{
width:210px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.yellow4:hover:before{
width:110px;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.btnshow:hover ion-icon {
transform: translateX(-60px);
transition: ease .5s;
transition-delay: .3s;
}
.btnshow:hover .ionp {
transform: translateX(-32px)!important;
transition: ease .5s;
transition-delay: .3s;
}
#mensaje h2{
font-size:80px;
font-family:"Turbine","Montserrat";
font-weight:600;
color: grey; /* Color inicial */
overflow: hidden;
}
#mensaje h2 span{
display: inline-block;
color: grey;
transition: color 0.3s ease;
}
.scroll-reveal-text h2{
color:hsl(0 0% 0% / 0.4);
background-clip:text;
background-size:0% 100%;
background-repeat:no-repeat;
background-image:linear-gradient(27deg,black,black);
animation: scroll-reveal linear forwards;
animation-timeline: view(y);
animation-range-start:contain 10vh;
animation-range-end:contain 30vh;
}
.scroll-reveal-text h2 span{
}
@keyframes scroll-reveal{
to { background-size: 100% 100%; }
}
#mensaje h3{
color:#8E8E8E;
font-size:40px;
font-weight:400;
}
.people__card__content .slide__subtitle {
margin-bottom: 10px;
max-width: 98%;
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 1.2;
font-family: 'Turbine';
}
/*carousel proyectos*/
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 12px!important;
height: 12px!important;
border-radius: 50%;
margin-right: 10px!important;
margin-left: 10px!important;
text-indent: -999px;
background-color: rgba(255, 255, 255, .6);
}
.carousel-inner{
max-height:100vh;
}
.carousel-indicators .active{
background-color: rgba(255, 255, 255, 1);
}
.carousel-indicators li::marker{
content:'';
}
#proyectos .people__card__content .slide__subtitle {
font-size: 13px;
}
.proyectos-page .people__card__content .slide__subtitle {
font-size: 20px!important;
font-weight:400;
}
.proyectos-page .slide__title{
font-size:44px;
}
@media (max-width: 1199px) {
.people__card__content .slide__subtitle {
font-size: 15px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.people__card__content .slide__subtitle {
font-size: 14px;
max-width: 100%;
}
.index-banner-h1 {
font-size:35px!important;
left:2rem;
}
#banner .word{
font-size: 25px;
}
.header_header__8TudR{
padding-left:2rem;
}
.header_header_flex__0frWC, .header_header_logo__4pTw5{
width: 200px;
}
}
.people__card__content .slide__btn, .slide__btn2, .btn_see_project {
display: flex;
/*justify-content: center;*/
align-items: center;
padding: 5px 60px 5px 15px;
border: 1px solid #5B23F9;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.3s;
position: relative;
margin-top:15px;
background: white;
}
.btn_see_project {
display: flex;
/*justify-content: center;*/
align-items: center;
padding: 5px 60px 5px 15px;
border: 1px solid #5B23F9;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.3s;
position: relative;
margin-top:15px;
background: white;
width:220px;
float: right;
font-family: 'Turbine';
font-weight: bold;
}
.btn_see_project:hover{
color:white;
background-color: #5B23F9;
}
@media (max-width: 767px) {
.people__card__content .slide__btn {
/*padding: 10px 20px;*/
padding:5px 40px 5px 15px;
border-radius: 20px;
}
}
#nuestros-servicios h2, #proyectos-destacados h2{
font-size: 63px;
line-height: 55px;
}
#proyectos-destacados .descripcion1{
font-size:38px;
}
.people__card__content .slide__btn:hover, .slide__btn2:hover {
background-color: #5B23F9;
}
.people__card__content .slide__btn:hover .slide__btn__text, .slide__btn2:hover .slide__btn__text {
color: #fff;
}
.people__card__content .slide__btn:hover .slide__btn__icon path, .slide__btn2:hover .slide__btn__icon path {
color: #fff;
}
.people__card__content .slide__btn .slide__btn__text, .slide__btn2 .slide__btn__text {
margin-right: 5px;
font-size: 15px;
font-weight: 500;
color: #5B23F6;
transition: color 0.3s;
font-family: 'Turbine';
position: relative;
font-weight: 600;
}
.slide__btn2 .slide__btn__text{
font-size: 30px;
}
@media (max-width: 767px) {
.people__card__content .slide__btn .slide__btn__text, .slide__btn2 .slide__btn__text {
font-size: 14px;
}
}
.people__card__content .slide__btn .slide__btn__icon, .slide__btn2 .slide__btn__icon, .slide__btn__icon {
width: 20px;
/* font-size: 20px; */
position: absolute;
right: 0;
top: 8px;
margin: auto;
}
@media (max-width: 767px) {
.people__card__content .slide__btn .slide__btn__icon {
font-size: 18px;
}
}
.people__card__content .slide__btn .slide__btn__icon path {
color: #5B23F9;
transition: 0.3s;
}
.swiper-slide .people__card .slide__gradient {
position: absolute;
z-index: 2;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
/*background-image: linear-gradient(111deg, #000, rgba(0, 0, 0, 0.15) 60%);*/
}
.swiper-slide .people__card .slide__gradient2 {
position: absolute;
z-index: 2;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
/*background-image: linear-gradient(111deg, #000, rgba(0, 0, 0, 0.15) 60%);*/
}
#preloader {
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100vh;
background: #F6F6F6;
z-index: 9999;
transition: all 0.4s ease;
}
.loader {
position: absolute;
height: 100vh;
width:100%;
/*top: 50%; left: 50%;
transform: translate(-50%,-50%);*/
transition: 0.4s;
}
.loader .loader_text {
font-size: 170px;
font-weight: 600;
color: #000;
margin: 20px auto;
text-align: center;
}
.loader .loader_bar {
position: relative;
width: 500px;
height: 12px;
background: #EDEEF7;
border-radius: 50px;
}
.loader .loader_bar:before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: #0075F6;
border-radius: 50px;
animation: zoomOut 0.3s ease;
}
@keyframes fill {
0% { width: 0% }
100% { width: 100% }
}
@keyframes zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.mas-proyectos .people__card__content .slide__subtitle{
font-size: 13px;
}
.mas-proyectos .people__card__content{
max-height: 180px;
min-height: 180px;
}
.mas-proyectos .people__card{
height: 280px;
}
h2{
font-size:75px;
}
.left-and-right {
position: relative;
padding-left: 25px;
}
.left-and-right::before {
content:'';
position: absolute;
background-color: #5B23F9;
width: 16px;
height: 90%;
bottom: 0;
left:-7px;
}
/* swper coocreadores*/
/* Botones de navegaci��n */
.swiper-cocreadores .swiper-button-prev,
.swiper-cocreadores .swiper-button-next {
position: absolute;
bottom: -80px;
width: 58px;
height: 58px;
background-color: #E7E7F7;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.swiper-cocreadores .swiper-button-next::after{
right:0;
}
.swiper-cocreadores .swiper-button-next:hover::after{
background-color:#501ce0;
background-image: url(img/arrow-right-white.svg);
}
.swiper-cocreadores .swiper-button-prev:hover::after{
background-color:#501ce0;
background-image: url(img/leftwhitearrow.svg);
}
.swiper-cocreadores .swiper-button-prev::after{
margin-left:0;
}
.swiper-cocreadores .swiper-button-prev:hover,
.swiper-cocreadores .swiper-button-next:hover,
.swiper-cocreadores .swiper-button-prev:focus,
.swiper-cocreadores .swiper-button-next:focus,
.swiper-cocreadores .swiper-button-prev:active,
.swiper-cocreadores .swiper-button-next:active{
/*background-color: #5B23F6;*/
color:white;
/*transform: scale(1.1);*/
}
.swiper-cocreadores .swiper-button-prev {
left: 50%;
transform: translateX(-60px);
}
.swiper-cocreadores .swiper-button-next {
left: 50%;
transform: translateX(20px);
}
#contacto-section .card-clickable{
background:black;
border-radius:10px; height:250px;
}
#contacto-section .card-clickable:hover{
background:#5B23F6;
}
.vh60{
min-height:60vh;
}
#projects .left-and-right, #conversemos .left-and-right{
line-height: 30px;
}
#projects h2, #insights h2, #partners h2, #nuestros-servicios h2,#proyectos-destacados h2, #articulos-relacionados h2, #cocreadores h2, #logros h2, #conversemos h2, #cocreadores h2{
font-size: 90px;
font-weight: 600;
line-height: 1.1;
/*display: inline-grid;
justify-content: start;*/
}
.title .large-text {
font-size: 90px;
}
#projects h2 span, #insights h2 span, #partners h2 span, #nuestros-servicios h2 span,#proyectos-destacados h2 span, #articulos-relacionados h2 span, #cocreadores h2 span, #logros h2 span, #conversemos h2 span, #cocreadores h2 span{
font-size:24px;
font-weight:400;
/*line-height:36px;*/
padding-left:3px;
display:block;
}
#logros .mash2{
font-size:39px!important;
}
#logros .mash3{
font-size:55px!important;
line-height:40px;
}
#logros .descripcionp{
font-size:20px;
font-weight:400;
line-height:40px;
}
#logros .card-logros{
padding-left:30px;
padding-right:25px;
}
.suscribe-button{
font-size:24px;
color:black;
font-weight:500;
padding:15px;
padding-left:35px;
padding-right:105px;
background:#E7E7F7;
text-decoration:none;
border-radius:100px;
position:relative;
}
.suscribe-button::after{
content:'';
position:absolute;
right:30px;
top:19px;
background:url(img/rightarrow.svg);
background-size: cover;
background-position: center;
width:24px;
height:22px;
}
#suscribe hr{
opacity:.6;
}
.containerteam{
background-size: 100% 100%!important;min-height:540px;border-radius:10px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
color:white!important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
color:white!important;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-weight: 900!important;
}
.left-and-right2 {
position: relative;
padding-left: 25px;
}
.left-and-right2::before {
content:'';
position: absolute;
background-color: #5B23F9;
width: 16px;
height: 110%;
bottom: -5px;
left:-7px;
}
.card-vacante .slide__btn:hover .slide__btn__text{
color:white!important;
}
.left-and-right3 {
position: relative;
padding-left: 25px;
}
.left-and-right3::before {
content:'';
position: absolute;
background-color: #5B23F9;
width: 16px;
height: 110%;
bottom: -5px;
left:-7px;
}
.left-and-right2{
font-size:60px;
line-height: 50px;
}
.left-and-right3{
font-size:60px;
line-height: 50px;
}
.left-and-right2 .descripcion1{
font-size: 50px;
}
.left-and-right3 .descripcion1{
font-size: 50px;
}
.btn-blue{
font-family: 'Turbine';
font-size: 21px;
color:white;
background: #5B23F6;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px;
}
.btn-blue2{
font-family: 'Turbine';
font-size: 20px!important;
color:white!important;
background-color: #5B23F6;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px!important;
width: 100%!important;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 0!important;
}
.btn-blue3{
font-family: 'Turbine';
font-size: 20px!important;
color:white!important;
background-color: #5B23F6;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px!important;
width: 100%!important;
padding-top:10px;
padding-bottom: 10px;
border-bottom: 0!important;
}
.fproy .btn-blue2{
border-bottom: 2px solid #5B23F6!important;
}
.fproy .btn-blue3{
border-bottom: 2px solid #5B23F6!important;
}
.border-25{
border-radius: 25px!important;
}
.btn-blue:hover, .btn-blue2:hover{
border:2px solid #5b23f6;
color:#5b23f6!important;
}
.btn-blue3:hover{
background:#4211C9;
color:white!important;
}
.btn-white{
font-family: 'Turbine';
font-size: 22px;
color:#5B23F6;
background: transparent;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px;
border:2px solid #5b23f6;
background-image: url('img/nav-bg-fill-blue.png');
background-repeat: repeat-x;
background-position: 0 -100%;
transition: 1.5s ease;
}
.btn-white:hover{
border:2px solid #5b23f6;
color:#fff;
background-position: center;
}
.pth{
height:540px
}
.btn-whitec{
font-family: 'Turbine';
font-size: 22px;
color:#fff;
background: transparent;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px;
border:2px solid #fff;
/* background-image: url('img/nav-bg-fill-blue.png');*/
background-repeat: repeat-x;
background-position: 0 -100%;
transition: 1s ease;
}
.btn-whitec:hover{
border:2px solid #5b23f6;
color:#fff;
background-position: center;
background-color:#5b23f6;
}
.card-body{
background: #F1F1F1;
z-index: 88;
padding-left:2em;
}
.card-body h5{
font-family: 'Turbine';
font-size:36px;
font-weight: 600;
color:black;
}
#insights .card-body h5{
font-size: 35px!important;
}
.card-body .card-text{
font-family: 'Turbine';
font-size:20px;
font-weight: 400;
color:black;
}
#insights .card-body .card-text, #insights .card-body span{
font-size: 14px;
font-family:'Turbine';
}
#insights .card-body span{
font-weight:400;
}
#insights .diseno-grande .card-text, #insights .diseno-grande span{
font-size:18px;
font-family:'Turbine';
color:white;
}
#insights .diseno-grande span{
font-weight:400;
}
.wpcf7-form-control-wrap{
margin-right:10px;
}
#insights .card-img-top{
/*height: 416px;*/
height:100%;
object-fit: cover;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
transition: all ease .4s;
}
#insights .card, .card{
overflow: hidden ;
border-radius:10px;
}
#insights .card:hover{
/*transform: scale(0.98);*/
transition: all ease .4s;
}
#insights .card:hover .card-img-top, #insights .swiper-slide:hover .people__card__image{
transform: scale(1.02);
transition: all ease .4s;
transition: all .8s cubic-bezier(.215,.61,.355,1);
}
#insights .card-body{
height: 230px;
padding-top:30px;
position:absolute;
background:transparent;
color:white;
}
#insights .card__big .card-img-top{
height: 860px;
}
#insights .card__big .card-body{
height: 481px;
}
#insights .card__big h5{
font-size: 38px!important ;
}
@media (min-width:1900px){
#insights .card__big .card-body{
height: 406px;
}
}
#insights .quienes-mas h2{
font-size: 50px!important;
line-height: 50px!important;
}
/*proyecto slider*/
#proy-slider {
position: relative;
width: auto;
height: 68vh;
overflow: hidden;
}
#proy-slider .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transform: translateY(100%);
transition: all .8s ease-in-out;
border-radius:10px;
align-items:start;
padding:2em;
text-transform:none;
opacity:0;
}
#proy-slider h2{
font-size:44px;
color:white;
font-family:"Turbine";
justify-content:start;
}
#proy-slider p{
color:white;
font-size:20px;
font-family:"Turbine";
}
#proy-slider .slide.active {
/*top: 0;*/
transform: translateY(0%);
/*transition: all 1s ease;*/
opacity:1;
z-index: 1;
}
#proy-slider .slide.prev {
/*top: -100%;*/
transform: translateY(-100%);
/*transition: all 1s ease;*/
z-index: 0;
}
#proy-slider .slide.next {
/*top: 100%;*/
transform: translateY(100%);
/*transition: all 1s ease;*/
z-index: 0;
}
/*fin proyecto slider*/
.w-50{
width: 50%;
}
.text-right{
text-align: right;
}
#contacto-section h2{
font-family: Turbine;
font-size: 45px;
font-weight: 200;
padding-right: 20px;
line-height: 40px;
}
#suscribe label{
color:#5B23F6;
font-family: 'Turbine';
font-weight: 200;
}
#contacto-section h3{
font-family: 'Turbine';
font-size:28px;
font-weight: 600;
}
#contacto-section .descripcion{
font-family: 'Turbine','Montserrat';
font-size:20px;
font-weight: normal;
line-height: 22px;
}
.emailfield{
background:#E7E7F7;margin-right: 15px;font-size:1.5rem;min-height:70px;
border-radius:15px;
padding-left:1.5em!important;
font-weight:500;
}
.emailfield::placeholder {
color: #818181;
}
.emailfield:not(:placeholder-shown) {
color: black; /* Cambia el color del texto a negro cuando hay texto */
}
.ciudad{
font-family: 'Turbine';
font-weight: 200;
}
#suscribe h2{
font-family: 'Turbine','Montserrat';
font-size: 48px;
font-weight: 500;
line-height: 50px;
}
.carousel-inner img {
width: 100%;
height: 100%;
}
#suscribe h3{
font-family: 'Turbine','Montserrat';
font-size:28px;
font-weight: normal;
line-height: 1;
width:70%;
}
#suscribe .container{
/*border:1px solid #5B23F6;*/
border-radius: 30px;
padding:30px;
}
#top-footer h2{
color:#5B23F9;
font-size:74px;
font-family: 'Turbine';
font-weight: 500;
}
#top-footer h4{
font-family: 'Turbine';
font-size: 20px;
color:white;
font-weight: 600;
border-bottom: 1px solid #5B23F9;
width: 50%;
}
#top-footer .container-footer{
background: #F4F5F8;
border-radius: 25px;
padding:30px;
padding-top:50px;
padding-bottom: 50px;
}
#top-footer ul{
padding-left: 0;
}
#top-footer ul li{
list-style: none;
}
#top-footer ul li a{
font-family: 'Turbine';
font-size: 20px;
font-weight: 200;
color:white;
text-decoration:none;
}
#top-footer ul li a::first-letter {
text-transform: uppercase; /* Convierte la primera letra a mayúscula */
}
#top-footer ul li a:hover{
font-weight:500;
}
#top-footer .paises li a{
font-weight: 200;
}
footer h5{
font-family: 'Turbine';
font-size:13px;
font-weight: 300;
color:black;
}
.footer-logo{
justify-content: flex-end;
}
@media (max-width: 767px) {
h2, #top-footer h2{font-size:18px!important;}
#about h2{
font-size:20px!important;
}
.div-btn{
display:flex!important;
}
.btn-flecha{
width:35px;
}
#banner h1{
width:auto;
}
#ibanner h1{
width:auto;
}
#ibanner-insights h1{
width:auto;
font-size: 40px !important;
line-height: 40px !important;
}
}
.h1-interno{
font-family: 'Montserrat';
font-size: 11rem !important;
letter-spacing: 0px !important;
font-weight: 900 !important;
text-align: center !important;
left: auto !important;
top: 50% !important;
max-width: none !important;
position: relative !important;
align-items: center;
align-content: center;
transform: translateY(-50%);
}
.h1-interno-proyectos{
font-family: 'Montserrat';
font-size: 90px !important;
letter-spacing: 0px !important;
font-weight: 600 !important;
text-align: center !important;
top: 80% !important;
max-width: none !important;
position: relative !important;
align-items: center;
align-content: center;
transform: translateY(-50%);
text-transform: uppercase;
}
/*.h1-interno-insights{
font-family: 'Turbine','Montserrat';
font-size: 80px !important;
letter-spacing: 0px !important;
font-weight: 600 !important;
text-align: center !important;
line-height:90px;
top: 77% !important;
max-width: none !important;
position: relative !important;
align-items: center;
align-content: center;
transform: translateY(-50%);
text-transform: uppercase;
letter-spacing:1px!important;
}*/
.h1-interno-insights{
font-family: 'Turbine','Montserrat';
font-size: 80px !important;
letter-spacing: 0px !important;
font-weight: 600 !important;
text-align: center !important;
line-height:90px;
max-width: none !important;
position: relative !important;
align-items: center;
align-content: center;
text-transform: uppercase;
letter-spacing:1px!important;
bottom:0px!important;
}
.h1-vacantes{
font-weight:600!important;
font-size: 190px!important;
left:0!important;
padding-right: 0!important;
text-transform:none!important;
font-family:'Turbine';
}
.img-team{
transition: all ease .8s;
}
.img-team:hover{
/*transform: scale(1.2);*/
transition: all ease .2s;
}
.descripcion1{
font-family: 'Turbine';
font-size: 36px;
font-weight: normal;
text-align: center;
width: 90%;
}
#insights .descripcion1 {
font-size:22px;
line-height:25px;
}
.descripcion3{
font-family: 'Turbine';
font-size: 50px;
font-weight: normal;
text-align: center;
width: 90%;
}
.descripcion3 span{
color:#5B23F6;
font-weight: bold;
}
.descripcion2{
font-family: 'Turbine';
font-size: 25px;
font-weight: normal;
text-align: left;
width: 90%;
line-height: 30px;
color:black;
}
.descripcion_cita{
padding-top:10px;
font-family: 'Turbine';
font-size: 18px;
font-weight: normal;
text-align: left;
width: 100%;
line-height: 22px;
color:black;
padding-bottom:15px;
}
.image-container-acc{
border-radius:10px;
}
.descripcion21{
font-family: 'Turbine';
font-size: 20px;
font-weight: normal;
text-align: left;
width: 90%;
line-height: 30px;
}
.descripcion1 span{
color:#5B23F6;
font-weight: bold;
}
/* scrollear H1 home , pintar letra por letra*/
.scroll-text-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.scroll-text {
font-size: 80px;
font-weight: bold;
color: transparent; /* Base inicial para las letras */
display: inline-block;
font-family:"Turbine","Montserrat";
}
.scroll-text span {
color: #9E9B9B; /* Color inicial de las letras */
display: inline-block;
transition: color 1s ease; /* Suavizado del cambio de color */
}
.scroll-text span.visible {
color: black; /* Color final al estar visible */
}
/* fin scroll */
#ciculos{
text-align: center;
}
#circulo1:hover{
fill:red;
}
.subtitle{
color:#000;
font-family: 'Turbine';
font-size:28px;
font-weight: bold;
}
.listas li{
color:black;
font-family: 'Turbine','Montserrat';
font-size:22px;
line-height: 22px;
}
.listas li::marker{
color:#6023F4;
font-size:25px;
}
.badge{
border:1px solid #5B23F9;
color:#5B23F9;
text-transform: capitalize;
font-weight: 400;
border-radius: 20px;
font-size:14px;
padding:10px 15px;
text-decoration: none;
}
/*timeline*/
.ps-timeline-sec {
position: relative;
background: #fff;
}
.ps-timeline-sec .container {
position: relative;
}
@media screen and (max-width: 767px) {
.ps-timeline-sec .container ol:before {
background: #5B23F9;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: 130px !important;
left: 36px !important;
}
.ps-timeline-sec .container ol:after {
background: #5B23F9;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: inherit !important;
left: 36px;
}
.ps-timeline-sec .container ol.ps-timeline {
margin: 130px 0 !important;
border-left: 2px solid #5B23F9;
padding-left: 0 !important;
padding-top: 120px !important;
border-top: 0 !important;
margin-left: 25px !important;
}
.ps-timeline-sec .container ol.ps-timeline li {
height: 220px;
float: none !important;
width: inherit !important;
}
.ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
width: 70px;
}
.ps-timeline-sec .container ol.ps-timeline li:last-child {
margin: 0;
bottom: 0 !important;
height: 120px;
}
.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
bottom: 40px !important;
width: 40% !important;
margin-left: 25px !important;
margin-top: 0 !important;
}
.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
margin-bottom: 0 !important;
top: 20px;
width: 50% !important;
}
.ps-timeline-sec .container ol.ps-timeline li span {
left: 0 !important;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
content: none !important;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
content: none !important;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
content: none !important;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
content: none !important;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
position: absolute !important;
bottom: 150px !important;
width: 30% !important;
float: left !important;
margin-left: 35px !important;
margin-bottom: 0 !important;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
margin: 0 auto !important;
width: 80% !important;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
position: absolute !important;
bottom: 115px !important;
width: 30% !important;
float: left !important;
margin-left: 35px !important;
margin-bottom: 0 !important;
}
.ps-timeline-sec .container ol.ps-timeline li p {
text-align: left !important;
width: 100% !important;
margin: 0 auto !important;
margin-top: 0px !important;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
width: 60% !important;
float: right !important;
right: 0;
top: -40px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
width: 60% !important;
float: right !important;
right: 0;
top: -40px;
}
}
.ps-timeline-sec .container ol:before {
background: #5B23F9;
content: "";
border-radius: 100%;
position: absolute;
left: 8px;
top: 49.5%;
}
.ps-timeline-sec .container ol:after {
background: #5B23F9;
content: "";
border-radius: 100%;
position: absolute;
right: 8px;
top: 49.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
margin: 390px 0 0 0;
padding: 0;
border-top: 0px solid #5B23F9;
list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
float: left;
width: 20%;
padding-top: 1px;
position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
width: 0;
height: 0;
margin-left: -25px;
background: #fff;
border: none;
border-radius: 50%;
box-shadow: 0 0 0 0px #fff;
text-align: center;
line-height: 50px -10;
color: transparent;
font-size: 2em;
font-style: normal;
position: absolute;
top: 0;
left: 25%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
content: '';
color: #5B23F9;
width: 2px;
height: 180px;
background: #5B23F9;
position: absolute;
top: -180px;
left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top-1:before {
content: '';
color: #5B23F9;
width: 2px;
height: 320px;
background: #5B23F9;
position: absolute;
top: -320px;
left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
content: '';
color: #5B23F9;
width: 8px;
height: 8px;
background: #5B23F9;
position: absolute;
bottom: 180px;
left: -3px;
border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top-1:after {
content: '';
color: #5B23F9;
width: 8px;
height: 8px;
background: #5B23F9;
position: absolute;
bottom: 320px;
left: -3px;
border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
content: '';
color: #5B23F9;
width: 2px;
height: 50px;
background: #5B23F9;
position: absolute;
bottom: -50px;
left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
content: '';
color: #5B23F9;
width: 8px;
height: 8px;
background: #5B23F9;
position: absolute;
top: 90px;
left: 44%;
border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
position: absolute;
bottom: 0;
margin-bottom: 130px;
width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
display: table;
margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
position: absolute;
margin-top: 60px;
width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
display: table;
margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
text-align: center;
width: 80%;
margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
position: absolute;
bottom: 0;
margin-bottom: 272px;
left:20%;
min-width: 300px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top-1 {
margin-bottom: 132px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
position: absolute;
margin-top: 35px;
}
.subtitle-timeline{
font-family: 'Turbine','Montserrat';
font-size: 38px;
font-weight: 900;
line-height: 30px;
}
.description-timeline{
font-family: 'Montserrat';
font-size: 18px;
line-height: 20px;
font-weight: bold;
}
.h1-interno2{
font-family: 'Turbine';
font-size:96px!important;
font-weight: normal!important;
min-height: auto!important;
top:70%!important;
height: auto!important;
}
.h1-interno2{
font-family: 'Turbine';
font-size:96px!important;
font-weight: normal!important;
min-height: auto!important;
top:70%!important;
height: auto!important;
}
.h1-interno3{
font-family: 'Turbine';
font-size:96px!important;
font-weight: normal!important;
min-height: auto!important;
top:70%!important;
height: auto!important;
bottom:0!important;
}
.h1-proyectos{
top:80%!important;
}
.form-proyecto select, .form-proyecto input, .fproy textarea{
border:0;
/*border-bottom: 2px solid #5B23F9;*/
color:#565555;
font-family: 'Turbine';
font-size: 24px;
width:30%;
border-radius: 0!important;
box-shadow:0;
font-weight:400;
}
.fproy input:not([type="submit"]), .fproy textarea{
/*border-bottom: 2px solid black;*/
/* background: linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px), #f2f2f2;
background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;*/
background-color: #E7E7F7;
color:#818181!important;
padding:15px;
padding-left:1.5em;
border-radius:10px!important;
}
.fproy input::focus, .fproy textarea::focus{
background-color: #E7E7F7;
}
.form-proyecto select{
-webkit-appearance: none;
}
.form-proyecto input::placeholder, .fproy textarea::placeholder {
color:#818181;
font-family:"Turbine";
font-weight:400;
}
.form-proyecto option{
/*background: rgb(167,167,167,11%);*/
background: #F4F5F8!important;
border:0!important ;
font-size:20px;
}
.form-proyecto option:last-child {
bordor-bottom:1px solid #5b233f6!important;
}
.form-proyecto option:hover{
background-color: #e7e7e7!important;
box-shadow: 0 0 10px 100px #1882A8 inset;
}
.form-proyecto select::after{
grid-area: select;
}
#proyectos .swiper-slide{
padding:1px;
}
#projects .swiper-slide:hover, #insights .swiper-slide:hover, #proyectos .swiper-slide:hover{
/*transform: scale(1.01);
transition: .2s ease-in-out;*/
/*transform: scale(0.98);*/
transition: transform .5s;
}
#projects .swiper-slide, #insights .swiper-slide, #proyectos .swiper-slide{
transition: .2s ease-in-out;
}
#insights .slide__title{
color: #fff!important;
text-decoration: none;
height: 58px;
}
.black, .black p{
color:black!important;
}
#insights .titulo-clickable {
color: #000!important;
text-decoration: none;
height: 58px;
}
#insights .titulo-clickable:hover {
color: #fff!important;
text-decoration: none;
height: 58px;
}
#insights .slide__title a{
text-decoration: none;
}
#insights .slide__footer{
color:#A7A7A7;
font-family: 'Montserrat';
font-size: 15px;
height: 40px;
bottom: 0;
position: absolute;
}
.titulo-clickable{
text-decoration: none;
transition: all ease .5s;
color:black!important ;
}
.titulo-clickable:hover{
color:#5B23F9;
transition: all ease .5s;
}
.titulo-clickable h5{
color:black;
transition: all ease .5s;
}
.titulo-clickable:hover h5{
color:#5B23F9;
transition: all ease .5s;
}
.form2{
display: grid;
}
.form2 .email{
background: #F4F5F8;
border:1px solid rgba(171,152,186,.5);
color:#5B23F6;
font-family: 'Montserrat';
font-size: 20px;
border-radius: 10px;
}
.form2 label{
color:#5B23F6;
font-family: 'Montserrat';
font-size:20px;
}
.description{
font-family: 'Turbine';
font-size:28px;
}
#design .description{
font-size:34px;
text-align:left;
line-height:42px;
}
#design .description span{
color:#5B23F6;
font-weight:bold;
}
.description-services{
font-family: 'Montserrat';
font-size:24px;
font-weight: 400;
position: relative;
padding-left: 10px;
color: black;
}
.description-services::before {
content:'';
position: absolute;
background-color: #5B23F9;
width: 5px;
height: 80%;
bottom: 0;
left:-7px;
top:10%;
}
.icon-services{
border-radius: 50%;
border:1px solid #5B23F9;
width:100px;
height: 100px;
}
.card-vacante .slide__btn{
color:black!important;
border:1px solid black;
}
.card-vacante .slide__btn__text{
color:black!important;
}
.titulo_card{
font-size:3em!important;
}
.stacking-slide {
/*height: 100vh;*/
height:568px;
width: 100%;
position: sticky;
top: 0;
}
.stacking-slide:nth-last-child(1) {
height: 100vh;
}
*, *:before, *:after {
box-sizing: border-box;
}
.stacking-slide {
padding: 3rem;
box-shadow: 0 0px 50px -12px rgba(0, 0, 0, 0.25);
/*border-top-right-radius: 30px;
border-top-left-radius: 30px;*/
}
.stacking-slide h2, h4{
color:white;
font-weight: bold;
font-family: 'Turbine';
}
.stacking-slide h4{
font-size: 32px;
font-weight: normal;
}
.stacking-slide p{
font-size:18px;
font-family: 'Turbine';
font-weight: normal;
color: white;
}
.stacking-slide:nth-child(0) {
background-color: #7034A2;
}
.stacking-slide:nth-child(1) {
background-color: #7034A2;
}
.stacking-slide:nth-child(2) {
background-color: #000;
top:20px;
}
.stacking-slide:nth-child(3) {
background-color: #3B1E56;
top:40px;
}
.stacking-slide .slide__btn{
display: flex;
/* justify-content: center; */
align-items: center;
padding: 10px 60px 10px 15px;
border: 0px solid #5B23F9;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.3s;
position: relative;
background: white;
max-width: 250px;
transition: all ease .5s;
}
.stacking-slide .slide__btn:hover,.stacking-slide2 .slide__btn:hover{
transform: scale(1.03);
transition: all ease .5s;
}
.stacking-slide .slide__btn .slide__btn__text{
margin-right: 5px;
font-size: 15px;
font-weight: 500;
color: black;
transition: color 0.3s;
font-family: 'Montserrat';
position: relative;
font-weight: bold;
}
.stacking-slide .slide__btn .slide__btn__icon{
width: 15px;
font-size: 24px;
position: absolute;
right: 0;
top: 4px;
color:#5B23F6;
}
.aline-container {
position: fixed;
top: 0;
width: 100%;
padding: 0 15px; /* Respeta el padding de los contenedores Bootstrap */
}
.animated-line {
height: 1px;
background-color: #B6B6B6;
width: 0%;
transition: width 0.2s linear;
}
.line-container{
padding: 0 15px;
}
hr{
height:1px;
color:#B6B6B6;
opacity:1;
}
em::after {
content: "";
height: 1px;
display: inline-block;
position: absolute;
box-sizing: border-box;
border-bottom: 1px solid #B6B6B6;
transition: all;
width:100%;
}
.underlined-animated::after {
animation: underline-animated 2s ease;
}
@keyframes underline-animated {
0% {
width: 0%;
height:1px;
}
100% {
width: 100%;
height:1px;
}
}
/*phygital tab*/
.stacking-slide2 {
height: 100vh;
width: 100%;
position: sticky;
top: 0;
}
.stacking-slide2:nth-last-child(1) {
height: 100vh;
}
*, *:before, *:after {
box-sizing: border-box;
}
.stacking-slide2 {
padding: 3rem;
box-shadow: 0 0px 50px -12px rgba(0, 0, 0, 0.25);
/*border-top-right-radius: 30px;
border-top-left-radius: 30px;*/
}
.stacking-slide2 h2, h4{
color:white;
font-weight: bold;
font-family: 'Montserrat';
}
.stacking-slide2 h4{
font-size: 28px;
font-weight: normal;
}
.stacking-slide2 p{
font-size:18px;
font-family: 'Montserrat';
font-weight: normal;
color: white;
}
.stacking-slide2:nth-child(0) {
background-color: #7034A2;
}
.stacking-slide2:nth-child(1) {
background-color: #00AEEF;
}
.stacking-slide2:nth-child(2) {
background-color: #00CACE;
top:20px;
}
.stacking-slide2:nth-child(3) {
background-color: #112153;
top:40px;
}
.stacking-slide2 .slide__btn{
display: flex;
/* justify-content: center; */
align-items: center;
padding: 10px 60px 10px 15px;
border: 0px solid #5B23F9;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.3s;
position: relative;
background: white;
max-width: 250px;
}
.stacking-slide2 .slide__btn .slide__btn__text{
margin-right: 5px;
font-size: 15px;
font-weight: 500;
color: #000;
transition: color 0.3s;
font-family: 'Montserrat';
position: relative;
font-weight: bold;
}
.stacking-slide2 .slide__btn .slide__btn__icon{
width: 15px;
font-size: 24px;
position: absolute;
right: 0;
top: 4px;
color:#5B23F6;
}
.stacking-slide-interna{
width: 100%;
position: sticky!important;
top: 0;
background:white;
}
.stacking-slide-home {
width: 100%;
position: sticky!important;
top: 0;
background:white;
}
.title-30{
font-family: 'Turbine';
font-weight: 600;
font-size: 30px;
}
.blue{
color:#5B23F9;
}
.media-29101 {
text-align: left; }
.media-29101 img {
margin: 0 auto 10px auto; }
.media-29101 h3 {
font-size: 20px;
font-family: 'Turbine';
font-weight: 200 !important;
margin-bottom: 10px;
text-transform:uppercase;
color:#5B23F9!important; }
.media-29101 h4 {
font-size: 18px;
font-weight: 900 !important;
margin-bottom: 30px;
text-transform:uppercase; }
.media-29101 h3 a {
color: #5B23F9;
text-decoration:none; }
.media-29101 p{
font-family: 'Turbine';
font-size: 16px;
color:black;
line-height: 16px;
}
.media-29101 .fecha{
font-family: 'Turbine';
font-size:11px;
font-weight: 600;
color:#A7A7A7;
margin-top:22px;
line-height: 12px!important;
}
.owl-2-style .owl-nav {
display: none; }
.owl-2-style .owl-dots {
text-align: center;
position: relative;
bottom: -30px; }
.owl-2-style .owl-dots .owl-dot {
display: inline-block; }
.owl-2-style .owl-dots .owl-dot span {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 0px;
background: #cccccc;
-webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
-o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
margin: 3px;
border-radius: 50%; }
.owl-2-style .owl-dots .owl-dot.active span {
background: #5b23f9; }
.owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
outline: none; }
.nav-pills .nav-link{
transition: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #5B23F6;
border-bottom: 4px solid #5B23F6;
color: #fff;
line-height: 20px;
border-radius: 0;
font-weight: 400;
font-family: 'Turbine';
font-size: 30px;
padding-right: 36px;
padding-left: 36px;
border-radius:100px;
}
.nav-pills .nav-link{
color:#565555;
font-family: 'Turbine';
font-size: 30px;
line-height: 20px;
padding:22px;
}
#contacto-oficina h2{
font-family: 'Turbine','Montserrat';
font-size: 40px;
font-weight: 200;
}
#contacto-oficina h2 span{
font-weight: 900!important;
}
#mapa-contacto h2{
font-family: 'Turbine';
font-size: 48px;
font-weight: 400;
}
#mapa-contacto h2 span, .h2-contacto span{
font-weight: 900;
color:#5B23F6;
font-family: 'Turbine',sans-serif;
}
.text-type-animation{
text-transform:uppercase;
font-size:60px;
}
.txt-rotate,.middle .wrap{
color:#DA3D56!important;
/*font-family: 'Montserrat', sans-serif!important;*/
}
.subtitle-timeline:hover{
transition: all .6s ;
transform: scale(1.06);
color:#5B23F6;
}
.subtitle-timeline{
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.section-dropdown-sub{
display: inline-block;
padding: 0;
height: 33px;
overflow: hidden;
transition: all .3s ease;
margin: 0 50px 10px 0;
vertical-align: top;
float: left;
}
.section-dropdown-sub:hover {
/* don't forget the 1px border */
height: 81px;
}
.section-dropdown-sub a{
color: #000;
text-decoration: none;
}
.section-dropdown-sub li {
display: block;
background: transparent;
color:white;
padding: 0px 10px;
line-height: 30px;
border: 1px solid #EEE;
border-radius:8px;
margin-bottom:5px;
}
.section-dropdown-sub li:hover{
background-color: #5B23F6;
}
.current-lang{
background-color: #5B23F6!important;
}
.section-dropdown-sub li a{
color:white;
}
.section-dropdown-sub a:first-child li {
border: none;
background: transparent;
}
#cirulos,#circulo1{
transition: all .8s cubic-bezier(.215,.61,.355,1);
}
#circulos:hover #circulo1{
transition: all .8s cubic-bezier(.215,.61,.355,1);
fill:#5B23F6;
}
#circulos:hover{
transition: all .8s ;
transform: scale(1.01);
}
#humanizamos{
/*background: url(img/human-section.png);*/
background-size: cover;
min-height: 60vh;
}
.background-white{
background-color:white!important;
}
/* POLYLAND*/
.section-dropdown-sub{
position: absolute;
top:40px;
right:9%;
}
/*
.lang-item-first::after{
font-family:"Font Awesome Kit";
content: '\f078';
}
*/
.human-section h2{
color:white;
font-weight: 600;
}
.human-section p{
font-size: 32px;
color:white;
font-family: 'Turbine';
line-height: 32px;
}
#creadores p{
font-family: 'Turbine';
font-size:19px;
font-weight: 400;
letter-spacing: 0px;
color:#565555;
padding-left:5px;
}
#creadores span{
color: #5B23F6;
text-transform: uppercase;
}
#creadores .accordion-button{
font-family: 'Turbine';
font-size: 28px;
font-weight: 400;
color: black;
background: transparent;
border: 0;
border-bottom: 0px solid #B6B6B6;
}
#creadores .accordion, #creadores .accordion-item{
border:0;
}
#creadores .accordion-body li{
font-family: 'Turbine';
font-size: 20px;
font-weight: 400;
padding-bottom: 15px;
padding-right: 1.6rem;
}
#creadores .accordion-button:focus{
box-shadow: none;
}
.no-border{
border:0!important;
}
#creadores .accordion-button, #nuestros-servicios .accordion-button {
/*width: 70%;*/
width:100%;
}
#creadores .textop b{
font-weight: 900;
}
#entorno h2{
font-family: 'Turbine';
font-size: 44px;
font-weight: 400;
}
#entorno h2 b{
font-weight: 900;
color:#5B23F6;
}
#entorno h3{
font-family: 'Turbine','Montserrat';
font-size: 22px;
font-weight: 400;
line-height:30px;
color:black;
}
#entorno h3 b, #entorno h3 strong{
font-size:28px;
font-weight:600!important;
}
#lista-clientes ul{
padding-left: 30%;
}
#lista-clientes ul li{
text-align: left;
list-style: none;
font-family: 'Turbine';
font-size: 20px;
color:black;
}
#lista-clientes ul li span{
font-family: 'Turbine','Montserrat';
font-weight: 400;
font-size: 32px;
color: #5B23F9;
padding-bottom: 15px;
}
#entorno h4{
color:#5B23F9;
font-family: 'Turbine';
font-weight: 200;
font-size: 48px;
}
#entorno p{
font-family: 'Turbine';
font-weight: 400;
font-size: 18px;
color:black;
line-height:26px;
}
#entorno p strong{
font-weight:600;
}
#entorno .fecha{
font-family: 'Turbine';
font-weight: 200;
font-size: 22px;
color:black;
text-align: left;
}
#entorno .cargo{
font-family:"Turbine";
font-size:23px;
color:black;
}
.card-vacante h3{
font-family: 'Turbine';
font-size: 25px;
font-weight: 200;
}
.card-vacante h2{
font-family: 'Turbine';
font-size: 40px;
font-weight: 600;
}
.card-vacante{
background: #F4F5F8; border-radius: 20px; min-height: 360px;
}
.h2-testimonial{
font-size: 38px!important;
font-weight: 600!important;
}
.testimonial h3{
font-size:20px!important;
font-weight: 200!important;
color:#5B23F6;
}
.testimonial p{
font-size: 15px!important;
font-weight: 200;
}
.latest-news h3{
font-size: 30px!important;
color:#5B23F9;
font-weight: 600!important;
}
.card-news h4{
font-weight: 200!important;
font-size:20px!important;
}
.card-news .title{
font-size:16px!important;
font-family: 'Turbine','Montserrat';
text-align: left!important;
font-weight: 400!important;
line-height: 16px;
}
.card-news .fecha{
font-size: 11px!important;
font-weight: 600!important;
color:#A7A7A7!important;
margin-bottom: 0!important;
}
#suscribe2 h3{
font-family: 'Turbine','Montserrat';
font-size: 40px;
color:black;
font-weight: 400;
}
#suscribe2 h3 b{
font-weight: 900;
}
#suscribe .wpcf7-response-output{
background:black;
color:white;
border:1px solid black;
}
#conversemos .wpcf7-response-output{
background:white;
color:black;
border:1px solid white;
}
.tags h4{
color:black!important;
font-weight: 200!important;
display: inline;
font-size: 18px!important;
display: inline;
}
.form-contacto label{
font-size: 26px;
font-family: 'Turbine';
font-weight: 200;
color:#5B23F6;
}
.form-contacto input, .form-contacto textarea{
border:1px solid rgb(171,152,186,.5);
background: rgb(241,241,241,1);
}
.form-contacto textarea, .form-contacto textarea::placeholder{
color:#5B23F6!important;
font-size:26px;
font-family: 'Turbine';
font-weight: 200;
color:#5B23F6;
}
.form-contacto button{
background: #5B23F9;
color:white;
font-family: 'Turbine';
font-size: 20px;
border-radius: 25px;
border:0;
min-width: 130px;
}
#parte-team h2{
font-family: 'Turbine','Montserrat';
font-size:40px;
color:black;
font-weight: 500;
line-height: 40px;
}
#parte-team h2 span{
font-size:60px;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
line-height: 45px;
}
#parte-team btn{
font-size: 30px!important;
}
#parte-team p{
font-family: 'Turbine';
font-size:20px;
line-height:22px;
}
.flex-form p{
width: 100%;
display: flex;
justify-content: start;
}
#suscribe2 p{
font-family: 'Turbine','Montserrat';
font-size: 20px;
color:black;
font-weight: 400;
text-align: center;
}
#banner h3{
position: absolute;
bottom:7%;
font-size: 20px;
font-family: 'Turbine','Montserrat';
font-weight: 200;
z-index: 9;
left: 6rem;
padding-left: 20px;
color: white;
}
#ibanner h3{
position: absolute;
bottom:7%;
font-size: 20px;
font-family: 'Turbine','Montserrat';
font-weight: 200;
z-index: 9;
left: 6rem;
padding-left: 20px;
color: white;
}
#ibanner-insights h3{
position: absolute;
bottom:7%;
font-size: 20px;
font-family: 'Turbine','Montserrat';
font-weight: 200;
z-index: 9;
left: 6rem;
padding-left: 20px;
color: white;
}
.icon-loader img{
width:300px; height:222px;
}
.div-icons{
height:30%;
}
.contador{
bottom:0; left:5%;
}
.border-left-black{
border-left: 1px solid #B6B6B6;
margin-top:2rem;
margin-bottom:2rem;
}
.footer-logo img{
width:270px;
}
.title-insights{
position: absolute;
overflow: hidden;
width: 100%;
height: 80vh;
top: 0;
left: 0;
z-index: 99;
}
.parallax{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#insights .people__card__content{
}
.card__big .people__card{
min-height: 860px!important; height:auto; width: 100%;
}
.card__big .slide__title{
font-size:30px;
}
.card__big .people__card__content{
max-height:310px;
}
.div-cultura-h1{
position: absolute;
overflow: hidden;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 99;
}
.line-right{
border-right: 4px solid #5B23F9;
}
.banner-proyecto .div-proyecto{
position: absolute;
overflow: hidden;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 99;
}
.banner-proyecto .bg-video-wrap-proy .div-proyecto{
height:70vh;
}
@media(min-width:1400px){
/*#banner h1{
max-width: 1000px;
font-size:60px;
top:55%;
}*/
.mask1{
-webkit-mask-image: url(img/vector-mask.png);
mask-image: url(img/vector-mask.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background:#F4F5F8;
mask-size: 100%;
}
.spaceleft{
padding-right:60px;
}
.spaceleft2{
padding-right:80px;
}
}
@media (min-width: 1400px) and (max-width:1500px) {
#banner h1{
left:4.5rem;
}
#ibanner h1{
left:4.5rem;
}
#ibanner-insights h1{
left:4.5rem;
}
.sociales{
padding-left: 2rem;
}
}
@media (min-width: 1900px) {
.logo-menu-fixed {
display: none;
position: absolute;
left: 5%;
}
#banner h1, #banner h2 {
font-size: 90px;
font-weight: normal;
letter-spacing: 0px;
}
#ibanner h1, #ibanner h2 {
font-size: 90px;
font-weight: normal;
letter-spacing: 0px;
}
#ibanner-insights h1, #ibanner-insights h2 {
font-size: 90px;
font-weight: normal;
letter-spacing: 0px;
}
.section-dropdown-sub{
position: absolute;
top:85px;
right:9%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1720px;
}
#banner h1, #banner h3{
top:65%;
}
#banner h1{
font-size:190px;
font-weight:600;
}
#ibanner h1, #ibanner h3{
top:65%;
}
#ibanner h1{
font-size:98px;
}
#ibanner-insights h1, #ibanner-insights h3{
top:65%;
}
#ibanner-insights h1{
font-size:98px;
}
.banner-homepage .home-link_logo__aJpeH {
padding-top: 200px;
}
.menu-button_button__IPtJh{
top:75px;
}
.swiper-slide .people__card{
height: 360px;
}
.cardlargo .people__card{
height: 564px;
}
#insights2 .swiper-slide .people__card{
height: 560px;
}
.people__card__content{
padding:20px;
min-height: 215px;
}
.hero-sticky_fixed__pKveC .menu-button_button__IPtJh {
top: 70px;
}
}
@media (min-width: 2400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 2000px;
}
#banner h1, #banner h3{
left:8%;
}
#banner h1{
max-width: 1800px;
}
#ibanner h1, #ibanner h3{
left:8%;
}
#ibanner h1{
max-width: 1800px;
}
#ibanner-insights h1, #ibanner-insights h3{
left:8%;
}
#ibanner-insights h1{
max-width: 1800px;
}
.swiper-slide .people__card{
height: 460px;
}
.people__card__content{
padding:40px;
}
.hero-sticky_fixed__pKveC .menu-button_button__IPtJh {
top: 90px;
}
}
.h100p{
height:100%;
}
/* COMIENZA ESTILOS MOBILE*/
@media only screen and (max-width: 768px) {
.form-proyecto select, .form-proyecto input, .fproy textarea{
font-size:14px;
}
.label-form {
font-size: 16px;
line-height:24px;
font-weight: 500;
font-family: 'Turbine';
}
.dmbof{
font-size:20px!important;
line-height:25px!important;
}
.btmb{
border-top:1px solid white;
}
.wpcf7-form-control-wrap{
margin-right:0;
}
.interno-video-wrap{
height:70vh!important;
}
.arrow-5{
width:16px;
height:13px;
}
.section-dropdown-sub li.current-lang a {
pointer-events: none;
}
.swiper-cocreadores .swiper-button-prev,
.swiper-cocreadores .swiper-button-next {
position: absolute;
width: 45px;
height: 45px;
}
.swiper-cocreadores .swiper-button-prev:after,
.swiper-cocreadores .swiper-button-next:after {
position: absolute;
width: 45px;
height: 45px;
}
.vh-mb-100{
height:100vh;
}
.carousel-inner img {
width: 100%;
height: 100vh;
object-fit: cover;
}
.carousel-inner{
height:100vh;
}
#insights .divbtncircle1{
width:160px;
}
#insights .divbtncircle2{
width:190px;
}
.swiper-post .swiper-slide .people__card {
height: 353px!important;
}
.swiper-post .people__card__content {
min-height: 220px;
max-height: 330px!important;
}
.cc-1{
height:170px!important;
}
.cc-1 img{
width:45px;
}
.people__card__content{
padding:1em;
justify-content:end;
}
.j-mb-start{
justify-content:start!important;
}
.mbcard {
width: 100%;
background-color: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: relative;
font-family: 'Turbine', sans-serif;
}
.mbcard img {
width: 100%;
height: auto;
}
.mbcard-content {
padding: 20px;
/* background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));*/
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-height: 60%; /* Ajusta según sea necesario */
overflow: hidden;
}
.mbcard-content h2 {
margin: 0;
font-family:'Turbine';
font-size: 1.5em;
}
.mbcard-content p {
margin: 10px 0;
font-family:'Turbine';
font-size: 13px;
font-weight:300;
}
.mbcard-content .tags {
display: flex;
gap: 5px;
}
.mbcard-content .tag {
border:1px solid white;
border-radius: 100px;
padding: 5px 10px;
font-size: 0.8em;
color:white;
}
.taglist-proyectos li{
font-size:12px;
}
.containerteam{
background-size: cover!important;min-height:260px; height:260px;border-radius:10px;
}
.vh60{
height:auto;
min-height:10vh;
}
.h130{
font-size:28px!important;
font-weight:600!important;
}
.pout{
padding-top:2rem!important;
}
.w-50{
width:100%;
}
.pth{
height:260px
}
.pthmb{
height:357px!important;
background-position: center center;
}
.pthmb h2{
font-size: 21px !important;
width: 80%;
}
.pthmb p{
font-family: 'Turbine';
font-size: 13px!important;
line-height: 18px!important;
font-weight: 300;
width: 90%;
}
.h60vh{
height:auto;
}
.borderleft{
border-right:0px;
border-bottom:1px solid #B6B6B6;
}
.suscribe-button {
font-size: 16px;
color: black;
font-weight: 500;
padding: 15px;
padding-left: 30px;
padding-right: 65px;
background: #E7E7F7;
text-decoration: none;
border-radius: 100px;
position: relative;
width: 100%;
display: block;
text-align: center;
}
.suscribe-button::after {
content: '';
position: absolute;
right: 30px;
top: 19px;
background: url(img/rightarrow.svg);
background-size: cover;
background-position: center;
width: 18px;
height: 16px;
}
#projects h2, #insights h2, #partners h2, #nuestros-servicios h2,#proyectos-destacados h2, #articulos-relacionados h2, #cocreadores h2, #logros h2, #conversemos h2, #cocreadores h2{
font-size:34px!important;
font-weight:600;
line-height:1.1;
color:black;
}
#projects h2 span, #insights h2 span, #partners h2 span, #nuestros-servicios h2 span,#proyectos-destacados h2 span, #articulos-relacionados h2 span, #cocreadores h2 span, #logros h2 span, #conversemos h2 span, #cocreadores h2 span{
font-size:14px;
font-weight:400;
line-height:18px;
padding-left:2px;
}
.pageproysw .people__card{
min-height: 300px!important;
height: 300px;
padding-bottom: 50px;
margin-bottom: 105px;
}
.selected-option, .selected-option2{
font-size:17px;
text-align:center;
width:65%;
line-height:18px;
}
.custom-select{
justify-content:start;
}
.custom-select2{
justify-content:start;
}
.cardlargo .swiper-slide .people__card{
height:400px;
}
.diseno-grande {
height: 400px;
}
.diseno-grande2 {
height: 160px!important;
}
#insights .card, .card{
height: 400px;
}
.title-proyecto{
padding-bottom: 0;
margin-bottom: 0;
padding-left: 0;
padding-top:15px;
}
#mensaje h2{
font-size: 29px !important;
font-family: "Turbine", "Montserrat";
font-weight: 600;
color: black;
text-align: left;
width: 95%;
}
#mensaje h3{
color:#8E8E8E;
font-size:18px;
font-weight:400;
text-align:left;
}
.span-info{
color:white;
font-weight:300;
}
#insights .divbtncircle1 .btncircle, .divbtncircle2 .btncircle{
padding-top: 5px;
padding-bottom: 5px;
height: 50px;
}
#insights .divbtncircle1 {
width:195px;
margin-left:20px!important;
}
.divbtncircle2{
width:195px;
}
#insights .divbtncircle1 .textbtn, .divbtncircle2 .textbtn{
font-size:16px;
padding-left: 30px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
#insights .card, .card{
border-radius:8px;
}
/* For mobile phones: */
.ul-icons{
display: flex;
justify-content: center;
width: 100%;
padding: 0;
}
.ul-icons svg{
margin-left: 10px;
margin-right: 10px;
}
.stay{
font-family: 'Turbine';
font-weight: 200;
font-size: 20px;
}
.icon-loader img{
width:150px; height:111px;
}
.div-icons{
height:20%;
}
.contador{
bottom:20%; left:0; width: 100%;
}
.loader .loader_text{
font-size:120px;
}
.loader .loader_text{
bottom:15%;
}
.home-link_logo_icon__sErlR{
width: 135px;
}
.overlay a, .ul-menu li a{
font-size:20px;
line-height: 20px;
}
.div-child:hover .has-child::before, .overlay-content .link:hover::before{
content: '-----'!important;
}
.div-child:hover .has-child, .overlay-content .link:hover{
padding-left: 0rem!important;
}
.ul-menu li a{
text-decoration: none;
padding-left: 10px;
}
.overlay .idioma {
top:1rem;
font-size: 20px;
}
.h1-interno{
font-size:4rem!important;
padding-left: 0px!important;
}
.bg-video-wrap, video, .bg-video-wrap img, .bg-video-wrap-2 img, .bg-video-wrap-3 img{
height: 100vh;
}
#banner h1{
top: 65%;
height: auto;
padding-left: 2rem;
padding-right: 2rem;
left: 0;
width: 100%;
font-size: 37px!important;
position: absolute;
text-align: left;
}
#ibanner h1{
top:75%;
height: auto;
padding-left: 2rem;
padding-right: 2rem;
left:0;
width: 100%;
font-size:80px;
}
#ibanner-insights h1{
top:75%;
height: auto;
padding-left: 2rem;
padding-right: 2rem;
left:0;
width: 100%;
font-size:80px;
}
.border-left-black{
border:0;
margin-top:0;
margin-bottom: 0;
}
#about{
height: 50vh!important;
}
#about h2{
font-size: 21px;
width:92%;/*para el home*/
}
#projects{
/*para el home*/
min-height:70vh;
}
#h1-about-mb{
height: 22vh!important;
}
#insights .card-title, #insights .card-body h5{
width: 100%;
font-size: 21px!important;
}
.card-content-text{
width: 100%!important;
}
.title-insight{
font-size:22px;
line-height:25px;
}
.btnshow{
justify-content:start;
min-width: 160.52px;
min-height:44px;
}
.card-content-text p,.card-content-text span{
font-size:12px!important;
}
.card-boton-mb{
width: 100% !important;
text-align: center;
justify-content: center!important;
display: flex;
}
.btn_see_project{
width: 125px;
}
.slide__btn__text, #insights .card-body span{
font-size: 13px;
font-weight:300;
}
#contacto-section .card-clickable{
height:200px;
}
@keyframes circleMove {
0% {
transform: translateX(0); /* Posición inicial */
}
50% {
transform: translateX(-40px); /* Acercarse ligeramente menos */
}
100% {
transform: translateX(0); /* Regresar a la posición inicial */
}
}
.button-container {
position: relative;
display: flex;
align-items: center;
transition: all .8s ease;
justify-content: center;
height:44px;
max-height:44px;
}
.button {
background-color: #5a00ff;
color: white;
padding: 10px 35px;
border-radius: 50px;
display: inline-block;
text-decoration: none;
transition: all 1.2s ease;
min-width:199px;
}
.btnmb{
min-width:100px!important;
width:160px;
}
.btnmb2{
min-width:130px!important;
width:130px;
}
.circle {
background-color: #5a00ff;
font-family: 'Turbine', sans-serif;
color: white;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 5px;
transition: all .8s ease;
}
.button-container.scrolled .circle {
animation: circleMove 1s ease-in-out; /* Animación de acercamiento y alejamiento */
}
.button-containermb {
position: relative;
display: flex;
align-items: center;
transition: all .8s ease;
justify-content: center;
}
.buttonmb {
background-color: #4C1DCE;
color: white;
padding: 10px 35px;
border-radius: 50px;
display: inline-block;
text-decoration: none;
transition: all 1.2s ease;
}
.circlemb {
background-color: #4C1DCE;
font-family: 'Turbine', sans-serif;
color: white;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 5px;
transition: all .8s ease;
}
.button-containermb.scrolled .circlemb {
animation: circleMove 1s ease-in-out; /* Animación de acercamiento y alejamiento */
}
.btn-white {
font-family: 'Turbine';
font-size: 15px;
color: #5B23F6;
background: #fff;
padding-left: 15px;
padding-right: 15px;
border-radius: 20px;
border: 2px solid #5b23f6;
}
#banner #h1fixed{
font-size:70px!important;
}
.dmb20{
font-size:20px!important;
}
.left-and-right{
font-size: 30px!important;
padding-left: 6px;
line-height: 22px!important;
}
.left-and-right::before {
content: '';
position: absolute;
background-color: #5B23F9;
width: 4px;
height: 90%;
bottom: 0;
left: -5px;
}
.people__card__content .slide__btn .slide__btn__icon, .slide__btn2 .slide__btn__icon, .slide__btn__icon {
width: 18px;
/* font-size: 24px; */
position: absolute;
right: 0;
top: 5px;
}
.swiper svg,.swiper2 svg{
/*padding-top:10px;*/
padding-top:3px;
}
#top-footer .btnshow span {
font-size: 16px;
font-weight: 500;
padding: 15px 30px;
background: #4C1DCE;
border-radius: 100px;
z-index:2;
}
#top-footer .yellow3:hover:before{
width:120px;
}
#top-footer .yellow3::before {
left: 6em;
background-color: #4C1DCE;
min-height: 40px;
height: 54px;
}
#top-footer ion-icon {
font-size: 24px;
transition: all 0.5s linear;
padding: 15px 15px;
background: #4C1DCE;
border-radius: 50%;
margin-left: 5px;
}
#top-footer .btnshow{
min-height:40px;
}
#suscribe{
padding-left: 1rem;
padding-right: 1rem;
}
#suscribe h2 {
font-family: 'Turbine', 'Montserrat';
font-size: 24px!important;
font-weight: 600;
line-height: 25px;
width: 100%;
/*padding-top: 10px;*/
padding-bottom: 10px;
}
#suscribe h3 {
font-family: 'Turbine', 'Montserrat';
font-size: 15px;
font-weight: normal;
line-height: 1;
width: 100%;
}
#suscribe img{
width: 20px;
}
#suscribe .psc-rotate{
width:60px;
}
.btn-blue{
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
}
#top-footer h4 {
font-family: 'Turbine';
font-size: 16px;
color: black;
font-weight: 800;
border-bottom: 1px solid #5B23F9;
width: 60%;
}
#top-footer ul li a {
font-family: 'Turbine';
font-size: 15px;
font-weight: normal;
color: white;
text-decoration: none;
}
.footer-logo{
justify-content: center;
}
.footer-logo img{
width:120px;
}
.derechos{
font-size:11px;
color:#A7A7A7;
font-weight: 400;
}
.descripcion1 {
font-family: 'Turbine';
font-size: 18px!important;
font-weight: normal;
text-align: center;
width: 100%;
line-height:25px;
}
.title-mb{
text-align: center;
}
.h1-interno3{
top:85%!important;
text-align: center!important;
padding:0!important;
font-size: 50px!important;
font-weight: 500!important;
}
.form-proyecto select, .form-proyecto input{
font-size: 14px;
}
.h1-insights-mobile{
font-size: 50px!important;
font-family: 'Montserrat'!important;
font-weight: 900!important;
top:90%!important;
}
.card-body .card-text {
font-size: 12px;
}
.card-img, .card-img-top{
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border:0px;
}
.card{
border:0px;
}
#insights .people__card__content{
min-height: 150px;
}
.mbcardcontent{
min-height:100%!important;
}
.btnmbvac{
margin-left:0!important;
}
#insights .slide__footer{
font-size: 12px;
padding-top:10px;
}
.card__big .people__card{
min-height: 300px;
height: 300px;
}
.card__big .people__card img{
object-position: top;
}
.card__big .slide__title{
font-size:14px;
}
.card__big .people__card__content{
max-height:180px;
}
.form2 label {
font-size:15px;
line-height: 15px;
}
#banner2 h1, #banner2 h2{
font-size:40px;
text-align: left!important;
padding-right: 20px!important;
padding-left: 20px!important;
top:90%;
align-items: center;
height:80vh!important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link{
padding:15px;
padding-left:20px;
padding-right:20px;
font-size:18px;
}
#ibanner2 h1, #ibanner2 h2{
font-size:40px;
text-align: left!important;
padding-right: 20px!important;
padding-left: 20px!important;
top:90%;
align-items: end;
}
.bg-video-wrap-3 {
position: relative;
overflow: hidden;
width: 100%;
height: 70vh;
}
.title-interno-4{
height: 80vh;
}
.title-interno-4 h1{
height: 60vh!important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link{
font-size:16px;
}
.description, .description-services{
font-family: 'Turbine';
font-size:14px;
}
#design .description{
font-size:18px;
text-align:center;
}
.description-services::before{
content: '';
position: absolute;
background-color: #5B23F9;
width: 4px;
bottom: 0;
left: -5px;
top: 10%;
}
.description-services{
padding-left: 9px;
}
.stacking-slide{
padding:1rem;
}
.stacking-slide h4{
font-size: 20px;
}
.stacking-slide h2, #nuestros-servicios h2, #proyectos-destacados h2{
font-size: 45px;
}
.stacking-slide p{
font-size: 15px;
}
.stacking-slide {
height: 85vh;
width: 100%;
position: sticky;
top: 0;
}
.stacking-slide2{
padding:1rem;
}
.stacking-slide2 h4{
font-size: 20px;
}
.stacking-slide2 h2{
font-size: 45px;
}
.stacking-slide2 p{
font-size: 15px;
}
.stacking-slide2 {
height: 85vh;
width: 100%;
position: sticky;
top: 0;
}
#contacto-oficina h2{
font-size: 16px;
}
#contacto-oficina .btn-blue2{
font-size:13px!important;
}
.title-cultura-mb{
font-size: 70px!important;
font-family: 'Montserrat';
}
.div-cultura-h1{
position: absolute;
overflow: hidden;
width: 100%;
height: 80vh;
top: 0;
left: 0;
z-index: 99;
}
.div-cultura-h1 h1{
height:auto!important;
top:75%!important;
padding-right: 0!important;
}
.px-mb-0{
padding-left: 0;
padding-right: 0;
}
.descripcion2{
font-size:16px;
line-height: 20px;
width: 100%;
}
.co-creamos .descripcion1{
font-size:28px;
}
.subtitle{
font-size: 18px;
}
.listas li{
font-size: 16px;
line-height: 16px;
}
.human-section p{
font-size:14px;
line-height: 14px;
}
#humanizamos{
background-position: bottom center;
min-height: 50vh;
}
#creadores p{
font-size: 15px;
padding-left: 0;
padding-right: 0;
color: black;
font-weight: 300;
}
#creadores .accordion-button:not(.collapsed)::after{
width:13px;
right:8px;
}
#creadores .accordion-button{
width: 100%;
font-size: 18px;
line-height: 20px;
}
#creadores .accordion-button.collapsed::after {
content: '';
transform: rotate(0);
background-image: url(img/union.svg);
width: 15px;
height: 15px;
right:8px;
}
#creadores .accordion-body li{
font-size: 14px;
}
.accordion-body{
padding-left: 0rem;
padding-right: 0rem;
}
.accordion-body ul{
padding-left: 1rem;
}
#creadores .accordion-body li{
padding-right: .5rem;
}
.title-interno-3 h1{
top:50%!important;
height: 300px!important;
font-size: 55px!important;
left:0!important;
}
.h1-vacantes{
top:60%!important;
height: 300px!important;
font-size: 55px!important;
left:0!important;
padding-right: 0!important;
text-transform:none!important;
}
.title-interno-3{
height: 80vh;
}
#contacto-section h2{
font-size: 24px;
line-height: 28px;
}
#contacto-section h2{
padding-right: 0;
}
#contacto-section h3{
font-size: 16px;
}
#contacto-section .descripcion{
font-size: 14px;
line-height: 20px;
}
#mapa-contacto h2{
font-size:28px;
}
.arrow-img{
width: 20px;
}
.form-contacto label{
font-size: 15px;
}
.form-contacto textarea, .form-contacto textarea::placeholder{
font-size: 15px;
}
.mask2{
-webkit-mask-image: url(img/vector-mask2.png);
mask-image: url(img/vector-mask2.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-size: 100%;
}
#parte-team h2 span{
font-size: 38px;
font-weight: 900;
line-height: 30px;
}
#parte-team h2{
font-size: 20px;
line-height: 25px;
}
#parte-team img{
width: 200px;
}
.mask-content{
min-height: 280px;
}
.left-and-right2{
font-size:30px;
line-height: 25px;
}
.left-and-right2 .descripcion1{
font-size: 22px;
line-height: 22px;
}
.left-and-right3{
font-size:26px;
line-height: 25px;
}
.left-and-right3 .descripcion1{
font-size: 19px;
line-height: 22px;
}
.card-vacante h3{
font-size: 16px;
}
.card-vacante h2{
font-size: 30px;
}
.card-vacante{
background: #F4F5F8; border-radius: 20px; min-height: 260px;
}
.card-vacante p{
font-family: 'Turbine';
font-weight: 200;
}
.h1-bloginterior h1{
top:55%!important;
font-size: 24px!important;
text-align: center!important;
padding-left: 0!important;
padding-right: 0!important;
margin-top:0!important;
margin-bottom: 0!important;
}
.banner-bloginterior h3{
color:#6F6F6F!important;
font-size: 13px!important;
right:15px!important;
left: auto!important;
bottom:13%!important;
}
.entorno-blog{
padding-top:0.5rem;
}
.entorno-project{
padding-top:2rem;
}
.subtitle-project{
font-size: 16px!important;
font-weight: 200!important;
}
.entorno-blog h2, .entorno-blog h3, .entorno-blog h4{
font-size: 20px!important;
}
..entorno-blog h4{
font-weight: 200;
}
.entorno-blog .img-vector{
width: 20px;
padding-bottom: 10px;
}
.entorno-blog p{
font-size: 15px!important;
}
.proyectos-page .people__card__content .slide__subtitle{
font-size:14px!important;
}
.btnshow span{
font-size:16px;
font-weight: 400;
padding: 8px 25px;
}
.wmb100{
width:100%;
}
.jstart{
justify-content:start;
}
.entorno-project h2, .entorno-project h4{
font-size: 28px!important;
}
.entorno-project h4{
font-weight: 200;
}
.entorno-project .img-vector{
width: 20px;
padding-bottom: 10px;
}
.entorno-project p, .entorno-project h3{
font-size: 15px!important;
line-height: 20px;
text-align: left;
}
.date-blog{
font-size: 13px!important;
color: #6F6F6F;
font-weight: 200;
}
#suscribe2 p{
text-align: left;
font-size: 16px;
line-height: 16px;
}
.testimonial h3{
font-size: 13px!important;
}
#lista-clientes ul{
padding-left: 0;
}
.testimonial p{
font-size: 12px!important;
line-height: 12px;
}
#suscribe2 h3{
font-size:23px;
text-align: left!important;
}
.banner-proyecto .div-proyecto{
position: absolute;
overflow: hidden;
width: 100%;
height: 80vh;
top: 0;
left: 0;
z-index: 99;
text-align: center!important;
}
.banner-proyecto .div-proyecto h1{
left:0!important;
height: auto!important;
text-align: center!important;
}
.form2 .email{
width: 100%;
}
#lista-clientes ul li span, #lista-clientes ul li{
font-size: 15px;
}
.card-insights .card-img-top{
height: 250px;
object-fit: cover;
object-position: center;
}
.card-insights .btn_see_project{
width: 90px;
padding: 5px 15px 5px 10px;
}
.people__card__content{
min-height: 220px;
max-height: 260px;
}
#suscribe label{
font-size: 12px;
}
.vector-arrow{
width: 20px;
margin-bottom: 5px;
}
#suscribe .form-control{
padding: 8px;
border-radius: 5px;
height: 38px;
min-height:38px;
font-size: 16px;
text-align:center;
}
#suscribe .btn-lightmod{
width: 100%;
/* border-radius: 10px; */
font-size: 16px;
}
.div-child .ul-menu{
margin-bottom: 0!important;
}
.slide__btn{
border-radius: 15px;
}
#nuestros-servicios h2, #proyectos-destacados h2{
line-height: 1.1;
}
#proyectos-destacados .descripcion1{
font-size: 25px;
}
.div-child:hover .has-child, .overlay-content .link:hover{
transform: translate(3rem);
transition: all .5s;
}
.div-child:hover .has-child::before, .div-child:active .has-child::before, .overlay-content .link:hover::before {
content: '---------';
position: absolute;
color: white;
left: -2.5rem;
letter-spacing: -3px;
transition: all .5s ease;
}
.div-child .ul-menu{
display: block;
height: 120px;
}
.borderleftmb{
border-left:1px solid #B6B6B6;
border-bottom:0;
}
.descripcion21{
font-size:16px;
line-height:22px;
}
.image-container{
min-height:500px;
}
.div-child:hover .ul-menu{
height: 120px;
}
.stacking-slide h2{
line-height: 45px!important;
}
.owl-2-style .owl-dots .owl-dot span{
width: 12px;
height: 12px;
}
.owl-2-style .owl-dots .owl-dot.active span {
width: 14px;
height: 14px;
}
.cultura-page .bg-video-wrap img{
object-position: right;
}
#humanizamos video{
height: 50vh;
}
.swiper-team .swiper-slide{
-webkit-transition: .6s ease;
transition: .6s ease;
}
.swiper-team .swiper-slide{
/*-webkit-transform: scale(0.8);
transform: scale(0.8);*/
}
.h80mb{
height:80px;
}
#logros .mash3{
font-size:40px!important;
}
#logros .card-logros {
padding-left: 20px;
padding-right: 20px;
}
#logros .descripcionp {
font-size: 13px;
font-weight: 400;
line-height: 15px;
}
#logros .mash2 {
font-size: 34px !important;
}
.swiper-team{
height: 420px;
}
.vector-mb{
width: 20px;
}
.left-and-right2::before {
content: '';
position: absolute;
background-color: #5B23F9;
width: 5px;
height: 110%;
bottom: -5px;
left: 0px;
}
.left-and-right2 {
position: relative;
padding-left: 15px;
}
.people__card__content .slide__btn{
border-radius: 15px;
}
.swiper-slide .people__card .people__card__image{
object-position: center;
object-position: cover;
}
#proyectos .people__card__content{
min-height: 190px;
}
.insights_people__card{
height:260px;
}
footer h5{
text-align: left;
padding-bottom: 15px;
font-size: 10.2px;
font-weight: 300;
}
#preloader{
background-size: auto!important;
}
.proyectos-page .swiper-slide .people__card{
border-top-right-radius: 30px;
border-top-left-radius: 30px;
}
#insights .slide__title{
height: 30px;
}
.text-mb-right{
text-align: right;
}
.text-mb-right input{
margin-bottom: 10px;
}
#slideshow .gallery{
grid-template-columns: repeat(3,100vw);
}
#slideshow li{
background-position: center!important;
}
.accordion-header img{
height:35px;
}
#logros-mobile{
border-radius: 39px;
border-radius: 39px;
background: url(img/trama-negra.png) #F2F2F2;
background-position: bottom;
background-repeat: no-repeat;
}
#logros-mobile hr{
font-size: 20px;
height: 4px;
border: 0;
background: #5b23f9;
opacity: 1;
position: relative;
}
#logros-mobile hr::after{
content: '';
position: absolute;
right: 0;
width: 10px;
height: 10px;
background: #5b23f9;
}
#logros-mobile .line:hover{
transform: translateX(-10px);
transition: all .5s ease;
}
#logros-mobile .line::before{
content: '';
position: absolute;
height: 4px;
width: 95%;
background-color: #5B23F9;
left: 0;
background-position: 100% 100%;
transition: all .5s ease;
}
#logros-mobile .line::after{
content: '';
position: absolute;
width: 9px;
height: 9px;
background: #5B23F9;
right: 2%;
top:-2px;
border-radius: 50%;
}
#logros-mobile h3{
font-family: 'Montserrat';
font-weight: 900;
font-size:25px;
color:black;
line-height: 25px;
margin-bottom: 0;
}
#logros-mobile span{
font-family: 'Montserrat';
font-weight: bold;
font-size:16px;
color:black;
line-height: 14px;
padding-left:1.5rem;
}
#logros-mobile ul{
padding-left: 1.5rem;
}
#logros-mobile ul li{
list-style: none;
font-size: 14px;
font-weight: 400;
}
#humanizamos{
align-items: center!important;
padding-bottom: 10px;
}
.h1-interno-proyectos{
font-size: 70px!important;
line-height: 70px;
}
.left-and-right3::before {
content:'';
position: absolute;
background-color: #5B23F9;
width: 10px;
height: 110%;
bottom: -5px;
left:0px;
}
.deje-mensaje{
margin-top:10px;
}
#insights .card-body{
margin-bottom: 15px;
height: 320px;
padding:20px;
}
#insights .card-img-top {
object-position: center;
}
#insights .card__big .card-img-top, #insights .card-img-top{
height: 500px;
}
#insights .diseno-grande .card-img-top{
height: 550px;
}
.vh-mb-30{
height:30vh!important;
}
.swiper-slide, .card, .mbcard, .insights_people__card img{
border-radius:8px!important;
}
.insights_people__card img{
border-radius:8px!important;
object-fit: contain;
width: 100%;
}
.hero-sticky_fixed__pKveC .menu-button_button__IPtJh {
top: 26px;
}
.banner-homepage .home-link_logo__aJpeH {
padding-top: 105px;
}
.underlined-animated{
padding-top:30px!important;
padding-bottom:30px!important;
}
em::after{
max-width:100%!important;
}
.swiper-cocreadores .swiper-button-prev {
left: 50%;
transform: translateX(-50px);
}
.swiper-cocreadores .swiper-button-next {
left: 50%;
transform: translateX(10px);
}
.pb30mb{
padding-bottom:20px!important;
padding-top:20px!important;
margin-bottom:0!important;
padding-right:0!important;
}
.pb30mb p{
margin-bottom:0!important;
}
.pb30mb1{
padding-top:30px!important;
padding-bottom:30px!important;
}
.h100p{
height:auto;
}
}