.bg-push-red {
background: #b72625 !important;
}
.bg-push-yellow {
background: #ffe03b !important;
}
.text-push-blue {
color: #1c203e !important;
}
body {
font-family: 'Inter', Arial, sans-serif;
}
.navbar {
min-height: 62px;
}
.nav-link {
color: #fff !important;
font-size: 1.1rem;
font-weight: 500;
}
.nav-link:hover {
font-weight: 700 !important;
}
.nav-link.active {
font-weight: 700;
}
.title-main-size {
font-size: 3rem;
opacity: 0.9;
}
.container {
width: 900px;
max-width: 95%;
} .video-fondo-container {
position: relative;
width: 100%;
height: 755px;
overflow: hidden;
margin-top: -55px;
z-index: 1;
}
.video-fondo {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
z-index: 1;
transform: translate(-50%, -50%);
object-fit: cover;
} .bg-push-yellow {
position: relative;
overflow: hidden;
z-index: 2;
}
.we-solve-img {
max-width: 290px;
border-radius: 18px;
box-shadow: 0 4px 24px #a597079a;
}
.yellow-abstract {
position: absolute;
right: 16%;
bottom: -36px;
width: 130px;
height: 32px;
background: #ffe03b;
border-radius: 60px;
transform: rotate(24deg);
opacity: 0.9;
z-index: 1;
} @media (max-width: 992px) {
.collage-grid {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 90px 90px 90px;
}
.collage-img-1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.collage-img-2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.collage-img-3 {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.collage-img-4 {
grid-column: 4 / 5;
grid-row: 1 / 3;
}
.collage-img-5 {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.collage-img-6 {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.collage-img-7 {
grid-column: 4 / 5;
grid-row: 3 / 4;
}
.we-solve-img {
max-width: 220px;
}
}
@media (max-width: 768px) {
.collage-grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 60px);
gap: 3px;
}
.we-solve-img {
max-width: 160px;
}
}
.bg-push-purple {
background: #a085e9;
}
.text-push-blue {
color: #21386e !important;
}
.wave-top svg {
width: 100%;
display: block;
margin-bottom: -2px;
}
.offer-row {
background: transparent;
}
.offer-text {
flex: 1;
min-width: 0;
}
.offer-text h5 {
font-size: 1.18rem;
line-height: 1.2;
margin-bottom: 8px;
}
.offer-text p {
font-size: 1rem;
color: #232343;
margin-bottom: 0;
}
.offer-icon {
flex-shrink: 0;
margin-left: 18px;
display: flex;
align-items: center;
}
.offer-icon-bg {
background: #c9b7f5;
border-radius: 18px;
padding: 10px 26px;
display: flex;
align-items: center;
width: 70%;
height: 150px;
box-shadow: 0 2px 14px #825fb745;
position: relative;
}
.offer-icon-bg img {
width: 160px;
height: auto;
position: absolute;
transform: translateX(-50%);
left: 50%;
top: -35px;
}
@media (max-width: 992px) {
.offer-row {
flex-direction: column;
align-items: flex-start !important;
}
.offer-icon {
margin-left: 0;
margin-top: 8px;
}
}
.bg-push-orange {
background: #e96c1c;
}
.bg-push-blue {
background: #2c77c7;
}
.text-white {
color: #fff !important;
}
.wave-top-orange svg,
.wave-top-blue svg {
width: 100%;
display: block;
margin-bottom: -2px;
}
.gallery-title {
font-size: 3.3rem;
}
.gallery-img {
width: 100%;
height: auto;
object-fit: cover;
box-shadow: 0 2px 12px #0001;
}
@media (max-width: 992px) { .gallery-title {
font-size: 1.6rem;
}
}
@media (max-width: 600px) { .gallery-title {
font-size: 1.2rem;
}
} .contact-icon {
vertical-align: middle;
font-size: 1.2em;
}
.contact-section p,
.contact-section a {
font-size: 1.12rem;
} .ola-container {
height: 80px;
width: 100%;
background-color: var(--color-arriba, transparent);
--color-abajo: #a996fc;
position: relative;
overflow: hidden;
z-index: 2;
margin-top: -2px;
}
.ola-svg {
position: absolute;
bottom: 0;
width: 200%;
height: 100%;
animation: ola-move 25s linear infinite;
}
.ola-path {
transform: translateX(0%);
}
@keyframes ola-move {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@media screen and (max-width:1400px) {
.video-fondo-container {
height: 655px;
}
}
@media screen and (max-width:1160px) {
.video-fondo-container {
height: 555px;
}
}
@media screen and (max-width:1000px) {
.video-fondo-container {
height: 400px;
}
}
@media screen and (max-width:768px) {
.mb-md { margin-bottom: 30px; }
.gallery-img {
width: 100%;
height: auto;
}
}
@media screen and (max-width:700px) {
.video-fondo-container {
height: 300px;
}
}
@media screen and (max-width:550px) {
.video-fondo-container {
height: 300px;
margin-top: -40px;
}
.ola-container {
height: 40px;
}
}
@media screen and (max-width:480px) {
.video-fondo-container {
height: 200px;
margin-top: -30px;
}
.ola-container {
height: 30px;
}
}
#wrap-events
{
background: #1c2042;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
height: auto;
}
#wrap-events .event
{
padding-top: 60px;
padding-bottom: 60px;
}
#wrap-events .logo-event
{
width: 100%;
max-width: 700px;
margin: 0 auto;
display: block;
}
#wrap-events .title-events
{
font-weight: normal;
font-size: 24px;
text-align: center;
color: #Fff;
margin-top: 40px;
margin-bottom: 40px;
}
#wrap-events .text-image
{
font-size: 34px;
font-weight: normal;
text-align: end;
color: #Fff;
margin-bottom: 10px;
margin-top: 10px;
}
@media (min-width: 992px) {
.navbar .dropdown:hover .dropdown-menu {
display: block;
}
}