/* CRM Asesor Salud · Dirección P: azul noche, azul señal (acción), hueso, pizarra, verde pino (WhatsApp) */
:root{
  --noche:#0E1A2B; --azul:#1D3FE6; --azul-hover:#2E4FF0; --hueso:#F7F6F2; --papel:#FFFFFF; --tinta:#0E1A2B; --texto:#3A4456;
  --pizarra:#5B6577; --linea:#D5D9E0; --linea-suave:#E8EBEF; --palido:#EEF1FB; --pino:#4F7A6A; --pino-claro:#ECF2EF; --alerta:#A51F1F; --alerta-claro:#FDF1F1;
  --disp:"Archivo","Arial Narrow",system-ui,sans-serif; --sans:"Inter","Segoe UI",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace;
  --radio:6px; color-scheme:light;
}
*{box-sizing:border-box} html,body{margin:0;height:100%}
body{background:var(--hueso);color:var(--texto);font:15px/1.5 var(--sans)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--disp);font-variation-settings:'wdth' 75;font-stretch:75%;color:var(--tinta);margin:0}
.marca{display:flex;align-items:center;gap:10px;font:600 17px/1 var(--disp);font-stretch:75%;letter-spacing:.03em;color:var(--noche)}
.marca svg{width:30px;height:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:4px;background:var(--azul);color:#fff;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--azul-hover)} .btn:disabled{opacity:.45;cursor:not-allowed}
.btn.sec{background:var(--papel);color:var(--noche);border:1px solid var(--linea)} .btn.sec:hover{border-color:var(--noche)}
.btn.pino{background:var(--pino)} .btn.pino:hover{background:#3F6657}
.btn.chico{min-height:36px;padding:0 12px;font-size:14px}
.btn svg{width:18px;height:18px}
input,select,textarea{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--linea);border-radius:4px;background:var(--papel)}
textarea{min-height:80px;resize:vertical}
.campo{display:grid;gap:4px} .campo>span,.lbl{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}
.check{display:flex;gap:8px;align-items:flex-start;font-size:14px} .check input{width:18px;min-height:18px;margin-top:3px}
.msg{margin:0;font-size:13px;color:var(--pizarra);min-height:18px} .msg.error{color:var(--alerta)}

/* acceso */
.acceso{min-height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}
.tarjeta-acceso{width:min(400px,100%);display:grid;gap:14px;background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:28px}
.tarjeta-acceso h1{font-weight:300;font-size:34px;line-height:1} .tarjeta-acceso h1 b{font-weight:600}
.tarjeta-acceso p{margin:0}

/* app */
.app{min-height:100%;display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr)}
.barra-sup{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:10px max(16px,env(safe-area-inset-left,0px));background:var(--papel);border-bottom:1px solid var(--linea)}
.vistas{display:flex;gap:4px;margin-right:auto}
.vistas button{min-height:40px;padding:0 14px;border:0;border-radius:4px;background:none;font-weight:600;color:var(--pizarra);cursor:pointer}
.vistas button[aria-pressed=true]{background:var(--noche);color:#fff}
.cuenta{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:10px;background:var(--azul);color:#fff;font:600 11px var(--mono)}
.vistas button[aria-pressed=true] .cuenta{background:#fff;color:var(--noche)}
.sup-der{display:flex;gap:8px;align-items:center}
.demo{font:500 11px var(--mono);letter-spacing:.06em;padding:4px 8px;border-radius:3px;background:var(--palido);color:var(--azul)}
.filtros{display:flex;gap:8px;padding:12px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--linea-suave)}
.filtros input{flex:1 1 280px} .filtros select{flex:0 1 220px}

/* kanban */
.pestanas{display:none}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;padding:16px max(16px,env(safe-area-inset-left,0px));overflow-x:auto;align-items:start;min-height:calc(100vh - 140px)}
.col{background:#EFEEE8;border-radius:8px;padding:10px;display:grid;gap:8px;align-content:start;min-height:200px}
.col.sobre{outline:2px dashed var(--azul);outline-offset:-4px}
.col-h{display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px 6px}
.col-h h2{font-size:17px;font-weight:600} .col-h span{font:500 12px var(--mono);color:var(--pizarra)}
.tarjeta{display:grid;gap:6px;padding:12px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);cursor:pointer;text-align:left;width:100%}
.tarjeta:hover{border-color:var(--noche)} .tarjeta[draggable=true]{cursor:grab}
.tarjeta .nom{font-weight:600;color:var(--tinta)}
.tarjeta .det{font-size:13px;color:var(--pizarra)}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{font:500 10.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:var(--hueso);color:var(--texto)}
.chip.anuncio{background:var(--palido);color:var(--azul)} .chip.vence{background:var(--azul);color:#fff} .chip.frio{background:var(--alerta-claro);color:var(--alerta)} .chip.ok{background:var(--pino-claro);color:var(--pino)}
.vacio{padding:12px;color:var(--pizarra);font-size:13px;text-align:center}

/* calor por etapa: de helado (no responde) a ganado (cerrado). El color marca; el texto sigue en tinta y siempre lleva etiqueta */
:root{--calor-hielo:#8FA3BF;--calor-frio:#3D7DCA;--calor-tibio:#E3A21A;--calor-caliente:#E8692A;--calor-fuego:#C8321E;--calor-neutro:#8B8798}
[data-calor=hielo]{--c:var(--calor-hielo);--c-suave:#EEF2F7} [data-calor=frio]{--c:var(--calor-frio);--c-suave:#EBF2FB}
[data-calor=tibio]{--c:var(--calor-tibio);--c-suave:#FCF5E3} [data-calor=caliente]{--c:var(--calor-caliente);--c-suave:#FDF0E8}
[data-calor=fuego]{--c:var(--calor-fuego);--c-suave:#FBECE9} [data-calor=neutro]{--c:var(--calor-neutro);--c-suave:#F1F0F3}
.col[data-calor]{background:var(--c-suave);border-top:4px solid var(--c)}
.col[data-calor] .tarjeta{border-left:4px solid var(--c)}
.col-h h2{margin-bottom:3px}
.calor{display:inline-flex;align-items:center;gap:6px;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto)}
.termo{display:inline-flex;gap:2px} .termo i{width:9px;height:6px;border-radius:2px;background:var(--linea)} .termo i.on{background:var(--c)}
.punto{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:6px;vertical-align:middle;flex:none}
.ficha-h[data-calor]{border-top:5px solid var(--c)}
.ficha-h small .calor{vertical-align:middle}
.opciones button[data-calor]{display:flex;align-items:center;flex-wrap:wrap;border-left:4px solid var(--c)} .opciones button small{flex-basis:100%;padding-left:15px}
.chip.fuente{display:inline-flex;align-items:center;gap:4px;background:var(--noche);color:#fff} .chip.fuente svg{width:12px;height:12px}

/* hoy */
.hoy{max-width:820px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px));display:grid;gap:14px}
.hoy h2{font-weight:300;font-size:30px} .hoy h2 b{font-weight:600}
.tareas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tarea{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio)}
.tarea.vencida{border-left:3px solid var(--alerta)}
.tarea .t-tit{font-weight:600;color:var(--tinta)} .tarea small{display:block;color:var(--pizarra)}
.hecho{width:32px;height:32px;border-radius:50%;border:2px solid var(--linea);background:var(--papel);cursor:pointer;display:grid;place-items:center;color:transparent}
.hecho:hover{border-color:var(--pino);color:var(--pino)} .hecho svg{width:16px;height:16px}

/* ficha */
.velo{position:fixed;inset:0;background:rgba(14,26,43,.35);z-index:9}
.ficha{position:fixed;top:0;right:0;bottom:0;z-index:10;width:min(560px,100%);background:var(--hueso);overflow-y:auto;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-12px 0 32px rgba(14,26,43,.18)}
.ficha-h{position:sticky;top:0;z-index:2;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:var(--papel);border-bottom:1px solid var(--linea)}
.ficha-h h2{font-size:26px;font-weight:600;line-height:1.05}
.ficha-h small{display:block;margin-top:4px;color:var(--pizarra);font-size:13px}
.cerrar{width:40px;height:40px;border:1px solid var(--linea);border-radius:4px;background:var(--papel);cursor:pointer;display:grid;place-items:center;flex:none} .cerrar svg{width:18px;height:18px}
.ficha-c{padding:16px 18px;display:grid;gap:16px;align-content:start}
.bloque{background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:14px;display:grid;gap:10px}
.bloque h3{font-size:17px;font-weight:600}
.datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.datos div{min-width:0} .datos dt{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)} .datos dd{margin:2px 0 0;color:var(--tinta);overflow-wrap:anywhere}
.consent{font-size:13px;display:grid;gap:4px}
.falta{color:var(--alerta);font-weight:600}
.completar{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px;border-radius:6px;background:var(--alerta-claro)}
@media (max-width:760px){.completar{grid-template-columns:1fr}}
.consent span{display:flex;gap:6px;align-items:center}
.dot{width:8px;height:8px;border-radius:50%;background:var(--linea)} .dot.si{background:var(--pino)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.historia{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.historia li{display:grid;gap:2px;padding-left:12px;border-left:2px solid var(--linea);font-size:14px}
.historia time{font:500 11px var(--mono);color:var(--pizarra)}
.historia .t-whatsapp,.historia .t-llamada,.historia .t-correo{border-left-color:var(--pino)} .historia .t-etapa,.historia .t-dps{border-left-color:var(--azul)}
.plantilla-prev{white-space:pre-wrap;padding:10px 12px;border-radius:6px;background:var(--pino-claro);color:var(--tinta);font-size:14px}
.acciones{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:var(--papel);border-top:1px solid var(--linea)}

/* diálogos */
dialog{border:0;border-radius:8px;padding:0;width:min(440px,calc(100% - 32px))} dialog::backdrop{background:rgba(14,26,43,.4)}
.dlg{display:grid;gap:12px;padding:20px} .dlg h3{font-size:21px} .dlg h3 small{font:400 13px var(--sans);color:var(--pizarra)}
.opciones{display:grid;gap:6px}
.opciones button{min-height:44px;text-align:left;padding:0 12px;border:1px solid var(--linea);border-radius:4px;background:var(--papel);cursor:pointer}
.opciones button:hover{border-color:var(--azul)} .opciones button:disabled{opacity:.5;cursor:not-allowed}
.opciones small{display:block;font-size:12px;color:var(--pizarra)}
.fila-btn{display:flex;gap:8px;justify-content:flex-end}
.aviso{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:20;max-width:calc(100% - 32px);padding:12px 16px;border-radius:6px;background:var(--noche);color:#fff;font-size:14px;box-shadow:0 8px 24px rgba(14,26,43,.3)}
.aviso.error{background:var(--alerta)}

/* celular: pestañas por etapa en vez de kanban, ficha a pantalla completa */
@media (max-width:760px){
  .barra-sup{flex-wrap:wrap;gap:8px} .vistas{order:3;width:100%}
  .filtros{flex-wrap:wrap} .filtros input,.filtros select{flex:1 1 100%;min-width:0}
  .sup-der{margin-left:auto}
  .pestanas{display:flex;gap:4px;overflow-x:auto;padding:8px 16px;background:var(--papel);border-bottom:1px solid var(--linea-suave);scrollbar-width:none}
  .pestanas button{flex:none;min-height:40px;padding:0 12px;border:1px solid var(--linea);border-radius:999px;background:var(--papel);font-size:13px;font-weight:600;cursor:pointer}
  .pestanas button{display:inline-flex;align-items:center}
  .pestanas button[aria-pressed=true]{background:var(--c-suave);border-color:var(--c);color:var(--tinta);box-shadow:inset 0 -3px 0 var(--c)}
  .kanban{display:block;padding:12px 16px;min-height:0}
  .col,.col[data-calor]{background:none;padding:0;border-top:0} .col:not(.activa){display:none} .col-h{display:none}
  .ficha{width:100%;box-shadow:none}
  .datos{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Métricas ---------- */
:root{--serie-1:#1D3FE6;--serie-2:#E8692A;--serie-1-area:rgba(29,63,230,.10);--grid:#E8EBEF}
.metricas{transition:opacity .2s} .metricas.m-cargando{opacity:.55}
.m-wrap{max-width:1240px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px)) 48px;display:grid;gap:16px}
.m-top{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.m-top h2{font-weight:300;font-size:32px;line-height:1} .m-top p{margin:6px 0 0;color:var(--pizarra)}
.m-periodo{display:inline-flex;border:1px solid var(--linea);border-radius:6px;overflow:hidden;background:var(--papel)}
.m-periodo button{min-height:40px;padding:0 14px;border:0;background:none;font:600 13px var(--sans);color:var(--texto);cursor:pointer}
.m-periodo button+button{border-left:1px solid var(--linea)}
.m-periodo button[aria-pressed=true]{background:var(--noche);color:#fff}
.m-aviso{margin:0;padding:12px 14px;border-radius:6px;background:var(--palido);color:var(--tinta);font-size:14px} .m-aviso.error{background:var(--alerta-claro);color:var(--alerta)}
.m-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.m-tile{background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:14px;display:grid;gap:4px;align-content:start}
.m-tile-k{font-size:13px;color:var(--pizarra)}
.m-tile-v{font:600 30px/1.1 var(--sans);color:var(--tinta)}
.m-tile-n{font-size:12.5px;color:var(--pizarra)}
.m-delta{font:600 12.5px var(--sans);color:var(--pizarra)} .m-delta small{font-weight:400;color:var(--pizarra)}
.m-delta.sube,.m-red-m em.sube{color:var(--pino)} .m-delta.baja,.m-red-m em.baja{color:var(--alerta)}
.m-grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
.m-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m-card{background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.m-card header h3{font-size:18px;font-weight:600} .m-card header p{margin:2px 0 0;font-size:13px;color:var(--pizarra)}
.m-seccion{font-size:22px;font-weight:600;margin-top:8px}
.m-vacio{margin:0;padding:18px 8px;text-align:center;color:var(--pizarra);font-size:13.5px}
/* barras ordenadas: un tono, ≤ 24px, punta redondeada de 4px y base recta */
.m-barras{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.m-barras li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k v" "b b";gap:3px 10px;padding:2px 0;border-radius:4px;outline-offset:2px;cursor:default}
.m-barras li:hover .m-b-pista i,.m-barras li:focus-visible .m-b-pista i{filter:brightness(1.15)}
.m-b-k{grid-area:k;font-size:13.5px;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-b-v{grid-area:v;font:500 13px var(--sans);font-variant-numeric:tabular-nums;color:var(--tinta);text-align:right}
.m-b-v small{margin-left:6px;color:var(--pizarra);font-weight:400}
.m-b-pista{grid-area:b;display:block;height:10px}
.m-b-pista i{display:block;height:100%;background:var(--serie-1);border-radius:0 4px 4px 0}
/* línea */
.m-leyenda{display:flex;gap:16px;font-size:13px;color:var(--texto)} .m-leyenda span{display:inline-flex;align-items:center;gap:6px}
.m-key{display:inline-block;width:14px;height:2px;border-radius:1px;background:var(--pizarra)} .m-key.s1{background:var(--serie-1)} .m-key.s2{background:var(--serie-2)}
.m-linea-host{min-height:220px} .m-linea-host svg{display:block;max-width:100%;height:auto;outline-offset:2px}
.m-grid{stroke:var(--grid);stroke-width:1} .m-eje{font:11px var(--sans);fill:var(--pizarra)} .m-fin{font:600 12px var(--sans);fill:var(--tinta)}
.m-linea{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round} .m-linea.s1{stroke:var(--serie-1)} .m-linea.s2{stroke:var(--serie-2)}
.m-area.s1{fill:var(--serie-1-area)}
.m-punto{stroke:var(--papel);stroke-width:2} .m-punto.s1{fill:var(--serie-1)} .m-punto.s2{fill:var(--serie-2)}
.m-cruz{stroke:var(--pizarra);stroke-width:1} .m-hit{fill:transparent;cursor:crosshair}
.m-tip{position:fixed;z-index:30;pointer-events:none;display:grid;gap:3px;padding:8px 10px;border-radius:6px;background:var(--papel);border:1px solid var(--linea);box-shadow:0 8px 24px rgba(14,26,43,.16);font-size:13px;color:var(--pizarra);max-width:260px}
.m-tip>b{color:var(--tinta);font-size:15px} .m-tip-t{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}
.m-tip-f{display:grid;grid-template-columns:14px auto 1fr;gap:6px;align-items:center} .m-tip-f b{color:var(--tinta)}
/* tablas */
.m-tabla summary{cursor:pointer;font-size:13px;color:var(--azul);width:max-content}
.m-tabla-in{overflow-x:auto;margin-top:8px}
.m-tabla-in table{width:100%;border-collapse:collapse;font-size:13.5px}
.m-tabla-in th{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra);text-align:left;padding:8px;border-bottom:1px solid var(--linea)}
.m-tabla-in td{padding:8px;border-bottom:1px solid var(--linea-suave);color:var(--tinta)} .m-tabla-in td.n{text-align:right;font-variant-numeric:tabular-nums}
.m-anuncios th:not(:first-child){text-align:right}
/* redes */
.m-redes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.m-red{background:var(--papel);border:1px solid var(--linea);border-radius:8px;padding:14px;display:grid;gap:10px;align-content:start}
.m-red header{display:flex;align-items:center;gap:8px} .m-red header svg{width:22px;height:22px;color:var(--noche);flex:none}
.m-red h4{font-size:17px;font-weight:600;margin-right:auto}
.m-estado{font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 6px;border-radius:3px;background:var(--hueso);color:var(--pizarra)}
.m-estado.ok{background:var(--pino-claro);color:var(--pino)} .m-estado.man{background:var(--palido);color:var(--azul)}
.m-red-ms{display:grid;gap:6px}
.m-red-m{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;font-size:13.5px;padding-bottom:6px;border-bottom:1px solid var(--linea-suave)}
.m-red-m span{color:var(--texto)} .m-red-m b{color:var(--tinta);font-size:16px} .m-red-m b.m-sin{color:var(--pizarra);font-weight:400}
.m-red-m em{font-style:normal;font-size:12px;font-weight:600;color:var(--pizarra)}
.m-red-nota{margin:0;font-size:12.5px;color:var(--pizarra)}
.m-red .btn{justify-self:start}
.m-pie{margin:0;font-size:12.5px;color:var(--pizarra)}
.m-ayuda{margin:0;font-size:13.5px;color:var(--pizarra)} .m-campos{display:grid;gap:10px}
@media (max-width:1100px){.m-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.m-grid3,.m-redes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.m-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.m-grid2,.m-grid3,.m-redes{grid-template-columns:1fr}.m-tile-v{font-size:26px}.m-top h2{font-size:28px}}

/* ---------- Métricas B · Campañas pagadas ---------- */
:root{--p-meta:#1D3FE6;--p-google:#E8692A;--p-linkedin:#1BAF7A}
.m-controles{display:flex;flex-wrap:wrap;gap:8px}
.m-key.p-meta,.m-dot.p-meta,.m-b-pista i.p-meta{background:var(--p-meta)} .m-key.p-google,.m-dot.p-google,.m-b-pista i.p-google{background:var(--p-google)} .m-key.p-linkedin,.m-dot.p-linkedin,.m-b-pista i.p-linkedin{background:var(--p-linkedin)}
.m-linea.p-meta{stroke:var(--p-meta)} .m-linea.p-google{stroke:var(--p-google)} .m-linea.p-linkedin{stroke:var(--p-linkedin)}
.m-punto.p-meta{fill:var(--p-meta)} .m-punto.p-google{fill:var(--p-google)} .m-punto.p-linkedin{fill:var(--p-linkedin)}
.m-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;flex:none} .m-dot.grande{width:12px;height:12px;margin:0}
.m-anuncios td small.m-ojo{display:block;margin-top:3px;color:var(--alerta);font-size:12px;white-space:normal}
.m-anuncios td:first-child{min-width:180px}
.m-acciones-plat{display:flex;flex-wrap:wrap;gap:8px}
.m-utm summary{cursor:pointer;font-size:13px;color:var(--azul)}
.m-utm{display:grid;gap:6px} .m-utm p{margin:6px 0 0;font-size:13px}
.m-utm code{display:block;padding:8px 10px;border-radius:4px;background:var(--hueso);font:12px var(--mono);color:var(--tinta);overflow-wrap:anywhere}
.m-utm .btn{justify-self:start}
.m-plats{grid-template-columns:repeat(3,minmax(0,1fr))}
.dlg-ancho{width:min(560px,100%)} dialog:has(.dlg-ancho){width:min(560px,calc(100% - 32px))}
.csv-vista{padding:10px 12px;border-radius:6px;background:var(--pino-claro);font-size:14px;color:var(--tinta)} .csv-vista p{margin:4px 0}
@media (max-width:1100px){.m-plats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.m-plats{grid-template-columns:1fr}.m-controles{width:100%}.m-secciones{width:100%}.m-secciones button{flex:1}}
.m-estado.err{background:var(--alerta-claro);color:var(--alerta)}