/* PANEL EGUNPASA v638 — capa global "Panel vivo". */
:root{
  --eg-vivo:#ff8a2a;
  --eg-ok:#4dbb72;
  --eg-warn:#e5b542;
  --eg-bad:#d9534f;
  --eg-glass:rgba(18,18,20,.92);
}
html{scroll-behavior:smooth}
body{font-variant-numeric:tabular-nums}
button,a,.boton,.boton-claro,.boton-verde,.boton-amarillo,.boton-parar{
  transition:transform .12s ease,box-shadow .16s ease,filter .16s ease,opacity .16s ease;
}
button:hover,a.boton:hover,a.boton-claro:hover,a.boton-verde:hover,
a.boton-amarillo:hover,a.boton-parar:hover{filter:brightness(1.06);transform:translateY(-1px)}
button:active,a.boton:active,a.boton-claro:active,a.boton-verde:active,
a.boton-amarillo:active,a.boton-parar:active{transform:translateY(1px) scale(.99)}

#eg-pulso{
  position:sticky;top:0;z-index:9997;
  display:none;align-items:center;gap:10px;flex-wrap:wrap;
  min-height:36px;padding:6px 12px;
  background:var(--eg-glass);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 4px 18px rgba(0,0,0,.18)
}
#eg-pulso.eg-visible{display:flex}
.eg-pulso-label{font-size:12px;opacity:.72;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.eg-proceso{
  display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;
  background:rgba(255,255,255,.055);text-decoration:none;color:inherit;
  max-width:330px
}
.eg-proceso:hover{background:rgba(255,255,255,.09)}
.eg-dot{width:8px;height:8px;border-radius:50%;background:var(--eg-vivo);position:relative;flex:0 0 auto}
.eg-activo .eg-dot:after{
  content:"";position:absolute;inset:-5px;border:1px solid var(--eg-vivo);border-radius:50%;
  animation:eg-pulse 1.5s ease-out infinite
}
.eg-pausado .eg-dot{background:var(--eg-warn)}
.eg-pausado .eg-dot:after{animation:none;border-color:var(--eg-warn)}
@keyframes eg-pulse{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.eg-proceso-nombre{font-size:12px;font-weight:700;white-space:nowrap}
.eg-proceso-titulo{font-size:11px;opacity:.67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}
.eg-mini-progress{width:54px;height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.eg-mini-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--eg-vivo),#ffc06d,var(--eg-vivo));background-size:200% 100%;animation:eg-flow 1.6s linear infinite;border-radius:99px}
.eg-indeterminado>i{width:38%!important;animation:eg-ind 1.4s ease-in-out infinite}
@keyframes eg-flow{to{background-position:-200% 0}}
@keyframes eg-ind{0%{transform:translateX(-110%)}50%{transform:translateX(170%)}100%{transform:translateX(320%)}}

#eg-command-backdrop{
  position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.58);
  backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:min(12vh,100px)
}
#eg-command-backdrop.eg-open{display:flex}
#eg-command{
  width:min(720px,calc(100vw - 28px));background:#18181b;border:1px solid rgba(255,255,255,.12);
  border-radius:16px;box-shadow:0 24px 90px rgba(0,0,0,.55);overflow:hidden
}
#eg-command input{
  width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(255,255,255,.09);
  background:transparent;color:inherit;padding:18px 20px;font-size:18px;outline:none
}
#eg-command-results{max-height:min(62vh,560px);overflow:auto;padding:8px}
.eg-cmd-item{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;
  cursor:pointer;color:inherit;text-decoration:none
}
.eg-cmd-item:hover,.eg-cmd-item.eg-selected{background:rgba(255,138,42,.14)}
.eg-cmd-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:13px}
.eg-cmd-main{min-width:0;flex:1}
.eg-cmd-title{font-weight:700}
.eg-cmd-desc{font-size:12px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-cmd-type{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.45}
#eg-khint{
  position:fixed;right:14px;bottom:14px;z-index:9000;font-size:11px;opacity:.45;
  border:1px solid rgba(255,255,255,.13);background:rgba(20,20,22,.78);
  backdrop-filter:blur(8px);padding:5px 7px;border-radius:7px
}
#eg-khint:hover{opacity:.9}
#eg-mando-hint{
  position:fixed;right:76px;bottom:14px;z-index:9000;font-size:11px;opacity:.52;
  border:1px solid rgba(255,255,255,.13);background:rgba(20,20,22,.78);
  backdrop-filter:blur(8px);padding:5px 8px;border-radius:7px;color:inherit;
  text-decoration:none
}
#eg-mando-hint:hover{opacity:.95;border-color:rgba(255,138,42,.35)}
@media(max-width:700px){
  #eg-khint,#eg-mando-hint{display:none}
  .eg-proceso-titulo{display:none}
  #eg-pulso{position:relative}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* =====================================================================
   v640 FINAL — tablas contenidas en su propio scroll horizontal.
   Evita que una tabla ancha ensanche toda la página en móvil.
   ===================================================================== */
.tabla-scroll{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}

.tabla-scroll > table{
  margin-left:0;
  margin-right:0;
}

/* Indicador visual discreto de que puede deslizarse horizontalmente. */
.tabla-scroll{
  background:
    linear-gradient(to right, rgba(0,0,0,.12), rgba(0,0,0,0) 12px) left center/12px 100% no-repeat,
    linear-gradient(to left, rgba(0,0,0,.12), rgba(0,0,0,0) 12px) right center/12px 100% no-repeat;
}

html,body{
  max-width:100%;
  overflow-x:hidden;
}

img,video,canvas,svg{
  max-width:100%;
}

.panel,.caja,main,section,article{
  min-width:0;
}

@media(max-width:760px){
  .tabla-scroll{
    margin-left:0;
    margin-right:0;
    border-radius:8px;
  }

  /* La tabla conserva legibilidad; el usuario desliza SOLO dentro de ella. */
  .tabla-scroll > table{
    width:max-content;
    min-width:100%;
  }

  /* Canales: el menú de acciones no puede abrirse fuera del viewport. */
  .menu-acciones-canal-contenido{
    max-width:min(92vw,320px)!important;
    right:0!important;
  }

  #eg-command{
    width:calc(100vw - 18px)!important;
    max-width:none!important;
  }

  #eg-command input{
    font-size:16px!important;
  }
}


