/* El edificio del Correo y el Calendario (zona personal), 10-nov-2026. Las reglas de abajo son las del Correo de la ciudad de
   Freedom (freedom-twin-mundo, estilo.css, origin/main 5f9e709), sacadas con un script y encerradas bajo #edificio-personal para
   que no toquen el resto de la ciudad. Arriba, sus colores y lo poco que es propio de esta ciudad. */
#edificio-personal {
  --verde: #52E2AC; --verde-tinta: #1E6B55; --mint: #8CF0CB; --celeste: #7EC8E3; --navy: #1B3A5C; --burdeos: #6B2737;
  --terreno: #DCE8F1; --papel: rgba(255, 255, 255, 0.94); --linea: rgba(27, 58, 92, 0.12);
  --tinta: #1B3A5C; --tinta-2: rgba(27, 58, 92, 0.72); --tinta-3: rgba(27, 58, 92, 0.7);
  --verde-fondo: rgba(82, 226, 172, 0.2); --burdeos-fondo: rgba(107, 39, 55, 0.08);
  --sombra: 0 8px 28px rgba(27, 58, 92, 0.12), 0 1px 3px rgba(27, 58, 92, 0.08); --radio: 14px; --rojo: #E5484D; --amarillo: #F5B83D;
  color: var(--tinta); font: 14px/1.45 Inter, system-ui, sans-serif; overflow: hidden;
}
#edificio-personal h1, #edificio-personal h2 { margin: 0; }
#edificio-personal a { color: #0F6CBD; }
#edificio-personal input, #edificio-personal textarea, #edificio-personal select { font: inherit; color: inherit; }
#edificio-personal .rojo { color: #B3261E; font-weight: 600; margin: 4px 0; }

