:root{--marca:#0E3A52;--coral:#E0674A;
  --o-gads:#2F7DD1;--o-insta:#D63A8A;--o-wa:#1FA855;--o-email:#6B7280;--o-nora:#E0674A;--o-web:#8B5CF6;--o-reco:#E99A12}
.nv-prueba{font:900 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;background:var(--amb-s);color:var(--amb);border:1px solid #F1D9AE;border-radius:6px;padding:7px 9px;white-space:nowrap}
@media (max-width:900px){.nv-prueba{display:none}}
.nv-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.kpi.ok .v{color:var(--ok)}
.nv-sec{font:900 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);margin:22px 0 10px;display:flex;align-items:center;gap:8px}
.nv-sec::after{content:"";flex:1;height:1px;background:var(--borde)}
.msg-cuerpo{white-space:pre-wrap;background:var(--fondo);border-radius:8px;padding:12px;font-size:14px;margin:10px 0}
.av.mini{width:24px;height:24px;font-size:10px}
.tag.persona{background:var(--negro);color:#fff}


.chip.org{background:#fff;border:1px solid var(--borde-2);color:var(--tinta)}
.chip.org .ic{width:13px;height:13px}
.chip.org.gads .ic{color:var(--o-gads)} .chip.org.insta .ic{color:var(--o-insta)} .chip.org.wa .ic{color:var(--o-wa)} .chip.org.email .ic{color:var(--o-email)}
.chip.org.nora .ic{color:var(--o-nora)} .chip.org.web .ic{color:var(--o-web)} .chip.org.reco .ic{color:var(--o-reco)}
.chip .ic{width:13px;height:13px}


.fila-vis{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid #F0F1F4;text-decoration:none;border-radius:6px}
.fila-vis:hover{background:var(--marca-s)} .fila-vis:last-child{border-bottom:0}
.fila-vis .hora{display:flex;flex-direction:column;min-width:76px;font-size:12px;color:var(--suave)}
.fila-vis .hora b{font:900 16px/1.1 var(--display);color:var(--tinta)}
.fila-vis .pto{width:10px;height:10px;border-radius:50%;flex:none}
.fila-vis .txt{flex:1;min-width:0} .fila-vis .txt b{display:block;font-family:var(--display);font-size:14px} .fila-vis .txt small{color:var(--suave)}


.canales{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.canal{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:9px 12px}
.canal .ic{width:20px;height:20px}
.canal b{font:900 20px/1 var(--display)} .canal span{font-size:12px;color:var(--suave);max-width:110px;line-height:1.2}
.canal.gads .ic{color:var(--o-gads)} .canal.insta .ic{color:var(--o-insta)} .canal.wa .ic{color:var(--o-wa)} .canal.email .ic{color:var(--o-email)} .canal.nora .ic{color:var(--o-nora)} .canal.web .ic{color:var(--o-web)} .canal.reco .ic{color:var(--o-reco)}
.sim{background:#fff;border:2px solid var(--marca);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.sim-cab{display:flex;align-items:center;gap:8px;font-family:var(--display);margin-bottom:10px}
.sim-cab .ic{color:var(--coral)}
.sim-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.sim-pasos li{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--borde);border-radius:9px;padding:9px 10px;opacity:.35;transition:opacity .4s,background .4s,border-color .4s}
.sim-pasos li .sp{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--fondo);color:var(--suave);flex:none}
.sim-pasos li b{display:block;font:800 13.5px/1.25 var(--display)} .sim-pasos li small{display:block;font-size:12px;color:var(--suave);margin-top:2px;line-height:1.35}
.sim-pasos li.ahora{opacity:1;border-color:var(--coral);background:#FFF4F0} .sim-pasos li.ahora .sp{background:var(--coral);color:#fff}
.sim-pasos li.hecho{opacity:1} .sim-pasos li.hecho .sp{background:var(--marca);color:#fff}
.lista-msg a.recien{animation:entra .6s ease;background:#FFF4F0}


.medidor-f{display:grid;grid-template-columns:minmax(120px,1.1fr) 2fr auto;gap:10px;align-items:center;font-size:13px;color:var(--suave);margin:7px 0}
.medidor-f b{color:var(--tinta);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}
.fila-in{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #F0F1F4;text-decoration:none;border-radius:6px}
.fila-in:hover{background:var(--marca-s)} .fila-in:last-child{border-bottom:0}
.fila-in .txt{flex:1;min-width:0} .fila-in .txt b{display:block;font-family:var(--display);font-size:14px} .fila-in .txt small{color:var(--suave)}
.mini-foto{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}


.carta-escena{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:26px;align-items:start}
@media (max-width:980px){.carta-escena{grid-template-columns:1fr}.movil{margin:0 auto}}
.movil{width:min(360px,100%);background:#16181C;border-radius:38px;padding:12px;box-shadow:0 18px 40px rgba(14,58,82,.22)}
.movil-top{display:flex;justify-content:space-between;color:#fff;font:800 12px/1 var(--display);padding:6px 16px 10px}
.movil-cuerpo{background:#fff;border-radius:28px;padding:18px 16px 20px;max-height:640px;overflow:auto}
.carta-h{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.carta-h .ini{width:38px;height:38px;border-radius:10px;background:var(--marca);color:#fff;display:grid;place-items:center;font:900 18px/1 var(--display)}
.carta-h b{display:block;font:900 18px/1.1 var(--display)} .carta-h small{color:var(--suave);font-size:12.5px}
.movil-cuerpo label{display:block;font:800 12.5px/1.2 var(--display);color:var(--suave);margin:14px 0 7px}
.movil-cuerpo label b{color:var(--tinta)}
.ops{display:flex;gap:6px;flex-wrap:wrap}
.op{border:1.5px solid var(--borde-2);background:#fff;border-radius:999px;padding:8px 13px;font:800 13px/1 var(--display);cursor:pointer;color:var(--tinta)}
.op.on{background:var(--coral);border-color:var(--coral);color:#fff}
.movil-cuerpo select{width:100%;border:1.5px solid var(--borde-2);border-radius:10px;padding:10px;font:inherit;background:#fff}
.movil-cuerpo input[type=range]{width:100%;accent-color:var(--coral)}
.btn.ancho{width:100%;margin-top:18px;padding:13px;background:var(--coral);border-color:var(--coral)}
.carta-dcha{min-width:0}
.flecha-cae{display:flex;align-items:center;gap:8px;font:900 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin:8px 0 12px}
.flecha-cae .ic{width:22px;height:22px}
.punt-grande{display:flex;align-items:baseline;gap:12px;border-radius:12px;padding:14px 16px;margin:10px 0 8px;background:var(--fondo)}
.punt-grande b{font:900 44px/1 var(--display)} .punt-grande span{font:900 16px/1 var(--display)}
.punt-grande.ok{background:var(--ok-s);color:var(--ok)} .punt-grande.info{background:var(--info-s);color:var(--info)} .punt-grande.mal{background:var(--mal-s);color:var(--mal)}
.borrador{border:1px dashed var(--borde-2);border-radius:10px;padding:12px 14px;background:#fff;font-size:14px}
.borrador p{margin:0} .borrador .ey{margin-bottom:6px}


.fila-cu{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #F0F1F4;text-decoration:none;border-radius:6px}
.fila-cu:hover{background:var(--marca-s)} .fila-cu:last-child{border-bottom:0}
.fila-cu .txt{flex:1;min-width:0} .fila-cu .txt b{display:block;font-family:var(--display);font-size:14px} .fila-cu .txt small{color:var(--suave)}
.pnum{min-width:44px;height:34px;border-radius:8px;display:grid;place-items:center;font:900 15px/1 var(--display);background:var(--fondo);flex:none;padding:0 6px}
.pnum.ok{background:var(--ok-s);color:var(--ok)} .pnum.info{background:var(--info-s);color:var(--info)} .pnum.mal{background:var(--mal-s);color:var(--mal)}


.ficha-obra.opk{cursor:grab;user-select:none}
.ficha-obra.opk.arrastrando{opacity:.4}
.ficha-obra.opk.recien{animation:entra .6s ease;border-color:var(--coral)}
.op-pie{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px}
.col.sobre{background:#DCE7EE}
.ops-mover{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}


.nota-voz{display:flex;align-items:center;gap:12px;background:var(--fondo);border-radius:12px;padding:12px;margin:6px 0 12px}
.onda{display:flex;align-items:center;gap:3px;flex:1;height:40px;overflow:hidden}
.onda i{display:block;width:4px;border-radius:2px;background:var(--borde-2)}
.onda.sonando i{background:var(--coral);animation:latir 1s ease-in-out infinite}
.onda.sonando i:nth-child(3n){animation-delay:.2s}.onda.sonando i:nth-child(3n+1){animation-delay:.45s}
@keyframes latir{50%{transform:scaleY(.45)}}
.res-nota{margin-top:14px;animation:entra .5s ease}
.res-nota blockquote{margin:0 0 12px;background:var(--fondo);border-radius:10px;padding:12px 14px;font-style:italic}
.cambios{list-style:none;margin:0 0 12px;padding:0}
.cambios li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #F0F1F4;font-size:14px}
.cambios li .ic{color:var(--ok);margin-top:1px}
#wa-cambios li{opacity:.25;transition:opacity .4s} #wa-cambios li.ve{opacity:1}
.fila-com{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F0F1F4;flex-wrap:wrap}
.fila-com .txt{flex:1;min-width:140px} .fila-com .txt b{display:block;font-family:var(--display)} .fila-com .txt small{color:var(--suave)}


.grid-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:16px}
.tarj-in{background:#fff;border:1px solid var(--borde);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.tarj-in:hover{border-color:var(--negro)}
.ti-c{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.ti-c b{font:900 15px/1.2 var(--display)}
.ti-p{font:900 20px/1 var(--display);margin:6px 0 4px}
.l3{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.foto{position:relative;background:var(--c);aspect-ratio:16/8;display:grid;place-items:end center;overflow:hidden}
.foto.g{border-radius:10px;aspect-ratio:16/7}
.foto svg{width:78%;height:auto;display:block}
.foto-id{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.95);border-radius:6px;padding:5px 8px;font:900 12px/1 var(--mono);color:var(--tinta)}
.hueco{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--borde);border-radius:8px;margin-top:7px;font-size:13.5px}
.hueco b{font-family:var(--display)} .hueco.libre{background:var(--ok-s);border-color:#BFE2CB} .hueco.libre span{color:var(--ok);font-weight:800}
.hueco.ocupado span{color:var(--suave)}
.msg-av{border:1px solid var(--borde);border-radius:10px;padding:10px 12px;margin-top:10px}
.msg-av .l1{display:flex;gap:8px;align-items:center;margin-bottom:8px} .msg-av .l1 b{flex:1;font-family:var(--display)}
.msg-av textarea{font-size:13.5px}


.cal{display:grid;grid-template-columns:62px repeat(var(--n),minmax(110px,1fr));gap:4px;overflow-x:auto}
.cal-h{font:800 12px/1.2 var(--display);color:var(--suave);padding:6px 4px;text-transform:capitalize}
.cal-h.hoy b{color:var(--coral)}
.cal-hora{font:800 12px/1 var(--mono);color:var(--tenue);padding-top:8px}
.cal-c{min-height:52px;background:var(--fondo);border-radius:6px;padding:3px;display:flex;flex-direction:column;gap:3px}
.cal-v{display:block;background:var(--c);color:#fff;border-radius:6px;padding:6px 7px;text-decoration:none;font-size:11.5px;line-height:1.25}
.cal-v b{display:block;font:900 12px/1.2 var(--display)}
.cal-v.hecha{opacity:.55}
.leyenda{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--suave)}
.leyenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}


.calc{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
@media (max-width:560px){.calc{grid-template-columns:1fr}}
.calc label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;font-size:13px;color:var(--suave)}
.calc label span{grid-column:1/-1;font-weight:800}
.calc input{border:1px solid var(--borde-2);border-radius:7px;padding:8px 10px;font:inherit;width:100%}


.reproductor{display:flex;align-items:center;gap:12px;margin:12px 0}
.reproductor .barra-uso{flex:1;height:8px}
.conv{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto;padding:4px}
.conv .m{max-width:84%;border-radius:12px;padding:9px 12px;font-size:14px;background:var(--fondo);transition:background .3s,box-shadow .3s}
.conv .m span{display:block;font:900 10.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);margin-bottom:4px}
.conv .m.ia{align-self:flex-start;background:var(--marca-s)}
.conv .m.cl{align-self:flex-end;background:#FFF4F0}
.conv .m.ahora{box-shadow:0 0 0 2px var(--coral)}


.movil.wa .wa-cab{display:flex;gap:10px;align-items:center;background:#075E54;color:#fff;padding:10px 14px;border-radius:26px 26px 0 0}
.wa-cab .ini{width:34px;height:34px;border-radius:50%;background:#fff;color:#075E54;display:grid;place-items:center;font:900 15px/1 var(--display)}
.wa-cab b{display:block;font-family:var(--display)} .wa-cab small{font-size:11.5px;opacity:.85}
.wa-chat{background:#ECE5DD;border-radius:0 0 26px 26px;height:560px;overflow:auto;padding:14px 10px;display:flex;flex-direction:column;gap:8px}
.wa-m{max-width:82%;border-radius:10px;padding:8px 10px;font-size:13.5px;line-height:1.4;animation:entra .3s ease}
.wa-m.cl{align-self:flex-end;background:#DCF8C6} .wa-m.ia{align-self:flex-start;background:#fff}
.wa-m.escribiendo{color:var(--tenue);font-style:italic}
.wa-bt{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.wa-bt span{display:block;text-align:center;border-top:1px solid #E5E7EB;padding-top:6px;color:#0E7C86;font-weight:800}


.grid-con{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.tarjeta.con{display:flex;gap:12px;align-items:flex-start}
.tarjeta.con .ico-c{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--marca-s);color:var(--marca);flex:none}
.tarjeta.con div{flex:1} .tarjeta.con b{font-family:var(--display)} .tarjeta.con p{margin:4px 0 0;font-size:13px;color:var(--suave)}
#op-tablero{grid-auto-columns:minmax(172px,1fr)}
#op-tablero .ficha-obra b{font-size:13.5px}
#op-tablero .op-pie{flex-wrap:wrap}