/* v644 — indicador global de Salud del Panel */
#eg-salud-hint{
  position:fixed;right:132px;bottom:14px;z-index:9000;font-size:11px;opacity:.68;
  border:1px solid rgba(80,200,120,.28);background:rgba(20,20,22,.82);
  backdrop-filter:blur(8px);padding:5px 8px;border-radius:7px;color:inherit;
  text-decoration:none
}
#eg-salud-hint:hover{opacity:1}
#eg-salud-hint.eg-salud-aviso{border-color:rgba(226,184,75,.6);color:#e2b84b}
#eg-salud-hint.eg-salud-error{border-color:rgba(226,93,93,.7);color:#e25d5d}
@media(max-width:700px){#eg-salud-hint{display:none!important}}


/* v650 — QA + pulido global */
.eg-surface-polish{transition:border-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}
.eg-surface-polish:hover{border-color:rgba(255,138,42,.14)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(255,138,42,.72)!important;outline-offset:2px!important}
button:disabled,.boton:disabled,[aria-disabled="true"]{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.6)!important}
.eg-progress-polish{overflow:hidden;position:relative}
.eg-progress-polish::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 70%);transform:translateX(-120%);animation:eg-polish-flow 2.4s linear infinite}
@keyframes eg-polish-flow{to{transform:translateX(120%)}}
#eg-qa-badge{position:fixed;left:14px;bottom:14px;z-index:10050;border:1px solid rgba(80,200,120,.38);background:rgba(17,18,20,.9);color:#8bd99d;padding:6px 9px;border-radius:8px;font-size:11px;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 6px 24px rgba(0,0,0,.24)}
#eg-qa-badge.eg-qa-error{border-color:rgba(226,93,93,.65);color:#ef8383}
@media(max-width:760px){body{max-width:100vw!important;overflow-x:hidden!important}main,.panel,.caja,.tile,section,article{min-width:0!important;max-width:100%!important}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}input,select,textarea{min-width:0!important}}
@media(prefers-reduced-motion:reduce){.eg-progress-polish::after{animation:none!important}}