#edificio-personal .rotulo {
  font-size: 11px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase;
  color: var(--tinta-3);
}
#edificio-personal .punto { width: 7px; height: 7px; border-radius: 50%; background: var(--verde); flex: none; }
#edificio-personal .punto.apagado { background: var(--burdeos); }
#edificio-personal .avisos .rotulo { padding: 0 18px 8px; display: flex; justify-content: space-between; }
#edificio-personal .vacio { padding: 10px 18px; color: var(--tinta-3); font-size: 13px; }
#edificio-personal .niebla { margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: rgba(27, 58, 92, 0.06); font-size: 13px; color: var(--tinta-2); }
#edificio-personal .bloque { margin-top: 18px; }
#edificio-personal .bloque > .rotulo { margin-bottom: 8px; }
#edificio-personal .agente {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; cursor: pointer;
  border: 1px solid var(--linea); background: #fff; border-radius: 10px; padding: 10px 12px; margin-bottom: 6px;
}
#edificio-personal .agente:hover { border-color: var(--celeste); }
#edificio-personal .agente .cara { width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 2px solid var(--navy); color: var(--navy); display: grid; place-items: center; flex: none; }
#edificio-personal .agente.vivo .cara { background: var(--verde); border-color: var(--verde-tinta); }
#edificio-personal .titulo-agente .cara { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--navy); display: grid; place-items: center; color: var(--navy); flex: none; }
#edificio-personal .agente b { display: block; font-size: 14px; }
#edificio-personal .agente span { font-size: 12px; color: var(--tinta-3); }
#edificio-personal .estado-chip.vivo .punto { animation: latido 1s ease-in-out infinite; }
#edificio-personal .accion {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
  text-align: left; cursor: pointer; border: 0; border-radius: 10px; padding: 11px 13px; margin-bottom: 6px;
  background: var(--navy); color: #fff; font-weight: 600;
}
#edificio-personal .accion:hover { background: #24497a; }
#edificio-personal .accion:disabled { opacity: 0.45; cursor: not-allowed; }
#edificio-personal .accion small { font-weight: 500; font-size: 11px; padding: 2px 7px; border-radius: 6px; background: rgba(255, 255, 255, 0.14); white-space: nowrap; }
#edificio-personal .accion.escribe small { background: var(--verde); color: var(--navy); }
#edificio-personal .boton-sec {
  border: 1px solid var(--linea); background: #fff; border-radius: 8px; padding: 7px 11px; cursor: pointer; font-size: 13px; font-weight: 600;
}
#edificio-personal .boton-sec:hover { border-color: var(--celeste); }
#edificio-personal .parrafo { margin: 8px 0 0; font-size: 13px; color: var(--tinta-2); }
#edificio-personal .parrafo b { color: var(--tinta); }
#edificio-personal .accion.entrar { margin-top: 14px; background: var(--verde); color: var(--navy); }
#edificio-personal .accion.entrar:hover { background: var(--mint); }
#edificio-personal .accion.entrar small { background: rgba(27, 58, 92, 0.12); }
#edificio-personal .trabajo, #edificio-personal .mini, #edificio-personal .huecos { list-style: none; margin: 0; padding: 0; }
#edificio-personal .trabajo li { padding: 9px 0; border-top: 1px solid var(--linea); font-size: 13px; }
#edificio-personal .trabajo li:first-child { border-top: 0; padding-top: 2px; }
#edificio-personal .trabajo b { display: block; margin-top: 4px; }
#edificio-personal .trabajo li > span:not(.estado-t) { display: block; color: var(--tinta-2); }
#edificio-personal .estado-t {
  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase;
  padding: 2px 6px; border-radius: 5px; background: rgba(27, 58, 92, 0.08); color: var(--tinta-2);
}
#edificio-personal .estado-t.e-en-curso { background: var(--verde-fondo); color: var(--verde-tinta); }
#edificio-personal .estado-t.e-hecho { background: var(--navy); color: #fff; }
#edificio-personal .estado-t.e-pendiente { background: rgba(126, 200, 227, 0.3); color: var(--navy); }
#edificio-personal .agente .cara.caja-pedido { background: #fff; border: 1.5px solid var(--navy); border-top: 5px solid var(--verde); border-radius: 4px; }
#edificio-personal .agente .cara.caja-pedido::after { display: none; }
#edificio-personal .agente .cara.caja-pedido.quieta { border-top-color: var(--burdeos); }
#edificio-personal a.accion { text-decoration: none; }
#edificio-personal .estado-t.o-datos { background: var(--verde-fondo); color: var(--verde-tinta); }
#edificio-personal .estado-t.o-mixto { background: rgba(126, 200, 227, 0.3); color: var(--navy); }
#edificio-personal .estado-t.o-personas { background: var(--burdeos-fondo); color: var(--burdeos); }
#edificio-personal .estado-t.o-externo { background: var(--navy); color: #fff; }
#edificio-personal .trabajos .vacio { padding: 12px 0; }
#edificio-personal dialog .accion { width: auto; margin: 0; }
#edificio-personal .avisos .rotulo.seccion { padding-top: 14px; }
#edificio-personal .aviso .pie-correo { color: var(--tinta); font-weight: 600; margin-top: 2px; }
#edificio-personal .leido { display: block; font-size: 11px; color: var(--tinta-3); }
#edificio-personal .procedencia {
  display: flex; align-items: flex-start; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 10px;
  background: rgba(126, 200, 227, 0.16); font-size: 12px; color: var(--tinta-2);
}
#edificio-personal .procedencia .punto { margin-top: 5px; }
#edificio-personal .procedencia > span:last-child { min-width: 0; overflow-wrap: anywhere; }
#edificio-personal .punto.apagado-gris { background: transparent; border: 1.5px solid var(--tinta-3); }
#edificio-personal .bloque[id] { scroll-margin-top: 48px; }
#edificio-personal .estado-t.e-sin { background: rgba(27, 58, 92, 0.06); color: var(--tinta-3); border: 1px dashed rgba(27, 58, 92, 0.3); }
#edificio-personal .estado-t.rel, #edificio-personal .estado-t.papel { background: rgba(126, 200, 227, 0.3); color: var(--navy); }
#edificio-personal .estado-t.papel { margin-left: 6px; vertical-align: 1px; }
#edificio-personal .agente-reunion { padding: 8px 0; border-top: 1px solid var(--linea); }
#edificio-personal .agente-reunion:first-of-type { border-top: 0; }
#edificio-personal .agente-reunion .accion { margin-left: 40px; width: calc(100% - 40px); }
#edificio-personal .companero .boton-sec { margin-top: 6px; }
#edificio-personal .agente-mini { display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; padding: 0; cursor: pointer; font-weight: 700; }
#edificio-personal .agente-mini .cara { width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--navy); display: grid; place-items: center; color: var(--navy); }
#edificio-personal .agente-mini:hover { text-decoration: underline; }
#edificio-personal .cal .dia.leido { background: #fff; border-color: var(--linea); cursor: pointer; font-weight: 600; }
#edificio-personal .cal .dia.leido:hover { border-color: var(--celeste); }
#edificio-personal .leyenda .l.leido { background: #fff; border: 1px solid var(--linea); }
#edificio-personal .agente.sesion.sin-ficha { cursor: default; opacity: 0.75; border-style: dashed; }
#edificio-personal .cara.cal-ico.vivo { background: var(--verde); border-color: var(--verde-tinta); }
#edificio-personal .avisos .rotulo.seccion:empty { padding: 6px 0 0; }
#edificio-personal .conectar .accion { margin-bottom: 4px; }
#edificio-personal .error-correo { font-size: 12px; font-weight: 500; color: var(--burdeos); background: var(--burdeos-fondo); padding: 4px 8px; border-radius: 6px; }
#edificio-personal .chip-cliente { display: inline-block !important; margin-top: 3px; padding: 1px 7px; border-radius: 5px; background: rgba(126, 200, 227, 0.3); color: var(--navy) !important; font-size: 11px !important; font-weight: 700; }
#edificio-personal .avisos .rotulo.sub-correo { padding-top: 10px; }
#edificio-personal .correo-fin + .rotulo { padding-top: 14px; border-top: 1px solid var(--linea); }
#edificio-personal .mensaje { padding: 10px 0; border-top: 1px solid var(--linea); font-size: 13px; }
#edificio-personal .mensaje .cab { display: flex; justify-content: space-between; gap: 10px; }
#edificio-personal .mensaje .cab span { color: var(--tinta-3); font-size: 12px; white-space: nowrap; }
#edificio-personal .mensaje .texto { margin-top: 6px; white-space: pre-wrap; color: var(--tinta-2); max-height: 320px; overflow: auto; }
#edificio-personal .lista-correo > .rotulo { display: flex; justify-content: space-between; margin: 14px 0 6px; }
#edificio-personal { position: fixed; inset: 0; z-index: 15; background: var(--terreno); display: flex; flex-direction: column; padding: 16px; gap: 12px; }
#edificio-personal[hidden] { display: none; }
#edificio-personal .z-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; background: var(--papel); border-radius: var(--radio); box-shadow: var(--sombra); padding: 14px 20px; }
#edificio-personal .z-cab h1 { font-family: Fraunces, serif; font-weight: 800; font-size: 26px; margin: 2px 0; }
#edificio-personal .z-nav { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
#edificio-personal .z-nav button { border: 1px solid var(--linea); background: #fff; border-radius: 9px; padding: 8px 12px; font-weight: 600; cursor: pointer; }
#edificio-personal .z-nav button:hover { border-color: var(--verde); background: var(--verde-fondo); }
#edificio-personal .z-nav .z-salir { background: var(--verde); border-color: var(--verde); color: var(--navy); display: flex; gap: 8px; align-items: center; }
#edificio-personal .z-nav .z-salir small { font-size: 11px; padding: 1px 6px; border-radius: 5px; background: rgba(27, 58, 92, 0.12); }
#edificio-personal .z-cuerpo { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr 420px; gap: 12px; }
#edificio-personal .z-semana, #edificio-personal .z-panel { background: var(--papel); border-radius: var(--radio); box-shadow: var(--sombra); overflow: auto; }
#edificio-personal .z-panel { padding: 18px 20px; border-left: 3px solid var(--verde); }
#edificio-personal .z-panel h2 { font-family: Fraunces, serif; font-weight: 800; font-size: 24px; margin: 4px 0 6px; line-height: 1.15; }
#edificio-personal .z-panel .aviso { padding-left: 0; padding-right: 0; }
#edificio-personal .z-volver { border: 0; background: none; padding: 0 0 10px; cursor: pointer; color: var(--tinta-2); font-weight: 600; }
#edificio-personal .z-volver:hover { color: var(--navy); text-decoration: underline; }
#edificio-personal .z-dias, #edificio-personal .z-todo, #edificio-personal .z-rejilla { display: grid; grid-template-columns: 56px repeat(7, 1fr); }
#edificio-personal .z-dias { position: sticky; top: 0; z-index: 3; background: var(--papel); border-bottom: 1px solid var(--linea); }
#edificio-personal .z-dia { border: 0; background: none; padding: 10px 4px 8px; cursor: pointer; display: grid; justify-items: center; gap: 2px; border-radius: 10px; }
#edificio-personal .z-dia span { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--tinta-3); }
#edificio-personal .z-dia b { font-family: Fraunces, serif; font-size: 24px; line-height: 1; }
#edificio-personal .z-dia:hover { background: rgba(126, 200, 227, 0.14); }
#edificio-personal .z-dia.hoy b { background: var(--verde); border-radius: 50%; width: 38px; height: 38px; display: grid; place-items: center; }
#edificio-personal .z-dia.elegido { box-shadow: inset 0 -3px 0 var(--navy); }
#edificio-personal .cuadritos { display: grid; grid-template-columns: repeat(2, 16px); gap: 2px; margin-top: 3px; }
#edificio-personal .cuadritos i, #edificio-personal .z-leyenda i { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 3px; font-style: normal; font-size: 9px; font-weight: 800; border: 1px solid var(--navy); }
#edificio-personal .cuadritos i.cero { background: transparent; border-color: rgba(27, 58, 92, 0.18); }
#edificio-personal .z-leyenda { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 4px; font-size: 13px; color: var(--tinta-2); }
#edificio-personal .z-leyenda span { display: flex; align-items: center; gap: 6px; }
#edificio-personal .z-leyenda b { color: var(--tinta); }
#edificio-personal .z-todo { border-bottom: 1px solid var(--linea); padding: 4px 0; }
#edificio-personal .z-todo > span { font-size: 10px; color: var(--tinta-3); text-align: right; padding: 4px 6px 0 0; }
#edificio-personal .z-todo > div { padding: 0 3px; display: grid; gap: 2px; }
#edificio-personal .z-ev-dia { border: 0; border-radius: 6px; padding: 3px 6px; font-size: 12px; font-weight: 600; text-align: left; background: var(--celeste); color: var(--navy); cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#edificio-personal .z-horas span { display: block; font-size: 11px; color: var(--tinta-3); text-align: right; padding-right: 8px; transform: translateY(-7px); }
#edificio-personal .z-col { position: relative; border-left: 1px solid var(--linea); background: repeating-linear-gradient(to bottom, transparent 0 45px, var(--linea) 45px 46px); cursor: pointer; }
#edificio-personal .z-col.hoy { background-color: rgba(82, 226, 172, 0.06); }
#edificio-personal .z-col.elegido { background-color: rgba(126, 200, 227, 0.12); }
#edificio-personal .z-ev { position: absolute; padding: 3px 6px; border: 0; border-radius: 7px; text-align: left; cursor: pointer; overflow: hidden;
  background: var(--navy); color: #fff; box-shadow: 0 1px 0 #fff inset, 0 0 0 1px #fff; font-size: 12px; line-height: 1.25; }
