/* Base del panel (autosuficiente: no depende de otras paginas del proyecto). */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #121316;
  color: #e9e9ea;
  font: 15px/1.4 Arial, Helvetica, sans-serif;
}

.rp-cabecera {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 28px 32px 18px;
  border-bottom: 1px solid #2a2c31;
}

.rp-volver {
  display: inline-block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border: 1px solid #3a3d44;
  border-radius: 6px;
  color: #e9e9ea;
  font-weight: 600;
  text-decoration: none;
}

.rp-volver:hover,
.rp-volver:focus-visible {
  border-color: #e9e9ea;
  background: #1d1f24;
}

.rp-cabecera h1 {
  margin: 0 0 6px;
  font-size: 26px;
}

.rp-cabecera p {
  margin: 0;
  color: #a3a6ad;
}

.rp-resumen {
  color: #a3a6ad;
  text-align: right;
  white-space: nowrap;
}

.rp-resumen strong {
  color: #fff;
}


/* Panel de seguridad (operador). Ver js/panel-seguridad.js */
.ps-panel {
  max-width: 820px;
  padding: 24px 32px 48px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ps-fila {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
  background: #1c1d21;
  border: 1px solid #2a2c31;
  border-radius: 8px;
}

.ps-fila input[type='checkbox'] {
  width: 22px;
  height: 22px;
  margin-top: 2px;
}

.ps-fila small {
  display: block;
  color: #a3a6ad;
  margin-top: 4px;
}

.ps-columna {
  flex-direction: column;
}

.ps-columna textarea {
  width: 100%;
  background: #121316;
  color: #e9e9ea;
  border: 1px solid #34363c;
  border-radius: 6px;
  padding: 10px;
  font: 14px Consolas, monospace;
}

.ps-acciones {
  display: flex;
  gap: 16px;
  align-items: center;
}

.ps-acciones button {
  background: #1f6b3a;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 12px 26px;
  font: 700 15px Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.ps-nota {
  color: #a3a6ad;
  font-size: 14px;
}

.ps-nota h2 {
  font-size: 16px;
  color: #e9e9ea;
}

/* Lista de dominios: una fila por dominio. */
.ps-dominios {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ps-dominios li {
  display: flex;
  gap: 8px;
}

.ps-dominios input {
  flex: 1;
  background: #121316;
  color: #e9e9ea;
  border: 1px solid #34363c;
  border-radius: 6px;
  padding: 10px;
  font: 14px Consolas, monospace;
}

.ps-dominios input.ps-error {
  border-color: #c0392b;
}

.ps-dominios button {
  width: 42px;
  border: 1px solid #34363c;
  background: #2a1416;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

.ps-agregar {
  margin-top: 8px;
  align-self: flex-start;
  background: #1c1d21;
  color: #e9e9ea;
  border: 1px dashed #4a4d55;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
  font: 600 14px Arial, Helvetica, sans-serif;
}

/* 6.8.32: herramientas de proteccion */
.ps-grupo { margin: 10px 0 0; font: 700 17px Arial, Helvetica, sans-serif; color: #e9e9ea; }
.ps-sub { margin-left: 36px; }
.ps-numeros { display: block; margin-top: 10px; color: #d5d7dc; font-size: 14px; }
.ps-numeros input { background: #121316; color: #e9e9ea; border: 1px solid #34363c; border-radius: 6px; padding: 6px 8px; font: 14px Arial, sans-serif; }
.ps-numeros input[type='number'] { width: 76px; }
.ps-numeros input[type='text'] { width: 320px; max-width: 100%; }
.ps-contadores { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 12px; }
.ps-contadores span { background: #121316; border: 1px solid #2a2c31; border-radius: 6px; padding: 8px 12px; font-size: 14px; }
.ps-contadores b { color: #fff; margin-left: 6px; }

/* 6.8.34: solicitudes que intentaron forzar el sistema */
.ps-tabla-caja { width: 100%; max-height: 420px; overflow: auto; border: 1px solid #2a2c31; border-radius: 6px; margin: 6px 0 12px; }
.ps-tabla { width: 100%; border-collapse: collapse; font: 13px/1.4 Consolas, 'Courier New', monospace; }
.ps-tabla th { position: sticky; top: 0; background: #16171b; color: #a3a6ad; text-align: left; padding: 8px 10px; font-weight: 700; }
.ps-tabla td { padding: 7px 10px; border-top: 1px solid #23252a; color: #e9e9ea; vertical-align: top; }
.ps-tabla td.ps-ua { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a3a6ad; }
.ps-motivo { display: inline-block; padding: 2px 8px; border-radius: 4px; font-weight: 700; color: #fff; background: #5b2a30; }
.ps-motivo.inspeccion { background: #8f1d27; }
.ps-motivo.video { background: #7a3d12; }
.ps-motivo.bots { background: #3c3f8f; }
.ps-motivo.exceso { background: #545862; }

/* 6.8.38: acciones sobre solicitudes, IPs permitidas y ficha completa */
.ps-cabecera-tabla { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.ps-peligro, .ps-accion { border: 1px solid #44474e; background: #1c1d21; color: #e9e9ea; border-radius: 6px; padding: 6px 10px; font: 600 13px Arial, sans-serif; cursor: pointer; }
.ps-peligro { border-color: #7a1f27; color: #ff8a93; }
.ps-accion + .ps-accion { margin-left: 6px; }
.ps-accion.ps-ok { border-color: #1f6b3a; color: #7fe0a4; }
.ps-tabla tbody tr { cursor: pointer; }
.ps-tabla tbody tr:hover td { background: #17181c; }
.ps-tabla tbody tr.ps-sel td { background: #1d1f25; }
.ps-ficha { width: 100%; box-sizing: border-box; border: 1px solid #2a2c31; border-left: 4px solid #8f1d27; border-radius: 6px; background: #121316; padding: 14px 18px; margin-bottom: 12px; }
.ps-ficha h3 { margin: 0 0 10px; font: 700 15px Arial, sans-serif; }
.ps-ficha dl { display: grid; grid-template-columns: 200px 1fr; gap: 6px 14px; margin: 0; font: 13px/1.5 Consolas, 'Courier New', monospace; }
.ps-ficha dt { color: #8b9099; }
.ps-ficha dd { margin: 0; color: #fff; word-break: break-word; }
.ps-ficha a { color: #7fb6ff; }

/* 6.8.38: mensaje personalizado a una IP */
.ps-mensaje { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.ps-mensaje textarea { width: 100%; box-sizing: border-box; min-height: 74px; background: #0d0e11; color: #e9e9ea; border: 1px solid #34363c; border-radius: 6px; padding: 10px; font: 14px/1.4 Arial, sans-serif; }
.ps-mensaje div { display: flex; gap: 8px; }

/* 6.8.40: ELI Escudo */
.ps-escudo-cab { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.ps-estado { padding: 4px 10px; border-radius: 4px; font: 700 12px Consolas, monospace; letter-spacing: .08em; background: #1f3a29; color: #8fe3ad; }
.ps-estado.ataque { background: #5b141b; color: #ffb3b9; }
.ps-grafico { width: 100%; height: 120px; margin: 10px 0 6px; background: #0e0f12; border: 1px solid #23252a; border-radius: 6px; }
.ps-grafico svg { display: block; width: 100%; height: 100%; }
.ps-ley { display: inline-block; width: 10px; height: 10px; vertical-align: middle; }
.ps-ley-total { background: #5d6470; }
.ps-ley-rech { background: #b3121f; }
.ps-numeros select { background: #121316; color: #e9e9ea; border: 1px solid #34363c; border-radius: 6px; padding: 6px 8px; }

/* =====================================================================
   6.8.43 · Diseño a lo ancho: pestañas, tarjetas en cuadrícula, iconos de
   línea e interruptores deslizables. Sobrio, sin brillos ni degradados.
   ===================================================================== */
body { background: #0f1013; }
.ps-ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round; color: #c9ccd2; }
.ps-ico-grande { width: 34px; height: 34px; color: #e05561; }

/* Barra superior fija: Guardar siempre a la vista */
.ps-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; padding: 14px 32px; background: #121316; border-bottom: 1px solid #24262b; flex-wrap: wrap; }
.ps-marca { display: flex; align-items: center; gap: 14px; }
.ps-marca h1 { margin: 2px 0 0; font-size: 22px; }
.ps-volver { color: #a3a6ad; text-decoration: none; font-size: 13px; }
.ps-volver:hover { color: #fff; }
.ps-acciones-top { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ps-guardar { background: #1f6b3a; color: #fff; border: 0; border-radius: 6px; padding: 10px 22px;
  font: 700 14px Arial, sans-serif; cursor: pointer; }
.ps-guardar:hover { background: #24814a; }
.ps-msg { color: #a3a6ad; font-size: 13px; max-width: 360px; }
.ps-interruptor { display: flex; align-items: center; gap: 10px; font-weight: 700; cursor: pointer; }

/* Pestañas */
.ps-tabs { display: flex; gap: 4px; padding: 0 32px; background: #121316; border-bottom: 1px solid #24262b;
  position: sticky; top: 64px; z-index: 4; }
.ps-tabs button { display: flex; align-items: center; gap: 8px; background: none; border: 0; color: #a3a6ad;
  padding: 14px 18px; font: 600 14px Arial, sans-serif; cursor: pointer; border-bottom: 3px solid transparent; }
.ps-tabs button:hover { color: #fff; }
.ps-tabs button.activo { color: #fff; border-bottom-color: #b3121f; }
.ps-tabs button.activo .ps-ico { color: #fff; }
.ps-insignia { background: #2a2c31; color: #fff; border-radius: 10px; padding: 1px 8px; font-size: 12px; }
.ps-insignia:empty { display: none; }

/* Contenido a todo lo ancho */
.ps-contenido { padding: 24px 32px 48px; }
.ps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; align-items: start; }
.ps-grid-2 { grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); }
.ps-tarjeta { background: #17181c; border: 1px solid #26282e; border-radius: 10px; padding: 16px 18px;
  display: flex; flex-direction: column; gap: 10px; }
.ps-tarjeta p { margin: 0; color: #a3a6ad; font-size: 14px; }
.ps-tarjeta small { color: #858a93; }
.ps-tarjeta-destacada { border-left: 3px solid #b3121f; }
.ps-ancho { margin-top: 16px; }
.ps-tarjeta-cab { display: flex; align-items: center; gap: 10px; }
.ps-tarjeta-cab strong { flex: 1; font-size: 15px; }

/* Interruptor deslizable (checkbox) */
.ps-switch { appearance: none; -webkit-appearance: none; width: 42px; height: 24px; flex: none; margin: 0;
  border-radius: 12px; background: #3a3d44; position: relative; cursor: pointer; transition: background .15s; }
.ps-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%;
  background: #d5d7dc; transition: transform .15s; }
.ps-switch:checked { background: #1f7a43; }
.ps-switch:checked::after { transform: translateX(18px); background: #fff; }
.ps-switch:focus-visible { outline: 2px solid #7fb6ff; outline-offset: 2px; }

/* Opciones y campos dentro de una tarjeta */
.ps-opcion { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: #121316;
  border: 1px solid #23252a; border-radius: 8px; cursor: pointer; }
.ps-opcion span { flex: 1; font-weight: 600; font-size: 14px; }
.ps-opcion small { display: block; font-weight: 400; margin-top: 2px; }
.ps-campos { display: flex; gap: 12px; flex-wrap: wrap; }
.ps-campo { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 140px; }
.ps-campo label { font-size: 12px; color: #858a93; text-transform: uppercase; letter-spacing: .04em; }
.ps-campo input, .ps-campo select, .ps-filtro { background: #0d0e11; color: #e9e9ea; border: 1px solid #34363c;
  border-radius: 6px; padding: 8px 10px; font: 14px Arial, sans-serif; }
.ps-campo-largo { min-width: 100%; }

/* Cifras grandes (resumen) */
.ps-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.ps-kpis span { display: flex; flex-direction: column-reverse; gap: 4px; background: #17181c; border: 1px solid #26282e;
  border-radius: 10px; padding: 14px 16px; color: #a3a6ad; font-size: 13px; }
.ps-kpis b { color: #fff; font-size: 28px; margin: 0; }
.ps-kpis-chicos span { padding: 10px 12px; background: #121316; }
.ps-kpis-chicos b { font-size: 20px; }
.ps-grafico { height: 220px; }

/* Actividad: listas a un lado, solicitudes al otro */
.ps-dos { display: grid; grid-template-columns: minmax(320px, 420px) 1fr; gap: 16px; align-items: start; }
.ps-columna-lateral, .ps-columna-principal { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ps-tabla-caja { max-height: 560px; }
.ps-filtro { width: 260px; }
.ps-pie { color: #6f747d; }
.ps-lista-simple { margin: 0; padding-left: 18px; color: #a3a6ad; line-height: 1.7; }
.ps-dominios li { align-items: center; justify-content: space-between; background: #121316; border: 1px solid #23252a;
  border-radius: 6px; padding: 8px 10px; }
.ps-dominios li > span { font-size: 13px; }
@media (max-width: 1100px) {
  .ps-dos { grid-template-columns: 1fr; }
  .ps-tabs { top: 0; position: relative; }
}

/* 6.8.43: ajustes finos */
.ps-oculto { display: none; }
.ps-dominios li { gap: 12px; }
.ps-dominios li > span { flex: 1; min-width: 0; line-height: 1.45; }
.ps-dominios li button { flex: none; padding: 6px 10px; font: 600 12px Arial, sans-serif; border-radius: 6px;
  border: 1px solid #44474e; background: #1c1d21; color: #e9e9ea; cursor: pointer; white-space: nowrap; width: auto; }
.ps-dominios li button:hover { border-color: #e9e9ea; }
.ps-ficha dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 4px 28px; }
.ps-dato { display: grid; grid-template-columns: 170px 1fr; gap: 10px; padding: 5px 0; border-bottom: 1px solid #1d1f24; }
.ps-dato dt { color: #8b9099; }
.ps-dato dd { margin: 0; color: #fff; word-break: break-word; }
.ps-dos-resumen { grid-template-columns: 1fr 1fr; margin-top: 16px; }
.ps-estado-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.ps-estado-lista li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: #121316;
  border: 1px solid #23252a; border-radius: 6px; font-size: 13px; }
.ps-estado-lista i { width: 8px; height: 8px; border-radius: 50%; background: #555a63; flex: none; }
.ps-estado-lista li.on i { background: #2fbf6a; }
.ps-estado-lista li span { flex: 1; }
.ps-estado-lista li em { font-style: normal; color: #858a93; font-size: 12px; }
.ps-ultimas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ps-ultimas li { display: grid; grid-template-columns: 120px 120px 1fr; gap: 10px; align-items: center; padding: 8px 10px;
  background: #121316; border: 1px solid #23252a; border-radius: 6px; font: 13px Consolas, monospace; cursor: pointer; }
.ps-ultimas li:hover { border-color: #3a3d44; }
.ps-ultimas li small { color: #858a93; font-family: Arial, sans-serif; }
@media (max-width: 1100px) { .ps-dos-resumen { grid-template-columns: 1fr; } }

/* =====================================================================
   6.8.44 · TEMA CLARO (por defecto). El oscuro es el de arriba; el
   interruptor "Claro / Oscuro" de la barra superior cambia entre ambos.
   ===================================================================== */
html.claro body { background: #f3f4f6; color: #1d2026; }
html.claro .ps-top, html.claro .ps-tabs { background: #ffffff; border-color: #e2e4e8; }
html.claro .ps-marca h1, html.claro .ps-tarjeta-cab strong, html.claro .ps-ficha h3 { color: #14161a; }
html.claro .ps-volver, html.claro .ps-msg { color: #5f6570; }
html.claro .ps-volver:hover { color: #14161a; }
html.claro .ps-ico { color: #4b515c; }
html.claro .ps-ico-grande { color: #b3121f; }
html.claro .ps-tabs button { color: #5f6570; }
html.claro .ps-tabs button:hover, html.claro .ps-tabs button.activo, html.claro .ps-tabs button.activo .ps-ico { color: #14161a; }
html.claro .ps-insignia { background: #e7e9ed; color: #14161a; }
html.claro .ps-tarjeta { background: #ffffff; border-color: #e2e4e8; box-shadow: 0 1px 2px rgba(20, 22, 26, .04); }
html.claro .ps-tarjeta p, html.claro .ps-tarjeta small, html.claro .ps-pie, html.claro .ps-lista-simple { color: #5f6570; }
html.claro .ps-opcion, html.claro .ps-dominios li, html.claro .ps-estado-lista li, html.claro .ps-ultimas li,
html.claro .ps-kpis-chicos span { background: #f7f8fa; border-color: #e2e4e8; color: #1d2026; }
html.claro .ps-campo label, html.claro .ps-ultimas li small, html.claro .ps-estado-lista li em { color: #6b717c; }
html.claro .ps-campo input, html.claro .ps-campo select, html.claro .ps-filtro, html.claro .ps-dominios input,
html.claro .ps-mensaje textarea { background: #ffffff; color: #14161a; border-color: #cfd3d9; }
html.claro .ps-kpis span { background: #ffffff; border-color: #e2e4e8; color: #5f6570; }
html.claro .ps-kpis b { color: #14161a; }
html.claro .ps-grafico { background: #f7f8fa; border-color: #e2e4e8; }
html.claro .ps-switch { background: #c9cdd4; }
html.claro .ps-switch::after { background: #ffffff; }
html.claro .ps-switch:checked { background: #1f7a43; }
html.claro .ps-tabla-caja { border-color: #e2e4e8; }
html.claro .ps-tabla th { background: #f0f1f4; color: #5f6570; }
html.claro .ps-tabla td { color: #1d2026; border-color: #eceef1; }
html.claro .ps-tabla td.ps-ua { color: #6b717c; }
html.claro .ps-tabla tbody tr:hover td { background: #f5f6f8; }
html.claro .ps-tabla tbody tr.ps-sel td { background: #eef0f4; }
html.claro .ps-ficha { background: #ffffff; border-color: #e2e4e8; border-left-color: #b3121f; }
html.claro .ps-dato { border-color: #eceef1; }
html.claro .ps-dato dt { color: #6b717c; }
html.claro .ps-dato dd { color: #14161a; }
html.claro .ps-ficha a { color: #1f5fbf; }
html.claro .ps-accion, html.claro .ps-peligro, html.claro .ps-dominios li button, html.claro .ps-agregar {
  background: #ffffff; color: #1d2026; border-color: #cfd3d9; }
html.claro .ps-peligro { color: #b3121f; border-color: #e6b8bd; }
html.claro .ps-accion.ps-ok { color: #1f7a43; border-color: #a9d8bb; }
html.claro .ps-estado { background: #e3f4ea; color: #1f7a43; }
html.claro .ps-estado.ataque { background: #fbe3e5; color: #b3121f; }
html.claro .ps-ley-total { background: #9aa1ad; }
html.claro code { color: #14161a; }

/* Interruptor de tema */
.ps-tema { display: flex; align-items: center; gap: 8px; font: 600 13px Arial, sans-serif; color: inherit; cursor: pointer; }
.ps-tema .ps-ico { width: 18px; height: 18px; }

/* ---- VPN / tunel en la ficha (6.8.45) ---- */
.ps-tunel { margin: 14px 0 4px; padding: 12px 14px; border: 1px solid #2a2c31; border-radius: 6px; background: #16171b; }
.ps-tunel > strong { display: inline-block; font: 700 12px/1 Consolas, 'Courier New', monospace; letter-spacing: .1em; text-transform: uppercase; color: #8b9099; }
.ps-tunel-si > strong { background: #b3121f; color: #fff; padding: 6px 9px; }
.ps-tunel p { margin: 10px 0 4px; font: 700 14px/1.45 Consolas, 'Courier New', monospace; color: #ff8a92; }
.ps-tunel ul { margin: 8px 0 10px; padding-left: 18px; color: #b4b8c0; font-size: 13px; }
.ps-mapas { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; margin-top: 10px; }
.ps-mapa { margin: 0; border: 1px solid #2a2c31; border-radius: 6px; overflow: hidden; background: #0f1013; }
.ps-mapa figcaption { padding: 7px 10px; font: 700 12px/1.3 Consolas, 'Courier New', monospace; color: #c9ccd2; }
.ps-mapa iframe { display: block; width: 100%; height: 230px; border: 0; }
html.claro .ps-tunel { background: #f7f8fa; border-color: #dfe2e7; }
html.claro .ps-tunel > strong { color: #5b616b; }
html.claro .ps-tunel-si > strong { color: #fff; }
html.claro .ps-tunel p { color: #a3121f; }
html.claro .ps-tunel ul { color: #4a5059; }
html.claro .ps-mapa { background: #fff; border-color: #dfe2e7; }
html.claro .ps-mapa figcaption { color: #2b2f36; }

/* ---- Agregar IP / URL permitida (6.8.47) ---- */
.ps-agregar { display: flex; gap: 8px; margin: 12px 0 0; padding: 0; border: 0; background: none; }
.ps-agregar input { flex: 1; min-width: 0; background: #0d0e11; color: #e9e9ea; border: 1px solid #34363c;
  border-radius: 6px; padding: 8px 10px; font: 14px Arial, sans-serif; }
.ps-agregar input:focus { outline: 2px solid #2f7d4f; outline-offset: 1px; }
.ps-agregar button { flex: none; border-radius: 6px; padding: 8px 14px; font: 700 13px Arial, sans-serif; cursor: pointer;
  background: #1f6b43; color: #fff; border: 1px solid #1f6b43; }
.ps-agregar button:hover { background: #185636; }
html.claro .ps-agregar input { background: #ffffff; color: #14161a; border-color: #cfd3d9; }

/* ---- Bloqueo por ubicacion (6.8.51) ---- */
.ps-agregar select { flex: none; background: #0d0e11; color: #e9e9ea; border: 1px solid #34363c; border-radius: 6px; padding: 8px; font: 14px Arial, sans-serif; }
html.claro .ps-agregar select { background: #fff; color: #14161a; border-color: #cfd3d9; }
#form-geo { flex-wrap: wrap; }
#form-geo select { flex: 1 1 100%; }
#form-geo input { flex: 1 1 120px; }

/* ---- Informe para denuncia (6.8.53) ---- */
.ps-denuncia { display: flex; align-items: center; gap: 12px; margin: 14px 0 4px; padding: 10px 12px; border: 1px solid #2a2c31; border-radius: 6px; }
.ps-denuncia span { font-size: 13px; color: #9ea3ab; }
html.claro .ps-denuncia { border-color: #dfe2e7; }
html.claro .ps-denuncia span { color: #5b616b; }
/* 6.8.63: foto captada de la camara del intruso */
.ps-foto { margin: 14px 0; padding: 12px; border: 1px solid #b3121f; border-radius: 6px; background: #1b0d0f; display: flex; flex-direction: column; gap: 10px; }
.ps-foto strong { color: #ff6b76; font-size: 13px; letter-spacing: .04em; }
.ps-foto img { max-width: 420px; width: 100%; border-radius: 4px; border: 1px solid #33363d; }
html.claro .ps-foto { background: #fff3f3; border-color: #d33; }
html.claro .ps-foto strong { color: #b3121f; }