/* Pilotos de Cristo — Patch v17 */

/* Remove spark particles */
[style*="sparkFloat"] { display: none !important; opacity: 0 !important; }
.hero-logo-wrap::before { display: none !important; animation: none !important; }

/* Reveal fix */
.reveal { opacity: 1 !important; transform: none !important; transition: none !important; }

.section-dark { background: #0d0d0d !important; color: #ffffff !important; }
.section-dark .section-title,
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4 { color: #ffffff !important; }
[style*="background:var(--dark"] h1,
[style*="background:var(--dark"] h2,
[style*="background:var(--dark"] h3,
[style*="background:var(--dark"] h4 { color: #ffffff !important; }
[style*="background:var(--black"] h1,
[style*="background:var(--black"] h2,
[style*="background:var(--black"] h3 { color: #ffffff !important; }
.section-title { color: #ffffff !important; }

.support-way h4 { color: #ffffff !important; }
.support-way p { color: rgba(255,255,255,0.75) !important; }

.donation-card:hover, .donation-card.selected {
  background: #1a0505 !important;
  border-color: #cc0000 !important;
  transform: translateY(-4px) !important;
}
.donation-card:hover .amount, .donation-card.selected .amount { color: #ffffff !important; }

.hero { background: #ffffff !important; }
.hero-bg { background: #ffffff !important; }
.hero-bg::before, .hero-bg::after { display: none !important; content: none !important; background: none !important; }
.hero-content::before { display: none !important; content: none !important; }

.hero-pilot-composition {
  position: relative !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  border-radius: 12px !important; overflow: hidden !important;
  box-shadow: 0 12px 48px rgba(0,0,0,0.22) !important;
}
.hero-topfuel-img {
  width: 100% !important; height: auto !important; display: block !important;
  animation: topfuelRide 5s ease-in-out infinite !important;
  max-height: 520px !important; object-fit: cover !important; object-position: center top !important;
}
@keyframes topfuelRide {
  0%   { transform: scale(1) translateX(0); }
  25%  { transform: scale(1.03) translateX(4px); }
  50%  { transform: scale(1.05) translateX(0); }
  75%  { transform: scale(1.03) translateX(-4px); }
  100% { transform: scale(1) translateX(0); }
}
.hero-pilot-composition::after {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background: linear-gradient(135deg, rgba(204,0,0,0.08) 0%, transparent 50%, rgba(0,0,0,0.35) 100%) !important;
  pointer-events: none !important; z-index: 1 !important;
}
.hero-logo-overlay {
  position: absolute !important; bottom: 14px !important; right: 14px !important;
  width: clamp(80px, 28%, 160px) !important; z-index: 2 !important;
  filter: drop-shadow(0 4px 18px rgba(204,0,0,0.6)) drop-shadow(0 0 30px rgba(0,0,0,0.9)) !important;
  animation: logoFloatOver 3.2s ease-in-out infinite !important;
}
@keyframes logoFloatOver {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.04); }
}

.hero-visual { background: transparent !important; border-radius: 0 !important; }

@keyframes heroLogoPulse {
  0%   { transform: translateY(0px) scale(1) rotate(-0.5deg); }
  20%  { transform: translateY(-10px) scale(1.03) rotate(0.8deg); }
  45%  { transform: translateY(-20px) scale(1.06) rotate(-0.5deg); }
  70%  { transform: translateY(-10px) scale(1.03) rotate(0.3deg); }
  100% { transform: translateY(0px) scale(1) rotate(-0.5deg); }
}
.hero-logo {
  width: clamp(340px, 44vw, 660px) !important;
  animation: heroLogoPulse 3s ease-in-out infinite !important;
  filter: drop-shadow(0 10px 28px rgba(0,0,0,0.18)) !important;
}
.hero-title { color: #1a1a1a !important; }
.hero-tagline { color: #555 !important; }
.hero .btn-outline { color: #1a1a1a !important; border-color: rgba(0,0,0,0.3) !important; background: transparent !important; }

@media (min-width: 901px) {
  .hero-content-3col { grid-template-columns: 1fr 0.9fr 240px !important; gap: 22px !important; }
}

.stats-strip { background: #e8e8e8 !important; border-top: 1px solid #d0d0d0 !important; border-bottom: 1px solid #d0d0d0 !important; }
.stats-strip .stat-number { color: #cc0000 !important; }
.stats-strip .stat-label { color: #555 !important; }
.stats-strip .stat-divider { background: #c8c8c8 !important; }

.sponsors-track, .sponsors-inner { display: flex !important; flex-wrap: wrap !important; width: auto !important; animation: none !important; gap: 28px !important; justify-content: center !important; align-items: center !important; padding: 24px 0 !important; }
.sponsor-item { width: 240px !important; height: 130px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border: 1px solid #eee !important; border-radius: 10px !important; padding: 14px !important; box-sizing: border-box !important; }
.sponsor-item a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 0 !important; }
.sponsor-item img { width: 210px !important; height: 100px !important; object-fit: contain !important; display: block !important; max-width: none !important; max-height: none !important; }

.navbar { background: #0d0d0d !important; border-bottom: 2px solid #cc0000 !important; box-shadow: 0 2px 20px rgba(0,0,0,0.5) !important; }
.navbar .nav-link { color: rgba(255,255,255,0.85) !important; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #cc0000 !important; }
.navbar .nav-link.active::after { background: #cc0000 !important; }
.navbar .brand-text { color: #ffffff !important; }
.navbar .brand-text span { color: rgba(255,255,255,0.6) !important; }
.navbar .nav-cta { background: #cc0000 !important; color: #fff !important; border-radius: 6px !important; padding: 6px 14px !important; }
.navbar .nav-cta:hover { background: #aa0000 !important; color: #fff !important; }
.hamburger span { background: #ffffff !important; }

.navbar-brand img {
  filter: brightness(0) invert(1) !important;
  animation: navLogoRide 2.8s ease-in-out infinite !important;
  transform-origin: bottom center !important;
}
@keyframes navLogoRide {
  0%   { transform: translateY(0px) rotate(-1deg); }
  25%  { transform: translateY(-3px) rotate(0deg); }
  50%  { transform: translateY(-5px) rotate(1.5deg); }
  75%  { transform: translateY(-2px) rotate(0deg); }
  100% { transform: translateY(0px) rotate(-1deg); }
}

.hero-tach-col { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; }
#tach-canvas { filter: drop-shadow(0 0 22px rgba(204,0,0,0.3)) drop-shadow(0 0 6px rgba(0,0,0,0.6)) !important; border-radius: 50% !important; }
.tach-rpm-num { font-family: 'Courier New', monospace !important; font-size: 1.35rem !important; font-weight: bold !important; color: #cc0000 !important; letter-spacing: 2px !important; min-width: 90px !important; text-align: center !important; text-shadow: 0 0 8px rgba(204,0,0,0.4) !important; }
.tach-rpm-unit { font-size: 0.62rem !important; color: #777 !important; letter-spacing: 4px !important; text-transform: uppercase !important; }
@media (max-width: 900px) { .hero-tach-col { display: none !important; } }

.whatsapp-float { position: fixed !important; bottom: 28px !important; left: 28px !important; right: auto !important; width: 62px !important; height: 62px !important; background: #25d366 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 32px !important; box-shadow: 0 4px 20px rgba(37,211,102,0.45) !important; z-index: 9999 !important; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s !important; }
.whatsapp-float:hover { transform: scale(1.1) !important; box-shadow: 0 6px 28px rgba(37,211,102,0.6) !important; color: #fff !important; }
.wa-tooltip { display: none !important; position: absolute !important; left: 72px !important; right: auto !important; background: #1a1a1a !important; color: #fff !important; font-size: 0.75rem !important; padding: 6px 12px !important; border-radius: 6px !important; white-space: nowrap !important; pointer-events: none !important; }
.whatsapp-float:hover .wa-tooltip { display: block !important; }