#edificio-personal .z-ev b { display: block; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#edificio-personal .z-ev span { opacity: 0.8; font-size: 11px; }
#edificio-personal .z-ev.corta { padding: 1px 6px; display: flex; align-items: center; }
#edificio-personal .z-ev.corta b { font-size: 11.5px; line-height: 1.2; }
#edificio-personal .z-ev.corta b span { font-size: 11px; font-weight: 600; opacity: 0.85; margin-right: 3px; }
#edificio-personal .z-ev.con-ficha { background: var(--verde); color: var(--navy); }
#edificio-personal .z-ev:hover { filter: brightness(1.12); }
@media (max-width: 900px) {
  #edificio-personal .z-cuerpo { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }
  #edificio-personal .z-cab { flex-direction: column; align-items: stretch; }
}
#edificio-personal .bola.rojo { background: var(--rojo); }
#edificio-personal .bola.rojo:not(.cero) { animation: llama 1.6s ease-in-out infinite; }
#edificio-personal .lector-caja .mensaje .texto { max-height: none; }
#edificio-personal .b-filtros { display: flex; flex-wrap: wrap; gap: 6px; }
#edificio-personal .b-filtros button { border: 1px solid var(--linea); background: var(--papel); border-radius: 20px; padding: 6px 12px; font-weight: 600; cursor: pointer; box-shadow: var(--sombra); }
#edificio-personal .b-filtros button b { margin-left: 4px; color: var(--tinta-3); }
#edificio-personal .b-filtros button.activo { background: var(--navy); color: #fff; border-color: var(--navy); }
#edificio-personal .b-filtros button.activo b { color: rgba(255, 255, 255, 0.75); }
#edificio-personal .b-cuerpo { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(320px, 420px) 1fr; gap: 12px; }
#edificio-personal .b-lista, #edificio-personal .b-lector { background: var(--papel); border-radius: var(--radio); box-shadow: var(--sombra); overflow: auto; }
#edificio-personal .b-lista .aviso { padding: 12px 18px; }
#edificio-personal .b-lista .aviso.elegido { background: rgba(126, 200, 227, 0.22); box-shadow: inset 3px 0 0 var(--navy); }
#edificio-personal .b-lector { padding: 24px 32px; border-top: 4px solid var(--verde); }
#edificio-personal .b-lector h2 { font-family: Fraunces, serif; font-weight: 800; font-size: 28px; margin: 4px 0; line-height: 1.15; }
#edificio-personal .b-lector .mensaje .texto { max-height: none; }
@media (max-width: 900px) {
  #edificio-personal .b-cuerpo { grid-template-columns: 1fr; grid-template-rows: 40% 1fr; }
}
#edificio-personal .como .parrafo { margin: 4px 0 0; font-size: 14px; color: var(--tinta); }
#edificio-personal .ficha-agente .cab .cara { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--navy); display: grid; place-items: center; color: var(--navy); flex: none; }
#edificio-personal .ficha-agente.vivo .cab .cara { background: var(--verde); border-color: var(--verde-tinta); }
#edificio-personal .ficha-agente .accion { padding: 8px 11px; font-size: 13px; }
#edificio-personal .checkin .rotulo { color: rgba(255, 255, 255, 0.7); }
#edificio-personal .preparar .vacio { margin: 0 14px 6px; }
#edificio-personal .prep-botones button.accion { background: var(--verde-tinta); border-color: var(--verde-tinta); color: #fff; }
#edificio-personal .bloque-boton { display: flex !important; align-items: center; gap: 14px; border: 0; cursor: pointer; text-align: left; }
#edificio-personal .bloque-boton .n { display: grid; place-items: center; min-width: 46px; height: 46px; border-radius: 12px; background: var(--amarillo); font-family: Fraunces, serif; font-size: 24px; font-weight: 800; color: var(--navy); }
#edificio-personal .bloque-boton b { display: block; font-size: 16px; }
#edificio-personal .bloque-boton span span, #edificio-personal .bloque-boton > span:last-child { font-size: 13px; color: var(--tinta-2); }
#edificio-personal .anillo.vacio { background: rgba(27, 58, 92, 0.08); }
#edificio-personal .comprometer .accion { width: auto; margin: 0; }
#edificio-personal .hito.e-hecho { background: var(--navy); }
#edificio-personal .persona .cifras .rojo b { color: var(--rojo); }
#edificio-personal .cartera td.rojo { color: var(--rojo); font-weight: 700; }
#edificio-personal .bloque.acta { padding: 12px 14px; border-radius: 12px; background: rgba(27, 58, 92, 0.05); }
#edificio-personal .bloque.acta.e-pendiente { background: rgba(245, 184, 61, 0.18); }
#edificio-personal .bloque.acta.e-vencida { background: rgba(229, 72, 77, 0.12); }
#edificio-personal .bloque.acta.e-hecha { background: var(--verde-fondo); }
#edificio-personal .bloque.acta .parrafo { margin: 4px 0 0; }
#edificio-personal .rotulo .n { margin-left: 6px; padding: 1px 7px; border-radius: 9px; background: rgba(27, 58, 92, 0.08); font-size: 10px; letter-spacing: 0; }
#edificio-personal #paso .z-cab h1 { font-size: 24px; line-height: 1.2; max-width: 980px; }
#edificio-personal .paso-cuerpo > .niebla { grid-column: 1 / -1; background: var(--papel); border-radius: var(--radio); padding: 24px; }
#edificio-personal .b-filtros .interruptor { display: inline-flex; align-items: center; gap: 8px; margin-right: 10px; }
#edificio-personal .b-filtros .interruptor i { position: relative; width: 30px; height: 17px; border-radius: 9px; background: rgba(27, 58, 92, .2); transition: background .2s; }
#edificio-personal .b-filtros .interruptor i::after { content: ''; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: #fff; transition: transform .2s; }
#edificio-personal .b-filtros .interruptor.activo { background: var(--verde); border-color: var(--verde); color: var(--navy); }
#edificio-personal .b-filtros .interruptor.activo i { background: var(--verde-tinta); }
#edificio-personal .b-filtros .interruptor.activo i::after { transform: translateX(13px); }
#edificio-personal .b-filtros .interruptor.activo b { color: var(--verde-tinta); }
@media (max-width: 900px) {
  #edificio-personal #kpis .rotulo { white-space: nowrap; font-size: 10px; letter-spacing: 0.6px; }
}
@media (max-width: 600px) {
  #edificio-personal { padding: 10px; gap: 8px; overflow-y: auto; }
  #edificio-personal .z-cab, #edificio-personal .maqueta { flex: none; }
  #edificio-personal .z-cab { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 14px; }
  #edificio-personal .z-cab h1 { font-size: 20px; }
  #edificio-personal .z-nav { justify-content: space-between; align-items: center; }
  #edificio-personal .z-cab > * { min-width: 0; max-width: 100%; }
  #edificio-personal { overflow-x: hidden; }
}
#edificio-personal .vivo-reunion .boton-sec { justify-self: start; margin-top: 4px; text-decoration: none; }
#edificio-personal .prep-resp .boton-sec { text-decoration: none; display: inline-flex; align-items: center; padding: 6px 10px; font-size: 12px; }
#edificio-personal .prep-botones button.agente { background: var(--navy); border-color: var(--navy); color: #fff; }
#edificio-personal .es-botones button, #edificio-personal .es-botones .boton-sec { border: 1px solid var(--linea); background: #fff; border-radius: 8px; padding: 6px 12px; font: 600 12px Inter, sans-serif; color: var(--navy); cursor: pointer; width: auto; margin: 0; text-decoration: none; }
#edificio-personal .es-botones button.accion { background: var(--verde-tinta); border-color: var(--verde-tinta); color: #fff; }
#edificio-personal .accion.entrar-grande { min-height: 52px; font-size: 15px; }
#edificio-personal .bloque.dentro .dentro-lista { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
#edificio-personal .bloque.dentro .dentro-lista li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.4; color: var(--tinta, #1B3A5C); }
#edificio-personal .bloque.dentro .dentro-lista li::before { content: ''; position: absolute; left: 4px; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: var(--verde, #52E2AC); box-shadow: 0 0 0 3px rgba(82, 226, 172, .22); }
#edificio-personal .mas-como > .bloque { margin-top: 6px; }
#edificio-personal .guia-botones button.accion { background: var(--navy, #1B3A5C); border-color: var(--navy, #1B3A5C); color: #fff; }
#edificio-personal { background: #EEF4F2; }
#edificio-personal .no-coincide { display: none !important; }
#edificio-personal .saludo .accion { width: auto; margin: 0; flex: none; border-radius: 999px; padding: 10px 18px; background: var(--verde-tinta, #1E6B55); }
#edificio-personal .z-atras, #edificio-personal .panel-atras { height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--linea); background: #fff; color: var(--navy, #1B3A5C); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
#edificio-personal .z-atras:hover, #edificio-personal .panel-atras:hover { border-color: var(--navy, #1B3A5C); }
#edificio-personal .seleccion:has(.panel-atras) > .rotulo:first-of-type, #edificio-personal .seleccion:has(.panel-atras) > .cerrar + .rotulo { margin-top: 30px; }
#edificio-personal .botones-enc .accion {width:auto;margin:0;padding:0 26px;height:44px;font-size:15px}
#edificio-personal .botones-enc .boton-sec {height:40px}
#edificio-personal .msg.agente {justify-self:start;background:#F4F7F9;border:1px solid var(--linea)}
#edificio-personal .msg.agente.mal {background:#FFF3F2}
#edificio-personal .msg.agente p {margin:4px 0}
#edificio-personal .hablar-caja .accion {width:auto;margin:0;height:44px;padding:0 18px;flex:none}
#edificio-personal .resultado-acciones .boton-sec {width:auto}
#edificio-personal .cambios-botones .accion, #edificio-personal .cambios-botones .boton-sec {width:auto;margin:0}
#edificio-personal .rutinas-cab .boton-sec {width:auto;height:32px;font-size:12.5px}
#edificio-personal .rt-botones .accion, #edificio-personal .rt-botones .boton-sec {width:auto;margin:0;height:34px;padding:0 12px;font-size:12.5px}
#edificio-personal .rf-botones .accion, #edificio-personal .rf-botones .boton-sec {width:auto;margin:0}
#edificio-personal .video-botones .accion {width:auto;margin:0;text-decoration:none;display:inline-flex;align-items:center;padding:0 14px;height:36px}
#edificio-personal .validar-botones {display:flex;gap:8px;align-items:flex-end;flex:none}
#edificio-personal .editar-con .chk {display:flex;gap:5px;align-items:center;font-weight:600;color:var(--navy)}
#edificio-personal .editar-con .chk input {min-width:0}
#edificio-personal .correo-pestanas {display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#EEF2F5;margin-bottom:8px}
#edificio-personal .correo-pestanas button {border:0;background:transparent;border-radius:999px;padding:6px 16px;font:700 12.5px Inter,sans-serif;color:#5B6B7B;cursor:pointer}
#edificio-personal .correo-pestanas button.activo {background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(15,42,63,.15)}
#edificio-personal .correo-acciones {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 12px}
#edificio-personal .correo-acciones button {height:32px;padding:0 14px;border-radius:999px;border:1px solid #D5DEE6;background:#fff;color:var(--navy);font:600 12.5px Inter,sans-serif;cursor:pointer}
#edificio-personal .correo-acciones button.activo {background:var(--navy);border-color:var(--navy);color:#fff}
#edificio-personal .correo-acciones button.fav-on {border-color:#E8B100;color:#8A6A00;background:#FFF8DD}
#edificio-personal .correo-acciones button.peligro:hover {border-color:#E5484D;color:#B4232A}
#edificio-personal .correo-acciones .c-aviso {font-size:12px;font-weight:600;color:var(--verde-tinta)}
#edificio-personal .estrella-on {color:#E8B100}
#edificio-personal .redactor {display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--verde-fondo);margin:0 0 14px}
#edificio-personal .redactor label {display:grid;gap:3px;font-size:12px;font-weight:700;color:var(--verde-tinta)}
#edificio-personal .redactor input:not([type=checkbox]), #edificio-personal .redactor textarea {border:1px solid var(--linea);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;width:100%;box-sizing:border-box;background:#fff}
#edificio-personal .redactor textarea {resize:vertical;min-height:160px;line-height:1.5}
#edificio-personal .redactor .r-firma {display:flex;gap:6px;align-items:center;font-weight:600}
#edificio-personal .r-firma-ver {white-space:pre-line;font-size:12.5px;color:#5B6B7B;border-left:3px solid #D5DEE6;padding:4px 10px}
#edificio-personal .redactor [data-c-enviar], #edificio-personal .redactor [data-c-cerrar] {height:34px;padding:0 18px;border-radius:999px;font:700 13px Inter,sans-serif;cursor:pointer}
#edificio-personal .redactor [data-c-cerrar] {background:#fff;border:1px solid var(--linea);color:var(--verde-tinta)}
#edificio-personal .ol-lista {padding:0}
#edificio-personal .ol-item {display:grid;grid-template-columns:36px 1fr auto;gap:10px;padding:10px 14px 10px 12px;border-bottom:1px solid #E6EBF0;cursor:pointer;position:relative;border-left:3px solid transparent}
#edificio-personal .ol-item:hover {background:#F3F6F9}
#edificio-personal .ol-item.elegido {background:#E3EEF9;border-left-color:#0F6CBD}
#edificio-personal .ol-item.sin-leer {border-left-color:#0F6CBD}
#edificio-personal .ol-item.sin-leer .ol-l1 b, #edificio-personal .ol-item.sin-leer .ol-l2 span {font-weight:800;color:#0F2A3F}
#edificio-personal .ol-item.sin-leer .ol-l2 span {color:#0F6CBD}
#edificio-personal .ol-av {display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font:700 12.5px Inter,sans-serif;flex:none}
#edificio-personal .ol-txt {min-width:0;display:grid;gap:1px}
#edificio-personal .ol-l1 {display:flex;gap:6px;align-items:baseline}
#edificio-personal .ol-l1 b {font-weight:600;font-size:13.5px;color:#1B2A38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .ol-l1 small {font-size:11px;color:#6B7C8C}
#edificio-personal .ol-l2 {display:flex;gap:8px;justify-content:space-between;align-items:baseline}
#edificio-personal .ol-l2 span {font-size:13px;color:#24384B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .ol-l2 time {font-size:11.5px;color:#5B6B7B;flex:none}
#edificio-personal .ol-l3 {font-size:12.5px;color:#6B7C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .ol-chips {display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
#edificio-personal .ol-contestado {font-size:11px;color:#6B7C8C}
#edificio-personal .ol-rapidas {display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .12s}
#edificio-personal .ol-item:hover .ol-rapidas, #edificio-personal .ol-item:focus-within .ol-rapidas, #edificio-personal .ol-item.fav .ol-rapidas, #edificio-personal .ol-rapidas.fija {opacity:1}
#edificio-personal .ol-item.fav:not(:hover) .ol-rapidas button:not(.fav-on) {visibility:hidden}
#edificio-personal .ol-rapidas button {width:26px;height:24px;border:0;background:transparent;border-radius:5px;cursor:pointer;font-size:14px;color:#5B6B7B;line-height:1}
#edificio-personal .ol-rapidas button:hover {background:#DDE6EE;color:#0F2A3F}
#edificio-personal .ol-rapidas button.fav-on {color:#E8B100}
#edificio-personal .correo-acciones {gap:2px;border-bottom:1px solid #E6EBF0;padding-bottom:8px}
#edificio-personal .correo-acciones button {border:0;background:transparent;border-radius:6px;height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font:600 13px Inter,sans-serif;color:#1B2A38}
#edificio-personal .correo-acciones button:hover {background:#EEF2F5}
#edificio-personal .correo-acciones button.activo {background:#E3EEF9;color:#0F6CBD}
#edificio-personal .correo-acciones button .ic {color:#0F6CBD;font-size:14px}
#edificio-personal .correo-acciones .solo-ic {width:34px;padding:0;justify-content:center;font-size:15px}
#edificio-personal .correo-acciones button.fav-on {color:#E8B100;background:transparent}
#edificio-personal .correo-acciones .sep {width:1px;height:20px;background:#D5DEE6;margin:0 6px}
#edificio-personal .ol-msg {border:0;border-top:1px solid #E6EBF0;padding-top:14px}
#edificio-personal .ol-msg-cab {display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:start;margin-bottom:10px}
#edificio-personal .ol-msg-cab .ol-av {width:38px;height:38px;font-size:13.5px}
#edificio-personal .ol-msg-quien {display:grid;gap:2px;min-width:0}
#edificio-personal .ol-msg-quien b {font-size:14px;color:#1B2A38;font-weight:700;overflow-wrap:anywhere}
#edificio-personal .ol-msg-quien span {font-size:12.5px;color:#5B6B7B;overflow-wrap:anywhere}
#edificio-personal .ol-msg-cab time {font-size:12px;color:#5B6B7B;white-space:nowrap}
#edificio-personal .menu-correo {position:fixed;z-index:9999;min-width:230px;background:#fff;border:1px solid #D5DEE6;border-radius:8px;box-shadow:0 8px 28px rgba(15,42,63,.22);padding:4px}
#edificio-personal .menu-correo button {display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:8px 12px;border-radius:5px;font:500 13.5px Inter,sans-serif;color:#1B2A38;cursor:pointer}
#edificio-personal .menu-correo button:hover {background:#EEF2F5}
#edificio-personal .menu-correo .ic {width:20px;text-align:center;color:#0F6CBD}
#edificio-personal .menu-correo hr {border:0;border-top:1px solid #E6EBF0;margin:4px 0}
#edificio-personal .ol-item {grid-template-columns:36px 1fr}
#edificio-personal .ol-rapidas {position:absolute;top:6px;right:10px;flex-direction:row;gap:0;background:inherit;border-radius:6px;padding:1px}
#edificio-personal .ol-item:hover .ol-rapidas {background:#F3F6F9}
#edificio-personal .ol-item.elegido .ol-rapidas {background:#E3EEF9}
#edificio-personal .ol-item.fav:not(:hover) .ol-rapidas {background:transparent}
#edificio-personal .ol-rapidas button[data-c-borrar]:hover {color:#D13438;background:#FBE3E4}
#edificio-personal .ol-l1 {padding-right:84px}
#edificio-personal .ol-cuerpo {display:block;width:100%;border:0;min-height:60px;background:#fff}
#edificio-personal .ol-historial {margin:6px 0 4px;border:1px solid #D5DEE6;background:#fff;border-radius:6px;padding:3px 10px;font:600 12px Inter,sans-serif;color:#5B6B7B;cursor:pointer}
#edificio-personal .ol-historial:hover {background:#EEF2F5}
#edificio-personal .ol-msg .texto {font-size:14px;line-height:1.55;white-space:pre-wrap;color:#1B2A38}
#edificio-personal .ol-item {grid-template-columns:36px minmax(0,1fr)}
#edificio-personal .b-lista.ol-lista {overflow-x:hidden}
#edificio-personal .ol-asunto {font:700 20px/1.3 Inter,'Segoe UI',sans-serif!important;color:#1B2A38;margin:4px 0 8px;letter-spacing:0}
#edificio-personal .ol-asunto .chip-cliente {vertical-align:middle;font-size:11px}
#edificio-personal .ol-hilo {display:grid;gap:0}
#edificio-personal details.ol-msg {border-top:1px solid #E6EBF0;padding:12px 0}
#edificio-personal details.ol-msg > summary {list-style:none;cursor:pointer}
#edificio-personal details.ol-msg > summary::-webkit-details-marker {display:none}
#edificio-personal details.ol-msg:not([open]) .ol-para {display:none}
#edificio-personal details.ol-msg[open] .ol-resumen {display:none}
#edificio-personal .ol-resumen {font-size:12.5px;color:#6B7C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal details.ol-msg:not([open]) .ol-msg-cab {margin-bottom:0}
#edificio-personal details.ol-msg:not([open]):hover {background:#F7F9FB}
#edificio-personal .ol-datos {margin-top:18px;padding-top:12px;border-top:1px solid #E6EBF0;font-size:12.5px;color:#5B6B7B;display:grid;gap:6px}
#edificio-personal .ol-datos p {margin:0}
#edificio-personal .ol-datos .procedencia {display:flex;gap:8px;align-items:flex-start;background:transparent;padding:0}
#edificio-personal .ol-txt {grid-template-columns:minmax(0,1fr)}
#edificio-personal .ol-l1, #edificio-personal .ol-l2, #edificio-personal .ol-l3 {min-width:0}
#edificio-personal .ol-l1 b, #edificio-personal .ol-l2 span {min-width:0}
#edificio-personal .correo-acciones .solo-ic svg, #edificio-personal .ol-rapidas svg {display:block}
#edificio-personal .menu-correo .ic {display:inline-grid;place-items:center}
#edificio-personal .ol-rapidas button {display:inline-grid;place-items:center}
#edificio-personal .b-cuerpo.ol-cuerpo-correo {grid-template-columns:200px var(--ancho-lista,400px) 10px minmax(0,1fr);gap:0 6px}
#edificio-personal .b-cuerpo.ol-cuerpo-correo.plegadas {grid-template-columns:44px var(--ancho-lista,400px) 10px minmax(0,1fr)}
#edificio-personal .ol-carpetas {background:var(--papel);border-radius:var(--radio);box-shadow:var(--sombra);overflow:auto;padding:6px;display:flex;flex-direction:column;gap:1px}
#edificio-personal .ol-plegar {align-self:flex-start;border:0;background:transparent;font-size:17px;padding:4px 8px;cursor:pointer;color:#1B2A38;border-radius:6px}
#edificio-personal .ol-plegar:hover {background:#EEF2F5}
#edificio-personal .ol-carpeta {display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:6px;padding:7px 10px;font:500 13px Inter,sans-serif;color:#1B2A38;cursor:pointer;text-align:left;width:100%}
#edificio-personal .ol-carpeta span {flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .ol-carpeta b {font-size:12px;color:#0F6CBD}
#edificio-personal .ol-carpeta svg {color:#5B6B7B;flex:none}
#edificio-personal .ol-carpeta:hover {background:#EEF2F5}
#edificio-personal .ol-carpeta.activa {background:#E3EEF9;font-weight:700}
#edificio-personal .ol-carpeta.activa svg {color:#0F6CBD}
#edificio-personal .ol-carpeta.soltar {background:#CFE4F7;outline:2px dashed #0F6CBD}
#edificio-personal .ol-carpetas-sub {font:700 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6B7C8C;margin:12px 10px 4px}
#edificio-personal .ol-nueva {border:0;background:transparent;color:#0F6CBD;font:600 12.5px Inter,sans-serif;text-align:left;padding:7px 10px;cursor:pointer;border-radius:6px}
#edificio-personal .ol-nueva:hover {background:#EEF2F5}
#edificio-personal .plegadas .ol-carpeta span, #edificio-personal .plegadas .ol-carpeta b, #edificio-personal .plegadas .ol-carpetas-sub, #edificio-personal .plegadas .ol-nueva, #edificio-personal .plegadas .ol-carpeta.mia {display:none}
#edificio-personal .plegadas .ol-carpeta {justify-content:center;padding:8px 0}
#edificio-personal .ol-separador {cursor:col-resize;border-radius:4px;position:relative}
#edificio-personal .ol-separador::after {content:'';position:absolute;top:50%;left:3px;width:4px;height:44px;margin-top:-22px;border-radius:2px;background:#C9D4DE}
#edificio-personal .ol-separador:hover::after, #edificio-personal .arrastrando-sep .ol-separador::after {background:#0F6CBD}
#edificio-personal .ol-titulo-carpeta {align-items:center;gap:12px}
#edificio-personal .ol-titulo-carpeta b {font:700 15px Inter,sans-serif;color:#1B2A38}
#edificio-personal .ol-titulo-carpeta span {font-size:12.5px;color:#5B6B7B}
#edificio-personal .ol-titulo-carpeta button {box-shadow:none}
#edificio-personal .ol-borrador {color:#D13438;font-style:normal;font-weight:700;font-size:12px;margin-right:4px}
@media (max-width: 1100px) {
  #edificio-personal .b-cuerpo.ol-cuerpo-correo, #edificio-personal .b-cuerpo.ol-cuerpo-correo.plegadas {grid-template-columns:44px var(--ancho-lista,360px) 10px minmax(0,1fr)}
  #edificio-personal .ol-cuerpo-correo .ol-carpeta span, #edificio-personal .ol-cuerpo-correo .ol-carpeta b, #edificio-personal .ol-cuerpo-correo .ol-carpetas-sub, #edificio-personal .ol-cuerpo-correo .ol-nueva, #edificio-personal .ol-cuerpo-correo .ol-carpeta.mia {display:none}
  #edificio-personal .ol-cuerpo-correo .ol-carpeta {justify-content:center;padding:8px 0}
}
@media (max-width: 900px) {
  #edificio-personal .b-cuerpo.ol-cuerpo-correo, #edificio-personal .b-cuerpo.ol-cuerpo-correo.plegadas {grid-template-columns:1fr;grid-template-rows:auto 40% 1fr}
  #edificio-personal .ol-carpetas {flex-direction:row;overflow-x:auto}
  #edificio-personal .ol-separador {display:none}
}
#edificio-personal .ir-reunion {display:inline-flex;align-items:center;gap:12px;margin:6px 0 12px;padding:10px 18px 10px 14px;border-radius:12px;background:#0F6CBD;color:#fff!important;text-decoration:none;font:700 14px Inter,sans-serif;box-shadow:0 2px 8px rgba(15,108,189,.28);transition:background .15s,transform .15s}
#edificio-personal .ir-reunion:hover {background:#0B5A9E;transform:translateY(-1px)}
#edificio-personal .ir-reunion span {display:grid;gap:1px;line-height:1.2}
#edificio-personal .ir-reunion small {font:500 11.5px Inter,sans-serif;opacity:.85}
#edificio-personal .ir-reunion.mini {display:inline-flex;margin:0;padding:3px 10px;border-radius:999px;font-size:12px;box-shadow:none}
#edificio-personal .ol-cuerpo {color-scheme:light}
#edificio-personal .invitados li {align-items:flex-start}
#edificio-personal .inv-quien {display:grid;gap:1px;min-width:0}
#edificio-personal .inv-quien b em {font-style:normal;font-weight:600;font-size:11px;color:#5B6B7B;background:#EEF2F5;border-radius:4px;padding:0 5px;margin-left:4px}
#edificio-personal .inv-quien a {font-size:12.5px;color:#0F6CBD;text-decoration:none;overflow-wrap:anywhere}
#edificio-personal .inv-quien a:hover {text-decoration:underline}
#edificio-personal .info-filas {list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
#edificio-personal .info-filas li {display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:13px}
#edificio-personal .info-filas b {color:#5B6B7B;font-weight:600}
#edificio-personal .info-adjuntos {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
#edificio-personal .info-adjuntos a {font-size:12.5px;border:1px solid #D5DEE6;border-radius:6px;padding:4px 8px;color:#0F6CBD;text-decoration:none;background:#fff}
#edificio-personal .info-texto {white-space:pre-wrap;font-size:13px;line-height:1.55;color:#1B2A38;background:#F7F9FB;border:1px solid #E6EBF0;border-radius:8px;padding:10px 12px;overflow-wrap:anywhere}
#edificio-personal .info-texto a {color:#0F6CBD}
#edificio-personal .info-desc summary {cursor:pointer;font-weight:600;font-size:13px;color:#0F6CBD;margin-bottom:6px}
#edificio-personal .vacio-inline {color:#6B7C8C;font-size:13px}
#edificio-personal .ol-correo-nuevo {display:flex;align-items:center;gap:8px;justify-content:center;margin:2px 2px 8px;padding:9px 12px;border:0;border-radius:8px;background:#0F6CBD;color:#fff;font:700 13.5px Inter,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(15,108,189,.25)}
#edificio-personal .ol-correo-nuevo:hover {background:#0B5A9E}
#edificio-personal .plegadas .ol-correo-nuevo span {display:none}
@media (max-width:1100px) {
  #edificio-personal .ol-cuerpo-correo .ol-correo-nuevo span {display:none}
}
#edificio-personal .r-adjuntos {display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#edificio-personal .r-adj {display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #D5DEE6;border-radius:6px;padding:4px 4px 4px 8px;font-size:12.5px;max-width:100%}
#edificio-personal .r-adj b {font-weight:600;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .r-adj small {color:#6B7C8C}
#edificio-personal .r-adj button {border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer;color:#6B7C8C;padding:0 4px;border-radius:4px}
#edificio-personal .r-adj button:hover {background:#FBE3E4;color:#B4232A}
#edificio-personal .r-adjuntar {display:inline-flex!important;align-items:center;gap:6px;cursor:pointer;color:#0F6CBD!important;font-weight:700;border:1px dashed #9DB8D3;border-radius:6px;padding:5px 10px;background:#fff}
#edificio-personal .r-adjuntar:hover {background:#EEF5FC}
#edificio-personal .redactor.soltar {outline:2px dashed #0F6CBD;outline-offset:2px}
#edificio-personal .ol-adjuntos {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
#edificio-personal .ol-adj {display:inline-flex;align-items:center;gap:8px;border:1px solid #D5DEE6;background:#fff;border-radius:8px;padding:6px 12px 6px 8px;cursor:pointer;text-align:left;max-width:280px;color:#1B2A38}
#edificio-personal .ol-adj:hover {background:#F3F6F9;border-color:#9DB8D3}
#edificio-personal .ol-adj span {display:grid;min-width:0}
#edificio-personal .ol-adj b {font:600 12.5px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#edificio-personal .ol-adj small {font-size:11.5px;color:#6B7C8C}
#edificio-personal .ol-adj svg, #edificio-personal .r-adj svg, #edificio-personal .r-adjuntar svg {color:#5B6B7B;flex:none}
#edificio-personal .b-empresa {display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linea);background:var(--papel);border-radius:20px;padding:3px 6px 3px 14px;box-shadow:var(--sombra);font-weight:600;font-size:13px}
#edificio-personal .b-empresa span {color:#5B6B7B}
#edificio-personal .b-empresa select {border:0;background:transparent;font:700 13px Inter,sans-serif;color:var(--navy);padding:4px 4px;cursor:pointer;max-width:240px}
#edificio-personal .b-empresa.activo {background:var(--navy);border-color:var(--navy)}
#edificio-personal .b-empresa.activo span {color:rgba(255,255,255,.75)}
#edificio-personal .b-empresa.activo select {color:#fff}
#edificio-personal .b-empresa.activo select option {color:#1B2A38}
#edificio-personal .c-enviado {background:#E1F5EE;color:#0B6B4B;font:600 13px Inter,sans-serif;border-radius:8px;padding:8px 12px;margin-bottom:10px}
#edificio-personal .z-nav .z-nuevo-evento {background:#0F6CBD;color:#fff;border-color:#0F6CBD;font-weight:700}
#edificio-personal .z-nav .z-nuevo-evento:hover {background:#0B5A9E}
#edificio-personal .form-evento .fe-fila {display:flex;gap:8px;flex-wrap:wrap}
#edificio-personal .form-evento .fe-fila label {flex:1;min-width:110px}
#edificio-personal .form-evento label.chk {display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:600;color:#1B2A38}
#edificio-personal .form-evento textarea {min-height:90px}
#edificio-personal .z-col {cursor:cell}
#edificio-personal .validar-botones {align-items:center}
#edificio-personal .validar-botones > button {height:34px;width:auto;margin:0;padding:0 18px;border-radius:999px;font:700 13px Inter,sans-serif;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
#edificio-personal .validar-botones > button:not(.accion) {background:#fff;border:1px solid var(--linea);color:var(--verde-tinta)}
#edificio-personal .validar-botones > button:not(.accion):hover {border-color:var(--verde-tinta)}
#edificio-personal .boton-borrar-ev {height:34px;padding:0 16px;border-radius:999px;border:1px solid #E5A4A6;background:#fff;color:#B4232A;font:700 13px Inter,sans-serif;cursor:pointer;margin-right:10px}
#edificio-personal .boton-borrar-ev:hover {background:#FBE3E4;border-color:#D13438}
#edificio-personal .z-nav .z-recargar {font-weight:700}
#edificio-personal .pdca-nueva .accion {width:auto;margin:0;height:34px;padding:0 14px;border-radius:8px;font-size:13px}
#edificio-personal .boton-borrar-ev + .vacio {display:block;margin-top:6px;font-size:12.5px}
#edificio-personal .plan-dia > footer .boton-sec {width:auto;margin:0}
#edificio-personal .r-agente {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#edificio-personal .r-agente-boton {height:32px;padding:0 14px;border-radius:999px;border:1px solid #B9A6E8;background:#F4F0FD;color:#4B2E9B;font:700 12.5px Inter,sans-serif;cursor:pointer}
#edificio-personal .r-agente-boton:hover {background:#EAE2FB}
#edificio-personal .r-agente-estado {font-size:12.5px;color:#4B2E9B;font-weight:600}
#edificio-personal .r-agente-estado.mal {color:#B4232A}
#edificio-personal .r-agente button:not(.r-agente-boton) {height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--linea);background:#fff;font:600 12px Inter,sans-serif;cursor:pointer}
#edificio-personal .r-pendientes {background:#FFF8DD;border:1px solid #F0D98A;border-radius:8px;padding:8px 12px;font-size:12.5px}
#edificio-personal .r-pendientes b {display:block;margin-bottom:2px;color:#7A5B00}
#edificio-personal .r-pendientes ul {margin:0;padding-left:18px}
#edificio-personal .dia-reunion {display:grid;gap:6px;border:1px solid #E6EBF0;border-radius:12px;padding:6px 8px 10px;margin-bottom:8px;background:#fff}
#edificio-personal .dia-reunion > .agente {border:0;margin:0;background:transparent}
#edificio-personal .dia-reunion .ir-reunion.mini {justify-self:start;margin-left:52px}
#edificio-personal .dia-reunion.en-curso {border-color:#0F6CBD;box-shadow:0 0 0 2px rgba(15,108,189,.12)}
#edificio-personal .dia-reunion .ahora {color:#0F6CBD}
#edificio-personal .ol-buscar {display:flex;gap:6px;margin:6px 0 10px}
#edificio-personal .ol-buscar input {flex:1;min-width:0;border:1px solid var(--linea);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;background:var(--papel)}
#edificio-personal .ol-buscar button {border:0;background:#0F6CBD;color:#fff;border-radius:999px;padding:0 16px;font:700 13px Inter,sans-serif;cursor:pointer}
#edificio-personal .ol-mas {display:block;width:calc(100% - 24px);margin:10px 12px 14px;padding:9px;border:1px dashed #9DB8D3;border-radius:8px;background:#fff;color:#0F6CBD;font:600 12.5px Inter,sans-serif;cursor:pointer}
#edificio-personal .ol-mas:hover {background:#EEF5FC}
#edificio-personal .ol-av-sel {position:relative;width:36px;height:36px;display:inline-grid;place-items:center}
#edificio-personal .ol-av-sel .ol-check {position:absolute;inset:0;margin:auto;width:20px;height:20px;opacity:0;cursor:pointer;accent-color:#0F6CBD}
#edificio-personal .ol-item:hover .ol-av-sel .ol-check, #edificio-personal .con-seleccion .ol-av-sel .ol-check, #edificio-personal .ol-item.seleccionado .ol-check {opacity:1}
#edificio-personal .ol-item:hover .ol-av-sel .ol-av, #edificio-personal .con-seleccion .ol-av-sel .ol-av, #edificio-personal .ol-item.seleccionado .ol-av {opacity:.15}
#edificio-personal .ol-item.seleccionado {background:#DCEBFA}
#edificio-personal .ol-sel-barra {position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:#F7F9FB;border-bottom:1px solid #E6EBF0;font-size:12.5px}
#edificio-personal .ol-sel-todo input {width:16px;height:16px;accent-color:#0F6CBD;cursor:pointer}
#edificio-personal .ol-sel-barra b {color:#0F6CBD;margin-right:4px}
#edificio-personal .ol-sel-barra button, #edificio-personal .ol-sel-barra select {display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #D5DEE6;border-radius:6px;background:#fff;font:600 12px Inter,sans-serif;color:#1B2A38;cursor:pointer}
#edificio-personal .ol-sel-barra button:hover {background:#EEF2F5}
#edificio-personal .ol-sel-barra button svg {width:14px;height:14px}
#edificio-personal .ol-sel-barra .ol-sel-x {border:0;background:transparent;font-size:18px;margin-left:auto}
#edificio-personal .ol-sel-ayuda {color:#6B7C8C}
#edificio-personal .z-rejilla { padding-top: 9px; }
#edificio-personal .tm-est.e-hecho {background:#E1F5EE;color:#0B6B4B}
#edificio-personal .tm-escribir .accion {width:auto;margin:0;height:46px;padding:0 18px}
#edificio-personal .info-filas li {grid-template-columns:80px minmax(0,1fr)}
#edificio-personal .info-filas span {min-width:0;overflow-wrap:anywhere}
#edificio-personal .info-adjuntos a {display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font:600 13px Inter,sans-serif}
#edificio-personal .info-adjuntos a:hover {border-color:var(--celeste)}
#edificio-personal .boton-borrar-ev {border-radius:8px;margin-right:0}
#edificio-personal .boton-borrar-ev + .vacio {margin-top:8px;line-height:1.4}
#edificio-personal .z-nav button {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:9px;font:600 13px Inter,sans-serif;line-height:1;white-space:nowrap}
#edificio-personal .z-nav .z-atras {border-radius:9px}
#edificio-personal .z-nav .z-salir small {font-size:11px}
#edificio-personal .bloque > .boton-borrar-ev + .vacio {padding:0;margin-left:0;text-align:left}
#edificio-personal .saludo .accion { height: 36px; padding: 0 16px; font-size: 13px; width: auto; }
#edificio-personal #edificio-interior .z-nav button {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:9px;font:600 13px Inter,sans-serif;line-height:1;white-space:nowrap}
#edificio-personal .ft-estado.e-hecho {background:#EAF1F8;color:#1B3A5C}
#edificio-personal .tm2-hilo .chat-encargo .hablar-caja .accion {width:auto;height:40px;padding:0 18px;margin:0;border-radius:20px;font:600 14px Inter,sans-serif;justify-content:center;align-self:flex-end}
#edificio-personal .hablar-caja .accion, #edificio-personal .tm2-hilo .chat-encargo .hablar-caja .accion {align-self:center;height:32px;padding:0 14px;border-radius:9px;font:600 13px Inter,sans-serif;justify-content:center}