/* =====================================================================
   v651 — tamaño coherente de acciones de proceso
   ===================================================================== */
#botonChatDirecto.eg-proceso-par,
#botonDetenerChatDirecto.eg-proceso-par,
#botonComentariosAuto.eg-proceso-par,
#botonDetenerComentariosAuto.eg-proceso-par,
#botonTranscripcionLocal.eg-proceso-par,
#botonDetenerTranscripcionLocal.eg-proceso-par{
  min-height:56px!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:12px 16px!important;
  font-size:inherit!important;
  line-height:1.2!important;
  vertical-align:middle!important;
}

.eg-panel-proceso-par > #botonChatDirecto,
.eg-panel-proceso-par > #botonDetenerChatDirecto,
.eg-panel-proceso-par > #botonComentariosAuto,
.eg-panel-proceso-par > #botonDetenerComentariosAuto,
.eg-panel-proceso-par > #botonTranscripcionLocal,
.eg-panel-proceso-par > #botonDetenerTranscripcionLocal{
  width:min(100%,360px)!important;
  max-width:360px!important;
}

/* =====================================================================
   v651 — menú ⋯ de Canales
   ===================================================================== */
.menu-acciones-canal-contenido{
  display:none;
  position:fixed!important;
  width:min(300px,calc(100vw - 16px))!important;
  min-width:min(260px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  max-height:min(60vh,420px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  background:#1b1a18!important;
  box-shadow:0 18px 55px rgba(0,0,0,.58)!important;
  backdrop-filter:none!important;
  z-index:10090!important;
  box-sizing:border-box!important;
}

.menu-acciones-canal-contenido.eg-menu-canal-abierto{
  display:block!important;
}

.menu-acciones-canal-contenido button,
.menu-acciones-canal-contenido a{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0 0 8px!important;
  padding:10px 14px!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  text-align:center!important;
}

.menu-acciones-canal-contenido button:last-child,
.menu-acciones-canal-contenido a:last-child{
  margin-bottom:0!important;
}

.acciones-canal button{
  touch-action:manipulation;
}

@media(max-width:760px){
  .eg-panel-proceso-par > #botonChatDirecto,
  .eg-panel-proceso-par > #botonDetenerChatDirecto,
  .eg-panel-proceso-par > #botonComentariosAuto,
  .eg-panel-proceso-par > #botonDetenerComentariosAuto,
  .eg-panel-proceso-par > #botonTranscripcionLocal,
  .eg-panel-proceso-par > #botonDetenerTranscripcionLocal{
    width:calc(50% - 5px)!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:6px!important;
  }

  .eg-panel-proceso-par > #botonDetenerChatDirecto,
  .eg-panel-proceso-par > #botonDetenerComentariosAuto,
  .eg-panel-proceso-par > #botonDetenerTranscripcionLocal{
    margin-right:0!important;
  }

  .menu-acciones-canal-contenido{
    width:min(300px,calc(100vw - 16px))!important;
    min-width:0!important;
    max-height:55vh!important;
  }
}

@media(max-width:430px){
  #botonChatDirecto.eg-proceso-par,
  #botonDetenerChatDirecto.eg-proceso-par,
  #botonComentariosAuto.eg-proceso-par,
  #botonDetenerComentariosAuto.eg-proceso-par{
    font-size:.94em!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}


