/* =============================================================
   Anticrisis · LEGIBILIDAD v2 (2026-10-15, orden de Jhonn)
   Letras mas grandes y claras, contraste correcto por zona y
   una experiencia intuitiva y agradable en TODO el sitio.
   Regla de oro: texto blanco SOLO sobre fondos oscuros;
   texto oscuro pleno sobre fondos claros. Sin excepciones.
   ============================================================= */

/* ---------- Escala tipografica: base mas grande y con aire ---------- */
p, li { line-height: 1.72; }
.sec-sub { font-size: 1.07rem !important; line-height: 1.65; }
.stat span { font-size: .92rem !important; }
.cd span { font-size: .8rem !important; }
.t-chip { font-size: .85rem !important; }
.opp-src { font-size: .85rem !important; }
.kicker { font-size: .85rem !important; }
small, .small, .meta, .date, .time, .hint, .note, figcaption { font-size: .9rem; }
section[id] { scroll-margin-top: 86px; }

/* ---------- ZONAS OSCURAS: texto claro pleno (nunca tenue) ---------- */
#top, #historia, #evolucion, #alertas, #kit, #casos, #faq, #unete, #manifiesto {
  color: #f4f4f9;
}
#historia p, #historia li, #evolucion p, #evolucion li,
#alertas p, #kit p, #kit li, #casos p, #faq p,
#unete p, #manifiesto p {
  opacity: 1 !important;
}
.t-extra { color: #f7f7fb !important; }
.t-extra p, .t-extra span, .t-extra div { color: #f7f7fb !important; opacity: 1 !important; }
.timeline p, .timeline li, .timeline span { opacity: 1 !important; }
.t-chip, [class*="chip"] { opacity: 1 !important; }
h1, h2, h3, h4, h5, h6 { opacity: 1 !important; }
[style*="opacity:.5"], [style*="opacity: .5"],
[style*="opacity:.6"], [style*="opacity: .6"],
[style*="opacity:.7"], [style*="opacity: .7"],
[style*="opacity:.8"], [style*="opacity: .8"] { opacity: 1 !important; }

/* ---------- ZONAS CLARAS: texto oscuro pleno (nunca blanco) ---------- */
#actitud, #oportunidades { color: #1b1b2e !important; }
#actitud p, #actitud li, #actitud span, #actitud div, #actitud small,
#oportunidades p, #oportunidades li, #oportunidades span, #oportunidades div, #oportunidades small,
.act-card p, .act-card li, .act-card span, .act-card div,
.opp-card p, .opp-card li, .opp-card span, .opp-card div {
  color: #1b1b2e !important;
  opacity: 1 !important;
}
#actitud strong, #oportunidades strong,
#actitud b, #oportunidades b { color: #141433 !important; }
#top strong, #top b { color: #ffffff !important; }
#actitud .act-close, #oportunidades .sec-sub { color: #33334d !important; }
#actitud a, #oportunidades a { color: #1a56db; }
#top .sub { color: #c6c6d8 !important; }
#top .stat span { color: #c6c6d8 !important; }
.opp-card h3 { color: #191930 !important; }

#historia .sec-sub, #evolucion .sec-sub, #alertas .sec-sub, #kit .sec-sub,
#casos .sec-sub, #faq .sec-sub, #unete .sec-sub, #manifiesto .sec-sub,
#manifiesto .mani-text { color: #c9c9da !important; }
footer { color: #d8d8e6; }
footer .foot-col a, footer p, footer li { color: #c9c9da; }

/* ---------- Banner MiCardio: tarjeta oscura, texto nitido ---------- */
#micardio-banner a { transition: transform .25s, box-shadow .25s !important; }
#micardio-banner a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(20, 20, 60, .35);
}

/* ---------- Boton fantasma del hero: letras bien blancas ---------- */
.btn-ghost {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.7) !important;
  background: rgba(255,255,255,.08) !important;
}

/* ---------- Cinta inferior (ticker): informacion bien visible ---------- */
.ticker, .ticker span, .ticker div { color: #23233a !important; opacity: 1 !important; }
.ticker b, .ticker strong { color: #9a6b00 !important; }

/* ---------- Interaccion clara y agradable ---------- */
:focus-visible { outline: 3px solid #ff7a3c; outline-offset: 2px; border-radius: 6px; }
.act-card, .opp-card, .kit-card, .case-card, .t-item, .faq-item {
  transition: transform .25s, box-shadow .25s, opacity .6s;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
#unete li { color: #d5d8ea !important; }