/* ------------------------------------------------------------------ 10-nov (tarde): lo propio de esta ciudad */
#edificio-personal .z-nav button.pendiente { border-style: dashed; }
#edificio-personal .ol-nueva { margin: 6px 10px; padding: 6px 10px; border: 1px dashed var(--linea); border-radius: 10px; background: none; color: var(--tinta-2); font-weight: 600; cursor: pointer; text-align: left; }
#edificio-personal .ol-nueva:hover { background: var(--verde-fondo); color: var(--verde-tinta); }

/* Mis tareas (PER4) */
#edificio-personal .zt-cuerpo { flex: 1; min-height: 0; overflow: auto; padding: 2px 2px 20px; display: flex; flex-direction: column; gap: 12px; }
#edificio-personal .zt-barra { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
#edificio-personal .zt-barra button, #edificio-personal .zt-acciones button, #edificio-personal .zt-botones button, #edificio-personal .zt-reunion header button, #edificio-personal .zt-sin button, #edificio-personal .zt-subir, #edificio-personal .zb-subir, #edificio-personal .zb-base button, #edificio-personal .zb-botones button {
  padding: 7px 13px; border: 1px solid var(--linea); border-radius: 10px; background: #fff; color: var(--tinta); font-weight: 600; cursor: pointer; }
