:root { color-scheme: dark; }
body { overflow-x: hidden; }
.material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; }
.glass-panel { background: rgba(53, 52, 58, 0.2); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.glass-card { background: rgba(31, 31, 37, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(0, 159, 134, 0.1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.glass-card:hover { border-color: rgba(0, 159, 134, 0.3); box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 159, 134, 0.1); transform: translateY(-6px); }
.text-glow { text-shadow: 0 0 20px rgba(97, 219, 191, 0.3); }
.orbit-arc { background: radial-gradient(circle at top right, rgba(97, 219, 191, 0.08), transparent 70%); }
.connectivity-grid { background-size: 40px 40px; background-image: linear-gradient(to right, rgba(61, 73, 69, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(61, 73, 69, 0.05) 1px, transparent 1px); }
.connectivity-grid-dots { background-image: radial-gradient(circle at 2px 2px, rgba(61, 73, 69, 0.15) 1px, transparent 0); background-size: 40px 40px; }
.primary-glow-btn { box-shadow: 0 4px 20px -5px rgba(0, 159, 134, 0.4); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.primary-glow-btn:hover { box-shadow: 0 10px 30px -5px rgba(0, 159, 134, 0.6); transform: translateY(-2px); }
.whatsapp-glow { box-shadow: 0 4px 15px -3px rgba(37, 211, 102, 0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.whatsapp-glow:hover { box-shadow: 0 10px 25px -3px rgba(37, 211, 102, 0.4); transform: translateY(-2px); }
.bg-gradient-section { background: radial-gradient(circle at 50% 50%, rgba(0, 159, 134, 0.03) 0%, transparent 70%); }
@keyframes wave { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } }
.signal-wave { animation: wave 4s infinite linear; }
.signal-wave-delay-1 { animation-delay: 1.3s; }
.signal-wave-delay-2 { animation-delay: 2.6s; }
.active-nav { color: #61dbbf; border-bottom: 2px solid #61dbbf; padding-bottom: 0.25rem; font-weight: 500; }

.site-logo {
  height: 4.25rem;
  width: auto;
  object-fit: contain;
}

.team-portrait {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top, rgba(97, 219, 191, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.35));
}

.team-portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}

.team-portrait .team-portrait-muted {
  opacity: 1;
  transform: scale(1.01);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.team-portrait .team-portrait-color {
  opacity: 0;
  transform: scale(1.01);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.team-card:hover .team-portrait .team-portrait-muted {
  opacity: 0;
  transform: scale(1);
}

.team-card:hover .team-portrait .team-portrait-color {
  opacity: 1;
  transform: scale(1.03);
}