#cookie-notice {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
width: 20%;
background-color: #fff;
padding: 15px 20px;
text-align: center;
z-index: 99;
box-shadow: 2px 2px 10px #00000040;
border-radius: 12px;
}
#cookie-notice p {
margin-bottom: 0 !important;
float: left;
text-align: left;
font-size: 13px;
color: #5d5d5d;
line-height: 1.5;
padding-right: 20px;
padding-bottom: 10px;
}
#cookie-notice .btn-primary {
background: #22498a;
color: #FFF;
border: none;
font-weight: 600;
font-size: 13px;
padding: 5px 3px;
width: 100%;
float: right;
margin-top: 4px;    
}
@media only screen and (max-width: 520px) {
#cookie-notice p {
font-size: 12px;
line-height: 1.2;
}
#cookie-notice {
width: 68%;
bottom: 80px;
}
}  *, *::before, *::after { box-sizing: border-box; } .menu-item, #main-nav ul, #main-nav li {
list-style: none;
margin: 0;
padding: 0;
} @media (max-width: 1023px) {
#main-nav {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: rgba(3, 8, 17, 0.97);
padding: 24px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
z-index: 50;
}
#main-nav.open { display: block; }
#main-nav ul {
flex-direction: column;
align-items: center;
gap: 16px;
}
} @media (max-width: 767px) {
footer .grid { text-align: center; }
footer .grid > div { display: flex; flex-direction: column; align-items: center; }
footer .grid ul li { justify-content: center; }
footer .grid .flex { justify-content: center; }
footer > div > div:last-child { flex-direction: column; align-items: center; text-align: center; }
} @media (max-width: 767px) {
#whatsapp-float { bottom: 130px; right: 18px; }
} #site-header {
border-bottom: 1px solid transparent;
transition: background 0.4s ease, border-color 0.4s ease, padding 0.4s ease;
}
#site-header.scrolled {
background: rgba(3, 8, 17, 0.96) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom-color: rgba(255, 255, 255, 0.08);
} #site-header.scrolled #logo-img {
height: 40px !important;
} #main-nav .current-menu-item a span,
#main-nav a:hover span {
color: #00e6a5;
} .text-gradient-teal {
background: linear-gradient(90deg, #00e6a5, #51a2ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.text-gradient-red {
background: linear-gradient(90deg, #ff6467, #e7000b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
} html { scroll-behavior: smooth; } .animate-ready [data-animate] {
opacity: 0;
transform: translateY(32px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.animate-ready [data-animate].is-visible {
opacity: 1;
transform: translateY(0);
}
.animate-ready [data-animate="fade-up"] { transform: translateY(32px); }
.animate-ready [data-animate="fade-left"] { transform: translateX(-32px); }
.animate-ready [data-animate="fade-right"] { transform: translateX(32px); }
.animate-ready [data-animate="fade-up"].is-visible,
.animate-ready [data-animate="fade-left"].is-visible,
.animate-ready [data-animate="fade-right"].is-visible {
opacity: 1;
transform: translate(0, 0);
}
.animate-ready [data-animate][data-animate-delay="1"] { transition-delay: 0.1s; }
.animate-ready [data-animate][data-animate-delay="2"] { transition-delay: 0.2s; }
.animate-ready [data-animate][data-animate-delay="3"] { transition-delay: 0.3s; }
.animate-ready [data-animate][data-animate-delay="4"] { transition-delay: 0.4s; }
.animate-ready [data-animate][data-animate-delay="5"] { transition-delay: 0.5s; }
.animate-ready [data-animate][data-animate-delay="6"] { transition-delay: 0.6s; } @keyframes pulse-glow {
0%, 100% { opacity: 0.5; }
50%       { opacity: 0.85; }
}
.glow-pulse { animation: pulse-glow 4s ease-in-out infinite; } @keyframes float-badge {
0%, 100% { transform: translateY(0); }
50%       { transform: translateY(-5px); }
}
.badge-float { animation: float-badge 3s ease-in-out infinite; } #menu-toggle.is-open #ham-1 { transform: translateY(8px) rotate(45deg); }
#menu-toggle.is-open #ham-2 { opacity: 0; }
#menu-toggle.is-open #ham-3 { transform: translateY(-8px) rotate(-45deg); } #whatsapp-float {
position: fixed;
bottom: 90px;
right: 28px;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: #25d366;
box-shadow: 0 4px 24px rgba(37, 211, 102, 0.5);
transition: transform 0.3s ease, box-shadow 0.3s ease;
animation: whatsapp-pop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
animation-delay: 1.5s;
opacity: 0;
}
#whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 6px 32px rgba(37, 211, 102, 0.7);
}
@keyframes whatsapp-pop {
from { opacity: 0; transform: scale(0.5); }
to   { opacity: 1; transform: scale(1); }
} #whatsapp-float::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(37, 211, 102, 0.4);
animation: whatsapp-ring 2.5s ease-out infinite;
}
@keyframes whatsapp-ring {
0%   { transform: scale(1); opacity: 0.6; }
100% { transform: scale(1.8); opacity: 0; }
} #hero-video {
animation: video-fade-in 2s ease 0.4s both;
}
@keyframes video-fade-in {
from { opacity: 0; }
to   { opacity: 1; }
} .diferencial-card { cursor: default; }
.diferencial-card__bg {
transform: scale(1);
transition: transform 0.7s ease;
}
.diferencial-card:hover .diferencial-card__bg {
transform: scale(1.06);
}
.diferencial-card__overlay {
opacity: 1;
transition: opacity 0.4s ease;
}
.diferencial-card:hover .diferencial-card__overlay {
opacity: 0;
}
.diferencial-card__glass {
opacity: 0;
transition: opacity 0.4s ease;
}
.diferencial-card:hover .diferencial-card__glass {
opacity: 1;
}
.diferencial-card__default {
opacity: 1;
transition: opacity 0.35s ease;
}
.diferencial-card:hover .diferencial-card__default {
opacity: 0;
}
.diferencial-card__hover {
opacity: 0;
transition: opacity 0.35s ease 0.05s;
}
.diferencial-card:hover .diferencial-card__hover {
opacity: 1;
} .diferencial-card:focus-within .diferencial-card__glass,
.diferencial-card:focus-within .diferencial-card__hover {
opacity: 1;
}
.diferencial-card:focus-within .diferencial-card__overlay,
.diferencial-card:focus-within .diferencial-card__default {
opacity: 0;
} #nexus-intro {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
background: #030811;
pointer-events: all; animation: intro-exit 0.7s ease 1.8s both;
} #nexus-intro.done {
display: none !important;
}
#nexus-intro__logo {
opacity: 0;
transform: scale(0.7);
animation: intro-logo-in 0.7s cubic-bezier(0.34,1.56,0.64,1) 0.2s forwards;
}
#nexus-intro__glow {
position: absolute;
width: 480px;
height: 480px;
border-radius: 50%;
background: rgba(0,230,165,0.18);
filter: blur(100px);
animation: intro-glow 1.8s ease forwards;
opacity: 0;
}
@keyframes intro-logo-in {
to { opacity: 1; transform: scale(1); }
}
@keyframes intro-glow {
0%   { opacity: 0; transform: scale(0.5); }
40%  { opacity: 1; }
100% { opacity: 0.6; transform: scale(1.2); }
}
@keyframes intro-exit {
0%   { opacity: 1; visibility: visible; pointer-events: all; }
100% { opacity: 0; visibility: hidden;  pointer-events: none; }
} .animate-ready [data-animate="zoom-in"] {
opacity: 0;
transform: scale(0.85);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.animate-ready [data-animate="zoom-in"].is-visible {
opacity: 1;
transform: scale(1);
}
.animate-ready [data-animate="fade-down"] {
opacity: 0;
transform: translateY(-28px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.animate-ready [data-animate="fade-down"].is-visible {
opacity: 1;
transform: translateY(0);
} .animate-ready [data-animate][data-animate-delay="7"] { transition-delay: 0.07s; }
.animate-ready [data-animate][data-animate-delay="8"] { transition-delay: 0.15s; }
.animate-ready [data-animate][data-animate-delay="9"] { transition-delay: 0.22s; }
.animate-ready [data-animate][data-animate-delay="10"] { transition-delay: 0.3s; } .nexus-card-hover {
transition: transform 0.35s cubic-bezier(0.34,1.3,0.64,1),
box-shadow 0.35s ease,
border-color 0.35s ease;
will-change: transform;
}
.nexus-card-hover:hover {
transform: translateY(-6px) scale(1.015);
box-shadow: 0 20px 48px rgba(0,230,165,0.12), 0 4px 16px rgba(0,0,0,0.4);
border-color: rgba(0,230,165,0.3) !important;
} @keyframes scan-line {
0%   { transform: translateY(-100%); opacity: 0; }
10%  { opacity: 0.5; }
90%  { opacity: 0.5; }
100% { transform: translateY(100vh); opacity: 0; }
}
.scan-line {
position: absolute;
left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0,230,165,0.4), transparent);
pointer-events: none;
animation: scan-line 6s linear infinite;
animation-delay: 2s;
} [data-counter] {
display: inline-block;
font-variant-numeric: tabular-nums;
} @keyframes glow-border-in {
from { box-shadow: 0 0 0 0 rgba(0,230,165,0); }
to   { box-shadow: 0 0 30px 0 rgba(0,230,165,0.12); }
}
.section-glow-enter.is-visible {
animation: glow-border-in 1s ease 0.3s forwards;
} .tilt-card {
transform-style: preserve-3d;
transition: transform 0.2s ease;
will-change: transform;
} .nav-link {
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 0;
height: 1.5px;
background: #00e6a5;
transition: width 0.3s ease;
}
.nav-link:hover::after,
.current-menu-item .nav-link::after {
width: 100%;
} @keyframes btn-shimmer {
from { background-position: -200% center; }
to   { background-position: 200% center; }
}
.btn-shimmer {
position: relative;
overflow: hidden;
}
.btn-shimmer::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.18) 50%, transparent 100%);
background-size: 200% 100%;
opacity: 0;
transition: opacity 0.3s;
}
.btn-shimmer:hover::after {
opacity: 1;
animation: btn-shimmer 0.6s ease forwards;
} @keyframes icon-glow {
0%, 100% { filter: drop-shadow(0 0 4px rgba(0,230,165,0.0)); }
50%       { filter: drop-shadow(0 0 10px rgba(0,230,165,0.5)); }
}
.equip-card:hover img {
filter: drop-shadow(0 0 14px rgba(0,230,165,0.55)) !important;
transition: filter 0.4s ease;
}
.equip-card img {
transition: filter 0.4s ease;
} @keyframes connector-pulse {
0%, 100% { opacity: 0.3; }
50%       { opacity: 0.7; }
}
.connector-line {
animation: connector-pulse 3s ease-in-out infinite;
} .etapa-circle {
transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.etapa-circle:hover,
[data-animate].is-visible .etapa-circle {
box-shadow: 0 0 0 6px rgba(0,230,165,0.12), 0 0 20px rgba(0,230,165,0.2);
transform: scale(1.05);
}  section {
transition: opacity 0.1s ease;
} @media (min-width: 1024px) {
#main-nav a[href*="/contato/"] {
display: none;
}
}