#edificio-personal button.accion { background: var(--navy); border-color: var(--navy); color: #fff; }
#edificio-personal button.accion:disabled { opacity: .45; }
#edificio-personal .zt-barra .zt-aviso { background: var(--verde-fondo); color: var(--verde-tinta); border-color: transparent; }
#edificio-personal .chk { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--tinta-2); }
#edificio-personal .zt-nombre { display: inline-flex; align-items: center; gap: 8px; color: var(--tinta-2); font-weight: 600; }
#edificio-personal .zt-nombre input, #edificio-personal .zt-editar input, #edificio-personal .zt-editar textarea, #edificio-personal .zt-caja input:not([type=checkbox]), #edificio-personal .zt-caja textarea {
  padding: 8px 10px; border: 1px solid var(--linea); border-radius: 10px; background: #fff; width: 100%; }
#edificio-personal .zt-nombre input { width: 240px; }
#edificio-personal .zt-nota { margin: 0; color: var(--tinta-2); max-width: 900px; }
#edificio-personal .zt-tablero { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; flex: 1; }
#edificio-personal .zt-col { background: var(--papel); border-radius: 16px; padding: 12px; min-height: 240px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 2px 14px rgba(27, 58, 92, .07); }
#edificio-personal .zt-col.sobre { outline: 2px dashed var(--verde); outline-offset: -4px; }
#edificio-personal .zt-col h3 { margin: 0 2px; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--tinta-2); }
#edificio-personal .zt-col h3 b { margin-left: 4px; padding: 1px 8px; border-radius: 99px; background: var(--terreno); color: var(--tinta); }
#edificio-personal .zt-tarjeta { background: #fff; border: 1px solid var(--linea); border-left: 4px solid var(--celeste); border-radius: 12px; padding: 11px 12px; display: flex; flex-direction: column; gap: 6px; cursor: grab; }
#edificio-personal .zt-col[data-zt-col="en curso"] .zt-tarjeta { border-left-color: var(--amarillo); }
#edificio-personal .zt-col[data-zt-col="hecho"] .zt-tarjeta { border-left-color: var(--verde); opacity: .8; }
#edificio-personal .zt-tarjeta.vencida { border-left-color: var(--rojo); }
#edificio-personal .zt-tarjeta p { margin: 0; color: var(--tinta-2); font-size: 13px; }
#edificio-personal .zt-pie { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12px; color: var(--tinta-2); }
#edificio-personal .zt-tarjeta.vencida .zt-fecha { color: #B3261E; font-weight: 700; }
#edificio-personal .zt-origen { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#edificio-personal .zt-origen::before { content: '↳ '; }
#edificio-personal .zt-acciones { display: flex; flex-wrap: wrap; gap: 6px; }
#edificio-personal .zt-acciones button { padding: 4px 10px; font-size: 12.5px; }
#edificio-personal .zt-editar { cursor: default; border-left-color: var(--navy); }
#edificio-personal .zt-nueva { max-width: 560px; }
#edificio-personal .zt-fila { display: flex; gap: 10px; flex-wrap: wrap; }
#edificio-personal .zt-fila label { flex: 1 1 160px; display: flex; flex-direction: column; gap: 3px; font-size: 12px; font-weight: 600; color: var(--tinta-2); }
#edificio-personal .zt-botones { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#edificio-personal .zt-botones .zt-quitar { margin-left: auto; color: #B3261E; }
#edificio-personal .zt-reunion { background: var(--papel); border-radius: 16px; padding: 12px 14px; box-shadow: 0 2px 14px rgba(27, 58, 92, .07); display: flex; flex-direction: column; gap: 8px; }
#edificio-personal .zt-reunion > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
#edificio-personal .zt-reunion > header small { display: block; color: var(--tinta-2); }
#edificio-personal .zt-reunion > header > div:last-child { display: flex; gap: 6px; }
#edificio-personal .zt-propuesta { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--linea); border-radius: 12px; background: #fff; }
#edificio-personal .zt-propuesta.mia { border-left: 4px solid var(--verde); }
#edificio-personal .zt-propuesta p { margin: 2px 0; color: var(--tinta-2); font-size: 13px; }
#edificio-personal .zt-propuesta small { color: var(--tinta-2); }
#edificio-personal .zt-propuesta .zt-acciones { flex: none; }
#edificio-personal .zt-vacio { background: var(--papel); border-radius: 16px; padding: 28px; }
#edificio-personal .zt-ingesta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 12px; align-items: start; }
#edificio-personal .zt-caja { background: var(--papel); border-radius: 16px; padding: 16px 18px; box-shadow: 0 2px 14px rgba(27, 58, 92, .07); display: flex; flex-direction: column; gap: 10px; }
#edificio-personal .zt-caja h3 { margin: 0; font: 600 19px Fraunces, serif; }
#edificio-personal .zt-caja p { margin: 0; color: var(--tinta-2); }
#edificio-personal .zt-caja textarea { resize: vertical; font: 13px/1.5 ui-monospace, Consolas, monospace; }
#edificio-personal .zt-sin { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: #FFF6E0; border: 1px solid #F1D9A0; }
#edificio-personal .zt-caja p.zt-estado { font-weight: 600; color: var(--verde-tinta); }
#edificio-personal .zt-caja p.zt-estado.mal { color: #B3261E; }
#edificio-personal .zt-previa { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: var(--verde-fondo); }
#edificio-personal .zt-linea { display: flex; gap: 8px; align-items: flex-start; padding: 6px 8px; border-radius: 8px; background: #fff; }
#edificio-personal .zt-linea small { display: block; color: var(--tinta-2); }
#edificio-personal .zt-leidas ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
#edificio-personal .zt-leidas li { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid var(--linea); }
#edificio-personal .zt-leidas li small { color: var(--tinta-2); }
#edificio-personal .zt-leidas li span { margin-left: auto; color: var(--tinta-2); }
@media (max-width: 900px) { #edificio-personal .zt-tablero, #edificio-personal .zt-ingesta { grid-template-columns: 1fr; } }

/* Biblioteca (PER5) */
#edificio-personal .zb-cuerpo { flex: 1; min-height: 0; display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 12px; }
#edificio-personal .zb-lado { overflow: auto; background: var(--papel); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 2px 14px rgba(27, 58, 92, .07); }
#edificio-personal .zb-lado h3 { margin: 4px 0 0; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--tinta-2); }
#edificio-personal .zb-lado h3 b { margin-left: 4px; padding: 1px 8px; border-radius: 99px; background: var(--terreno); color: var(--tinta); }
#edificio-personal .zb-base { border: 1px solid var(--linea); border-radius: 12px; padding: 10px 12px; background: #fff; display: flex; flex-direction: column; gap: 4px; }
#edificio-personal .zb-base.abierta { border-color: var(--verde); box-shadow: 0 0 0 2px var(--verde-fondo); }
#edificio-personal .zb-base header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#edificio-personal .zb-base header b { font: 600 17px Fraunces, serif; }
#edificio-personal .zb-base p { margin: 0; color: var(--tinta-2); font-size: 13px; }
#edificio-personal .zb-base small { color: var(--tinta-2); font-size: 12px; }
#edificio-personal .zb-base small.zb-pend { color: #8A5A00; }
#edificio-personal .zb-nota { margin: 0; font-size: 12.5px; color: var(--tinta-2); }
#edificio-personal .zb-subir, #edificio-personal .zt-subir { display: inline-block; align-self: flex-start; }
#edificio-personal .zb-informes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
#edificio-personal .zb-informes li { display: flex; gap: 4px; align-items: stretch; }
#edificio-personal .zb-informes li > button:first-child { flex: 1; min-width: 0; text-align: left; padding: 7px 10px; border: 1px solid var(--linea); border-radius: 10px; background: #fff; cursor: pointer; }
#edificio-personal .zb-informes b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#edificio-personal .zb-informes small { color: var(--tinta-2); }
#edificio-personal .zb-quitar { border: 0; background: none; color: var(--tinta-2); cursor: pointer; font-size: 18px; padding: 0 6px; }
#edificio-personal .zb-nav { min-width: 0; min-height: 0; background: var(--papel); border-radius: 16px; box-shadow: 0 2px 14px rgba(27, 58, 92, .07); display: flex; flex-direction: column; overflow: hidden; }
#edificio-personal .zb-portada { margin: auto; max-width: 620px; padding: 30px; display: flex; flex-direction: column; gap: 12px; }
#edificio-personal .zb-portada h2 { font: 600 26px Fraunces, serif; }
#edificio-personal .zb-portada p { margin: 0; color: var(--tinta-2); }
#edificio-personal .zb-botones { display: flex; gap: 8px; flex-wrap: wrap; }
#edificio-personal .zb-webs { padding: 8px 10px 0; }
#edificio-personal .zb-navegador { flex: 1; min-height: 0; display: flex; flex-direction: column; }
@media (max-width: 900px) { #edificio-personal .zb-cuerpo { grid-template-columns: 1fr; } }

/* Academia (PER6): la academia trae su propio aspecto (academia.css); aquí sólo su sitio en la capa. */
#edificio-personal .za-cab { padding-top: 10px; padding-bottom: 10px; }
#edificio-personal .za-cuerpo { flex: 1; min-height: 0; overflow: auto; border-radius: 16px; }
#edificio-personal .zt-cuerpo button.accion, #edificio-personal .zb-cuerpo button.accion { display: inline-flex; width: auto; align-items: center; justify-content: center; margin: 0; text-align: center; }
#edificio-personal .zt-propuesta .zt-acciones { flex-wrap: nowrap; }

/* ------------------------------------------------------------------ 10-nov (noche, Andrés): POP-UP, no pantalla completa.
   Empieza debajo de la cabecera y de la fila de indicadores y migas (siguen a la vista y se pueden usar), deja un margen por
   el que se ve la ciudad y, pinchando en él, se sale. Por debajo de la cabecera (z 20) y por encima de la ciudad y el Panel. */
#edificio-personal-fondo { position: fixed; inset: 0; z-index: 16; background: rgba(27, 58, 92, .30); cursor: pointer; }
#edificio-personal-fondo[hidden] { display: none; }
#edificio-personal { position: fixed; inset: auto; top: calc(var(--bajo-cab, 84px) + 48px); left: 30px; right: 30px; bottom: 26px; z-index: 17;
  padding: 12px; gap: 10px; border-radius: 24px; background: #EEF4F2; box-shadow: 0 24px 70px rgba(27, 58, 92, .45), 0 0 0 1px rgba(255, 255, 255, .5); }
#edificio-personal .z-cab { padding-top: 10px; padding-bottom: 10px; }
#edificio-personal .z-cab h1 { font-size: 22px; }
@media (max-width: 900px) { #edificio-personal { left: 8px; right: 8px; bottom: 8px; } }