:root{--bg:#0A0A0A;--card:#121212;--line:#262626;--fg:#F2EFE9;--mut:#8E8A84;--acc:#EF8A1E;--ok:#22C55E;--bad:#E5484D;--warn:#E2B960;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}
header{position:sticky;top:0;z-index:5;background:rgba(10,10,10,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.5px}
.brand span{color:var(--acc)}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{color:var(--mut);padding:6px 10px;border-radius:8px;font-weight:600;font-size:14px}
nav a.on,nav a:hover{color:var(--fg);background:#1c1c1c}
.spacer{flex:1}
main{max-width:1180px;margin:0 auto;padding:18px 16px 60px}
h1{font-size:20px;margin-bottom:4px}
h2{font-size:15px;margin:26px 0 10px;color:var(--fg)}
.sub{color:var(--mut);font-size:13px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.kpi b{display:block;font-size:24px;line-height:1.2}
.kpi small{color:var(--mut);font-size:12px}
.kpi.hl{border-color:rgba(239,138,30,.45)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line)}
th{color:var(--mut);font-weight:600;font-size:12px;background:#0f0f0f;position:sticky;top:0}
th:first-child,td:first-child{text-align:left;min-width:140px}
tr:last-child td{border-bottom:none}
.good{color:var(--ok);font-weight:700}.bad{color:var(--bad);font-weight:700}.warn{color:var(--warn)}
.mut{color:var(--mut)}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;background:#1c1c1c;font-size:12px;color:var(--mut)}
.barline{height:6px;background:#1c1c1c;border-radius:4px;overflow:hidden;margin-top:4px}
.barline i{display:block;height:100%;background:var(--acc)}
form.inline{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
input,select,button,textarea{font:inherit;color:var(--fg);background:#161616;border:1px solid var(--line);border-radius:8px;padding:7px 10px}
button,.btn{background:var(--acc);color:#111;border:none;font-weight:700;cursor:pointer;padding:8px 14px;border-radius:8px;display:inline-block}
.btn.ghost,button.ghost{background:#1c1c1c;color:var(--fg)}
label{font-size:12px;color:var(--mut);display:flex;flex-direction:column;gap:4px}
.flash{background:#13230f;border:1px solid #2a4a1f;color:#b7e4a8;padding:8px 12px;border-radius:8px;margin:10px 0}
.login{max-width:360px;margin:12vh auto;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:12px}
.login input{width:100%}
.err{color:var(--bad);font-size:13px}
.tabs{display:flex;gap:6px;margin:12px 0}
.tabs a{padding:6px 12px;border-radius:99px;background:#1c1c1c;color:var(--mut);font-size:13px;font-weight:600}
.tabs a.on{background:var(--acc);color:#111}
@media(max-width:800px){.grid2{grid-template-columns:1fr}.kpi b{font-size:20px}}
.alerta{padding:10px 14px;display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--line)}
.alerta span{color:var(--mut);font-size:13px}
.alerta.rojo{border-left-color:var(--bad)}.alerta.amarillo{border-left-color:var(--warn)}.alerta.verde{border-left-color:var(--ok)}
.ficha-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 4px}
.score-big{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-size:20px}
.score-big b{font-size:30px}.score-big small{color:var(--mut)}
.score-big.caliente{border-color:rgba(239,138,30,.6)}
.estado-contactado{color:var(--warn)}.estado-respondio,.estado-agendo{color:var(--ok)}.estado-no_responde,.estado-descartado{color:var(--bad)}
textarea{resize:vertical}

/* Lista de leads */
.lista{display:grid;gap:6px}
.fila{display:grid;grid-template-columns:56px minmax(0,1.5fr) 152px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) auto;gap:12px;align-items:center;
  background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--fg);transition:border-color .12s,background .12s}
.fila:hover{border-color:#3a3a3a}
.fila.on{border-color:var(--acc);background:#17130e}
.fila b{font-weight:650}
.fila small{display:block;color:var(--mut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fila span{min-width:0}
.f-score{font-size:15px}.f-score b{font-size:18px}
.f-persona b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-ok{font-style:normal;color:var(--ok)}
.clip{max-width:100%}
@media(max-width:1100px){.hide-md{display:none}.fila{grid-template-columns:56px minmax(0,1.5fr) 152px minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1fr) auto}}
@media(max-width:900px){.fila{grid-template-columns:56px minmax(0,1.5fr) 152px minmax(0,1.3fr) minmax(0,1.1fr) auto}.fila .f-dato.hide-sm{display:none}}
@media(max-width:700px){.hide-sm{display:none}.fila{grid-template-columns:50px minmax(0,1fr) auto;row-gap:6px}.fila .f-wa,.fila .f-tags,.fila .f-dato{grid-column:2/4}.fila .pill{grid-column:3;grid-row:1}}

/* Panel lateral */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(50vw,760px);min-width:420px;background:#0d0d0d;border-left:1px solid var(--line);
  transform:translateX(100%);transition:transform .22s ease;z-index:20;display:flex;flex-direction:column;box-shadow:-20px 0 40px rgba(0,0,0,.45)}
.drawer.open{transform:none}
.drawer-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0f0f0f}
.drawer-bar button,.drawer-bar .btn{padding:6px 12px;font-size:14px}
.drawer-body{overflow-y:auto;padding:4px 18px 40px;flex:1}
.drawer-body h1{font-size:19px}.drawer-body h2{margin-top:18px}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}
.stack{display:grid;gap:4px}
@media(max-width:900px){.drawer{width:100vw;min-width:0}}
.otag{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:650;border:1px solid}
.otag.leads{color:#4ade80;border-color:#1f5f35;background:#0f2417}.otag.ventas{color:#2dd4bf;border-color:#1b5b55;background:#0c2422}
.otag.video{color:#c084fc;border-color:#5b2f80;background:#1f1230}.otag.alcance{color:#a1a1aa;border-color:#3f3f46;background:#18181b}
.otag.trafico{color:#60a5fa;border-color:#1e4b80;background:#0e1a2c}.otag.interaccion{color:#fb923c;border-color:#7a3d14;background:#2a160a}
.otag.mensajes{color:#f472b6;border-color:#7a2453;background:#2a0f1e}.otag.otro{color:#a1a1aa;border-color:#3f3f46}

/* Finder de anuncios */
.finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  grid-template-rows:minmax(0,1fr);height:calc(100vh - 250px);min-height:420px;background:var(--card)}
.finder .col{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--line)}
.finder .col:last-child{border-right:none}
.finder header{flex-shrink:0;padding:8px 12px;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line);background:#0f0f0f}
.finder .items{overflow-y:auto;flex:1;min-height:0;padding:4px;overscroll-behavior:contain}
.vacio{color:var(--mut);font-size:13px;padding:14px}
.fi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:7px 9px;color:var(--fg);cursor:pointer;font:inherit}
.fi:hover{background:#1a1a1a}
.fi.on{background:#24364f}
.fi-txt{flex:1;min-width:0}
.fi-txt b{display:block;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fi-txt small{display:block;color:var(--mut);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fi.on .fi-txt small{color:#c9d6e8}
.chev{color:var(--mut);font-size:18px;line-height:1}
.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#555}
.v-verde .dot{background:var(--ok)}.v-amarillo .dot{background:var(--warn)}.v-rojo .dot{background:var(--bad)}.v-gris .dot{background:#555}
.vivo{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);flex-shrink:0}
.det{padding:10px 12px}
.det h3{font-size:16px;margin:2px 0 6px;word-break:break-word}
.det .ruta{font-size:11.5px;word-break:break-word}
.det table td{padding:6px 4px;font-size:13px}
.veredicto{display:flex;gap:8px;align-items:center;margin:10px 0;padding:9px 10px;border-radius:8px;background:#141414;border:1px solid var(--line);font-size:13px}
.veredicto.v-verde{border-color:#1f5f35}.veredicto.v-rojo{border-color:#6b2226}.veredicto.v-amarillo{border-color:#6b5520}
@media(max-width:1000px){
  .finder{grid-template-columns:1fr;height:auto}
  .finder .col{border-right:none;border-bottom:1px solid var(--line);max-height:46vh}
  .finder[data-nivel="-1"] #c1,.finder[data-nivel="-1"] #c2,.finder[data-nivel="0"] #c2{display:none}
}

/* Íconos de veredicto */
.ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-style:normal;font-weight:800;font-size:12.5px;flex-shrink:0;line-height:1}
.ic.v-verde{background:#123d22;color:#4ade80;border:1px solid #1f6b3a}
.ic.v-amarillo{background:#3a2e0e;color:#facc15;border:1px solid #6b5520}
.ic.v-rojo{background:#3d1214;color:#f87171;border:1px solid #6b2226}
.ic.v-gris{background:#1c1c1c;color:#8e8a84;border:1px solid #333}
.ic.v-info{background:#11233d;color:#60a5fa;border:1px solid #1e4b80;font-family:Georgia,serif}
.leyenda{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--mut);margin:10px 0}
.leyenda span{display:inline-flex;gap:6px;align-items:center}
.fi .otag{margin-top:4px}
.veredicto.v-info{border-color:#1e4b80}

/* Filtros del Finder */
.filtros{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:10px 0 2px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.fgrupo{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.flabel{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mut);margin-right:2px}
.chip{background:#161616;border:1px solid var(--line);color:var(--mut);border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.chip.otag{margin:0;opacity:.45}
.chip.otag.on{opacity:1}
.chip:not(.otag).on{background:#24364f;color:var(--fg);border-color:#3b5a85}
.chip-ic{padding:3px 5px;opacity:.4}.chip-ic.on{opacity:1;background:#161616;border-color:#555}
.fbuscar input{min-width:240px}
@media(max-width:700px){.fbuscar input{min-width:0;width:100%}.fbuscar{flex:1}}

/* Ficha optimizada para el setter */
.fx-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 10px}
.fx-head h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paso{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;border:1px solid;margin-bottom:10px}
.paso b{font-size:15.5px}.paso span{font-size:13.5px;color:var(--fg);opacity:.85}
.paso.verde{background:#0f2417;border-color:#1f6b3a}.paso.verde b{color:#4ade80}
.paso.ambar{background:#2a2108;border-color:#6b5520}.paso.ambar b{color:#facc15}
.paso.rojo{background:#2a0f10;border-color:#6b2226}.paso.rojo b{color:#f87171}
.paso.gris{background:#161616;border-color:var(--line)}.paso.gris b{color:var(--fg)}
.chips-razones{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.razon{font-size:12px;padding:3px 9px;border-radius:99px;background:#102217;color:#86efac;border:1px solid #1f5f35}
.razon.neg{background:#2a0f10;color:#fca5a5;border-color:#6b2226}
.datos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}
.datos div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 9px;min-width:0}
.datos small{display:block;color:var(--mut);font-size:11px}
.datos b{display:block;font-size:13px;font-weight:650;line-height:1.3}
.senales{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.senales span{font-size:12.5px;padding:4px 9px;border-radius:8px;background:#141414;border:1px solid var(--line);color:var(--mut)}
.senales span.on{color:var(--fg);border-color:#3b5a85;background:#132033}
.accion{padding:12px;display:grid;gap:8px;margin-bottom:12px}
.accion textarea{width:100%;font:inherit;font-size:14px;color:var(--fg);background:#161616;border:1px solid var(--line);border-radius:8px;padding:8px}
.acc-botones{display:flex;gap:6px;flex-wrap:wrap}
.estados{display:flex;gap:5px;flex-wrap:wrap}
.estados .chip{font-size:13px;padding:6px 11px}
details.mas{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:6px}
details.mas summary{cursor:pointer;padding:9px 12px;font-weight:600;font-size:13.5px;list-style:none}
details.mas summary::before{content:'›';display:inline-block;margin-right:8px;color:var(--mut);transition:transform .15s}
details.mas[open] summary::before{transform:rotate(90deg)}
details.mas table{margin:0 0 6px}
details.mas td{text-align:left;white-space:normal;font-size:13px;vertical-align:top}
@media(max-width:600px){.datos{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tag-warn{font-style:normal;color:#facc15}
.senales span.alerta{color:#facc15;border-color:#6b5520;background:#2a2108}

/* Piloto: cambios de Claude en Meta */
.piloto { padding: 12px 14px; }
.piloto table { width: 100%; table-layout: fixed; }
.piloto td { white-space: normal; word-break: break-word; vertical-align: top; }
.piloto th:nth-child(1) { width: 78px; } .piloto th:nth-child(3) { width: 130px; }
.piloto-tope { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; }
.piloto-tope .barra { flex: 0 0 140px; height: 8px; border-radius: 4px; background: rgba(127,127,127,.2); overflow: hidden; }
.piloto-tope .barra i { display: block; height: 100%; background: #2fa36b; }
@media (max-width: 640px) { .piloto th:nth-child(4), .piloto td:nth-child(4) { display: none; } }
.apagado{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:1.3;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;background:#f59e0b;color:#1a1200;box-shadow:0 0 0 2px rgba(245,158,11,.25)}

/* Closers */
.f-hora{display:flex;flex-direction:column;min-width:64px}
.f-hora b{font-size:16px}
.f-hora small{font-size:11.5px;opacity:.7}
.card.venta,.card.ra{padding:12px 14px;margin-top:10px}
.venta-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cita{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:8px 10px;border-radius:8px;background:rgba(59,130,246,.10)}
.cita.pasada{background:rgba(127,127,127,.12)}
.etapas,.card.ra form{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.proximo{margin:8px 0 0;font-size:13.5px}
.proximo.atrasado{color:#dc2626;font-weight:600}
.pago-form{margin-top:10px}
.pago-form summary{display:inline-block;cursor:pointer;list-style:none}
.pago-form summary::-webkit-details-marker{display:none}
.pago-form form{margin-top:10px}
.pago-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pago-grid label{display:flex;flex-direction:column;gap:3px;font-size:12px;opacity:.9}
.pago-grid input,.pago-grid select{width:100%;min-width:0}
@media (max-width:520px){.pago-grid{grid-template-columns:1fr}}
.pago-linea{font-size:13px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(127,127,127,.18)}
.chip[disabled]{opacity:.6;cursor:default}
.card.ra{border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.ra-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.card.ra .chip{font-weight:600}

/* Ficha: aviso de grupo y botones de remarketing */
.paso-grupo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(226,185,96,.35);font-size:13px;color:var(--warn)}
.paso-grupo code{background:rgba(255,255,255,.06);padding:3px 8px;border-radius:6px;font-size:12.5px;color:var(--fg)}
button.mini,.btn.mini{padding:4px 10px;font-size:12px}
.card.ra{border:1px solid var(--line);background:var(--card)}
.card.ra form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.ra-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(239,138,30,.08);color:var(--fg);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .15s,border-color .15s}
.ra-btn:hover{background:rgba(239,138,30,.18);border-color:var(--acc)}
.ra-btn.on,.ra-btn[disabled]{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35);color:var(--ok);cursor:default}

/* Campañas */
.camp td{white-space:nowrap}
.camp-bar{height:4px;background:rgba(127,127,127,.15);border-radius:3px;margin-top:5px;min-width:90px}
.camp-bar i{display:block;height:100%;background:var(--acc);border-radius:3px}
.sospecha{margin:10px 0 0;padding:9px 12px;border-radius:10px;border:1px solid rgba(229,72,77,.4);background:rgba(229,72,77,.08);font-size:13px}
.tag-bad{font-style:normal;color:var(--bad);font-weight:700}
.estado-falso{color:var(--bad)}

/* Panel del setter (rediseño) */
.contacto{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.contacto a{font-size:12.5px;padding:4px 9px;border:1px solid var(--line);border-radius:99px;color:var(--fg)}
.contacto a:hover{border-color:var(--acc)}
.recorrido{margin:12px 0 0}
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.paso-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--mut);font-size:12.5px;font-weight:700;cursor:pointer}
.paso-btn span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:10.5px}
.paso-btn.hecho{color:var(--ok);border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.07)}
.paso-btn.actual{color:#111;background:var(--ok);border-color:var(--ok)}
.paso-btn.actual span{border-color:#111}
.paso-btn:hover{border-color:var(--acc)}
.salidas{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.salidas .chip{font-size:12px}
.paso.ahora{margin-top:12px}
.paso.ahora textarea{width:100%;margin-top:4px}
.msg-label{display:block;font-size:12px;color:var(--mut);margin-top:12px}
.aviso{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(226,185,96,.10);border:1px solid rgba(226,185,96,.3);font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.aviso code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:5px;font-size:12px}
.aviso.rojo{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.4)}
.btn.grande{padding:11px 18px;font-size:15px;font-weight:800}
.datos.datos6{grid-template-columns:repeat(3,1fr)}
.datos6 .ok b{color:var(--ok)} .datos6 .mal b{color:var(--bad)}
@media (max-width:560px){.datos.datos6{grid-template-columns:repeat(2,1fr)}.pasos{grid-template-columns:repeat(2,1fr)}}
.obstaculo{font-size:13px;margin:8px 0 0;color:var(--mut)}
.obstaculo b{color:var(--fg)}
.nota-rapida{display:flex;gap:6px;margin-top:12px}
.nota-rapida input{flex:1}
.historial{margin-top:6px;font-size:12.5px;color:var(--mut);display:grid;gap:3px}
.historial b{color:var(--fg);font-weight:600}
.paso.ahora textarea{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;font-size:13.5px;line-height:1.45;resize:vertical}

.guardar-plantilla{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);margin-top:8px;cursor:pointer}
.tu-plantilla{color:var(--acc)}
.nota-rapida{display:block}
.nota-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.chip.mini{font-size:11.5px;padding:3px 9px}
.nota-fila{display:flex;gap:6px;align-items:center}
.nota-fila input[name=nota]{flex:1;min-width:0}
.prox{display:flex;align-items:center;gap:3px;font-size:13px}
.prox input{width:135px}
.lista-plantillas{display:grid;gap:10px}
.card.plantilla{padding:12px 14px}
.pl-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
.pl-texto{margin:10px 0;font-size:13.5px;line-height:1.5;white-space:normal}
.pl-res{display:flex;gap:16px;font-size:13px;color:var(--mut)}
.pl-res b{color:var(--fg)}

/* Ficha: estado (frío/tibio/caliente) bajo el puntaje, editable por el setter */
.score-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.nivel-nombre{font-size:13px;font-weight:700;color:var(--mut);text-align:center}
.nivel-nombre.caliente{color:var(--acc)}.nivel-nombre.tibio{color:var(--warn)}.nivel-nombre.frio{color:#7dd3fc}.nivel-nombre.falso{color:var(--bad)}
.nivel-nombre small{display:block;font-weight:500;font-size:11px;color:var(--mut)}
.nivel-form{display:flex;gap:4px}
.nivel-btn{background:#161616;border:1px solid var(--line);border-radius:8px;padding:3px 7px;font-size:15px;line-height:1.2;cursor:pointer;color:var(--fg)}
.nivel-btn:hover{border-color:#555}
.nivel-btn.on{border-color:var(--acc);background:#2a1a08;cursor:default}
.grupo-setteo{margin:8px 0 0;padding:8px 11px;border-radius:8px;background:#141414;border:1px solid var(--line);font-size:13px}
.grupo-setteo.despues{border-color:#1f5f35}.grupo-setteo.no{border-color:#6b5520}

/* Buscador de leads */
.buscador{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}
.buscador input[type=search]{flex:1;min-width:0;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--fg);font:inherit}

.hotmart{margin:0 0 10px;padding:8px 10px;border-radius:8px;font-size:13px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.hotmart.si{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08)}
.hotmart.medio{border-color:rgba(226,185,96,.4);background:rgba(226,185,96,.08)}

/* Creativos */
.crea td,.crea th{padding:7px 8px;text-align:left;vertical-align:top}
.crea-nom{display:block;color:var(--mut);font-size:11.5px;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crea-v{white-space:nowrap;font-size:12.5px;color:var(--mut)}
.crea tr.v-verde .crea-v{color:var(--ok)}.crea tr.v-rojo .crea-v{color:var(--bad)}.crea tr.v-amarillo .crea-v{color:var(--warn)}

.tag-hot{font-style:normal;color:#22c55e;font-weight:700}
.hotmart-top{margin-top:8px;display:inline-block;padding:5px 10px;border-radius:8px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.35);font-size:13px}

/* Leads: cabecera más amigable */
.leads-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.leads-top h1{margin-bottom:2px}
.rango summary{cursor:pointer;list-style:none;font-size:13.5px;color:var(--mut)}
.rango summary::-webkit-details-marker{display:none}
.rango summary b{color:var(--fg)}
.rango .link{color:var(--acc)}
.rango[open] form{margin-top:8px}
.buscador{margin-top:14px}
.buscador input[type=search]{width:100%;max-width:560px;padding:11px 14px;font-size:15px}
.filtros-leads{margin-top:12px;display:grid;gap:8px}
.fila-filtro{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fchip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:13px;font-weight:600;text-decoration:none}
.fchip small{font-weight:700;color:var(--mut);font-size:11.5px}
.fchip:hover{border-color:var(--acc)}
.fchip.on{background:var(--acc);border-color:var(--acc);color:#111}
.fchip.on small{color:#111}
.fchip.filtro.on{background:rgba(34,197,94,.15);border-color:#22c55e;color:var(--fg)}
.fchip.filtro.on small{color:#22c55e}
.resumen{font-size:12.5px;margin:2px 0 0}
kbd{font:inherit;font-size:11px;padding:1px 5px;border:1px solid var(--line);border-radius:4px}

/* Campañas: base en Hotmart */
.hl-base h3{margin:0 0 10px}
.hl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}
.hl-kpis>div{padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.hl-kpis b{display:block;font-size:22px}
.hl-kpis small{color:var(--mut);font-size:12.5px}
.hl-kpis .si{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08)}
.hl-kpis .si b{color:#22c55e}
.hl-base ol{margin:8px 0 0;padding-left:20px;font-size:13.5px;line-height:1.6}
.hl-base summary{cursor:pointer;color:var(--acc);font-size:13.5px}
.hl-fila{margin:10px 0 6px;font-size:13px;font-weight:600}

/* Resumen con HotLeads */
.embudo{padding:14px 16px;display:grid;gap:9px}
.emb-fila{display:grid;grid-template-columns:minmax(150px,1.3fr) 2fr 44px;gap:10px;align-items:center;font-size:13px}
.emb-bar{height:10px;background:rgba(127,127,127,.15);border-radius:99px;overflow:hidden}
.emb-bar i{display:block;height:100%;border-radius:99px}
.emb-n{text-align:right}
.senales2{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.s2{border-radius:10px;padding:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.s2 b{font-size:26px;line-height:1}
.s2 span{font-weight:700;font-size:13px}
.s2 small{font-size:11.5px;color:var(--mut)}
.s2.ambos{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}
.s2.hot{border-color:rgba(239,138,30,.45);background:rgba(239,138,30,.07)}
.s2.cal{border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.06)}
.prioridad{padding:6px 10px}
.pri-fila{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--fg);font-size:13.5px}
.pri-fila:last-of-type{border-bottom:0}
.pri-fila:hover{background:rgba(255,255,255,.03)}
.pri-tags{display:flex;gap:4px}
.pill.hotm{color:var(--acc);border-color:rgba(239,138,30,.45)}
.pri-fila .ir{color:var(--acc);font-size:12px;font-weight:700}
@media (max-width:640px){.pri-fila{grid-template-columns:1fr auto}.pri-fila .mut{grid-column:1/-1}.emb-fila{grid-template-columns:1fr 1fr 36px}}
.grid2>*{min-width:0}
.kpi small strong{font-size:inherit;font-weight:700}
.kpi small strong.kpi-alerta{color:var(--bad)}
.hl-aviso{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:10px;border:1px solid rgba(226,185,96,.45);background:rgba(226,185,96,.08);margin:0 0 6px}

/* Tipo de negocio (PYME / agencia) y rubro */
.negocio{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.neg-btn{padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--mut);font-weight:700;font-size:12.5px;cursor:pointer}
.neg-btn:hover{border-color:var(--acc);color:var(--fg)}
.neg-btn.on{background:var(--acc);border-color:var(--acc);color:#111}
.negocio .rubro{flex:1;min-width:160px;font-size:13px;padding:5px 9px}
.tag-neg{font-style:normal;color:#38bdf8;font-weight:600}
.hl-evidencia{margin:8px 0 10px}.hl-evidencia summary{cursor:pointer;font-size:13px;color:var(--mut)}.hl-evidencia .hl-aviso{margin-top:8px}
.hl-kpis .hl-pct{display:inline;font-size:15px;color:var(--fg)}
.hl-kpis .si .hl-pct{color:#22c55e}
.hl-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin:4px 0 12px}
.hl-chip{padding:3px 8px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
.hl-chip code{background:none;padding:0}
details.hl-evidencia summary{font-weight:500;color:var(--mut)}
details.hl-evidencia>*:not(summary){margin-left:12px;margin-right:12px}
/* Campañas: panel Hotmart con más aire */
.hl-base{padding:18px 20px 16px;margin:14px 0 18px}
.hl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.hl-head h3{margin:0 0 4px;font-size:17px}
.hl-head p{margin:0;font-size:13px;max-width:620px}
.hl-base .hl-kpis{gap:12px;margin-bottom:10px}
.hl-base .hl-kpis>div{padding:14px 16px;border-radius:12px;background:#0f0f0f;display:flex;flex-direction:column;gap:4px}
.hl-base .hl-kpis>div.si{background:rgba(34,197,94,.07)}
.hl-tk{font-size:12.5px;font-weight:700;color:var(--mut);letter-spacing:.2px}
.hl-tk em{font-style:normal;font-weight:500;opacity:.75;margin-left:4px}
.hl-base .hl-kpis>div>b{font-size:26px;line-height:1.1;margin:2px 0}
.hl-base .hl-kpis .si .hl-tk{color:#22c55e}
.hl-nota{font-size:12.5px;color:var(--mut);margin:0 0 14px}
.hl-base details.mas{margin:0 0 12px}
.hl-base details.mas>*:not(summary){margin:0 12px 12px}
.hl-base .hl-tags{margin:0 0 12px;padding-top:12px;border-top:1px solid var(--line)}
.hl-base details.hl-pasos{margin:0}
.hl-base details.hl-pasos ol{padding-left:22px}
.hl-tags-nota{flex-basis:100%;font-size:12px;color:var(--mut)}
@media (max-width:640px){.hl-base{padding:14px}.hl-base .hl-kpis{grid-template-columns:repeat(2,1fr)}.hl-head .btn{width:100%;text-align:center}}
.f-persona .tel{color:var(--fg);white-space:nowrap}
.f-persona .tel{cursor:pointer;color:#22c55e;font-weight:600;border-bottom:1px dashed rgba(34,197,94,.5)}
.f-persona .tel:hover{color:#4ade80}

/* Lista de leads: botón de WhatsApp y etiquetas en su propia columna */
.f-wa{display:flex}
.wa-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:99px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.35);
  color:#4ade80;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.wa-btn svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
.wa-btn:hover{background:rgba(37,211,102,.22);border-color:#25d366;color:#86efac}
.f-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-height:46px;overflow:hidden}
.ch{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--mut);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ch-hot{color:#fb923c;border-color:rgba(251,146,60,.45);background:rgba(251,146,60,.08)}
.ch-warn{color:var(--warn);border-color:rgba(226,185,96,.45);background:rgba(226,185,96,.08)}
.ch-bad{color:var(--bad);border-color:rgba(229,72,77,.45);background:rgba(229,72,77,.08)}
.ch-neg{color:#38bdf8;border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.07)}
.ch-ok{color:var(--ok);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.07)}
.fila{padding-top:9px;padding-bottom:9px}
.fila .f-dato b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Bandejas del setter, contador del día y estado editable */
.setter-hoy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--mut)}
.setter-hoy b{color:var(--fg);font-size:16px;margin-right:3px}
.setter-hoy small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-right:6px}
.bandejas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.bandeja{padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-weight:700;font-size:13.5px}
.bandeja small{color:var(--mut);font-weight:600;margin-left:3px}
.bandeja:hover{border-color:var(--acc)}
.bandeja.on{background:var(--acc);border-color:var(--acc);color:#111}
.bandeja.on small{color:#3a2a10}
.pill-estado{cursor:pointer;user-select:none}
.pill-estado:hover{border-color:var(--acc)}
.menu-estado{position:absolute;right:0;top:calc(100% + 4px);z-index:30;display:grid;min-width:160px;padding:4px;border-radius:10px;border:1px solid var(--line);background:#161616;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.menu-estado button{all:unset;cursor:pointer;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--fg)}
.menu-estado button:hover{background:rgba(255,255,255,.07)}
.fila{position:relative}
.ult{color:var(--fg)!important}

/* Ficha del setter: barra fija, último mensaje, ¿te respondió?, secciones plegables */
.fx-top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 -18px;padding:10px 18px;background:#0d0d0d;border-bottom:1px solid var(--line)}
.fx-nombre{font-size:15px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-top .atajos{flex-basis:100%;color:var(--mut);font-size:11.5px}
.ultimo-msg{margin:12px 0 4px;padding:9px 12px;border-radius:10px;border:1px solid rgba(37,211,102,.25);background:rgba(37,211,102,.05);display:grid;gap:3px}
.ultimo-msg small{color:var(--mut);font-size:11.5px}
.ultimo-msg span{font-size:13.5px;white-space:pre-line}
.te-respondio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid var(--acc);background:rgba(226,185,96,.07)}
.te-respondio b{margin-right:6px;font-size:15px}
.te-respondio form{margin:0}
details.plegable>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
details.plegable>summary::-webkit-details-marker{display:none}
details.plegable>summary::after{content:'▸';margin-left:auto;color:var(--mut)}
details.plegable[open]>summary::after{content:'▾'}
details.plegable[open]>summary{margin-bottom:10px}
#dNext{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:20;max-width:90%;padding:9px 16px;border-radius:99px;background:#14532d;color:#dcfce7;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.5)}

/* Ficha orientada al setteo: bloques limpios, notas y datos editables */
.fx-sub{margin:6px 0 10px;color:var(--mut);font-size:12.5px}
.fx-score{font-size:13px;font-weight:700;color:var(--mut)}
.avisos{display:grid;gap:6px;margin:10px 0}
.bloque{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.bloque h3,.bloque-head h3{margin:0 0 8px;font-size:14px;font-weight:700}
.bloque h3 small{color:var(--mut);font-weight:600;margin-left:4px}
.bloque-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.bloque-head h3{margin:0}
.nota-rapida textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px;line-height:1.45;resize:vertical}
.nota-rapida textarea:focus{border-color:var(--acc);outline:none}
.nota-acc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:12.5px}
.nota-acc .prox{color:var(--mut);display:inline-flex;align-items:center;gap:6px}
.notas-lista{display:grid;gap:6px;margin-top:10px}
.nota{padding:8px 11px;border-radius:10px;background:var(--card);border:1px solid var(--line)}
.nota small{color:var(--mut);font-size:11.5px}
.nota p{margin:3px 0 0;font-size:13.5px;white-space:pre-line;overflow-wrap:anywhere}
.actividad{margin-top:10px;font-size:12.5px}
.actividad summary{cursor:pointer;color:var(--mut)}
.datos-ed label{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 9px;min-width:0;cursor:text}
.datos-ed label:focus-within{border-color:var(--acc)}
.datos-ed label.manual{border-color:rgba(56,189,248,.45)}
.datos-ed small{display:flex;gap:6px;color:var(--mut);font-size:11px}
.datos-ed small a{margin-left:auto;color:var(--acc)}
.datos-ed input{all:unset;display:block;width:100%;font-size:13px;font-weight:650;line-height:1.35;color:var(--fg);text-overflow:ellipsis}
.datos-ed input::placeholder{color:var(--mut);font-weight:500}
.datos-edit .guardar-datos{margin-left:auto;visibility:hidden}
.datos-edit.cambio .guardar-datos{visibility:visible}
.bloque .negocio{margin-top:4px}
.mas-info{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.mas-info>summary{cursor:pointer;font-weight:700;font-size:14px}
.mas-info>summary small{font-weight:500;margin-left:6px}
.mas-info .contacto{margin:12px 0 8px}
.mas-nivel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.mas-nivel .score-col{display:flex;align-items:center;gap:8px}
@media (max-width:560px){.datos-ed{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Arriba y claro: contacto, temperatura y datos */
.fx-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.fx-acciones .acc{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-weight:650;font-size:13.5px}
.fx-acciones .acc:hover{border-color:var(--acc)}
.temp{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 0 auto;padding:3px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.temp-lab{font-size:12px;color:var(--mut);padding:0 6px 0 8px}
.temp-btn{all:unset;cursor:pointer;padding:6px 11px;border-radius:9px;font-size:13px;font-weight:650;color:var(--mut)}
.temp-btn:hover{background:rgba(255,255,255,.06);color:var(--fg)}
.temp-btn.on{cursor:default;color:#111}
.temp-btn.on.caliente{background:#f97316}.temp-btn.on.tibio{background:#e2b960}.temp-btn.on.frio{background:#38bdf8}
.datos-ed label{padding:8px 11px}
.datos-ed small{font-size:12px;color:#a3a3a3;font-weight:600}
.datos-ed input{font-size:14.5px;font-weight:700;margin-top:2px}
.datos-ed input::placeholder{color:var(--acc);font-weight:600;opacity:.75}
.datos-ed label:not(.manual):has(input:placeholder-shown){border-style:dashed}
.bloque-head h3{font-size:15px}
@media (max-width:560px){.temp{margin-left:0}}

/* ===== Ficha elegante: una paleta sobria, un solo acento, menos cajas ===== */
.drawer-body{padding:0 22px 48px}
.fx-top{display:flex;align-items:center;gap:10px;margin:0 -22px 14px;padding:16px 22px 14px;background:rgba(13,13,13,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.fx-id{flex:1;min-width:0;display:grid;gap:3px}
.fx-nombre{font-size:19px;font-weight:750;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-meta{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag-hot{font-style:normal;font-size:11.5px;font-weight:700;color:#e2b960;border:1px solid rgba(226,185,96,.35);border-radius:6px;padding:1px 7px;margin-left:6px;vertical-align:3px}
.fx-top .pill{background:transparent;border:1px solid var(--line);color:var(--fg);font-weight:600}
.wa-btn{background:#25d366;border-color:#25d366;color:#06200f;font-weight:700;padding:7px 14px 7px 11px;font-size:13px}
.wa-btn:hover{background:#3ee07c;border-color:#3ee07c;color:#06200f}
.atajos-bar{font-size:11.5px;color:var(--mut);letter-spacing:.04em;margin-right:6px;cursor:help}
.fx-acciones{gap:6px;margin:0 0 16px}
.fx-acciones .acc{gap:7px;padding:6px 12px;border-radius:8px;background:transparent;font-weight:600;font-size:13px;color:#cfcac2}
.fx-acciones .acc svg{width:14px;height:14px;fill:currentColor;opacity:.8}
.fx-acciones .acc:hover{background:#171717;border-color:#3a3a3a;color:var(--fg)}
.temp{background:transparent;border-color:var(--line);border-radius:9px;padding:2px}
.temp-lab{font-size:11.5px;letter-spacing:.04em}
.temp-btn{padding:5px 10px;border-radius:7px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.temp-btn::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.temp-btn.caliente::before{background:#f97316}.temp-btn.tibio::before{background:#e2b960}.temp-btn.frio::before{background:#60a5fa}
.temp-btn:not(.caliente):not(.tibio):not(.frio)::before{display:none}
.temp-btn.on,.temp-btn.on.caliente,.temp-btn.on.tibio,.temp-btn.on.frio{background:#1f1f1f;color:var(--fg)}
/* Recorrido: una línea fina, sin bloques de color */
.pasos{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.paso-btn{border:none;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:10px 6px;font-weight:600;font-size:13px}
.paso-btn:last-child{border-right:none}
.paso-btn span{width:17px;height:17px;font-size:10px}
.paso-btn.hecho{background:transparent;color:#86efac}
.paso-btn.actual{background:#16301f;color:#bbf7d0}
.paso-btn.actual span{border-color:currentColor}
.paso-btn:hover{background:#151515}
.salidas{gap:2px;margin-top:6px}
.salidas .chip{background:transparent;border-color:transparent;font-size:12px;font-weight:600;padding:4px 9px}
.salidas .chip:hover{color:var(--fg);background:#151515}
.salidas .chip.on{color:var(--fg);border-color:var(--line)}
/* ¿Te respondió? y avisos: discretos */
.te-respondio{background:transparent;border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:10px;padding:10px 12px;margin:14px 0}
.te-respondio b{font-size:14px}
.te-respondio button{padding:7px 13px;font-size:13px}
.te-respondio button.ghost{background:transparent;border:1px solid var(--line);color:#cfcac2}
.aviso{margin-top:0;background:transparent;border:none;border-left:3px solid #6b5520;border-radius:0;padding:4px 0 4px 10px;color:#cfcac2}
.aviso.rojo{background:transparent;border-left-color:var(--bad)}
.aviso b{color:var(--fg)}
.aviso code{background:transparent;border:1px solid var(--line)}
.aviso button.ghost{background:transparent;border:1px solid var(--line);color:#cfcac2}
/* Secciones */
.bloque{margin-top:22px;padding-top:0;border-top:none}
h3.sec{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:0 0 10px}
h3.sec small{letter-spacing:0;color:var(--mut)}
.bloque-head{margin-bottom:10px}
.bloque-head h3.sec{margin:0}
.bloque-head small{font-size:12px}
.datos-ed{gap:8px}
.datos-ed label{background:#111;border:1px solid #1f1f1f;border-radius:10px;padding:9px 12px}
.datos-ed label:not(.manual):has(input:placeholder-shown){border-style:dashed;border-color:#262626;background:transparent}
.datos-ed label.manual{border-color:#2b3b4a}
.datos-ed small{font-size:11.5px;color:var(--mut);font-weight:600}
.datos-ed input{font-size:14px;font-weight:650}
.datos-ed input::placeholder{color:#5c5954;font-weight:500;opacity:1}
.neg-btn{background:transparent;font-weight:600;font-size:12.5px;padding:5px 12px}
.neg-btn.on{background:#1f1f1f;border-color:#3a3a3a;color:var(--fg)}
.negocio .rubro{background:transparent;border:1px solid var(--line);border-radius:8px}
.negocio .guardar-rubro{background:transparent;border:1px solid var(--line);color:#cfcac2}
/* Conversación */
.ultimo-msg{margin:22px 0 0;background:transparent;border:none;border-left:3px solid #1f6b3a;border-radius:0;padding:2px 0 2px 12px}
.ultimo-msg span{color:#d6d1c9}
.paso.ahora{margin-top:14px;background:#111;border:1px solid #1f1f1f;padding:14px 16px}
.paso.ahora>b{font-size:15px;color:var(--fg)}
.paso.ahora>span{color:var(--mut);opacity:1}
.paso.ahora textarea{background:#0b0b0b;border-color:#262626}
.acc-botones{margin-top:8px}
.btn.grande{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#06200f;font-size:14px;padding:10px 16px;border-radius:9px}
.btn.grande svg{width:17px;height:17px;fill:currentColor}
.acc-botones button.ghost{background:transparent;border:1px solid var(--line);color:#cfcac2}
.nota-rapida textarea{background:#111;border-color:#1f1f1f}
.nota-acc .prox input{background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--fg);padding:5px 8px}
.nota{background:transparent;border:none;border-left:2px solid #333;border-radius:0;padding:3px 0 3px 12px}
.card.venta,.card.ra{background:transparent;border-color:#1f1f1f}
.mas-info>summary{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)}
.mas-info>summary small{text-transform:none;letter-spacing:0}
@media (max-width:560px){.fx-top{flex-wrap:wrap}.fx-id{flex-basis:100%}}
.nota-acc label.prox{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:0;margin:0;font-size:12.5px}

/* Calificación a la izquierda del nombre */
.fx-cal{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;border:1px solid var(--line);background:#141414;font-size:13px;line-height:1}
.fx-cal b{font-size:19px;font-weight:800;margin-top:3px;color:var(--fg)}
.fx-cal.caliente{border-color:rgba(249,115,22,.55);background:rgba(249,115,22,.10)}.fx-cal.caliente b{color:#fdba74}
.fx-cal.tibio{border-color:rgba(226,185,96,.5);background:rgba(226,185,96,.09)}.fx-cal.tibio b{color:#fde68a}
.fx-cal.frio{border-color:rgba(96,165,250,.45);background:rgba(96,165,250,.08)}.fx-cal.frio b{color:#bfdbfe}
.fx-cal.falso{border-color:rgba(229,72,77,.5);background:rgba(229,72,77,.08)}.fx-cal.falso b{color:#fca5a5}
@media (max-width:560px){.fx-id{flex-basis:calc(100% - 64px)}}
/* Calificación: solo el número, en la línea del nombre */
.fx-cal{display:inline-flex;flex-direction:row;width:auto;height:auto;min-width:34px;padding:3px 8px;margin-right:8px;border-radius:8px;font-size:15px;font-weight:800;line-height:1.2;vertical-align:1px;color:var(--fg)}
.fx-cal.caliente{color:#fdba74}.fx-cal.tibio{color:#fde68a}.fx-cal.frio{color:#bfdbfe}.fx-cal.falso{color:#fca5a5}

/* Instagram */
.ig-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:14px}
.ig-head h1{margin-bottom:2px}
.ig-periodos{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.ig-periodos a{padding:6px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--mut)}
.ig-periodos a.on{background:#222;color:var(--fg)}
.ig-aviso{border-left:3px solid var(--acc)}
.ig-aviso p{margin:6px 0;font-size:13.5px}
.ig-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.ig-kpis .kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:4px;min-width:0}
.ig-kpis small{color:var(--mut);font-size:12px;font-weight:600}
.ig-kpis b{font-size:26px;font-weight:800;letter-spacing:-.01em}
.ig-kpis span{font-size:12px}
.ig-graf-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;margin-bottom:8px}
.ig-graf-head span{display:flex;align-items:center;gap:6px;color:var(--mut)}
.ig-graf-head i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-left:8px}
.ig-svg{width:100%;height:160px;display:block}
.ig-graf-pie{display:flex;justify-content:space-between;font-size:11.5px;margin-top:4px}
.ig-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.ig-card{display:flex;gap:12px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);min-width:0}
.ig-card:hover{border-color:#3a3a3a}
.ig-thumb{position:relative;flex-shrink:0;width:72px;height:96px;border-radius:8px;background:#1a1a1a;overflow:hidden}
.ig-thumb img{width:100%;height:100%;object-fit:cover}
.ig-thumb span{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;background:rgba(0,0,0,.7);padding:1px 5px;border-radius:4px}
.ig-card-txt{min-width:0;display:grid;gap:4px;align-content:start}
.ig-card-txt>b{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ig-nums{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--mut)}
.ig-nums b{color:var(--fg)}
.ig-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}
.ig-filtros input[type=search]{flex:1;min-width:200px}
.ig-tabla td,.ig-tabla th{white-space:nowrap}
.ig-tabla .ig-pub{white-space:normal;min-width:260px;max-width:440px}
.ig-f{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px;margin-right:6px;background:#1f1f1f;color:var(--mut)}
.ig-f.reels{color:#f0abfc}.ig-f.feed{color:#93c5fd}.ig-f.story{color:#fcd34d}
@media (max-width:900px){.ig-kpis,.ig-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ig-kpis,.ig-top{grid-template-columns:minmax(0,1fr)}}
.ig-graf,.ig-dm,.ig-bloques>.card{padding:14px 16px}
.ig-bloques{margin-bottom:12px}
.ig-graf{margin-bottom:16px}
.ig-bloques>.card,.ig-dm{overflow-x:auto}

/* Líneas de tiempo de calidad */
.cal-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.cal-head form select{max-width:340px}
.cal-lectura{display:grid;gap:4px;margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--acc);background:var(--card);border-radius:0 10px 10px 0;font-size:13.5px}
.cal-lectura .good{color:var(--ok)}.cal-lectura .bad{color:var(--bad)}
.cal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.cal-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;min-width:0}
.cal-card h3{margin:0 0 2px;font-size:13.5px}
.cal-card .cal-sub{font-size:11.5px;color:var(--mut);margin-bottom:6px}
.cal-ley{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;margin-bottom:4px}
.cal-ley span{display:inline-flex;align-items:center;gap:5px;color:var(--mut)}
.cal-ley i{width:10px;height:3px;border-radius:2px;display:inline-block}
.cal-ley b{color:var(--fg)}
.cal-svg{width:100%;height:auto;display:block}
.cal-svg text{fill:var(--mut);font-size:10px}
.cal-svg .grid{stroke:#232323;stroke-width:1}
@media (max-width:1100px){.cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.cal-grid{grid-template-columns:minmax(0,1fr)}}

/* Plan B: enviar la entrada personal por WhatsApp Web */
.con-entrada{display:flex;gap:12px;align-items:center;margin-top:12px;padding:10px;border:1px solid #1f6b3a;border-radius:10px;background:rgba(37,211,102,.05)}
.con-entrada img{width:150px;border-radius:6px;display:block}
.con-entrada div{display:grid;gap:4px;min-width:0}
.con-entrada small{font-size:12px}
.btn-entrada{justify-self:start;margin-top:4px;background:#25d366;color:#06200f;border-radius:9px;padding:8px 14px;font-size:13.5px}
@media (max-width:560px){.con-entrada{flex-direction:column;align-items:flex-start}}

/* ===== Menú lateral izquierdo (contraíble) ===== */
:root{--side-w:232px;--side-min:62px}
body.lateral{padding-left:var(--side-w);transition:padding-left .18s ease}
html.menu-min body.lateral{padding-left:var(--side-min)}
.side{position:fixed;top:0;left:0;bottom:0;z-index:40;width:var(--side-w);display:flex;flex-direction:column;background:#0c0c0c;border-right:1px solid var(--line);transition:width .18s ease;overflow:hidden}
html.menu-min .side{width:var(--side-min)}
.side-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 12px 10px 16px;min-height:56px}
.side .brand,.movil-bar .brand{font-weight:800;letter-spacing:.06em;font-size:15px;color:var(--fg);white-space:nowrap}
.side .brand span,.movil-bar .brand span{color:var(--acc)}
html.menu-min .side .brand{display:none}
html.menu-min .side-top{justify-content:center;padding:14px 0 10px}
.side-btn{all:unset;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mut);flex-shrink:0}
.side-btn:hover{background:#1a1a1a;color:var(--fg)}
.side-btn .ti{font-size:20px}
.side-btn .ico-min{display:none}html.menu-min .side-btn .ico-min{display:inline}html.menu-min .side-btn .ico-max{display:none}
.side-nav{flex:1 1 auto;min-height:0;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;padding:4px 8px 12px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin}
.side-grupo{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6762;padding:14px 10px 5px;white-space:nowrap}
.side-item{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:8px;color:#bdb8b0;font-size:14px;font-weight:600;white-space:nowrap;min-height:34px}
.side-item .ti{font-size:19px;flex-shrink:0;width:20px;text-align:center;color:#8e8a84}
.side-item span{overflow:hidden;text-overflow:ellipsis}
.side-item small{margin-left:auto;font-size:10.5px;font-weight:700;color:#6b6762;border:1px solid #2a2a2a;border-radius:99px;padding:0 6px}
.side-item.hijo{padding-left:22px;font-weight:500;font-size:13.5px}
.side-item.hijo .ti{font-size:17px}
.side-item:hover{background:#171717;color:var(--fg)}
.side-item:hover .ti{color:var(--fg)}
.side-item.on{background:#1f1a14;color:#fff}
.side-item.on .ti{color:var(--acc)}
.side-item.pronto{opacity:.6}
.side-pie{border-top:1px solid var(--line);padding:8px;display:grid;gap:2px}
.side-user{display:flex;align-items:center;gap:11px;padding:6px 10px;color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden}
.side-user .ti{font-size:19px;flex-shrink:0;width:20px;text-align:center}
html.menu-min .side-grupo{font-size:0;padding:8px 0 4px;margin:6px 10px 0;border-top:1px solid #1e1e1e}
html.menu-min .side-item{justify-content:center;padding:8px 0}
html.menu-min .side-item span,html.menu-min .side-item small,html.menu-min .side-user span{display:none}
html.menu-min .side-user{justify-content:center;padding:6px 0}
html.menu-min .side-item.hijo{padding-left:0}
header{display:none}
.movil-bar{display:none}
.side-fondo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}
/* Chats ocupa todo el alto (ya no hay barra arriba) */
body.lateral .chats-app{height:100vh}
@media (max-width:900px){
  body.lateral,html.menu-min body.lateral{padding-left:0}
  .side,html.menu-min .side{width:260px;transform:translateX(-100%);transition:transform .2s ease}
  html.menu-abierto .side{transform:none}
  html.menu-min .side .brand{display:inline}
  html.menu-min .side-item{justify-content:flex-start;padding:7px 10px}
  html.menu-min .side-item span,html.menu-min .side-item small,html.menu-min .side-user span{display:inline}
  html.menu-min .side-item.hijo{padding-left:22px}
  html.menu-min .side-grupo{font-size:11px;padding:14px 10px 5px;margin:0;border:0}
  #sideToggle{display:none}
  .movil-bar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;height:52px;padding:0 12px;background:rgba(10,10,10,.94);border-bottom:1px solid var(--line)}
  body.lateral .chats-app{height:calc(100vh - 52px)}
}

/* Páginas resumen (Meta Ads, WhatsApp, Agendamientos, Usuarios) */
.pag-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:14px}
.pag-head h1{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.pag-head h1 .ti{color:var(--acc);font-size:26px}
.btn .ti,button .ti{vertical-align:-2px}
.barra-mini{display:block;height:5px;border-radius:99px;background:#222;overflow:hidden;margin:4px 0 2px}
.barra-mini i{display:block;height:100%;background:var(--acc);border-radius:99px}
.reco{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut);white-space:nowrap}
.reco.verde{color:var(--ok);border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.08)}
.reco.ambar{color:var(--warn);border-color:rgba(226,185,96,.45);background:rgba(226,185,96,.08)}
.reco.rojo{color:var(--bad);border-color:rgba(229,72,77,.45);background:rgba(229,72,77,.08)}
.emb-fila{display:grid;grid-template-columns:110px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:13.5px;margin:7px 0}
.emb-fila b{text-align:right}
.emb-barra{height:10px;border-radius:99px;background:#1c1c1c;overflow:hidden}
.emb-barra i{display:block;height:100%;border-radius:99px}
.wa-dias{display:flex;align-items:flex-end;gap:6px;height:140px}
.wa-dia{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}
.wa-barras{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.wa-barras i{width:40%;max-width:16px;min-height:2px;border-radius:4px 4px 0 0}
.wa-dia small{font-size:11px;color:var(--mut)}
.ag-est{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--mut);white-space:nowrap}
.ag-est.showed{color:var(--ok);border-color:rgba(34,197,94,.45)}
.ag-est.noshow{color:var(--bad);border-color:rgba(229,72,77,.45)}
.ag-est.confirmed{color:#60a5fa;border-color:rgba(96,165,250,.45)}
.rol{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.rol:last-child{border-bottom:0}
.rol b{display:flex;align-items:center;gap:8px}
.rol span{color:var(--mut)}
.pronto-pag{text-align:center;padding:80px 16px}
.pronto-pag .ti{font-size:52px;color:var(--acc)}
.pronto-pag h1{margin:12px 0 6px}

/* Ancho completo: con el menú al costado hay espacio, el contenido usa toda la pantalla */
body.lateral main{max-width:none;padding:20px 28px 60px}
@media (max-width:900px){body.lateral main{padding:16px 16px 60px}}
.ig-graf .wa-dias{height:150px;margin:6px 0 8px}
body.lateral main:has(.chats-app){padding:0}
/* YouTube */
.yt-canales{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.yt-canal{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);min-width:0;max-width:280px}
.yt-canal img{width:34px;height:34px;border-radius:50%;flex-shrink:0}
.yt-canal>.ti{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c1c1c;font-size:18px;flex-shrink:0;color:var(--mut)}
.yt-canal span{display:grid;min-width:0}
.yt-canal b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yt-canal small{font-size:12px;color:var(--mut)}
.yt-canal:hover{border-color:#3a3a3a}
.yt-canal.on{border-color:#ef4444;background:rgba(239,68,68,.07)}
.yt-canal.off{opacity:.55}
.yt-canal.yt-mas{border-style:dashed}
.yt-mas .ti{color:#ef4444}
.yt-thumb{width:128px;height:72px}

/* ===== Leads: lista limpia a pantalla ancha ===== */
.leads-top{align-items:center;margin-bottom:4px}
.leads-top h1{font-size:24px;letter-spacing:-.01em}
.setter-hoy{gap:6px 18px}
.setter-hoy .btn .ti{font-size:16px}
.buscador input[type=search]{max-width:640px;border-radius:10px}
.filtros-leads{gap:10px;margin:14px 0 6px}
.bandejas{gap:4px;margin:0;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0f0f0f;width:fit-content;max-width:100%}
.bandeja{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:#bdb8b0;font-weight:600;font-size:13.5px}
.bandeja .ti{font-size:16px;color:#8e8a84}
.bandeja:hover{background:#181818;color:var(--fg)}
.bandeja.on{background:#241c12;color:#fff}
.bandeja.on .ti{color:var(--acc)}
.bandeja.on small{color:var(--acc)}
.fila-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6762;margin-right:4px;min-width:92px}
.fchip{padding:5px 12px;font-size:13px;font-weight:600;background:transparent}
.fchip .ti{font-size:15px;color:#8e8a84}
.fchip.on{background:#241c12;border-color:#5a4220;color:#fff}
.fchip.on small{color:var(--acc)}
.fchip.filtro.on{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.5)}
.fchip.filtro.on .ti{color:#4ade80}
.fchip[class*=nivel-]::before{content:'';width:7px;height:7px;border-radius:50%;background:#6b6762}
.fchip.nivel-todos::before{display:none}
.fchip.nivel-caliente::before{background:#f97316}.fchip.nivel-tibio::before{background:#e2b960}.fchip.nivel-frio::before{background:#60a5fa}.fchip.nivel-falso::before{background:var(--bad)}
.filtros-leads .resumen{font-size:12.5px;margin:2px 0 0}
/* Columnas: el encabezado y las filas comparten la misma grilla */
.lista-cab,.lista .fila{grid-template-columns:58px minmax(170px,1.5fr) 172px minmax(150px,1.3fr) minmax(120px,.9fr) minmax(130px,1fr) minmax(150px,1.1fr) 128px;column-gap:18px}
.lista-cab{display:grid;padding:10px 18px 8px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b6762}
.lista-cab span:last-child{text-align:right}
.lista{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#101010}
.lista .fila{border:0;border-bottom:1px solid #1c1c1c;border-radius:0;background:transparent;padding:13px 18px;line-height:1.35;align-items:center}
.lista .fila:last-child{border-bottom:0}
.lista .fila:hover{background:#151515;border-color:#1c1c1c}
.lista .fila.on{background:#19140d;box-shadow:inset 3px 0 0 var(--acc)}
.lista .f-persona b{font-size:14.5px;font-weight:650}
.lista .fila small{font-size:12.5px;margin-top:2px}
.lista .f-dato b{font-size:13.5px;font-weight:650}
.lista .f-score{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:8px;border:1px solid var(--line);background:#141414}
.lista .f-score b{font-size:15px;font-weight:800}
.lista .f-score.caliente{border-color:rgba(249,115,22,.5);background:rgba(249,115,22,.09)}.lista .f-score.caliente b{color:#fdba74}
.lista .f-score.tibio{border-color:rgba(226,185,96,.45);background:rgba(226,185,96,.08)}.lista .f-score.tibio b{color:#fde68a}
.lista .f-score.frio{border-color:rgba(96,165,250,.4);background:rgba(96,165,250,.07)}.lista .f-score.frio b{color:#bfdbfe}
.lista .f-score.falso{border-color:rgba(229,72,77,.45)}.lista .f-score.falso b{color:#fca5a5}
.lista .wa-btn{background:transparent;border:1px solid rgba(37,211,102,.35);color:#4ade80;font-weight:600;font-size:12.5px;padding:5px 11px 5px 9px}
.lista .wa-btn:hover{background:rgba(37,211,102,.12);border-color:#25d366;color:#86efac}
.lista .f-tags{gap:5px;max-height:52px}
.lista .pill-estado{justify-self:end}
@media (max-width:1280px){.lista-cab,.lista .fila{grid-template-columns:58px minmax(160px,1.5fr) 168px minmax(140px,1.3fr) minmax(110px,.9fr) minmax(140px,1fr) 120px}.hide-md2{display:none}}
@media (max-width:1100px){.lista-cab,.lista .fila{grid-template-columns:54px minmax(150px,1.5fr) 160px minmax(120px,1.2fr) minmax(100px,.9fr) 116px}}
@media (max-width:700px){.lista-cab{display:none}.lista .fila{grid-template-columns:50px minmax(0,1fr) auto;padding:12px 14px}.bandejas{width:auto}.fila-lab{display:none}}

/* Líneas de tiempo con indicadores al pasar el mouse */
.tl{position:relative;width:100%;margin:6px 0 4px}
.tl-svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair}
.tl-grid{stroke:#232323;stroke-width:1}
.tl-eje{fill:var(--mut);font-size:11px}
.tl-linea{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.tl-guia{stroke:#555;stroke-width:1;stroke-dasharray:3 3}
.tl-punto{stroke:#0d0d0d;stroke-width:2}
.tl-tip{position:absolute;top:0;z-index:3;pointer-events:none;min-width:180px;padding:9px 12px;border-radius:10px;background:#161616;border:1px solid #333;box-shadow:0 10px 28px rgba(0,0,0,.55);font-size:12.5px;display:grid;gap:3px}
.tl-tip b{font-size:12.5px;margin-bottom:2px;text-transform:capitalize}
.tl-tip span{display:flex;align-items:center;gap:7px;color:var(--mut);white-space:nowrap}
.tl-tip i{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.tl-tip em{font-style:normal;color:var(--fg);font-weight:700;margin-left:auto;padding-left:12px}
.tl-ley{margin:2px 0 4px}

/* ===== Sin desbordamiento en celulares (toda la plataforma) ===== */
/* Nada puede ser más ancho que su caja */
img,video,iframe,canvas,svg{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
td,th,.nota p,.ultimo-msg span{overflow-wrap:anywhere}
/* Tarjetas con tablas: la tabla se desplaza dentro de la tarjeta, en vez de quedar cortada */
.card:has(>table),.card:has(>.tabla),.card:has(>div>table){overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:700px){
  /* Ficha a página completa: la barra fija respeta el margen de la página */
  main>.fx-top{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  /* Tablas de "Más información": se ajustan al ancho y cortan las palabras largas (links, correos) */
  details.mas table{width:100%;table-layout:fixed}
  details.mas td:first-child{width:40%}
  /* Grillas y filas flexibles nunca empujan el ancho */
  .grid2>*,.kpis>*,.datos>*{min-width:0}
  input,select,textarea{max-width:100%}
}

/* Ficha: estado de la entrada por WhatsApp */
.fx-entrada{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:9px 12px;border-radius:10px;border:1px solid rgba(239,138,30,.35);background:rgba(239,138,30,.07);font-size:13px}
.fx-entrada.ok{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}
.fx-entrada form{margin:0}.fx-entrada button{padding:6px 12px;font-size:12.5px;border-radius:8px;background:#16a34a;color:#fff;border:0;font-weight:700}
.fx-entrada small{color:var(--mut)}
.fx-guia{font-size:12.5px;font-weight:700;color:#93c5fd}

/* Grupo del evento en la ficha: siempre visible */
.grupo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:650;white-space:nowrap;border:1px solid}
.grupo-chip .ti{font-size:15px}
.grupo-chip.si{color:#4ade80;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.08)}
.grupo-chip.no{color:#fca5a5;border-color:rgba(229,72,77,.4);background:rgba(229,72,77,.06)}
.grupo-chip.salio{color:#fbbf24;border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.07)}

/* Econometría */
.eco-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12.5px;font-weight:650;white-space:nowrap;border:1px solid var(--line);color:var(--mut)}
.eco-chip .ti{font-size:15px}
.eco-chip.alto{color:#c4b5fd;border-color:rgba(167,139,250,.55);background:rgba(167,139,250,.10)}
.eco-chip.medio{color:#a5b4fc;border-color:rgba(129,140,248,.4);background:rgba(129,140,248,.06)}
.fx-eco{font-size:12px;color:#b4a6e8;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-eco{color:#c4b5fd;border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.08)}
.eco-tabla td,.eco-tabla th{white-space:nowrap}
.eco-mult{display:grid;grid-template-columns:minmax(0,1fr) 64px 120px;gap:8px;align-items:center;font-size:13px;padding:5px 0;border-bottom:1px solid #1c1c1c}
.eco-mult b{text-align:right}
.eco-barra{height:8px;border-radius:99px;background:#1c1c1c;overflow:hidden}
.eco-barra i{display:block;height:100%;border-radius:99px}
.eco-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.eco-pasos div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px}
.eco-pasos b{display:block;margin-bottom:4px}
@media (max-width:900px){.eco-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Marcador */
.barra-meta{display:block;height:6px;border-radius:99px;background:var(--line);margin:8px 0 6px;overflow:hidden}.barra-meta i{display:block;height:100%;background:#a78bfa;border-radius:99px}
.form-fila{display:flex;flex-wrap:wrap;gap:12px}.form-fila label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mut)}.form-fila input{width:150px}
/* Palancas de calidad */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.tabs-mini{display:flex;gap:6px;margin:0 0 10px}.tabs-mini a{padding:5px 12px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--mut);text-decoration:none}.tabs-mini a.on{color:#fff;border-color:#a78bfa;background:rgba(167,139,250,.15)}
.acc{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.acc-escalar{background:rgba(34,197,94,.15);color:#4ade80}.acc-mantener{background:rgba(167,139,250,.15);color:#c4b5fd}.acc-revisar{background:rgba(245,158,11,.15);color:#fbbf24}.acc-cortar{background:rgba(239,68,68,.15);color:#f87171}.acc-poca{background:#1c1c1c;color:var(--mut)}
.ia-dato{font-size:10px;font-weight:800;color:#c4b5fd;border:1px solid rgba(196,181,253,.45);border-radius:4px;padding:0 4px}

/* ===================== Tareas (manage) ===================== */
kbd{background:#1c1c1c;border:1px solid var(--line);border-radius:5px;padding:0 5px;font-size:11px}
.proys{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:8px}
.proy{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 12px 18px;color:var(--fg);position:relative;overflow:hidden}
.proy:hover{border-color:#3a3a3a}
.proy::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc,#555)}
.proy b{font-weight:650;line-height:1.3}
.proy small{color:var(--mut);font-size:12.5px}
.proy-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--pc,#555);flex-shrink:0}
.proy .proy-dot{display:none}
.tlista{display:flex;flex-direction:column;gap:2px}
.thead{display:grid;grid-template-columns:34px 1fr auto 110px 42px;gap:8px;padding:4px 10px;font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.tsec{border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:8px;overflow:hidden}
.tsec summary{list-style:none;cursor:pointer;padding:8px 12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;background:#0f0f0f;user-select:none}
.tsec summary::-webkit-details-marker{display:none}
.tsec summary .ti{transition:transform .15s;color:var(--mut)}
.tsec[open] summary .ti{transform:rotate(90deg)}
.trow{display:flex;align-items:center;gap:8px;padding:0 10px 0 calc(10px + var(--niv,0) * 26px);border-top:1px solid var(--line);min-height:40px}
.trow:hover{background:#161616}
.trow .tlink{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--fg);padding:8px 0}
.trow .tlink.on,.trow:has(.tlink.on){background:#17130e}
.trow .tname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trow.hecha .tname{color:var(--mut);text-decoration:line-through}
.trow.sep .tname{font-weight:700;text-transform:uppercase;font-size:12.5px;color:var(--mut)}
.tspacer{flex:1}
.tdue{font-size:12.5px;color:var(--mut);white-space:nowrap}
.tdue.bad{color:var(--bad)}.tdue.warn{color:var(--warn)}
.chk{width:22px;height:22px;border-radius:50%;border:1.5px solid #555;background:transparent;color:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:pointer;font-size:13px}
.chk:hover{border-color:var(--ok);color:var(--ok)}
.chk.on{background:var(--ok);border-color:var(--ok);color:#111}
.avatar{width:26px;height:26px;border-radius:50%;background:#2a2a2a;color:var(--fg);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.3px}
.avatar.vacio{color:#555;background:transparent;border:1px dashed #444}
.pill.proj{background:color-mix(in srgb,var(--pc,#555) 22%,#111);color:var(--fg);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pill.proj a{color:inherit}
.pill.tag{background:#1f2a1a;color:#b7e4a8}
.pill .x{background:none;border:none;color:var(--mut);padding:0 2px;font-size:14px;cursor:pointer;line-height:1}
.pill .x:hover{color:var(--bad)}
.tadd{padding:6px 10px;border-top:1px solid var(--line)}
.tadd input{width:100%;background:transparent;border:none;padding:6px 4px;color:var(--fg)}
.tadd input:focus{outline:none;background:#161616;border-radius:6px}
.tadd.sec input{font-weight:700}
.tadd.top{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:10px 0 14px}
.vacio-sec{padding:10px 14px;font-size:13px;border-top:1px solid var(--line)}
/* Tablero */
.tablero{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}
.tcol{flex:0 0 280px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 220px)}
.tcol header{padding:10px 12px;font-weight:700;font-size:13.5px;border-bottom:1px solid var(--line);background:#0f0f0f;border-radius:12px 12px 0 0}
.tcol.nueva{background:transparent;border-style:dashed}
.tcards{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;flex:1}
.tcard{display:block;background:#161616;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--fg)}
.tcard:hover,.tcard.on{border-color:var(--acc)}
.tcard b{font-weight:600;display:block;line-height:1.35}
.tcard.hecha b{color:var(--mut);text-decoration:line-through}
.tcard-pie{display:flex;align-items:center;gap:8px;margin-top:8px}
/* Ficha de tarea (panel) */
.ficha{padding:12px 0}
.ficha .ruta a{color:var(--mut)}
.fx-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.btn-check{background:#1c1c1c;color:var(--fg);border:1px solid var(--line);font-weight:600;font-size:13px;padding:6px 12px}
.btn-check.on{background:#14532d;border-color:#14532d;color:#dcfce7}
.fx-nombre textarea.h1{width:100%;font-size:22px;font-weight:700;line-height:1.3;background:transparent;border:1px solid transparent;padding:4px 6px;resize:none;overflow:hidden;color:var(--fg)}
.fx-nombre textarea.h1:hover{border-color:var(--line)}
.fx-nombre textarea.h1:focus{outline:none;border-color:var(--acc);background:#121212}
.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:10px 0}
.fx-grid label{gap:3px}
.fx-grid select,.fx-grid input{width:100%}
.fx-grid input.bad{border-color:var(--bad);color:var(--bad)}
.fx-proys{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px;font-size:13px}
.fx-proys select{padding:4px 8px;font-size:13px;background:transparent;border-style:dashed;color:var(--mut)}
.fx-campos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.desc,.desc-vista{font-size:14px;line-height:1.55}
.desc-vista{padding:10px 12px;border:1px solid transparent;border-radius:8px;cursor:text;min-height:44px}
.desc-vista:hover{border-color:var(--line);background:#121212}
.desc-vista ul,.desc-vista ol,.desc ul,.desc ol{padding-left:22px;margin:6px 0}
.desc-vista p,.desc p{margin:0 0 6px}
.fx-desc textarea{width:100%;font-size:14px;line-height:1.5}
.tlista.sub .trow{padding-left:4px}
.adjuntos{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.coms{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.com{display:flex;gap:10px;font-size:13.5px}
.com.sistema{display:none;opacity:.8;font-size:12.5px}
.ficha.con-sistema .com.sistema{display:flex}
.com-txt{margin-top:2px;line-height:1.5;word-break:break-word}
.com-txt p{margin:0 0 4px}
.com-form{display:flex;flex-direction:column;gap:6px}
.com-form textarea{width:100%}
.com-form button{align-self:flex-end}
.chk-sis{display:inline-flex;align-items:center;gap:4px;font-weight:400;font-size:12px;margin-left:10px;flex-direction:row}
@media(max-width:700px){.thead{display:none}.fx-grid{grid-template-columns:1fr}.tcol{flex-basis:85vw}}

/* Crear tarea */
.side-crear{display:flex;align-items:center;gap:8px;margin:6px 10px 4px;padding:8px 12px;border-radius:10px;background:var(--acc);color:#111;font-weight:700;font-size:14px}
.side-crear:hover{filter:brightness(1.08)}
.menu-min .side-crear span{display:none}
.menu-min .side-crear{justify-content:center;padding:8px}
.fx-nueva{display:flex;flex-direction:column;gap:10px}
.fx-nueva label{gap:4px}
.fx-nueva input,.fx-nueva select,.fx-nueva textarea{width:100%}
.tadd{display:flex;gap:6px;align-items:center}
.tadd input[name=nombre]{flex:1;min-width:0}
.tadd select,.tadd input[type=date]{padding:4px 6px;font-size:12.5px;background:transparent;border-color:transparent;color:var(--mut);max-width:150px}
.tadd select:hover,.tadd input[type=date]:hover,.tadd select:focus,.tadd input[type=date]:focus{border-color:var(--line);color:var(--fg)}
.tcol .tadd select{max-width:100px}
@media(max-width:700px){.tadd select,.tadd input[type=date]{display:none}}

/* Calendario */
.cal-bar{display:flex;align-items:center;gap:8px;margin:10px 0}
.cal-bar b{font-size:17px;min-width:170px;text-align:center}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-h{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;padding:4px 6px}
.cal-d{background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:104px;padding:6px;display:flex;flex-direction:column;gap:3px}
.cal-d.fuera{opacity:.45}.cal-d.finde{background:#0e0e0e}
.cal-d.hoy{border-color:var(--acc)}
.cal-n{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);font-weight:600}
.cal-d.hoy .cal-n{color:var(--acc)}
.cal-n small{font-weight:400;font-size:10.5px}
.cal-add{margin-left:auto;color:var(--mut);opacity:0;font-weight:700;padding:0 4px}
.cal-d:hover .cal-add{opacity:1}
.cal-t{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--fg);background:#161616;border-left:3px solid var(--pc,#555);border-radius:6px;padding:3px 6px;min-width:0}
.cal-t span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-t .proy-dot{display:none}
.cal-t .avatar{width:18px;height:18px;font-size:9px}
.cal-t.vencida{border-left-color:var(--bad)}
.cal-t.hecha{opacity:.5;text-decoration:line-through}
.cal-t:hover,.cal-t.on{background:#1f1f1f;outline:1px solid var(--acc)}
@media(max-width:900px){.cal{grid-template-columns:repeat(2,1fr)}.cal-h{display:none}.cal-d{min-height:60px}.cal-d.fuera{display:none}}
/* Finder de proyectos */
.finder{height:calc(100vh - 230px);min-height:420px}
.fi.hecha .fi-txt b{color:var(--mut);text-decoration:line-through}
.fi i.chk{flex-shrink:0}
.det table td{text-align:left}.det table td:first-child{min-width:0;width:38%%;white-space:nowrap}

/* Ficha estilo Asana */
.ficha.asana{padding:8px 0 20px}
.fx-aviso{background:#1c1c1c;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--mut);margin:8px 0}
.fx-ruta{font-size:11.5px;color:var(--mut);letter-spacing:.3px;margin:8px 0 0}
.fx-ruta a{color:var(--mut)}
.btn-check{border-radius:8px}
.btn-check.on{background:#0f3d23;border-color:#1f6b3a;color:#4ade80}
.fx-rows{display:flex;flex-direction:column;gap:2px;margin:6px 0 4px}
.fx-row{display:flex;align-items:center;gap:8px;min-height:34px;flex-wrap:nowrap}
.fx-row .fx-val.wrap{flex-wrap:wrap}
.plano[type=date]{width:138px;padding-left:4px}
.fx-lbl{flex:0 0 118px;font-size:12.5px;color:var(--mut)}
.fx-lbl .n,.fx-h2 .n,.fx-tabs .n{display:inline-block;background:#262626;color:var(--mut);border-radius:6px;padding:0 6px;font-size:11px;margin-left:4px;font-weight:700}
.fx-val{display:flex;align-items:center;gap:6px;margin:0;min-width:0}
.fx-val.wrap{flex-wrap:wrap;flex:1}
.plano{background:transparent;border:1px solid transparent;padding:4px 6px;border-radius:8px;color:var(--fg);font-size:14px}
.plano:hover{border-color:var(--line);background:#161616}
.plano.mut{color:var(--mut);font-size:13px}
.plano.mas{color:var(--mut);width:40px;text-align:center}
.plano.bad{color:var(--bad)}
.avatar.sm{width:22px;height:22px;font-size:10px}
.fx-nota{font-size:12.5px;margin:4px 0 8px}
.fx-h2{display:flex;align-items:center;gap:6px;font-size:14px;margin:18px 0 6px}
.mas-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--mut);background:#1c1c1c;font-size:13px;margin-left:2px}
.mas-ic:hover{color:var(--fg);background:#262626}
.ficha.asana .pill.proj .proy-dot{width:10px;height:10px;margin-right:4px}
.ficha.asana .tlista.sub{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ficha.asana .tlista.sub .trow{border-top:none;border-bottom:1px solid var(--line)}
.ficha.asana .tlista.sub .tadd{border-top:none}
.fx-tabs{display:flex;gap:4px;margin:20px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}
.fx-tabs .tab{background:transparent;color:var(--mut);border:none;padding:6px 10px;border-radius:8px;font-weight:600;font-size:13px}
.fx-tabs .tab.on{background:#1c1c1c;color:var(--fg)}
.ficha.asana .com.sistema{display:none}
.ficha.asana.con-sistema .com.sistema{display:flex}
.com-cuerpo{flex:1;min-width:0}
.com-form.asana{flex-direction:row;align-items:flex-start;gap:10px;margin-top:14px}
.com-caja{flex:1;border:1px solid var(--line);border-radius:12px;background:#121212;overflow:hidden}
.com-caja textarea{width:100%;border:none;border-radius:0;background:transparent;resize:vertical;min-height:58px}
.com-caja textarea:focus{outline:none}
.com-pie{display:flex;align-items:center;gap:8px;padding:4px 8px 6px;border-top:1px solid var(--line)}
.com-pie button{width:30px;height:30px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.fx-pie{font-size:12px;margin-top:16px}

.btn-x{padding:4px 8px;color:var(--mut)}
.btn-x:hover{color:var(--bad)}

/* Caja */
table.movs th,table.movs td{text-align:left}
table.movs td:last-child,table.movs th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.movs td a{color:var(--fg);display:block}
table.movs td small{display:block;font-size:12px}
table.movs tr.sin td{background:#151208}
table.movs tr.trans td{opacity:.6}
.pill.warn{background:#3a2e0e;color:#facc15}
.pill.g-ingreso{background:#123d22;color:#4ade80}.pill.g-cogs{background:#3d1a12;color:#fb923c}.pill.g-opex{background:#1e2a3d;color:#93c5fd}
.pill.g-transferencia{background:#1c1c1c;color:var(--mut)}.pill.g-financiero,.pill.g-socios{background:#2a1e3d;color:#c4b5fd}
/* EERR */
table.eerr th,table.eerr td{white-space:nowrap;font-variant-numeric:tabular-nums}
table.eerr th.envivo{color:var(--acc)}
table.eerr tr.grupo td{background:#0f0f0f;color:var(--mut);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
table.eerr td.linea{padding-left:18px}
table.eerr td.linea a{color:var(--fg)}
table.eerr tr.total td{font-weight:700;border-top:1px solid #333}
table.eerr tr.resultado td{font-weight:700;background:#121a12}
table.eerr tr.final td{font-size:14.5px;background:#17130e}
table.eerr td small{display:block;font-weight:400;color:var(--mut);font-size:11px}

/* Popovers (persona, fechas) */
.pop-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:8px;padding:3px 6px;color:var(--fg);font-size:13px;cursor:pointer}
.pop-btn:hover{border-color:var(--line);background:#161616}
.pop-btn.campo{width:100%;justify-content:flex-start;background:#161616;border-color:var(--line);padding:7px 10px;font-size:14px}
.pop-btn .ti-calendar-event{color:var(--mut)}
.pop-txt{white-space:nowrap}.pop-txt.bad{color:var(--bad)}
.pop{position:fixed;z-index:60;background:#141414;border:1px solid #333;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.6);padding:8px;min-width:240px;max-width:320px}
.pop-q{width:100%;margin-bottom:6px}
.pop-lista{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.pop-it{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:6px 8px;color:var(--fg);font-size:13.5px;cursor:pointer}
.pop-it:hover{background:#1f1f1f}.pop-it.on{background:#24364f}
.pop-fechas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pop-fechas label{gap:3px}.pop-fechas input{width:100%}
.pop-atajos{display:flex;gap:4px;margin:8px 0 4px;flex-wrap:wrap}
.pop-atajos button{background:#1c1c1c;color:var(--fg);border:1px solid var(--line);padding:4px 9px;font-size:12.5px;font-weight:600}
.pop-pie{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;margin-top:6px}
.pop-pie .pop-ok{padding:5px 12px;font-size:13px}
.tadd .pop-btn{flex-shrink:0}
.sec-acciones{margin-left:auto;display:inline-flex;gap:2px;opacity:0;transition:opacity .12s}
.tsec summary:hover .sec-acciones,.tcol header:hover .sec-acciones{opacity:1}
.sec-btn{background:none;border:none;color:var(--mut);padding:2px 5px;font-size:13px;cursor:pointer;border-radius:6px}
.sec-btn:hover{color:var(--fg);background:#262626}
.sec-input{font:inherit;font-weight:700;padding:2px 6px;border-radius:6px;background:#161616;border:1px solid var(--acc);color:var(--fg)}
.tcol header{display:flex;align-items:center;gap:6px}

table.movs td.num,table.movs th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.diario th:nth-child(n+6),table.diario td:nth-child(n+6){text-align:right}

.periodo{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
.periodo label{gap:3px}
.periodo input[type=month]{padding:5px 8px}
.periodo .tabs a{padding:5px 10px;font-size:12.5px}

/* Proyectos como centros de beneficio */
.pf{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.pf-row{display:grid;grid-template-columns:6px minmax(0,2.2fr) 110px minmax(0,1fr) 90px 90px 110px 120px;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px 10px 0;color:var(--fg);overflow:hidden}
.pf-row:hover{border-color:#3a3a3a}
.pf-bar{align-self:stretch;background:var(--pc,#555);border-radius:12px 0 0 12px}
.pf-row b{font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-row small{display:block;color:var(--mut);font-size:12px}
.pf-cod{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;background:color-mix(in srgb,var(--pc,#555) 25%,#111);color:var(--fg);border-radius:6px;padding:1px 7px;margin-right:6px}
.pf-prog{height:6px;background:#1c1c1c;border-radius:4px;overflow:hidden}
.pf-prog i{display:block;height:100%;background:var(--pc,var(--acc))}
.pf-num{text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px}
.pf-head{display:grid;grid-template-columns:6px minmax(0,2.2fr) 110px minmax(0,1fr) 90px 90px 110px 120px;gap:12px;padding:0 14px 0 0;font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.pf-head span:nth-child(n+5){text-align:right}
@media(max-width:1000px){.pf-row,.pf-head{grid-template-columns:6px minmax(0,2fr) 90px 90px}.pf-row>:nth-child(n+5),.pf-head>:nth-child(n+5){display:none}}
.ph{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.ph-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ph-top h1{display:flex;align-items:center;gap:10px;margin:0}
.ph-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.ph-kpis .kpi{padding:8px 12px}.ph-kpis .kpi b{font-size:19px}
.ph-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:6px;flex-wrap:wrap}
.ph-tabs a{padding:6px 12px;border-radius:8px;color:var(--mut);font-weight:600;font-size:13.5px}
.ph-tabs a.on{background:#1c1c1c;color:var(--fg)}
.ph-tabs a:hover{color:var(--fg)}
.res-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
@media(max-width:900px){.res-grid{grid-template-columns:1fr}}

.migas{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut);margin:0 0 10px;flex-wrap:wrap}
.migas a{color:var(--mut)}.migas a:hover{color:var(--fg)}
.migas .sep{opacity:.5}.migas .act{color:var(--fg);font-weight:600}

.vista-fin{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12.5px;flex-wrap:wrap}
.vista-fin .chip{text-decoration:none}
.pf-row b{white-space:normal;line-height:1.3}

.filtros-activos{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
a.celda{color:var(--fg);border-bottom:1px dotted #444}
a.celda:hover{color:var(--acc);border-bottom-color:var(--acc)}
table.eerr td.linea a{color:var(--fg);border-bottom:1px dotted transparent}
table.eerr td.linea a:hover{color:var(--acc)}

/* Caja: filtro por unidad de negocio */
.unidades-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0 4px}
.unidades-bar>.mut{font-size:12px;margin-right:4px}
.unidades-bar .chip .dot{width:8px;height:8px;border-radius:50%;display:inline-block}

/* ---------------------------------------------------------------- Pase móvil (3-nov-2026): sin desbordes, tarjetas y tablas que respiran */
html,body{overflow-x:hidden;max-width:100%}
main{min-width:0}
.card{overflow-x:auto;-webkit-overflow-scrolling:touch}
.card>table{min-width:100%}
.kpis{align-items:stretch}
.kpi{display:flex;flex-direction:column;justify-content:center;min-width:0}
.kpi b{overflow-wrap:anywhere}
.kpi small{display:block;line-height:1.35}
.ficha-head>div:first-child{min-width:0;flex:1 1 320px}
.ficha-head .sub{max-width:720px}
.cal-bar,.periodo,.unidades-bar,.filtros-activos,.tabs{flex-wrap:wrap}
.tabs{gap:6px 4px}
.periodo label{min-width:0}
form.inline label{min-width:0}
form.inline input,form.inline select{max-width:100%}
.movs td,.movs th{vertical-align:top}
.movs td small{display:block;font-size:12px;overflow-wrap:anywhere}
table.eerr{width:100%}
@media(max-width:800px){
  main{padding:12px 12px 72px}
  h1{font-size:19px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kpi{padding:10px 12px}
  .kpi b{font-size:19px}
  .kpi small{font-size:11.5px}
  .ficha-head{gap:10px}
  .ficha-head>div:last-child{width:100%;flex-wrap:wrap}
  .ficha-head .btn,.ficha-head button{flex:1 1 auto;justify-content:center}
  .cal-bar b{min-width:0;flex:1;text-align:left}
  .cal-bar form.inline{margin-left:0!important;width:100%}
  .cal-bar form.inline select,.cal-bar form.inline input{flex:1 1 140px;min-width:0}
  .movs th,.movs td{padding:8px 8px;font-size:13px}
  .movs td:nth-child(n+3):not(.num):not(:last-child){font-size:12.5px}
  table.eerr th,table.eerr td{padding:6px 7px;font-size:12.5px}
  .fx-grid{grid-template-columns:1fr}
  .grid2{gap:10px}
  .unidades-bar .chip{padding:3px 8px;font-size:12px}
  .periodo .tabs a{padding:5px 8px;font-size:12px}
  .drawer-body{padding:10px 12px}
}
@media(max-width:480px){
  .kpis{grid-template-columns:1fr 1fr}
  .kpi.hl{grid-column:1/-1}
  .movs td a b{font-size:13.5px}
}
/* Tablas en pantallas angostas: desplazan dentro de la tarjeta; solo las celdas con texto largo (b/small) se parten */
.card table th,.card table td{white-space:nowrap}
.card table td b,.card table td small,.card table td .sub,.card table td p{white-space:normal}
.card table td:has(> a > b),.card table td:has(> b){min-width:180px}
.card table td:has(> a > b) b,.card table td:has(> b) b{display:block;overflow-wrap:anywhere}
.card table td.mut{white-space:normal;min-width:120px}
/* Pulido de tablas (4-nov): etiquetas compactas, filas respirando, hover suave */
table.movs td a.pill,table.movs td .pill{display:inline-block;width:auto;max-width:100%;vertical-align:middle;line-height:1.5;padding:3px 10px}
table.movs td .pill+.pill,table.movs td br+.pill{margin-top:4px}
table.movs td{vertical-align:middle;padding:10px 12px;border-top:1px solid #1a1a1a}
table.movs th{padding:9px 12px;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:var(--mut)}
table.movs tr.mov:hover td{background:#111}
table.movs td.mut{line-height:1.45}
table.movs td a{line-height:1.4}
.pill.warn{background:#3d2c12;color:#fbbf24}
.kpi{border-radius:12px}.card{border-radius:12px}
/* Mapa estratégico (BSC) */
.bsc-mapa{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.bsc-frente{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bsc-frente>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.bsc-frente>header b{font-size:14px}.bsc-frente>header small{display:block;font-size:12px;margin-top:1px}
.bsc-prom{font-size:18px}
.bsc-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bsc-obj{display:flex;flex-direction:column;gap:5px;background:#0f0f0f;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--fg);text-decoration:none;min-width:0;transition:border-color .15s}
.bsc-obj:hover{border-color:#444}
.bsc-obj.vacio{border-style:dashed;justify-content:center;text-align:center}
.bsc-nombre{font-weight:700;font-size:14px;line-height:1.3}
.bsc-num{font-size:26px;font-weight:800;line-height:1.1;margin-top:2px}
.bsc-num small{font-size:13px;font-weight:600}
.bsc-meta{font-size:12px}
.bsc-barra{display:block;height:5px;background:#1c1c1c;border-radius:99px;overflow:hidden}
.bsc-barra i{display:block;height:100%;border-radius:99px;background:var(--mut)}
.bsc-barra i.good{background:#4ade80}.bsc-barra i.warn{background:#fbbf24}.bsc-barra i.bad{background:#f87171}
.bsc-pie{font-size:12px;margin-top:2px}
.bsc-empuja{font-size:11.5px;color:var(--mut);border-top:1px dashed var(--line);padding-top:6px;margin-top:2px}
.bsc-empuja i{color:var(--acc)}
@media(max-width:800px){.bsc-tarjetas{grid-template-columns:1fr}.bsc-num{font-size:22px}}

/* Mis tareas: columnas, subtareas desplegables, tarea madre */
.thead{grid-template-columns:22px 34px minmax(0,1fr) 200px 120px 42px}
.trow .tog{width:22px;height:22px;border:none;background:none;color:var(--mut);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}
.trow .tog.vacio{cursor:default}
.trow .tog .ti{transition:transform .15s}
.trow.abierta .tog .ti{transform:rotate(90deg)}
.trow[data-padre]{display:none}
.trow[data-padre].ver{display:flex}
.trow .tlink{display:grid;grid-template-columns:minmax(0,1fr) 200px 120px 30px;align-items:center;gap:8px}
.trow .tlink .tspacer{display:none}
.trow .tproj{min-width:0;overflow:hidden}
.trow .tproj .pill.proj{max-width:100%;display:inline-block;vertical-align:middle}
.trow .tdue{font-size:12.5px;color:var(--mut);white-space:nowrap}
.trow .tdue.bad{color:var(--bad)}.trow .tdue.warn{color:#fbbf24}
.trow .tmadre{color:var(--mut);font-weight:400;font-size:12px;margin-left:4px}
.trow .tsub{color:var(--mut);font-weight:400;font-size:12px;margin-left:6px}
.tadd.sec{border-top:1px solid var(--line);padding:4px 10px 4px 66px;background:transparent}
.tadd.sec input[name=nombre]{background:transparent;border:none;padding:8px 0;color:var(--fg)}
.tadd.sec input[name=nombre]::placeholder{color:var(--mut)}
@media(max-width:800px){
  .thead{display:none}
  .trow .tlink{display:flex;flex-wrap:wrap;gap:4px 8px}
  .trow .tlink .tname{flex:1 1 100%;white-space:normal}
  .trow .tproj,.trow .tdue{font-size:12px}
}
/* Bandeja */
.bandeja{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;margin-top:14px}
.bandeja .card{padding:12px 14px}
.bandeja h3{margin:0 0 8px;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.bandeja h3 .n{font-size:12px;color:var(--mut);font-weight:400}
.bandeja .acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* Homogeneidad (4-nov): cabeceras, filtros y navegación suave */
html{scroll-behavior:smooth}
main{animation:aparecer .18s ease-out}
@keyframes aparecer{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.ficha-head{margin:6px 0 10px}
.ficha-head h1{margin-bottom:2px}
.ficha-head .sub{line-height:1.45}
.ficha-head .acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rango{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.rango label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mut)}
.rango .btn.ghost{padding:7px 10px}
.periodo{margin:6px 0 12px}
h2{margin:22px 0 8px}
.kpis{margin-top:10px}
a.kpi{color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}
a.kpi:hover{border-color:#444;transform:translateY(-1px)}
.side-item{transition:background .12s,color .12s}
.tabs a{transition:background .12s,color .12s}
.card{transition:border-color .15s}
.bandeja{grid-template-columns:1.35fr 1fr;align-items:start}
.bandeja-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.bandeja .vacio{font-size:13px;margin:4px 0 2px}
.bandeja h3 span:first-child{font-size:14px}
@media(max-width:900px){.bandeja{grid-template-columns:1fr}}

/* Fila editable y arrastrar (fase 1) */
.trow .tlink{grid-template-columns:minmax(0,1fr)}
.trow .tinl{display:inline-flex;align-items:center;margin:0;flex:none}
.trow .tproj{width:200px;flex:none}
.trow .tdue-f{width:120px;flex:none}
.trow .tresp-f{width:30px;flex:none;justify-content:center}
.trow .tinl .pop-btn{padding:3px 6px;font-size:12.5px;max-width:100%}
.trow .tinl .pop-btn .pill.proj{max-width:170px}
.trow .tinl .pop-btn .pop-txt.mut{font-size:12px}
.trow[draggable="true"]{cursor:grab}
.trow.arrastrando,.tcard.arrastrando{opacity:.45}
.tsec.sobre{outline:2px dashed var(--acc);outline-offset:-2px}
.tcol.sobre{outline:2px dashed var(--acc);outline-offset:-2px}
.trow.guardada{background:#17200f;transition:background .6s}
.pop-it .proy-dot{width:10px;height:10px;margin-right:6px}
@media(max-width:800px){.trow .tproj{width:auto}.trow .tdue-f{width:auto}}
/* Bandeja como lista de pasos */
.pasos{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-width:1100px}
.paso.ok{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #163a22;border-radius:10px;background:#0d1a11;font-size:13.5px}
.paso.ok .ti{color:#4ade80;font-size:18px}
.paso.ok .mut{font-size:12.5px}
.paso.card{padding:10px 14px 12px}
.paso-h{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:14px}
.paso-h .ti{font-size:18px}
.paso-h .mut{font-size:12.5px}
.paso-link{display:block;color:var(--fg);text-decoration:none}
.paso-link .paso-h{margin:0}
.paso-pie{font-size:12px;margin-top:6px}
.paso .movs td{padding:7px 10px}
/* Buscador global (Ctrl+K) */
.side-buscar{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--mut);font-size:13px;text-decoration:none;background:#111}
.side-buscar:hover{border-color:#444;color:var(--fg)}
.side-buscar kbd{margin-left:auto;font:11px system-ui;border:1px solid #333;border-radius:5px;padding:1px 5px;color:var(--mut)}
.menu-min .side-buscar span,.menu-min .side-buscar kbd{display:none}
.bq{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px;backdrop-filter:blur(2px)}
.bq-caja{width:min(680px,100%);background:#121212;border:1px solid #333;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.7);overflow:hidden;animation:aparecer .12s ease-out}
.bq-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.bq-input .ti{color:var(--mut);font-size:18px}
.bq-input input{flex:1;background:transparent;border:none;color:var(--fg);font-size:16px;outline:none}
.bq-input kbd{font:11px system-ui;border:1px solid #333;border-radius:5px;padding:1px 5px;color:var(--mut)}
.bq-lista{max-height:min(60vh,520px);overflow-y:auto;padding:6px}
.bq-g{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--mut);padding:8px 10px 3px}
.bq-it{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--fg);text-decoration:none}
.bq-it .ti{color:var(--mut);font-size:17px}
.bq-it.on{background:#24364f}
.bq-it .bq-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}
.bq-it .bq-d{color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.bq-vacio{padding:18px 12px;color:var(--mut);font-size:13.5px}
.bq-pie{padding:7px 14px;border-top:1px solid var(--line);font-size:11.5px}
@media(max-width:800px){.bq{padding:8px}.bq-it{grid-template-columns:22px minmax(0,1fr)}.bq-it .bq-d{grid-column:2;max-width:100%}}

.bq[hidden]{display:none}

/* Categoría y unidad editables en la fila de Movimientos y Bandeja */
table.movs td .tinl{display:inline-flex;align-items:center;margin:0}
table.movs td .tinl .pop-btn{padding:2px 4px}
table.movs td .tinl .pop-btn .pill{cursor:pointer}
.celda-filtro{margin-left:4px;color:var(--mut);font-size:13px;opacity:.5}.celda-filtro:hover{opacity:1}
.pop-alta{max-height:320px;overflow-y:auto}
.pop-g{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--mut);padding:7px 8px 2px}
.pop-regla{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);padding:8px 8px 4px;border-top:1px solid var(--line);margin-top:4px}
.pop-regla input{width:auto}
tr.guardada td{background:#17200f;transition:background .6s}

/* Herramientas, Ajustes e Inicio por rol */
.herr tr.nueva td{background:rgba(226,185,96,.06)}
.herr tr.apagado td{opacity:.55}
.pill.ok{background:rgba(34,197,94,.12);color:#4ade80}
.pill.warn{background:rgba(226,185,96,.14);color:var(--warn);margin-left:4px}
.pill.est-cancelar{background:rgba(226,185,96,.14);color:var(--warn)}
.pill.est-cancelada{background:#1c1c1c;color:var(--mut);text-decoration:line-through}
.pill.est-revisar{background:rgba(96,165,250,.14);color:#93c5fd}
.aj-form{padding:16px 18px;margin-top:14px}
.aj-form h2{margin:0 0 10px;font-size:15px}
.aj-form h2+.fx-grid,.aj-form .fx-grid{margin-bottom:12px}
.aj-form .fx-pie{margin-top:4px}
.aj-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:10px;cursor:pointer}
.aj-check input{width:auto;margin-top:4px}
.aj-check small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.aj-nota{padding:14px 18px;margin-top:14px;font-size:13.5px;line-height:1.55}
.aj-nota h3{margin:0 0 6px;font-size:14px}
.aj-nota ul{margin:6px 0;padding-left:18px}
.aj-nota code,.aj-nota pre{background:rgba(255,255,255,.06);border-radius:6px;font-size:12.5px}
.aj-nota code{padding:2px 6px}
.aj-nota pre{padding:10px 12px;overflow:auto;margin:6px 0}
a.kpi{display:block;color:inherit;text-decoration:none}
a.kpi:hover{border-color:var(--acc)}
.ini-pend{display:flex;flex-wrap:wrap;gap:6px}
.ini-pend .chip b{color:var(--warn)}
.ini-meta.sem-good .pf-bar{background:var(--ok)}.ini-meta.sem-warn .pf-bar{background:var(--warn)}.ini-meta.sem-bad .pf-bar{background:var(--bad)}.ini-meta.sem-mut .pf-bar{background:var(--line)}
.ini-meta .barline{width:100%;margin-top:3px}

.ti-spin{display:inline-block;animation:girar 1s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}