/* v654 — Herramientas avanzadas: debe parecer un desplegable real */
.eg-herramientas-avanzadas-v654{
  margin:18px 0 16px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  overflow:visible!important;
}
.eg-herramientas-avanzadas-v654 > summary{
  list-style:none!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;min-height:68px!important;
  padding:14px 16px!important;cursor:pointer!important;user-select:none!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(255,138,42,.08),rgba(255,255,255,.018))!important;
  border:1px solid transparent!important;
  transition:background .18s ease,border-color .18s ease,transform .12s ease!important;
}
.eg-herramientas-avanzadas-v654 > summary::-webkit-details-marker{display:none!important}
.eg-herramientas-avanzadas-v654 > summary:hover{
  background:linear-gradient(135deg,rgba(255,138,42,.13),rgba(255,255,255,.028))!important;
  border-color:rgba(255,138,42,.24)!important;
}
.eg-herramientas-avanzadas-v654 > summary:active{transform:translateY(1px)!important}
.eg-tools-summary-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.eg-tools-summary-copy strong{color:#f5f5f5!important;font-size:15px!important;line-height:1.25!important}
.eg-tools-summary-copy small{color:rgba(255,255,255,.55)!important;font-size:11px!important;line-height:1.35!important;font-weight:400!important}
.eg-tools-chevron{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;
  border:1px solid rgba(255,138,42,.3)!important;border-radius:9px!important;color:#ff9b45!important;
  background:rgba(255,138,42,.07)!important;font-size:20px!important;line-height:1!important;
  transition:transform .18s ease,background .18s ease!important
}
.eg-herramientas-avanzadas-v654.eg-tools-open > summary{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.eg-herramientas-avanzadas-v654.eg-tools-open .eg-tools-chevron{transform:rotate(180deg)!important;background:rgba(255,138,42,.14)!important}
.eg-tools-body-v654{padding:15px!important;border-top:1px solid rgba(255,255,255,.07)!important}
.eg-tools-extras-v654{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:16px!important;padding-top:14px!important;border-top:1px dashed rgba(255,255,255,.10)!important}
.eg-tools-extras-title{flex-basis:100%!important;color:rgba(255,255,255,.55)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.eg-tool-maintenance{min-height:42px!important;padding:9px 13px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important}
@media(max-width:760px){
  .eg-tools-extras-v654{display:grid!important;grid-template-columns:1fr 1fr!important}
  .eg-tools-extras-title{grid-column:1/-1!important}
  .eg-tool-maintenance{width:100%!important;min-width:0!important;margin:0!important}
}
@media(max-width:430px){.eg-tools-extras-v654{grid-template-columns:1fr!important}.eg-tools-extras-title{grid-column:auto!important}}


/* =====================================================================
   v657 — PROTOTIPO VISUAL SOLO /canales
   NO es todavía el diseño global del Panel.
   ===================================================================== */

body.eg-v657-canales{
  --eg657-accent:#ff8a2a;
  --eg657-panel:rgba(255,255,255,.028);
  --eg657-panel-strong:rgba(255,255,255,.042);
  --eg657-line:rgba(255,255,255,.085);
  --eg657-muted:rgba(255,255,255,.60);
  --eg657-soft:rgba(255,255,255,.035);
}

/* ===== CONTENEDOR / RESPIRACIÓN ===== */
body.eg-v657-canales main{
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-top:26px!important;
  padding-bottom:48px!important;
}

body.eg-v657-canales main > * + *{
  margin-top:18px;
}

/* ===== H1 / JERARQUÍA ===== */
body.eg-v657-canales .eg-v657-eyebrow{
  margin:0 0 7px!important;
  color:var(--eg657-accent)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

body.eg-v657-canales main h1{
  margin:0!important;
  font-size:clamp(42px,4.2vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}

body.eg-v657-canales .eg-v657-subtitle{
  max-width:880px!important;
  margin:12px 0 4px!important;
  color:var(--eg657-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* ===== PANELES ===== */
body.eg-v657-canales .eg-v657-panel{
  padding:22px!important;
  border:1px solid var(--eg657-line)!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,var(--eg657-panel-strong),var(--eg657-panel))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.12)!important;
}

body.eg-v657-canales .eg-v657-panel + .eg-v657-panel{
  margin-top:16px!important;
}

/* ===== TÍTULOS SECUNDARIOS ===== */
body.eg-v657-canales .eg-v657-section-title{
  margin-top:0!important;
  margin-bottom:10px!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
}

body.eg-v657-canales h2.eg-v657-section-title{
  font-size:22px!important;
  font-weight:800!important;
}

body.eg-v657-canales h3.eg-v657-section-title{
  font-size:16px!important;
  font-weight:750!important;
}

body.eg-v657-canales .eg-v657-help,
body.eg-v657-canales .ayuda{
  color:var(--eg657-muted)!important;
  line-height:1.55!important;
  font-size:12px!important;
}

/* ===== BOTONES ===== */
body.eg-v657-canales .eg-v657-action{
  min-height:42px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  border-radius:9px!important;
  font-weight:720!important;
  line-height:1.2!important;
  transition:
    transform .12s ease,
    box-shadow .16s ease,
    filter .16s ease,
    border-color .16s ease!important;
}

body.eg-v657-canales .eg-v657-action:hover{
  transform:translateY(-1px)!important;
}

body.eg-v657-canales .eg-v657-action:active{
  transform:translateY(1px)!important;
}

body.eg-v657-canales .boton:not(.boton-claro):not(.boton-verde):not(.boton-amarillo):not(.boton-parar){
  box-shadow:0 7px 18px rgba(255,138,42,.14)!important;
}

/* ===== FILTROS / FORMULARIOS ===== */
body.eg-v657-canales .filtros{
  gap:10px 12px!important;
  align-items:end!important;
}

body.eg-v657-canales input,
body.eg-v657-canales select,
body.eg-v657-canales textarea{
  min-height:42px!important;
  border-radius:9px!important;
}

body.eg-v657-canales label{
  line-height:1.35!important;
}

/* ===== TABLAS ===== */
body.eg-v657-canales .tabla-scroll{
  border:1px solid var(--eg657-line)!important;
  border-radius:13px!important;
  background:rgba(0,0,0,.08)!important;
}

body.eg-v657-canales table.eg-v657-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
}

body.eg-v657-canales table.eg-v657-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding-top:12px!important;
  padding-bottom:12px!important;
  font-size:10px!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  background:rgba(20,20,20,.96)!important;
  backdrop-filter:blur(8px)!important;
}

body.eg-v657-canales table.eg-v657-table td{
  padding-top:11px!important;
  padding-bottom:11px!important;
  vertical-align:middle!important;
}

body.eg-v657-canales table.eg-v657-table tbody tr{
  transition:background .14s ease!important;
}

body.eg-v657-canales table.eg-v657-table tbody tr:hover{
  background:rgba(255,255,255,.028)!important;
}

/* ===== DETAILS / HERRAMIENTAS ===== */
body.eg-v657-canales details{
  border-radius:13px!important;
}

body.eg-v657-canales summary{
  min-height:44px;
}

/* ===== DESKTOP ===== */
@media(min-width:1100px){
  body.eg-v657-canales main{
    padding-left:28px!important;
    padding-right:28px!important;
  }

  body.eg-v657-canales .eg-v657-panel{
    padding:24px 26px!important;
  }

  body.eg-v657-canales .filtros{
    row-gap:12px!important;
  }
}

/* ===== TABLET / MÓVIL ===== */
@media(max-width:768px){
  body.eg-v657-canales main{
    max-width:100%!important;
    padding:18px 14px 36px!important;
  }

  body.eg-v657-canales .eg-v657-eyebrow{
    font-size:9.5px!important;
    letter-spacing:.11em!important;
    margin-bottom:6px!important;
  }

  body.eg-v657-canales main h1{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1!important;
    letter-spacing:-.038em!important;
  }

  body.eg-v657-canales .eg-v657-subtitle{
    font-size:12.5px!important;
    margin-top:9px!important;
  }

  body.eg-v657-canales .eg-v657-panel{
    padding:16px!important;
    border-radius:13px!important;
  }

  body.eg-v657-canales main > * + *{
    margin-top:14px;
  }

  body.eg-v657-canales h2.eg-v657-section-title{
    font-size:19px!important;
  }

  body.eg-v657-canales h3.eg-v657-section-title{
    font-size:15px!important;
  }

  body.eg-v657-canales .eg-v657-help,
  body.eg-v657-canales .ayuda{
    font-size:11.5px!important;
  }

  body.eg-v657-canales .filtros{
    gap:8px!important;
  }

  body.eg-v657-canales .eg-v657-action{
    min-height:46px!important;
    padding:11px 12px!important;
  }

  /* Inputs deben ser cómodos al tacto y no forzar zoom accidental. */
  body.eg-v657-canales input,
  body.eg-v657-canales select,
  body.eg-v657-canales textarea{
    min-height:46px!important;
    font-size:16px!important;
  }

  /* Tabla sigue siendo tabla: scroll horizontal contenido, no rompe página. */
  body.eg-v657-canales .tabla-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.eg-v657-canales table.eg-v657-table{
    width:max-content!important;
    min-width:100%!important;
  }

  body.eg-v657-canales table.eg-v657-table th,
  body.eg-v657-canales table.eg-v657-table td{
    white-space:nowrap;
  }

  body.eg-v657-canales table.eg-v657-table th{
    font-size:9.5px!important;
  }
}

/* ===== MÓVIL ESTRECHO ===== */
@media(max-width:430px){
  body.eg-v657-canales main{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.eg-v657-canales main h1{
    font-size:36px!important;
  }

  body.eg-v657-canales .eg-v657-panel{
    padding:14px!important;
  }

  body.eg-v657-canales .eg-v657-action{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Excepción: pares Capturar/Detener de v651 conservan 50/50 si caben. */
  body.eg-v657-canales .eg-panel-proceso-par > .eg-proceso-par{
    width:calc(50% - 5px)!important;
  }

  body.eg-v657-canales .filtros{
    align-items:stretch!important;
  }

  body.eg-v657-canales .filtros > *{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media(max-width:360px){
  body.eg-v657-canales main{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.eg-v657-canales main h1{
    font-size:32px!important;
  }

  body.eg-v657-canales .eg-v657-panel{
    padding:12px!important;
  }

  body.eg-v657-canales .eg-panel-proceso-par > .eg-proceso-par{
    width:100%!important;
    margin-right:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.eg-v657-canales .eg-v657-action,
  body.eg-v657-canales table.eg-v657-table tbody tr{
    transition:none!important;
  }
}


/* v663 — capas globales: Pulso y navegación nunca pisan contenido */
#eg-pulso,#eg-pulso.eg-visible{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  z-index:3200!important;
}
.barra{
  position:relative!important;
  z-index:4000!important;
  isolation:isolate;
}
.barra-superior,.menu-categorias{
  position:relative!important;
  z-index:4010!important;
}
.menu-desplegable,.menu-cat .menu-desplegable,.menu-cat.abierto .menu-desplegable{
  z-index:4090!important;
}
.contenido,main,main.contenido{
  position:relative;
  z-index:1!important;
}
.fila-busqueda,.filtros,.busqueda,.barra-busqueda,.cabecera-busqueda{
  z-index:50!important;
}
@media(max-width:760px){
  #eg-pulso,#eg-pulso.eg-visible{
    position:relative!important;min-height:0!important;padding:6px 9px!important;
  }
}


/* =====================================================================
   v664 — RESTAURA FIX v658: Capturar/Detener a una columna <=360px
   La regla v651 usa IDs; por eso esta corrección repite esos IDs.
   ===================================================================== */
@media(max-width:360px){
  body.eg-v657-canales .eg-panel-proceso-par > #botonChatDirecto,
  body.eg-v657-canales .eg-panel-proceso-par > #botonDetenerChatDirecto,
  body.eg-v657-canales .eg-panel-proceso-par > #botonComentariosAuto,
  body.eg-v657-canales .eg-panel-proceso-par > #botonDetenerComentariosAuto,
  body.eg-v657-canales .eg-panel-proceso-par > #botonTranscripcionLocal,
  body.eg-v657-canales .eg-panel-proceso-par > #botonDetenerTranscripcionLocal{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* =====================================================================
   v665 — CORRECCIONES, SIN REDISEÑO
   ===================================================================== */

/* PORTADA:
   .apagar-caja es fixed y por eso el Pulso en flujo no la desplazaba.
   Cuando el Pulso está visible, desplazamos los botones superiores por
   debajo de él. El selector funciona aunque haya otros elementos entre ambos. */
#eg-pulso.eg-visible ~ .marco .apagar-caja{
  top:58px!important;
}

/* Si el Pulso ocupa dos líneas, dar un poco más de margen en pantallas
   intermedias; en móvil la propia portada ya convierte apagar-caja en static. */
@media(max-width:1000px) and (min-width:701px){
  #eg-pulso.eg-visible ~ .marco .apagar-caja{
    top:66px!important;
  }
}

/* AJUSTES:
   conservar exclusivamente el arreglo responsive de v664, sin su tema visual. */
.eg-ajustes-v664{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.eg-ajustes-v664 > *,
.eg-ajustes-v664 .panel,
.eg-ajustes-v664 form,
.eg-ajustes-v664 label,
.eg-ajustes-v664 .filtros{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.eg-ajustes-v664 table{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.eg-ajustes-v664 tbody{
  display:table!important;
  width:100%!important;
  table-layout:fixed!important;
}
.eg-ajustes-v664 td,
.eg-ajustes-v664 th{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.eg-ajustes-v664 td:first-child{
  width:28%;
  max-width:260px;
}
.eg-ajustes-v664 input[type="text"],
.eg-ajustes-v664 input[type="number"],
.eg-ajustes-v664 input[type="password"],
.eg-ajustes-v664 select,
.eg-ajustes-v664 textarea,
.eg-ajustes-v664 pre,
.eg-ajustes-v664 code{
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
}
.eg-ajustes-v664 pre{
  overflow:auto!important;
}
.eg-ajustes-v664 .filtros{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
}

@media(max-width:760px){
  .eg-ajustes-v664 td:first-child{width:36%}
  .eg-ajustes-v664 table{font-size:12px}
}

@media(max-width:430px){
  .eg-ajustes-v664 table,
  .eg-ajustes-v664 tbody,
  .eg-ajustes-v664 tr,
  .eg-ajustes-v664 td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .eg-ajustes-v664 tr{
    padding:10px 0!important;
  }
  .eg-ajustes-v664 td:first-child{
    width:100%!important;
    max-width:none!important;
    padding-bottom:4px!important;
  }
}
/* =====================================================================
   v2.082 — LEGIBILIDAD DE ESCRITORIO, SIN ZOOM ARTIFICIAL
   ---------------------------------------------------------------------
   El panel se estaba percibiendo demasiado pequeño a 100% de navegador.
   No se usa `zoom` ni `transform:scale()` porque alteran el viewport real
   y pueden romper menús fixed/responsive. Se aumenta la escala tipográfica
   del shell y sus zonas de navegación únicamente en escritorio.
   Las reglas responsive <= 899 px conservan exactamente su comportamiento.
   ===================================================================== */
@media (min-width:900px){
  body.eg-interior{
    font-size:17px;
    line-height:1.48;
  }

  body.eg-interior .barra-superior{
    min-height:58px;
  }

  body.eg-interior .barra-marca,
  body.eg-interior .barra-titulo{
    font-size:15px;
    line-height:1.25;
  }

  body.eg-interior .boton-cabecera{
    min-height:40px;
    padding:8px 13px;
    font-size:14px;
  }

  body.eg-interior .barra-nav{
    min-height:48px;
  }

  body.eg-interior .menu-cat-boton{
    min-height:44px;
    padding:10px 15px;
    font-size:15px;
    line-height:1.2;
  }

  body.eg-interior .menu-desplegable a{
    min-height:42px;
    padding:10px 14px;
    font-size:14.5px;
    line-height:1.25;
  }

  body.eg-interior .contenedor{
    font-size:1rem;
  }

  body.eg-interior .ayuda{
    font-size:.88rem;
    line-height:1.55;
  }

  body.eg-interior .eg-pulso-label,
  body.eg-interior .eg-proceso-nombre{
    font-size:13px;
  }

  body.eg-interior .eg-proceso-titulo{
    font-size:12px;
  }
}

/* Radar: la información operativa vive abajo, dentro de Motor automático.
   No hay una segunda banda/resumen superior que compita con esa zona. */
.eg-noticias #motorAutomaticoRadar{
  scroll-margin-top:18px;
}