html, body {
overflow-x: hidden;
width: 100%;
max-width: 100%;
}
body {
position: relative;
}
@media (max-width: 767.98px) {
.container, .container-fluid {
width: 100% !important;
max-width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
overflow-x: hidden !important;
}
.row {
margin-left: -10px !important;
margin-right: -10px !important;
width: 100% !important;
}
[class*="col-"] {
padding-left: 10px !important;
padding-right: 10px !important;
}
section, header, footer, main {
overflow-x: hidden !important;
max-width: 100vw !important;
}
.map-iframe {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
}
.floating-shape, .gradient-orb, .bg-shape {
max-width: 100% !important;
}
} body.is-scrolling .alerta-transferencias-flotante,
.is-mobile-device .alerta-transferencias-flotante {
animation: none !important;
position: fixed !important;
z-index: 1050 !important;
} .hero-section .container {
position: relative;
z-index: 5 !important;
} .hero-wave {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
line-height: 0;
z-index: 1 !important;
pointer-events: none;
} .hero-wave svg {
width: 100%;
height: 40px !important;
display: block;
} .hero-content,
.services-glass-card,
.hero-buttons,
.hero-stats {
position: relative;
z-index: 5 !important;
} .hero-section {
padding-bottom: 30px !important;
} .btn {
position: relative;
z-index: 10 !important;
} @media (max-width: 767.98px) {
.hero-wave svg {
height: 30px !important;
}
.hero-section {
padding-bottom: 20px !important;
} [data-aos] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
animation: none !important;
} .animate__animated,
.fade-in,
.slide-in-left,
.slide-in-right,
.scale-in,
.zoom-in,
.floating-shape,
.gradient-orb,
.profile-image-border,
.profile-image-glow {
animation: none !important;
transition: none !important;
transform: none !important;
opacity: 1 !important;
} .navbar,
.scroll-top-btn,
.alerta-transferencias-flotante {
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
} .particles-container,
#particles-js {
display: none !important;
} .hero-section {
background: var(--primary-color) !important;
}
}