/* Marca H3L · verdad única: h3l.ai en producción (memoria paleta-h3l-real-h3l-ai) */
:root{
  --brand-orange:#F97316;--orange-400:#FB923C;--brand-pink:#BE185D;--pink-600:#DB2777;--brand-emerald:#10B981;
  --slate-950:#020617;--slate-900:#0F172A;--slate-800:#1E293B;--slate-700:#334155;--slate-600:#475569;
  --slate-400:#94A3B8;--slate-300:#CBD5E1;--slate-200:#E2E8F0;--slate-100:#F1F5F9;--violet-900:#4C1D95;
  --grad-cta:linear-gradient(to right,#F97316,#BE185D);
  --grad-text:linear-gradient(to right,#F97316,#FB923C,#BE185D);
}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--slate-900);color:var(--slate-300);-webkit-font-smoothing:antialiased}
.text-grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(249,115,22,.35))}
.btn-grad{background:var(--grad-cta);color:#fff;border-radius:.75rem;padding:.7rem 1.25rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:.5rem}
.btn-grad:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(249,115,22,.3)}
.btn-ghost{border:1px solid var(--slate-700);color:var(--slate-300);border-radius:.75rem;padding:.65rem 1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}
.btn-ghost:hover{border-color:var(--slate-400);color:#fff}
.card{background:var(--slate-800);border:1px solid rgba(148,163,184,.12);border-radius:1rem}
.card-hover:hover{border-color:rgba(249,115,22,.45)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-400)}
.dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--brand-emerald);box-shadow:0 0 0 4px rgba(16,185,129,.18);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.ico{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:1.75rem;height:1.75rem}
.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.02em}
.b-nuevo{background:rgba(148,163,184,.15);color:#CBD5E1}.b-en_calificacion{background:rgba(251,146,60,.18);color:#FDBA74}
.b-interesado{background:rgba(249,115,22,.22);color:#FB923C}.b-propuesta_enviada{background:rgba(219,39,119,.2);color:#F9A8D4}
.b-cita_agendada,.b-reunion_agendada,.b-negociacion{background:rgba(76,29,149,.35);color:#C4B5FD}
.b-cerrado{background:rgba(16,185,129,.2);color:#6EE7B7}.b-perdido{background:rgba(100,116,139,.25);color:#94A3B8}
.tab{padding:.6rem .9rem;border-radius:.6rem;color:var(--slate-400);display:flex;align-items:center;gap:.6rem;font-size:.9rem;white-space:nowrap}
.tab:hover{color:#fff;background:rgba(148,163,184,.08)}
.tab.on{color:#fff;background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.35)}
.kcol{min-width:16rem;background:rgba(2,6,23,.45);border:1px solid rgba(148,163,184,.1);border-radius:1rem}
.kcard{background:var(--slate-800);border:1px solid rgba(148,163,184,.14);border-radius:.8rem;cursor:grab}
.kcard:hover{border-color:rgba(249,115,22,.5)}
.score{height:.35rem;border-radius:9999px;background:rgba(148,163,184,.15);overflow:hidden}.score>i{display:block;height:100%;background:var(--grad-cta)}
input,select,textarea{background:rgba(2,6,23,.6);border:1px solid var(--slate-700);color:#fff;border-radius:.7rem;padding:.65rem .85rem;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(249,115,22,.18)}
table{width:100%;border-collapse:collapse}th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400);text-align:left;padding:.6rem .75rem;border-bottom:1px solid rgba(148,163,184,.12)}
td{padding:.7rem .75rem;border-bottom:1px solid rgba(148,163,184,.08);font-size:.9rem}tr:hover td{background:rgba(148,163,184,.05)}
.prose-h3l h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 1rem}.prose-h3l h2{font-size:1.35rem;font-weight:700;color:#fff;margin:2rem 0 .75rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.12)}
.prose-h3l h3{font-size:1.05rem;font-weight:600;color:#FDBA74;margin:1.25rem 0 .5rem}.prose-h3l p,.prose-h3l li{line-height:1.7;color:var(--slate-300)}
.prose-h3l ul{list-style:disc;padding-left:1.4rem;margin:.5rem 0}.prose-h3l ol{list-style:decimal;padding-left:1.4rem;margin:.5rem 0}.prose-h3l li::marker{color:#FB923C}.prose-h3l li{margin:.3rem 0}.prose-h3l strong{color:#fff}
@media print{body{background:#fff;color:#111}.no-print{display:none!important}.prose-h3l h1,.prose-h3l h2,.prose-h3l strong{color:#111}.prose-h3l h3{color:#BE185D}.prose-h3l p,.prose-h3l li{color:#222}.card{border:1px solid #ddd;background:#fff}}

/* Móvil: ninguna tabla ni bloque ancho empuja la página; se desplazan dentro de su tarjeta */
@media (max-width:1023px){
  .card table,.prose-h3l table,section table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .prose-h3l pre,.prose-h3l code{white-space:pre-wrap;word-break:break-word}
  .card{min-width:0}
  nav.card .tab{flex:0 0 auto;white-space:nowrap}
  input.\!w-64{width:100%!important;max-width:16rem}
  body{overflow-x:hidden}
}

/* ── Modo claro (4-nov-2026, pedido de Héctor: «un botón para hacerlo claro o el oscuro que está ahora») ──
   El oscuro queda intacto. html.claro lo pone el botón sol/luna de la barra (base.html, localStorage «sc360_tema»).
   Los colores de texto se eligieron para pasar AA (≥ 4,5:1) sobre blanco y sobre #f1f5f9. */
html.claro{color-scheme:light}
html.claro body{background:#f8fafc;color:#334155}
html.claro .card{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 1px 2px rgba(15,23,42,.04)}
html.claro .kcol{background:#eef2f7;border-color:rgba(15,23,42,.08)}
html.claro .kcard{background:#fff;border-color:rgba(15,23,42,.12)}
html.claro .kcard:hover,html.claro .card-hover:hover{border-color:rgba(234,88,12,.55)}
html.claro .text-white{color:#0f172a}
html.claro .text-slate-100,html.claro .text-slate-200{color:#1e293b}
html.claro .text-slate-300{color:#334155}
html.claro .text-slate-400{color:#475569}
html.claro .text-slate-500,html.claro .text-slate-600{color:#5b6779}
html.claro .text-emerald-300,html.claro .text-emerald-400{color:#047857}
html.claro .text-orange-300,html.claro .text-orange-400{color:#c2410c}
html.claro .text-rose-300{color:#be123c}
html.claro .text-amber-300{color:#b45309}
html.claro .text-pink-200,html.claro .text-pink-300,html.claro .text-pink-400{color:#be185d}
html.claro .text-sky-300,html.claro .text-sky-400{color:#0369a1}
html.claro .border-white\/5{border-color:rgba(15,23,42,.08)}
html.claro .border-white\/10{border-color:rgba(15,23,42,.12)}
html.claro .bg-white\/5,html.claro .bg-white\/8,html.claro .bg-white\/10{background-color:rgba(15,23,42,.06)}
html.claro .bg-\[\#020617\],html.claro .bg-\[\#0F172A\]{background-color:#f1f5f9}
html.claro .bg-\[\#020617\]\/50,html.claro .bg-\[\#020617\]\/60,html.claro .bg-\[\#020617\]\/70{background-color:#f1f5f9}
html.claro .bg-\[\#020617\]\/90{background-color:rgba(255,255,255,.92)}
html.claro .bg-pink-700\/30,html.claro .bg-pink-900\/20,html.claro .bg-pink-500\/10{background-color:rgba(219,39,119,.1)}
html.claro .bg-orange-500\/10,html.claro .bg-orange-500\/15,html.claro .bg-orange-500\/20{background-color:rgba(249,115,22,.12)}
html.claro .bg-sky-500\/20{background-color:rgba(14,165,233,.14)}
/* Sobre degradados de marca y botones, el texto sigue blanco */
html.claro .btn-grad,html.claro .btn-grad *,html.claro [style*="#F97316,#BE185D"] .text-white,html.claro [style*="#F97316,#BE185D"].text-white,
html.claro [style*="#4C1D95,#BE185D"] .text-white,html.claro [style*="#4C1D95,#BE185D"].text-white{color:#fff}
html.claro .btn-ghost{border-color:#cbd5e1;color:#334155}html.claro .btn-ghost:hover{border-color:#64748b;color:#0f172a}
html.claro .eyebrow{color:#475569}
html.claro .tab{color:#475569}html.claro .tab:hover{color:#0f172a;background:rgba(15,23,42,.06)}
html.claro .tab.on{color:#9a3412;background:rgba(249,115,22,.12);border-color:rgba(234,88,12,.45)}
html.claro input,html.claro select,html.claro textarea{background:#fff;border-color:#cbd5e1;color:#0f172a}
html.claro input::placeholder,html.claro textarea::placeholder{color:#64748b}
html.claro th{color:#475569;border-bottom-color:rgba(15,23,42,.12)}
html.claro td{border-bottom-color:rgba(15,23,42,.08)}html.claro tr:hover td{background:rgba(15,23,42,.03)}
html.claro .score{background:rgba(15,23,42,.1)}
html.claro .b-nuevo{background:rgba(100,116,139,.14);color:#334155}
html.claro .b-en_calificacion{background:rgba(251,146,60,.18);color:#9a3412}
html.claro .b-interesado{background:rgba(249,115,22,.18);color:#9a3412}
html.claro .b-propuesta_enviada{background:rgba(219,39,119,.13);color:#9d174d}
html.claro .b-cita_agendada,html.claro .b-reunion_agendada,html.claro .b-negociacion,html.claro .b-cotizacion{background:rgba(109,40,217,.12);color:#5b21b6}
html.claro .b-cerrado{background:rgba(16,185,129,.16);color:#065f46}
html.claro .b-perdido{background:rgba(100,116,139,.16);color:#475569}
html.claro .prose-h3l h1,html.claro .prose-h3l h2,html.claro .prose-h3l strong{color:#0f172a}
html.claro .prose-h3l h2{border-top-color:rgba(15,23,42,.1)}
html.claro .prose-h3l h3{color:#c2410c}html.claro .prose-h3l p,html.claro .prose-h3l li{color:#334155}html.claro .prose-h3l li::marker{color:#ea580c}
/* Botón del tema */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.6rem;color:var(--slate-400);border:1px solid rgba(148,163,184,.2)}
.tema-btn:hover{color:#fff;background:rgba(148,163,184,.08)}
html.claro .tema-btn{color:#475569;border-color:rgba(15,23,42,.15)}html.claro .tema-btn:hover{color:#0f172a;background:rgba(15,23,42,.06)}
.tema-btn .sol{display:none}html.claro .tema-btn .sol{display:block}html.claro .tema-btn .luna{display:none}
@media (max-width:479px){nav .marca-txt{display:none}nav img{flex-shrink:0;min-width:34px}nav > div > a:first-child{flex-shrink:0}nav .tab{padding:.5rem .5rem}nav .tema-btn{width:2rem;height:2rem}}
/* ── CRM en el celular (4-nov-2026): filtros, etiquetas de línea y grado, chat a pantalla completa ── */
.filtro-m{min-height:44px;padding:0 1rem;border-radius:9999px;border:1px solid rgba(148,163,184,.28);color:var(--slate-300);font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}
.filtro-m.on{background:rgba(249,115,22,.18);border-color:rgba(249,115,22,.6);color:#FDBA74}
html.claro .filtro-m{border-color:#cbd5e1;color:#334155}html.claro .filtro-m.on{background:rgba(249,115,22,.12);border-color:rgba(234,88,12,.55);color:#9a3412}
.linea-tag{display:inline-flex;align-items:center;border-radius:.35rem;padding:.12rem .5rem;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.02em}
.linea-salud{background:#bf0a30}.linea-vida{background:#002868;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
html.claro .linea-tag{color:#fff}
.grado-tag{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;border-radius:.35rem;padding:.12rem .4rem;font-size:.75rem;font-weight:800}
.grado-A{background:rgba(16,185,129,.22);color:#6EE7B7}.grado-B{background:rgba(251,146,60,.22);color:#FDBA74}.grado-C,.grado-D{background:rgba(148,163,184,.2);color:#CBD5E1}
html.claro .grado-A{background:rgba(16,185,129,.16);color:#065f46}html.claro .grado-B{background:rgba(251,146,60,.18);color:#9a3412}html.claro .grado-C,html.claro .grado-D{background:rgba(100,116,139,.16);color:#334155}
.chat-movil{background:var(--slate-900)}html.claro .chat-movil{background:#f8fafc}
.movil-panel{background:#0F172A;border-right:1px solid rgba(148,163,184,.15)}html.claro .movil-panel{background:#fff;border-color:rgba(15,23,42,.1)}
@media (max-width:767px){html.chat-abierto body{overflow:hidden}}
.avatar-m,html.claro .avatar-m{color:#fff}