/* Las pantallas de los edificios de la plaza central (js/personal/plaza.js): el Observatorio y las fichas del Ayuntamiento,
   Dirección y la Memoria del equipo. Todo bajo #edificio-personal .plaza-capa. Etapas con el color de las tarjetas de sala:
   por lanzar (gris azulado), con el agente (celeste), para revisar (ámbar), hecho (verde Freedom). */
#edificio-personal.plaza-capa { --et-lanzar: #8FA3B8; --et-agente: #4DA9D4; --et-revisar: #E0A93B; --et-hecho: #23A877; }
#edificio-personal .ob-cuerpo { flex: 1; min-height: 0; overflow: auto; display: grid; grid-template-columns: 320px 1fr; grid-template-rows: auto 1fr; gap: 10px; }
#edificio-personal .ob-arriba { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
#edificio-personal .ob-cifra { background: #fff; border-radius: 14px; padding: 8px 16px; min-width: 132px; border-left: 6px solid var(--linea); box-shadow: 0 1px 4px rgba(27, 58, 92, .08); }
#edificio-personal .ob-cifra b { display: block; font: 800 26px/1.1 Fraunces, Georgia, serif; color: var(--navy); }
#edificio-personal .ob-cifra span { font-size: 12px; color: var(--tinta-2); }
#edificio-personal .ob-cifra.ob-et-agente { border-left-color: var(--et-agente); } #edificio-personal .ob-cifra.ob-et-revisar { border-left-color: var(--et-revisar); }
#edificio-personal .ob-cifra.ob-et-lanzar { border-left-color: var(--et-lanzar); } #edificio-personal .ob-cifra.ob-et-hecho { border-left-color: var(--et-hecho); }
#edificio-personal .ob-filtros { margin-left: auto; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#edificio-personal .ob-filtros button { border: 1px solid var(--linea); background: #fff; color: var(--navy); border-radius: 999px; padding: 7px 12px; font-weight: 600; font-size: 12.5px; cursor: pointer; }
#edificio-personal .ob-filtros button[aria-pressed="true"] { background: var(--navy); color: #fff; border-color: var(--navy); }
#edificio-personal .ob-ahora { background: #fff; border-radius: 16px; padding: 12px; overflow: auto; align-self: start; max-height: 100%; }
#edificio-personal .ob-ahora h2 { font: 800 15px/1.2 Fraunces, Georgia, serif; margin: 0 0 8px; color: var(--navy); }
#edificio-personal .ob-vacio { font-size: 13px; color: var(--tinta-2); margin: 0; }
#edificio-personal .ob-viva { display: block; width: 100%; text-align: left; border: 0; border-left: 5px solid var(--et-agente); background: #F3F8FB; border-radius: 10px; padding: 8px 10px; margin-bottom: 6px; cursor: pointer; color: var(--navy); font: inherit; }
#edificio-personal .ob-viva.ob-et-revisar { border-left-color: var(--et-revisar); background: #FDF6E6; }
#edificio-personal .ob-viva b { display: block; font-size: 13.5px; } #edificio-personal .ob-viva span { display: block; font-size: 12.5px; } #edificio-personal .ob-viva small { display: block; font-size: 11.5px; color: var(--tinta-2); margin-top: 2px; }
#edificio-personal .ob-mapa { overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: 10px; align-content: start; align-items: start; }
#edificio-personal .ob-barrio { background: var(--suelo); border-radius: 16px; padding: 10px; margin: 0; border: 1px solid color-mix(in srgb, var(--tinta) 18%, transparent); }
#edificio-personal .ob-barrio h2 { margin: 0 0 6px; } #edificio-personal .ob-barrio h2 button { all: unset; cursor: pointer; font: 800 16px/1.2 Fraunces, Georgia, serif; color: var(--tinta); letter-spacing: .02em; }
#edificio-personal .ob-edificio { background: rgba(255, 255, 255, .78); border-radius: 12px; padding: 6px 8px 8px; margin-top: 6px; }
#edificio-personal .ob-edificio h3 { margin: 0 0 4px; } #edificio-personal .ob-edificio h3 button { all: unset; cursor: pointer; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--tinta); }
#edificio-personal .ob-pipe { display: grid; grid-template-columns: minmax(0, 1.5fr) auto minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; text-align: left; border: 0; background: #fff; border-radius: 9px;
  padding: 6px 8px; margin-top: 4px; cursor: pointer; color: var(--navy); font: inherit; box-shadow: 0 1px 2px rgba(27, 58, 92, .08); }
#edificio-personal .ob-pipe:hover, #edificio-personal .ob-viva:hover { outline: 2px solid var(--verde); }
#edificio-personal .ob-pipe.hueco { background: repeating-linear-gradient(135deg, #fff, #fff 8px, #F1F3F5 8px, #F1F3F5 16px); }
#edificio-personal .ob-nombre b { display: block; font-size: 13px; } #edificio-personal .ob-nombre small { display: block; font-size: 11.5px; color: var(--tinta-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#edificio-personal .ob-lanza { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; color: #fff; white-space: nowrap; }
#edificio-personal .ob-solo { background: #2F6F4F; } #edificio-personal .ob-boton { background: #2B5D8A; } #edificio-personal .ob-formulario { background: #8A5A12; } #edificio-personal .ob-hueco { background: #8C8778; }
#edificio-personal .ob-cuando { font-size: 11.5px; color: var(--tinta-2); }
#edificio-personal .ob-cifras { display: flex; gap: 3px; } #edificio-personal .ob-sin { font-style: normal; font-size: 11px; color: var(--tinta-3); }
#edificio-personal .ob-et { font-style: normal; min-width: 22px; text-align: center; font-size: 12px; font-weight: 700; color: #fff; border-radius: 6px; padding: 1px 4px; }
#edificio-personal .ob-et.cero { opacity: .28; }
#edificio-personal .ob-et-lanzar.ob-et { background: var(--et-lanzar); } #edificio-personal .ob-et-agente.ob-et { background: var(--et-agente); }
#edificio-personal .ob-et-revisar.ob-et { background: var(--et-revisar); } #edificio-personal .ob-et-hecho.ob-et { background: var(--et-hecho); }
@media (max-width: 1000px) { #edificio-personal .ob-cuerpo { grid-template-columns: 1fr; } }
#edificio-personal .pl-ficha { flex: 1; overflow: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; align-content: start; }
#edificio-personal .pl-ficha section { background: #fff; border-radius: 16px; padding: 14px 16px; }
#edificio-personal .pl-ficha h2 { font: 800 16px/1.2 Fraunces, Georgia, serif; color: var(--navy); margin: 0 0 6px; }
#edificio-personal .pl-ficha ul { margin: 0; padding-left: 18px; color: var(--tinta-2); font-size: 14px; line-height: 1.5; }