/* letrero.css (25-oct-2026, renglón 15) — lo que la hoja ÚNICA muestra cuando se abre un letrero del lugar.
   Se carga después de hoja.css en / y /mundo. Reutiliza .hn-fila, .hn-chips, .hn-sec, .hn-nota, .hn-pista de hoja.css:
   aquí solo viven la cabecera ilustrada, las tres pestañas, la barra de orden y los dos botones por renglón. */
.lt{font-family:var(--hn-ui);color:var(--hn-fg)}
/* cabecera del lugar: ilustración + dónde + clima + «Mis planes» */
.lt-cab{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.lt-ilu-caja{flex:0 0 96px;width:96px;height:64px;border:2px solid var(--hn-tinta);border-radius:10px;overflow:hidden;background:#cfe4ee;box-shadow:inset 0 0 0 2px rgba(255,244,220,.35)}
.lt-ilu{display:block;width:100%;height:100%}
.lt-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lt-donde{font-size:14.5px;color:var(--hn-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-clima{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:600;line-height:1.2}
.lt-clima svg{width:22px;height:22px;flex:0 0 auto;color:var(--hn-acento)}
.lt-clima span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-planes{flex:0 0 auto;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:44px;padding:0 10px;border-radius:999px;
  border:2px solid var(--hn-tinta);background:var(--hn-bg2);color:var(--hn-fg);font:600 15px var(--hn-ui);-webkit-tap-highlight-color:transparent}
.lt-planes svg{width:20px;height:20px}
/* las tres pestañas: un control segmentado, una línea, ≥ 44 px */
.lt-tabs{display:flex;border:2px solid var(--hn-tinta);border-radius:12px;overflow:hidden;margin:0 0 8px;background:var(--hn-bg2)}
.lt-tab{flex:1 1 0;min-width:0;min-height:44px;appearance:none;border:0;border-right:1px solid var(--hn-line);background:transparent;color:var(--hn-fg);font:600 15px/1.1 var(--hn-ui);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.lt-tab:last-child{border-right:0}
.lt-tab b{font-size:14px;font-weight:700;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:rgba(74,46,20,.12);display:inline-grid;place-items:center}
.lt-tab[aria-selected="true"]{background:var(--hn-acento);color:var(--hn-acento-fg)}
.lt-tab[aria-selected="true"] b{background:rgba(255,247,230,.25)}
/* filtros: la fila deslizable de hoja.css, sin cambios */
.lt-filtros{margin-bottom:2px}
/* objetivos de toque ≥ 44 px dentro del letrero (los chips de hoja.css miden 40; aquí se suben sin tocar hoja.css) */
.lt .hn-chip,.lt .hn-fila .hn-fa{min-height:44px}
/* barra: cuántos + orden */
.lt-barra{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14.5px;color:var(--hn-muted);margin:0 0 2px}
.lt-orden{margin-left:auto;display:inline-flex;gap:2px;border:2px solid var(--hn-tinta);border-radius:999px;padding:0;background:var(--hn-bg2)}
.lt-orden button{appearance:none;cursor:pointer;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--hn-fg);font:600 14px var(--hn-ui);-webkit-tap-highlight-color:transparent}
.lt-orden button[aria-pressed="true"]{background:var(--hn-acento);color:var(--hn-acento-fg)}
/* renglones: la fila de una línea de hoja.css con DOS acciones (Ir · Guardar) */
.lt-lista{margin:0 0 4px}
.lt-fila{cursor:pointer;gap:10px}
.lt-fila:focus-visible{outline:2px solid var(--hn-acento);outline-offset:-2px;border-radius:8px}
.lt-fila .hn-fa.lt-ir{min-width:60px;padding:0 10px 0 8px;gap:3px}
.lt-fila .hn-fa.lt-ir svg{width:18px;height:18px}
.lt-guardar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;appearance:none;cursor:pointer;display:grid;place-items:center;border:2px solid var(--hn-tinta);background:var(--hn-bg2);color:var(--hn-fg);-webkit-tap-highlight-color:transparent}
.lt-guardar svg{width:20px;height:20px}
.lt-guardar:active,.lt-ir:active{transform:translateY(1px)}
.lt-vacio{margin:14px 2px;padding:14px;border:1px dashed var(--hn-line);border-radius:12px;color:var(--hn-muted);font-size:16px;text-align:center}
/* guardar en un plan */
.lt-nuevo{display:flex;gap:8px;margin:10px 0 6px}
.lt-nuevo input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:2px solid var(--hn-tinta);border-radius:12px;background:#fff9ec;color:var(--hn-fg);font:17px var(--hn-ui)}
.lt-nuevo button{flex:0 0 auto;min-height:44px}
/* ficha compacta (plaza) */
.lt-foto{height:min(220px,30vh);border:2px solid var(--hn-tinta);border-radius:12px;background:#d8c7a2 center/cover no-repeat;margin:0 0 10px}
.lt-dato{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;font-size:16px;line-height:1.3}
.lt-dato svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:var(--hn-acento)}
.lt-desc{margin:8px 0 12px;font-size:16px;line-height:1.4;color:var(--hn-fg)}
/* la fila asomada de la plaza y el mapa no cambian; en escritorio la hoja es panel lateral y todo esto cabe en 392 px */
@media (max-width:360px){.lt-ilu-caja{flex-basis:80px;width:80px;height:54px}.lt-orden button{padding:0 7px;font-size:13px}}