/* ============================================================
   JR FITNESS - landing_light.css
   Overrides del tema claro (activo con html.theme-light).
   Cargado después de landing_dark.css - mayor especificidad.
   ============================================================ */

/* ── Body ──────────────────────────────────────────────────── */
html.theme-light .landing-body { background-color: #f8fafc; color: #0f172a; }

/* ── Navbar ────────────────────────────────────────────────── */
html.theme-light .landing-navbar { background: rgba(248,250,252,0.94); border-bottom: 1px solid rgba(15,23,42,0.08); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
html.theme-light .nav-logo-badge { box-shadow: 0 4px 14px rgba(16,185,129,0.2); }
html.theme-light .nav-logo-text  { color: #0f172a !important; }
html.theme-light .nav-links a    { color: #475569; }
html.theme-light .nav-links a:hover { color: #10b981; }

html.theme-light .btn-landing-sec {
  background: rgba(15,23,42,0.05);
  border: 1px solid rgba(15,23,42,0.15);
  color: #0f172a;
}
html.theme-light .btn-landing-sec:hover {
  background: rgba(15,23,42,0.1);
  border-color: rgba(15,23,42,0.25);
}

html.theme-light .btn-theme-toggle {
  background: rgba(15,23,42,0.05);
  border: 1px solid rgba(15,23,42,0.15);
  color: #0f172a;
}
html.theme-light .btn-theme-toggle:hover {
  background: rgba(15,23,42,0.1);
  border-color: rgba(15,23,42,0.25);
}




html.theme-light .nav-toggle { color: #0f172a; }

/* ── Hero ──────────────────────────────────────────────────── */
html.theme-light .hero-section {
  background:
    radial-gradient(circle at 75% 25%, rgba(16,185,129,0.12) 0%, transparent 50%),
    radial-gradient(circle at 15% 75%, rgba(59,130,246,0.08) 0%, transparent 50%),
    linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
}
html.theme-light .hero-badge { background: rgba(16,185,129,0.1); color: #059669; border: 1px solid rgba(16,185,129,0.3); box-shadow: 0 0 15px rgba(16,185,129,0.1); }
html.theme-light .hero-title { color: #0f172a; }
html.theme-light .hero-description { color: #475569; }
html.theme-light .hero-card-preview { box-shadow: 0 25px 60px rgba(0,0,0,0.15); border: 1px solid rgba(15,23,42,0.12); }
html.theme-light .btn-hero-secondary { background: rgba(15,23,42,0.06); border: 1px solid rgba(15,23,42,0.18); color: #0f172a; }
html.theme-light .btn-hero-secondary:hover { background: rgba(15,23,42,0.12); border-color: rgba(15,23,42,0.3); }

/* ── Floating Badges ───────────────────────────────────────── */
html.theme-light .floating-badge { background: rgba(255,255,255,0.95); border: 1px solid rgba(15,23,42,0.12); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
html.theme-light .badge-icon { background: rgba(16,185,129,0.12); }
html.theme-light .floating-badge strong { color: #0f172a; }
html.theme-light .floating-badge small  { color: #64748b; }

/* ── Countdown ─────────────────────────────────────────────── */
html.theme-light .hero-countdown-overlay { 
  background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.85) 0%, rgba(248, 250, 252, 0.74) 65%, rgba(241, 245, 249, 0.82) 100%) !important; 
  border: 1.5px solid rgba(16, 185, 129, 0.45) !important; 
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12), 0 0 25px rgba(16, 185, 129, 0.2) !important; 
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
html.theme-light .hcd-time-unit { 
  background: rgba(255, 255, 255, 0.7) !important; 
  border: 1px solid rgba(15, 23, 42, 0.12) !important; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
html.theme-light .hcd-digit { color: #0f172a; }
html.theme-light .hcd-label { color: #64748b; }

/* ── Section headers ───────────────────────────────────────── */
html.theme-light .section-title    { color: #0f172a; }
html.theme-light .section-subtitle { color: #475569; }

/* ── Features ──────────────────────────────────────────────── */
html.theme-light .features-section { background: #f1f5f9; }
html.theme-light .feature-card     { background: #ffffff; border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
html.theme-light .feature-card:hover { border-color: rgba(16,185,129,0.35); box-shadow: 0 20px 40px rgba(0,0,0,0.08), 0 0 20px rgba(16,185,129,0.1); }
html.theme-light .feature-icon     { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2); }
html.theme-light .feature-card h3  { color: #0f172a; }
html.theme-light .feature-card p   { color: #475569; }

/* ── Pricing ───────────────────────────────────────────────── */
html.theme-light .pricing-section { background: #f8fafc; }
html.theme-light .pricing-tabs-wrapper { background: rgba(255,255,255,0.9); border: 1px solid rgba(15,23,42,0.12); }
html.theme-light .pricing-tab-btn  { color: #64748b; }
html.theme-light .pricing-tab-btn:hover:not(.active) { color: #0f172a; }
html.theme-light .pricing-tab-btn.active {
  background: #10b981 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(16,185,129,0.4);
}
html.theme-light .pricing-card     { background: #ffffff; border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
html.theme-light .pricing-card.popular { border-color: #10b981; background: linear-gradient(145deg, rgba(16,185,129,0.06), #ffffff); box-shadow: 0 15px 40px rgba(16,185,129,0.15), 0 0 25px rgba(16,185,129,0.1); }
html.theme-light .pricing-totem-avatar-mini { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.12); box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
html.theme-light .pricing-totem-slogan { color: #64748b; }
html.theme-light .pricing-days-badge { background: rgba(15,23,42,0.07); border: 1px solid rgba(15,23,42,0.15); color: #334155; }
html.theme-light .pricing-card.popular .pricing-days-badge { background: rgba(16,185,129,0.12); border-color: #10b981; color: #065f46; }
html.theme-light .pricing-sessions-highlight { color: #334155; }
html.theme-light .pricing-header h3 { color: #0f172a; }
html.theme-light .price             { color: #475569; }
html.theme-light .price span        { color: #0f172a; }
html.theme-light .pricing-features  { color: #334155; }
html.theme-light .btn-price         { border: 1px solid rgba(15,23,42,0.15); background: rgba(15,23,42,0.05); color: #0f172a; }
html.theme-light .btn-price:hover   { background: rgba(15,23,42,0.1); }
html.theme-light .pricing-voucher-avatar-mini { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.12); box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
html.theme-light .pricing-card-voucher-20.popular { border-color: #8b5cf6; background: linear-gradient(145deg, rgba(139,92,246,0.08), #ffffff); box-shadow: 0 15px 40px rgba(139,92,246,0.18), 0 0 25px rgba(139,92,246,0.1); }
html.theme-light .pricing-card-plan-3.popular { border-color: #3b82f6; background: linear-gradient(145deg, rgba(59,130,246,0.08), #ffffff); box-shadow: 0 15px 40px rgba(59,130,246,0.18), 0 0 25px rgba(59,130,246,0.1); }

/* ── Location ──────────────────────────────────────────────── */
html.theme-light .location-section   { background: #f1f5f9; }
html.theme-light .location-card-info { background: #ffffff; border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
html.theme-light .loc-icon           { background: rgba(16,185,129,0.12); }
html.theme-light .location-item strong { color: #0f172a; }
html.theme-light .location-item p, html.theme-light .location-item a { color: #475569; }
html.theme-light .location-map-card  { border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }

/* ── Social ────────────────────────────────────────────────── */
html.theme-light .social-section { background: radial-gradient(circle at 50% 0%, rgba(16,185,129,0.04) 0%, rgba(248,250,252,0) 70%), #f8fafc; border-top: 1px solid rgba(15,23,42,0.08); }
html.theme-light .social-card    { background: #ffffff; border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
html.theme-light .social-card:hover { border-color: rgba(15,23,42,0.2); box-shadow: 0 22px 40px -10px rgba(0,0,0,0.12); }
html.theme-light .social-avatar  { box-shadow: 0 8px 18px rgba(0,0,0,0.1); }
html.theme-light .social-name    { color: #0f172a; }
html.theme-light .social-handle  { color: #64748b; }
html.theme-light .social-desc    { color: #334155; }
html.theme-light .btn-social-card { background: #f1f5f9; color: #0f172a; border: 1px solid rgba(15,23,42,0.12); }
html.theme-light .btn-social-card:hover { background: #e2e8f0; border-color: rgba(15,23,42,0.2); }

/* ── Footer en modo claro ─────────────────────────────────── */
html.theme-light .landing-footer     { background: #f8fafc; color: #0f172a; border-top: 1px solid rgba(15,23,42,0.08); }
html.theme-light .footer-logo        { color: #0f172a !important; }
html.theme-light .footer-desc        { color: #64748b !important; }
html.theme-light .footer-links strong { color: #0f172a !important; }
html.theme-light .footer-links a     { color: #64748b; }
html.theme-light .footer-links a:hover { color: #10b981; }
html.theme-light .footer-social-icon { background: rgba(15,23,42,0.06); border: 1px solid rgba(15,23,42,0.12); color: #475569; }
html.theme-light .footer-social-icon:hover { color: #ffffff; }
html.theme-light .footer-social-icon--whatsapp:hover  { background: #25d366 !important; border-color: #25d366 !important; color: #ffffff !important; }
html.theme-light .footer-social-icon--instagram:hover { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important; border-color: transparent !important; color: #ffffff !important; }
html.theme-light .footer-social-icon--facebook:hover  { background: #1877f2 !important; border-color: transparent !important; color: #ffffff !important; }
html.theme-light .footer-social-icon--x:hover         { background: #000000 !important; border-color: #000000 !important; color: #ffffff !important; }
html.theme-light .footer-social-icon--youtube:hover   { background: #ff0000 !important; border-color: transparent !important; color: #ffffff !important; }
html.theme-light .footer-social-icon--tiktok:hover    { background: linear-gradient(135deg, #00f2fe, #fe0979) !important; border-color: transparent !important; color: #ffffff !important; }
html.theme-light .footer-bottom      { border-top: 1px solid rgba(15,23,42,0.08); color: #94a3b8; }

/* ── Auth Modal en modo claro ──────────────────────────────── */
html.theme-light .auth-modal-overlay { background: rgba(15,23,42,0.6); }
html.theme-light .auth-modal-card    { background: #ffffff; border: 1px solid rgba(15,23,42,0.12); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.2); }
html.theme-light .auth-modal-close   { color: #64748b; }
html.theme-light .auth-modal-close:hover { color: #0f172a; }
html.theme-light .auth-modal-logo-title { color: #0f172a !important; }
html.theme-light .auth-modal-subtitle   { color: #64748b; }
html.theme-light .auth-tabs             { background: #f1f5f9; border: 1px solid rgba(15,23,42,0.1); }
html.theme-light .auth-tab              { color: #64748b; }
html.theme-light .auth-tab:hover:not(.active) { color: #0f172a; }
html.theme-light .auth-tab.active       { background: #10b981 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(16,185,129,0.35); }

html.theme-light .auth-modal-card .form-label { color: #0f172a !important; }
html.theme-light .auth-modal-card .form-input { background: #f8fafc !important; color: #0f172a !important; border: 1.5px solid #cbd5e1 !important; }
html.theme-light .auth-modal-card .form-input::placeholder { color: #94a3b8 !important; }
html.theme-light .auth-modal-card .form-hint { color: #64748b; }
html.theme-light .auth-modal-card .photo-upload-compact { background: #f8fafc; border: 1.5px dashed #cbd5e1; }
html.theme-light .auth-modal-card .photo-compact-content { color: #475569; }
html.theme-light .auth-modal-card::-webkit-scrollbar-track { background: rgba(241,245,249,0.8); }
html.theme-light .auth-modal-card::-webkit-scrollbar-thumb { background: #cbd5e1; }
html.theme-light .auth-modal-card { scrollbar-color: #cbd5e1 rgba(241,245,249,0.8); }

html.theme-light .login-error,
html.theme-light .auth-modal-card .login-error {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1.5px solid #fca5a5 !important;
}

html.theme-light .auth-notice-box { background: rgba(59,130,246,0.1) !important; border: 1px solid rgba(59,130,246,0.25) !important; color: #1e40af !important; }
html.theme-light .auth-remember-label { color: #0f172a !important; }
html.theme-light .auth-forgot-link { color: #059669 !important; }
html.theme-light .auth-forgot-link:hover { color: #047857 !important; }
html.theme-light .checkbox-label  { color: #334155 !important; }
html.theme-light .auth-recaptcha-notice { color: #64748b; }
html.theme-light .auth-recaptcha-notice a { color: #475569; }

html.theme-light .auth-success-title { color: #0f172a !important; }
html.theme-light .auth-success-desc  { color: #475569 !important; }
html.theme-light .auth-email-notice  { background: rgba(16,185,129,0.1) !important; border: 1px solid rgba(16,185,129,0.25) !important; color: #065f46 !important; }
html.theme-light .auth-expedite-title { color: #64748b !important; }

html.theme-light .auth-modal-card input:-webkit-autofill,
html.theme-light .auth-modal-card input:-webkit-autofill:hover,
html.theme-light .auth-modal-card input:-webkit-autofill:focus,
html.theme-light .auth-modal-card input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #0f172a !important;
}

/* ── Mobile light ──────────────────────────────────────────── */
@media (max-width: 768px) {
  html.theme-light .landing-navbar { background: rgba(248, 250, 252, 0.98); }
  html.theme-light .nav-links {
    background:
      radial-gradient(ellipse 90% 50% at 85% -5%, rgba(16, 185, 129, 0.18) 0%, transparent 60%),
      radial-gradient(ellipse 80% 50% at 15% 100%, rgba(59, 130, 246, 0.1) 0%, transparent 60%),
      radial-gradient(circle at 50% 45%, rgba(245, 158, 11, 0.05) 0%, transparent 50%),
      linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }
  html.theme-light .nav-link-item {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
  }
  html.theme-light .nav-link-item:hover, html.theme-light .nav-link-item:active {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    color: #059669 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.12) !important;
  }
  html.theme-light .nav-link-chevron {
    color: rgba(15, 23, 42, 0.35) !important;
  }
  html.theme-light .btn-mobile-sec {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }
  html.theme-light .btn-mobile-sec:hover, html.theme-light .btn-mobile-sec:active {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.24) !important;
  }
  html.theme-light .btn-mobile-pri {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3) !important;
    color: #ffffff !important;
    border: none !important;
  }
  html.theme-light .nav-mobile-footer-card {
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
  }
  html.theme-light .nav-mobile-direct-wa-btn {
    background: rgba(37, 211, 102, 0.1) !important;
    border: 1px solid rgba(37, 211, 102, 0.3) !important;
    color: #0f172a !important;
  }
  html.theme-light .nav-mobile-direct-wa-btn:hover, html.theme-light .nav-mobile-direct-wa-btn:active {
    background: rgba(37, 211, 102, 0.18) !important;
    border-color: rgba(37, 211, 102, 0.5) !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.15) !important;
  }
  html.theme-light .nav-mobile-direct-wa-btn .nav-wa-title { color: #15803d; }
  html.theme-light .nav-mobile-direct-wa-btn .nav-wa-sub { color: #64748b; }
  html.theme-light .nav-mobile-direct-wa-btn .nav-wa-arrow { color: #15803d; }
  html.theme-light .nav-social-section-label { color: #64748b; }
  html.theme-light .nav-social-wa {
    background: rgba(37, 211, 102, 0.12) !important;
    border: 1px solid rgba(37, 211, 102, 0.3) !important;
    color: #16a34a !important;
  }
  html.theme-light .nav-social-wa:hover, html.theme-light .nav-social-wa:active {
    background: #25d366 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
  }
  html.theme-light .nav-social-ig {
    background: rgba(225, 48, 108, 0.12) !important;
    border: 1px solid rgba(225, 48, 108, 0.28) !important;
    color: #e11d48 !important;
  }
  html.theme-light .nav-social-ig:hover, html.theme-light .nav-social-ig:active {
    background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(225, 48, 108, 0.4);
  }
  html.theme-light .nav-social-fb {
    background: rgba(24, 119, 242, 0.12) !important;
    border: 1px solid rgba(24, 119, 242, 0.28) !important;
    color: #2563eb !important;
  }
  html.theme-light .nav-social-fb:hover, html.theme-light .nav-social-fb:active {
    background: #1877f2 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.4);
  }
  html.theme-light .nav-social-tel {
    background: rgba(15, 23, 42, 0.05) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: #334155 !important;
  }
  html.theme-light .nav-social-tel:hover, html.theme-light .nav-social-tel:active {
    background: rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
  }
  html.theme-light .nav-social-loc {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    color: #059669 !important;
  }
  html.theme-light .nav-social-loc:hover, html.theme-light .nav-social-loc:active {
    background: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
  }
  html.theme-light .nav-toggle { background: rgba(15, 23, 42, 0.06); border: 1px solid rgba(15, 23, 42, 0.15); color: #0f172a; }
  html.theme-light .btn-theme-toggle-topbar { background: rgba(15, 23, 42, 0.06); border: 1px solid rgba(15, 23, 42, 0.15); color: #0f172a; }
}