/* BitsOffers - modo oscuro para paginas publicas (login, registro, legales, etc.) */
html[data-theme="dark"] {
  --pg-bg: #080c14; --pg-surface: #121a2a; --pg-surface-2: #0d1320; --pg-border: #1e2a3f;
  --pg-text: #e8edf6; --pg-muted: #97a3b8; --pg-primary: #4f8cff;
  color-scheme: dark;
}
html[data-theme="dark"] body { background: var(--pg-bg) !important; color: var(--pg-text) !important; }
html[data-theme="dark"] #header { background: rgba(8, 12, 20, .9) !important; border-bottom-color: var(--pg-border) !important; }
html[data-theme="dark"] #header a, html[data-theme="dark"] .nav-links a { color: var(--pg-muted) !important; }
html[data-theme="dark"] #header a:hover { color: var(--pg-text) !important; }
html[data-theme="dark"] #footer, html[data-theme="dark"] footer { background: var(--pg-surface-2) !important; border-top-color: var(--pg-border) !important; color: var(--pg-muted) !important; }
html[data-theme="dark"] .footer-list li, html[data-theme="dark"] .footer-list li a { color: var(--pg-muted) !important; }
html[data-theme="dark"] .text-dark, html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: var(--pg-text) !important; }
html[data-theme="dark"] .text-muted, html[data-theme="dark"] .text-secondary { color: var(--pg-muted) !important; }
html[data-theme="dark"] .value-prop-box h2 { color: var(--pg-text) !important; }
html[data-theme="dark"] .feature-list li { color: var(--pg-muted) !important; }
html[data-theme="dark"] .auth-card, html[data-theme="dark"] .terms-container, html[data-theme="dark"] .card,
html[data-theme="dark"] #formdiv, html[data-theme="dark"] .modal-content {
  background: var(--pg-surface) !important; border-color: var(--pg-border) !important; color: var(--pg-text) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .4) !important;
}
html[data-theme="dark"] .secure-badge { background: rgba(16, 185, 129, .12) !important; color: #34d399 !important; }
html[data-theme="dark"] .secure-url-text { color: var(--pg-muted) !important; }
html[data-theme="dark"] .form-label, html[data-theme="dark"] label, html[data-theme="dark"] .custom-checkbox .form-check-label { color: var(--pg-text) !important; }
html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select, html[data-theme="dark"] .input-group-custom input,
html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] textarea {
  background: var(--pg-surface-2) !important; color: var(--pg-text) !important; border-color: var(--pg-border) !important;
}
html[data-theme="dark"] .input-group-custom input:focus, html[data-theme="dark"] .form-control:focus { border-color: var(--pg-primary) !important; box-shadow: 0 0 0 3px rgba(79, 140, 255, .2) !important; }
html[data-theme="dark"] ::placeholder { color: var(--pg-muted) !important; opacity: .8; }
html[data-theme="dark"] .input-group-text, html[data-theme="dark"] .input-group-custom .icon, html[data-theme="dark"] .input-group-custom i { color: var(--pg-muted) !important; }
html[data-theme="dark"] .terms-section p, html[data-theme="dark"] .terms-list li { color: var(--pg-muted) !important; }
html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light { background: var(--pg-surface) !important; }
html[data-theme="dark"] .border, html[data-theme="dark"] hr { border-color: var(--pg-border) !important; }
html[data-theme="dark"] .btn-close { filter: invert(1); }
html[data-theme="dark"] .alert-danger { background: rgba(239, 68, 68, .1) !important; color: #fca5a5 !important; border-color: rgba(239, 68, 68, .3) !important; }
html[data-theme="dark"] .alert-success { background: rgba(16, 185, 129, .1) !important; color: #6ee7b7 !important; border-color: rgba(16, 185, 129, .3) !important; }

/* Boton flotante de tema (se agrega en paginas sin boton) */
.bo-float-theme {
  position: fixed; right: 16px; bottom: 16px; z-index: 9999; width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid rgba(127, 127, 127, .3); background: #121a2a; color: #fbbf24; display: flex; align-items: center;
  justify-content: center; cursor: pointer; box-shadow: 0 8px 20px rgba(0, 0, 0, .3); font-size: 18px;
}
html:not([data-theme="dark"]) .bo-float-theme { background: #fff; color: #2563eb; }

/* ===== Captcha "I'm not a robot": se veia transparente (texto blanco sobre fondo blanco) ===== */
.anti-captcha .anticap-toggle { max-width: 100%; border-radius: 12px !important; }
.anti-captcha .anticap-toggle .label { color: #202124 !important; text-transform: none !important; }
html[data-theme="dark"] .anti-captcha .anticap-toggle { background: #0d1320 !important; border: 1px solid #2a3a5c !important; color: #e8edf6 !important; }
html[data-theme="dark"] .anti-captcha .anticap-toggle .label { color: #e8edf6 !important; }
html[data-theme="dark"] .anti-captcha .anticap-toggle .box { border-color: #8aa0c8 !important; background: #121a2a; }
html[data-theme="dark"] .anti-captcha .anticap-toggle:hover { border-color: #4f8cff !important; }
html[data-theme="dark"] .anti-captcha .anticap-toggle.verified .label { color: #34d399 !important; }

/* Movil: las animaciones (AOS) empujaban la pagina hacia un lado */
html, body { overflow-x: hidden; }