/* Panel · Mercadeo (generar contenido, publicar, consejos), notificaciones y correo. Partido de styles.css el 23 oct 2026 (#0867). */
/* Sub-pestañas de canales en Generar contenido (14 oct 2026) */
.mk-subtabs{margin:10px 0 12px;padding:0;background:transparent;border-bottom:1px solid var(--border,#e2e8f0);border-radius:0}
.mk-cont-video--chico{max-height:260px}
.mk-cont-texto{display:flex;flex-direction:column;gap:8px;margin:0}
.mk-cont-texto label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.mk-cont-texto textarea,.mk-cont-texto input{font-weight:400;width:100%;box-sizing:border-box;font:inherit;font-size:13px;color:var(--text,#0f172a);padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card,#fff);resize:vertical}
.mk-cont-texto .btn{align-self:flex-start}
.mk-ir-publicar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 16px;border-radius:10px;background:#E6F6F4;border:1px solid var(--teal,#10b3a6);font-weight:600;color:var(--text,#0f172a)}
.mk-spin{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:dashspin .7s linear infinite;vertical-align:-2px}
.btn.mk-btn-publicado.is-off{opacity:1;filter:none;color:var(--green-2,#16a34a);border-color:var(--green-2,#16a34a);cursor:default}
.btn.mk-btn-vivo.is-off{opacity:1;filter:none;cursor:progress}
.mk-cont-vel{display:flex;flex-direction:column;gap:2px;margin:0}
.mk-cont-vel label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.mk-cont-vel select{font:inherit;font-size:13px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card,#fff)}
.mk-cont-texto .mk-cont-titulo-campo{resize:none;overflow:hidden;font-weight:600}
.mk-sw.is-off{opacity:.5;cursor:not-allowed}
.mk-sw-fila--partida{justify-content:space-between;align-items:center;margin:4px 0 10px}
.mk-sw-fila--partida>.mk-sw-fila{margin:0}
.mk-sw-fila--derecha{margin-left:auto;justify-content:flex-end}
.mk-contenido--canal{padding:4px 18px 0}
.mk-contenido--canal .mk-subtabs{margin:0;border-bottom:0}

/* Vista del consejo en el TELÉFONO (13 oct 2026, pedido de Mauricio: «seguir
   trabajando desde el teléfono»): la tabla de redes pasa a una tarjeta por red,
   con cada dato rotulado y los botones a la vista, sin desplazar de lado. */
@media (max-width: 680px) {
  .mk-tema-tabla thead { display: none; }
  .mk-tema-tabla, .mk-tema-tabla tbody, .mk-tema-tabla tr, .mk-tema-tabla td { display: block; width: 100%; }
  .mk-tema-tabla tr { border-bottom: 1px solid var(--border, #e2e8f0); padding: 10px 0; }
  .mk-tema-tabla td { border: 0 !important; padding: 4px 14px !important; }
  .mk-tema-tabla td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 700;
    letter-spacing: .4px; text-transform: uppercase; color: var(--muted, #64748b); margin-bottom: 2px; }
  .mk-tema-tabla td[data-label="Red"]::before { display: none; }
  .mk-tema-acc .mk-acciones { display: flex; flex-wrap: wrap; gap: 8px; }
  .mk-tema-acc .btn { min-height: 40px; padding: 8px 18px; }
  .mk-cont-card .mk-acciones .btn { min-height: 40px; }
  .mk-cont-video { max-height: 70vh; }
}
.mk-abrir{margin-top:6px;white-space:nowrap}
/* Mercadeo · pestañas del flujo antes de los canales (13 oct 2026). */
.mk-tab-flujo{font-weight:700}
.mk-tabs-sep{display:inline-block;width:1px;align-self:stretch;margin:6px 8px;background:var(--border,#e2e8f0)}
.mk-elegir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0}
/* 22 oct 2026: versiones teléfono/escritorio. */
.mk-versiones{margin:6px 0 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* 22 oct 2026: la versión web es un video normal (horizontal): su miniatura va ancha. */
.mk-lanzar__videos figure.mk-video--ancho{width:260px}
.mk-lanzar__videos video.mk-cont-video.mk-cont-video--ancho,.mk-cont-video--ancho{width:260px;max-width:100%;aspect-ratio:16/9}
.mk-elegir select{min-width:0;max-width:100%;flex:1 1 260px}
@media (max-width: 680px) {
  .mk-tabs-sep { flex-basis: 100%; width: auto; height: 1px; margin: 4px 0; }
}

/* Manual · editor en cuatro idiomas, de a dos (13 oct 2026, tarea #0439). */
.mn-idiomas{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}
.mn-idiomas .pane-tab{border:0;background:none;cursor:pointer;font:inherit}
.mn-trad-nota{margin:0}
#mnForm:not([data-ver]) [data-l="fr"], #mnForm:not([data-ver]) [data-l="pt"],
#mnForm[data-ver="es-en"] [data-l="fr"], #mnForm[data-ver="es-en"] [data-l="pt"],
#mnForm[data-ver="en-fr"] [data-l="es"], #mnForm[data-ver="en-fr"] [data-l="pt"],
#mnForm[data-ver="en-pt"] [data-l="es"], #mnForm[data-ver="en-pt"] [data-l="fr"]{display:none}
.mn-paso__comun select{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card,#fff)}
.blogadm-sigla--fr { color: #2563eb; }
.blogadm-sigla--pt { color: #15803d; }
/* Redes de video del manual (#0617) */
.mn-redes{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px}
.mn-redes__tit{font-weight:600}
.mn-redes .col-item{gap:8px;padding:0}

/* 17 oct 2026: un mensaje largo sin espacios (JSON de una API) no se sale del modal. */
.vc-modal p{overflow-wrap:anywhere}
/* Etapas de cada canal en Mercadeo (17 oct 2026) */
.mk-etapa{display:inline-block;margin-left:6px;min-width:22px;padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:16px;text-align:center;background:#EEF1F4;color:#64748B}
.mk-etapa--ok{background:#DCF5E6;color:#15803D}
.mk-etapa--parcial{background:#FDF1D6;color:#A16207}
.mk-etapas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 4px;font-size:13px}
.mk-etapas__paso{padding:3px 10px;border-radius:999px;background:#EEF1F4;color:#64748B;font-weight:600}
.mk-etapas__paso.is-hecho{background:#DCF5E6;color:#15803D}
.mk-etapas__sep{color:#94A3B8}
/* Descargas por fuente en Analíticas (17 oct 2026) */
.an-fuentes{margin-top:16px}
.an-fuentes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:10px 0}
.an-fuentes__app{border:1px solid #E2E8F0;border-radius:10px;padding:14px 16px}
.an-fuentes__cab{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:14px}
.an-fuentes__cab span{color:#64748B}
.an-fuentes__fila{display:grid;grid-template-columns:minmax(120px,1.4fr) 1fr auto 56px;align-items:center;gap:10px;padding:5px 0;font-size:13px}
.an-fuentes__barra{height:8px;background:#EEF1F4;border-radius:999px;overflow:hidden}
.an-fuentes__barra i{display:block;height:100%;background:#1B8C7E;border-radius:999px}
.an-fuentes__num small{color:#94A3B8}
.an-fuentes__dif{text-align:right;color:#94A3B8;font-weight:600}
.an-fuentes__dif.is-sube{color:#15803D}
.an-fuentes__dif.is-baja{color:#B91C1C}
.an-fuentes__tipos{margin-top:8px}
.mk-aud__num{font-size:15px;margin-bottom:2px}
.mk-aud__num b{font-size:22px}
/* Enlaces a lo publicado en cada red, sobre el video (17 oct 2026) */
.mk-enlaces{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.mk-enlaces__red{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#EEF1F4;color:#94A3B8}
a.mk-enlaces__red.is-pub{background:#DCF5E6;color:#15803D;text-decoration:none}
a.mk-enlaces__red.is-pub:hover{background:#C7EED8}
.status--gris{background:#EEF1F4;color:#64748B}
.alert--info{background:#EEF6FB;color:#1E4E79;border:1px solid #CFE3F2}
.act-nombrar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px;margin:10px 0}
.act-nombrar__form{display:flex;align-items:flex-end;gap:8px}
.act-nombrar__form label{display:flex;flex-direction:column;font-size:13px;gap:4px}
.act-nombrar__form input{min-width:240px}
/* Notificaciones en tres pasos (17 oct 2026) */
.nt-paso{display:flex;align-items:center;gap:10px}
.nt-paso>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#1B8C7E;color:#fff;font-size:13px;font-weight:700}
.nt-trad{border:1px solid #E2E8F0;border-radius:10px;padding:10px 14px;margin:0 0 14px}
.nt-trad summary{cursor:pointer;font-weight:600}
.nt-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1B8C7E;color:#fff;font-size:12px;font-weight:700;margin-right:6px}
.nt-paso-fila{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 10px}
.nt-paso-sel{display:flex;align-items:center;gap:8px;font-weight:600}
.nt-paso-sel select{min-width:300px}
.nt-radio{display:flex;align-items:center;gap:8px;font-weight:400}
.nt-vista{border:1px solid #E2E8F0;border-radius:10px;padding:12px 14px;margin:6px 0 4px}
.nt-vista__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.nt-vista__item{background:#F4F8F7;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px}
.nt-vista__item small{color:#94A3B8;font-weight:700}
.nt-tipo select,.nt-tipo input,.nt-tipo textarea{width:100%;max-width:100%;box-sizing:border-box}
.nt-tipo label{display:block;margin-bottom:8px}
#ntUno{max-width:420px}
/* Notificaciones: selects con la pinta del panel y el buscador de temas (17 oct 2026) */
.nt-sel{background:#fff;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:10px 34px 10px 14px;border-radius:10px;cursor:pointer;-webkit-appearance:none;appearance:none;min-width:280px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center}
.nt-sel:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(43,181,168,.12)}
.nt-lbl{display:block;font-weight:600;margin-bottom:6px}
.nt-tema{margin:0 0 8px}
.nt-tema__buscar{max-width:520px;margin-bottom:6px}
.nt-tema__lista{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px;max-width:520px}
.nt-tema__op{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.nt-tema__op:hover{background:var(--teal-soft)}
.nt-tema__elegido{display:inline-block;margin-top:4px;padding:6px 12px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-weight:600}
.nt-paso-tit{display:flex;align-items:center;gap:8px;margin:18px 0 10px}
.nt-enviar{margin-top:14px}
.nt-tema__elegido[hidden],.nt-tema__lista[hidden]{display:none}
.nt-enviar{padding:16px 18px}
.nt-enviar .filters__note{margin:0 0 12px}
.nt-enviados__lista{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
/* Actividad: tarjetas más bajas (17 oct 2026, pedido de Mauricio) */
.act-kpis .kpi{min-height:0;padding:10px 14px}
.act-kpis .kpi__value{font-size:22px;margin:2px 0 4px}
.act-kpis .kpi__sub{margin-top:0}
.act-kpis .an-spark{height:24px}
.act-kpis .kpis{gap:10px;margin-bottom:12px}
@media (min-width:1100px){.act-kpis .kpis{grid-template-columns:repeat(5,1fr)}}
/* Vista previa del correo del tip (17 oct 2026) */
.mk-correo-prev{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.mk-correo-prev__item{border:1px solid #E2E8F0;border-radius:10px;padding:10px}
.mk-correo-prev__marco{width:100%;height:760px;border:0;border-radius:8px;background:#EEF2F1}
.dash-planes{display:flex;flex-direction:column;gap:6px;margin-right:6px}
.dash-planes__f{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:0}
.dash-planes__lbl{font-size:13px;color:var(--muted);font-weight:600}
/* Mercadeo → Publicar: columnas con ancho fijo (18 oct 2026) */
@media (min-width:900px){
  .mk-tema-tabla{table-layout:fixed;width:100%}
  .mk-tema-tabla td{vertical-align:top;overflow-wrap:anywhere}
  .mk-tema-tabla .mk-acciones{display:flex;flex-direction:column;align-items:stretch;gap:6px}
}
/* Calendario de consejos (18 oct 2026, #0700) */
.mk-prog{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff)}
.mk-prog form{margin:0}
.mk-prog__form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.mk-prog__form label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.mk-prog__estado{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.mk-prog__estado .cell-sub{flex-basis:100%}
/* Mercadeo → Bienvenida (18 oct 2026) */
.bien-sw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 6px}
.bien-sw__btn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font:inherit;cursor:pointer}
.bien-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bien-item{border-bottom:1px solid var(--line)}
.bien-item:last-child{border-bottom:0}
.bien-item summary{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}
.bien-item summary::-webkit-details-marker{display:none}
.bien-item__n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700}
.bien-item__txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.bien-item__tema{flex:0 0 auto}
.bien-form{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}
.bien-form fieldset{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.bien-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600}
.bien-form--prueba{flex-direction:row;flex-wrap:wrap;align-items:flex-end}
.bien-log{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px}
@media (max-width:640px){.bien-item__tema{display:none}}
.bien-sw__btn .col-sw,.bien-sw__btn .col-sw *{pointer-events:none}
.cb-valor{white-space:nowrap}.cb-valor--dif{color:var(--warn,#b45309);font-weight:600}
.mk-detalle{margin-top:2px}.mk-detalle summary{font-size:12px;color:var(--slate);cursor:pointer}
/* Un solo proceso por consejo (18 oct 2026) */
.mk-lanzar{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;margin:0 0 14px;background:var(--surface,#fff)}
.mk-lanzar__paso{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.mk-lanzar__paso:last-child{border-bottom:0}
.mk-lanzar__n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--teal,#0f766e);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.mk-lanzar__cuerpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mk-lanzar__cuerpo form{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-lanzar__videos{display:flex;flex-wrap:wrap;gap:10px}
.mk-lanzar__videos figure{margin:0;width:140px}
.mk-lanzar__videos video{width:140px;border-radius:8px;border:1px solid var(--line)}
.mk-lanzar__videos figcaption{font-size:12px;color:var(--slate);text-align:center}
.mk-lanzar__textos{margin:6px 0}
.mk-lanzar__botones{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.mk-lanzar__res{display:flex;flex-direction:column;gap:4px}
.mk-lanzar__fila{display:grid;grid-template-columns:160px auto auto 1fr;gap:4px 10px;align-items:center;font-size:13px}
.mk-lanzar__canal{font-weight:600}
.mk-lanzar__det .mk-detalle{margin:0}
.mk-avanzado{margin-top:6px;border-top:1px dashed var(--line);padding-top:8px}
.mk-avanzado>summary{cursor:pointer;font-weight:600;color:var(--slate);margin-bottom:8px}
@media (max-width:640px){.mk-lanzar__fila{grid-template-columns:1fr auto}.mk-lanzar__det{grid-column:1/-1}}
.mk-lanzar__videos video.mk-cont-video,.mk-lanzar__videos video.mk-cont-video--chico{width:120px;max-width:120px;height:auto;aspect-ratio:9/16}.mk-lanzar__videos figure{width:120px}
.mk-lanzar__cuerpo form.mk-tarjetas{display:grid;grid-template-columns:minmax(0,380px);gap:10px;margin:0}
.mk-publico-linea{margin:0}
.mk-base{position:relative;z-index:6;display:flex !important;flex-wrap:wrap;align-items:center;gap:6px 12px}
.mk-base__l{font-size:11px;letter-spacing:1.1px;color:var(--muted);font-weight:700;text-transform:uppercase}
.mk-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.mk-dos__col{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk-dos__col form.mk-tarjetas{grid-template-columns:1fr}
.mk-lanzar__aviso{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.mk-lanzar__avisos{display:flex;flex-wrap:wrap;gap:8px}
.mk-push{width:250px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg,#f8fafc);font-size:12.5px}
.mk-push__app{font-size:10.5px;letter-spacing:.4px;color:var(--slate);text-transform:uppercase}
/* Analíticas → Retención: conclusiones del momento (20 oct 2026). Colores planos. */
.ret-concl{padding:14px 18px;margin:0 0 14px;border-left:4px solid var(--teal)}
.ret-concl__head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:6px}
.ret-concl__head strong{font-size:15px}
.ret-concl__list{margin:0;padding-left:18px}
.ret-concl__list li{margin:6px 0;line-height:1.45}
.ret-concl__nota{margin:8px 0 0}
/* Mercadeo → el consejo → «1 · Textos»: el libreto que escribe Claude (20 oct 2026). */
/* 21 oct 2026 (Mauricio): sin cajas, los textos una línea debajo de otra y «Cambiar» a la vista. */
.mk-lib{display:flex;flex-direction:column;gap:14px;margin:8px 0}
.mk-lib__idioma{min-width:0}
.mk-lib__cab{margin-bottom:6px}
.mk-lib__frases{margin:0;padding-left:20px;font-size:13px;line-height:1.5;color:var(--ink)}
.mk-lib__frases li{margin:3px 0}
.mk-lib .mk-lib__frases{list-style:none;padding-left:0}
.mk-lib__form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mk-lib__form textarea,.mk-lib__form input[type=text]{width:100%}
.mk-lib__pedir{display:flex;flex-direction:column;gap:10px;max-width:640px}
.mk-reiniciar{display:flex;align-items:center;gap:10px;margin:14px 0 4px}
.mk-reiniciar .btn--danger{margin-left:0}
.mk-ay-tema{max-height:260px;overflow-y:auto;padding-right:6px}
.mk-lib__versiones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mk-lib__ver{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;position:relative}
.mk-lib__ver input{position:absolute;opacity:0}
.mk-lib__ver:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}
.mk-lib__ver.is-off{opacity:.55;cursor:not-allowed;background:#F4F6F8}
.mk-lib__estado{margin:4px 0}
.mk-lanzar__revisar{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}
@media (max-width:640px){.mk-lib__versiones{grid-template-columns:1fr}}
.mk-lib__pedir>label,.mk-lib__form>label{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:12.5px;color:var(--muted)}
.mk-lib__pedir textarea,.mk-lib__form textarea{width:100%;min-height:58px;font:inherit;font-size:13px}
.mk-lib__pedir>.mk-label{text-align:left;display:block}
.mk-lib__pedir>button{align-self:flex-start}
.mk-lanzar__cuerpo form.mk-lib__pedir,.mk-lanzar__cuerpo form.mk-lib__form{align-items:stretch;flex-wrap:nowrap}
/* Indicador de carga mientras Claude escribe o el Mac prepara (20 oct 2026). */
.mk-spin{display:inline-block;width:14px;height:14px;border:2px solid var(--teal-soft);border-top-color:var(--teal);border-radius:50%;
  vertical-align:-2px;margin-right:6px;animation:mk-gira .8s linear infinite}
.mk-spin--chico{width:10px;height:10px;border-width:2px;margin-right:4px;vertical-align:-1px}
@keyframes mk-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mk-spin{animation-duration:2.4s}}
.mk-elegir__env{margin-left:10px;white-space:nowrap}
/* Dev Tools: opciones plegadas, solo el título (20 oct 2026, assets/devtools-plegar.js). */
.dt-buscar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 4px}
.dt-buscar input{flex:1 1 280px;max-width:420px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.dt-cab{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;cursor:pointer;
  text-align:left;font:inherit;font-size:17px;font-weight:800;color:var(--ink);padding:2px 0 2px 12px;border-left:4px solid var(--teal);line-height:1.3}
.dt-cab:focus-visible{outline:3px solid var(--teal-soft);outline-offset:4px}
.dt-cab__f::before{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);
  transform:rotate(-45deg);transition:transform .15s}
.dt-abierta>.dt-cab .dt-cab__f::before{transform:rotate(45deg)}
.dt-plegable .dt-tit-orig{display:none!important}
.dt-plegable:not(.dt-abierta)>*:not(.dt-cab){display:none!important}
.dt-plegable:not(.dt-abierta){padding-top:14px;padding-bottom:14px}
.dt-plegable.dt-abierta>.dt-cab{margin-bottom:12px}
.dt-fuera{display:none!important}
.panel.dt-plegable{padding-top:0!important;padding-bottom:0!important}.panel.dt-plegable>.dt-cab{width:calc(100% - 36px);box-sizing:border-box;margin:14px 18px}
/* Mercadeo → el consejo: cada paso una tarjeta plegada como las de Dev Tools, con el número antes
   del título y su estado a la derecha (20 oct 2026). */
.mk-lanzar{border:0;background:none;gap:12px}
.mk-lanzar>.mk-paso{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.mk-paso__oculto{display:none!important}
.mk-paso__cab{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:17px;font-weight:800;color:var(--ink);text-align:left;line-height:1.3}
.mk-paso__cab:focus-visible{outline:3px solid var(--teal-soft);outline-offset:4px;border-radius:8px}
.mk-paso__n{flex:0 0 30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center}
.mk-paso--pendiente .mk-paso__n{background:#C9D3DC}
.mk-paso__t{flex:1;min-width:0}
.mk-paso__e{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.mk-paso__e--hecho{color:var(--green-2,#15803d)}
.mk-paso__e--actual{color:var(--teal-dark)}
.mk-paso__e--trabajando{color:#92670C}
.mk-abierto>.mk-paso__cab .dt-cab__f::before{transform:rotate(45deg)}
.mk-paso:not(.mk-abierto)>.mk-lanzar__cuerpo{display:none}
.mk-paso.mk-abierto>.mk-lanzar__cuerpo{margin-top:14px;padding-left:42px}
@media (max-width:640px){.mk-paso.mk-abierto>.mk-lanzar__cuerpo{padding-left:0}.mk-paso__e{max-width:40%}}
/* Soltar archivos en un formulario (componente compartido, assets/panel-soltar.js, 20 oct 2026). */
form[data-soltar]{position:relative}
.soltar-aviso{display:none;position:absolute;inset:0;border:2px dashed var(--teal);border-radius:12px;background:rgba(230,247,245,.92);
  color:var(--teal-dark);font-weight:700;font-size:15px;align-items:center;justify-content:center;z-index:5;pointer-events:none}
form.soltar-encima .soltar-aviso{display:flex}
.soltar-lista{display:flex;flex-direction:column;gap:6px}
.soltar-lista:empty{display:none}
.soltar-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.mk-cambio{margin-top:6px}
.mk-cambio__form{border:1px dashed var(--line);border-radius:12px;padding:12px;margin-top:8px}

/* Biblioteca → Manual → Preguntas al asistente (#0784): la pregunta y su respuesta necesitan sitio. */
#maTable td[data-col="pregunta"]{min-width:340px}
#maTable tr.ma-row{cursor:pointer}

/* Mercadeo · versión App (20 oct 2026): una captura del teléfono por pantalla del libreto. */
.mk-pantallas{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.mk-pantallas__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mk-pantalla{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}
.mk-pantalla.is-falta{border-style:dashed}
.mk-pantalla__n{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--teal,#10B3A6);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mk-pantalla__img{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9/16;max-height:260px;object-fit:contain;border-radius:8px;background:#F1F4F6;color:var(--muted,#6B7B8D);font-size:12px}
.mk-pantalla__txt{font-size:13px;line-height:1.35}
.mk-pantalla input[type=file]{font-size:12px;max-width:100%}
.mk-ayudante{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.mk-ayudante__form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-ayudante__form .fsel{max-width:360px}
/* 20 oct 2026 (Mauricio): las cajas de los textos del paso 1, a la tercera parte, con su barra. */
/* La portada de cada video y su «Deshacer la aprobación». */
.mk-video{display:flex;flex-direction:column;gap:6px}
.mk-portada summary{font-size:12px}
.mk-portada__form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.mk-portada__form input[type=file]{font-size:12px;max-width:100%}
.mk-video{max-width:230px}
/* 22 oct 2026: la X de siempre sobre la miniatura del video, para borrarlo. */
.mk-video__marco{position:relative}
.mk-video__x-form{position:absolute;top:6px;right:6px;z-index:2;margin:0}
.mk-video__x{width:28px;height:28px;border-radius:50%;border:0;background:rgba(15,27,45,.78);color:#fff;font-size:18px;line-height:28px;padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.mk-video__x:hover{background:#B42318}
.mk-video__x.is-off{background:rgba(120,120,120,.6);cursor:not-allowed}
/* 21 oct 2026: el visor de los videos de Mercadeo, a toda la altura de la pantalla (colores planos). */
.mk-visor{position:fixed;inset:0;z-index:1000;background:rgba(15,27,45,.92);display:flex;align-items:center;justify-content:center}
.mk-visor__video{height:100vh;height:100dvh;max-width:100vw;background:#000}
.mk-visor__x{position:absolute;top:12px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:18px;cursor:pointer}
video.mk-cont-video{cursor:pointer}
/* 21 oct 2026: el video con su versión y, a la derecha, el informe del ajuste. */
.mk-video__fila{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
/* 23 oct 2026: el video web y el Short del teléfono, uno al lado del otro */
.mk-lanzar__videos--par{gap:18px;align-items:flex-start}
.mk-lanzar__videos--par>.mk-video__fila{flex:1 1 420px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px}
.mk-video__inf{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink)}
.mk-video__inf p{margin:0}
.mk-video__inf .mk-label{display:block;margin-bottom:2px}
.mk-desaprobar{flex-direction:column;align-items:flex-start;gap:4px}
.mk-deshacer .mk-lib__form{max-width:640px;margin-top:8px}
.llv-sub{margin:18px 0 4px;font-size:14px;color:var(--ink)}
.mk-visor__foto{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2}

/* 21 oct 2026: Mercadeo → Correo, un interruptor por caso de cliente. */
.mk-casos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0}
.mk-casos .mk-base__l{width:100%}
.mk-casos .cell-sub{width:100%}

/* 22 oct 2026 (#0843): fila de una opción general — el dibujo de los pasos de
   Mercadeo (tarjeta blanca, borde suave, nombre en negrita, estado a la derecha y
   flecha). Hoy la usa la lista de actividades del Dashboard. */
.dash-tareas{padding-bottom:4px}
.op-fila.dash-tarea{display:flex;align-items:center;gap:14px;margin:0 16px 10px;padding:14px 18px;background:#fff;
  border:1px solid var(--line);border-radius:12px;cursor:pointer}
.dash-tareas .panel__head + .op-fila, .dash-tareas .dash-tareas__vacia + .op-fila{margin-top:14px}
.op-fila:hover{border-color:var(--teal-soft,#bfe3e0)}
.op-fila__t{flex:1;min-width:0;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-fila__e{background:none;border:0;padding:4px 2px;font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;min-width:88px;text-align:right}
.op-fila__e.is-pendiente{color:var(--red)}
.op-fila__e.is-hecha{color:var(--green-2,#15803d)}
.op-fila__e.is-apagada{color:var(--muted)}
.op-fila__f{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;text-decoration:none}
.op-fila.is-off .op-fila__t{color:var(--muted)}
.op-fila.is-hecha .op-fila__t{color:var(--muted)}
.op-fila .dash-tarea__grip{margin:0 -4px 0 -6px}
@media (max-width:640px){.op-fila.dash-tarea{gap:10px;padding:12px 14px;margin:0 10px 8px}.op-fila__e{min-width:0}}
/* #0843: el detalle de una actividad (lo que salió de su fila del Dashboard). */
.dash-detalle__cuerpo{padding:12px 16px 14px}
.dash-detalle__cuerpo p{margin:0 0 8px}
.dash-detalle__acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dash-tareas__botones{display:inline-flex;gap:8px;flex-wrap:wrap}

/* 22 oct 2026 (#0858): Notificaciones ▸ Centro — la tarjeta como la dibuja la app
   (push_cuadro.dart): círculo verde claro, etiqueta, título, texto y botones. */
.nc-fila{cursor:pointer}
.nc-dialog{border:0;border-radius:16px;padding:0;max-width:760px;width:calc(100% - 32px)}
.nc-dialog::backdrop{background:rgba(20,30,35,.55)}
.nc-dialog__body{padding:20px}
.nc-dialog__pie{padding:0 20px 18px;text-align:right}
.nc-det{display:flex;gap:22px;flex-wrap:wrap}
.nc-det__prev{flex:0 0 300px;background:#EEF2F1;border-radius:16px;padding:18px;display:flex;justify-content:center;align-items:flex-start}
.nc-det__txt{flex:1;min-width:240px;font-size:14px}
.nc-det__txt p{margin:0 0 10px}
.nc-det__txt ul{margin:0 0 10px;padding-left:18px}
.nc-card{width:100%;max-width:280px;background:#fff;border-radius:22px;padding:22px 18px 12px;text-align:center}
.nc-card__ic{width:56px;height:56px;margin:0 auto;border-radius:50%;background:#E1F5EE;display:grid;place-items:center;font-size:26px}
.nc-card__tag{display:inline-block;margin-top:10px;padding:3px 11px;border-radius:999px;background:#E1F5EE;color:#085041;font-size:12px}
.nc-card__t{margin-top:10px;font-size:17px;font-weight:700;color:#1C2B2A;line-height:1.25}
.nc-card__m{margin-top:6px;font-size:13.5px;color:#5F5E5A;line-height:1.45}
.nc-card__p{list-style:none;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#F4F7F6;text-align:left;font-size:12.5px;color:#1C2B2A}
.nc-card__p li{margin:2px 0}
.nc-card__bs{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.nc-card__b{display:block;padding:11px;border-radius:13px;font-size:14.5px;font-weight:600}
.nc-card__b--lleno{background:#1D9E75;color:#fff}
.nc-card__b--borde{border:1px solid #1D9E75;color:#1D9E75}
.nc-card__b--texto{color:#5F5E5A;font-weight:400;padding:6px}

/* 22 oct 2026 (#0834): Analíticas ▸ Retención — embudo del primer uso. */
.an-primeruso__cuerpo{padding:12px 16px 14px}
.an-primeruso__fila{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.an-primeruso__n{flex:0 0 24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.an-primeruso__l{flex:0 0 210px;font-weight:600;font-size:13.5px}
.an-primeruso__barra{flex:1;height:12px;background:#EEF2F1;border-radius:6px;overflow:hidden}
.an-primeruso__barra>span{display:block;height:100%;background:var(--teal)}
.an-primeruso__v{flex:0 0 110px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}
.an-primeruso__caida{flex:0 0 90px;color:var(--red);font-size:12px;font-weight:600}
@media (max-width:640px){.an-primeruso__l{flex-basis:130px}.an-primeruso__caida{display:none}}

/* 22 oct 2026 (Mauricio): las tarjetas del Dashboard, más bajas y las cinco en UNA
   línea en escritorio (como Cuentas). Solo el Dashboard: el widget es compartido. */
.dash-kpis .kpi{min-height:0;padding:10px 14px}
.dash-kpis .kpi__head{margin-bottom:2px}
.dash-kpis .kpi__value{font-size:clamp(20px,1.85vw,24px);margin:2px 0 4px}
.dash-kpis .kpi__sub{font-size:12px;line-height:1.35}
@media (min-width:980px){.dash-kpis .kpis{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}}

/* 22 oct 2026 (Mauricio): mientras una rutina trabaja en una sección, su punto ROJO de
   pendiente parpadea (y el punto verde de rutina no se repite al lado). */
.sidebar__item:has(.sidebar__punto.is-vivo) .sidebar__act:not([hidden]):not(.is-hecha){animation:sbLatido 1.1s ease-in-out infinite}
.sidebar__item:has(.sidebar__act:not([hidden]):not(.is-hecha)) .sidebar__punto.is-vivo{display:none}
@media (prefers-reduced-motion:reduce){.sidebar__item .sidebar__act{animation:none}}
/* Regla del panel (22 oct 2026): toda acción que tarda muestra un spinner en su botón hasta terminar. */
.btn-spin{display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dashspin .8s linear infinite}
.btn.is-trabajando{cursor:progress}
@media (prefers-reduced-motion:reduce){.btn-spin{animation-duration:2.4s}}

/* Cotizaciones (#0922): la ficha de una solicitud, en el modal de siempre (.cols-panel) pero más ancha. */
.cols-panel.cot-ficha{width:620px;max-height:88vh;display:flex;flex-direction:column}
.cot-ficha__cuerpo{overflow:auto;padding:0 18px}
.cot-ficha__acciones{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.cot-ficha__datos{margin:0 0 14px;display:grid;grid-template-columns:1fr;gap:0}
.cot-ficha__datos div{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line,#E5E7EB)}
.cot-ficha__datos dt{color:var(--slate,#64748B);font-size:13px}
.cot-ficha__datos dd{margin:0;font-size:14px;white-space:pre-wrap;word-break:break-word}
.cot-ficha__estado{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.cot-ficha__estado textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border:1px solid var(--line,#E5E7EB);border-radius:8px;resize:vertical}
tr.cot-fila{cursor:pointer}
@media (max-width:640px){.cot-ficha__datos div{grid-template-columns:1fr;gap:2px}}
/* 25 oct 2026: la otra versión (escritorio ↔ Short) con algo pendiente se ve a la primera, con su botón. */
.mk-versiones__falta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff7e6;color:#7a4b00;border:1px solid #f5d9a6}