/* W10a/W10b · el plano ampliado, compartido por la home y /asistente-realtor.
   El diálogo lo construye `planos.js`; cada página pone sus miniaturas (`.plano-mini`
   con dos <svg> t-es/t-en que usan un <symbol> de su `.planos-defs`). */
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
  white-space:nowrap}
.plano-caja{position:fixed; inset:0; z-index:60; background:rgba(42,38,34,.72);
  display:grid; place-items:center; padding:16px; opacity:1; transition:opacity .18s ease}
.plano-caja[hidden]{display:grid; opacity:0; visibility:hidden; pointer-events:none}
.plano-hoja{background:#F2EDE6; border-radius:14px; padding:14px 14px 12px;
  width:min(760px, 100%); max-height:100%; display:flex; flex-direction:column; gap:10px;
  box-shadow:0 24px 60px rgba(0,0,0,.35)}
.plano-hoja svg{width:100%; height:auto; max-height:calc(100vh - 140px); vertical-align:top}
.plano-pie{display:flex; align-items:center; justify-content:space-between; gap:12px;
  font-size:.82rem; color:var(--tinta2, rgba(42,38,34,.64))}
.plano-pie b{color:var(--grafito, #2A2622)}
.plano-cerrar{border:1.5px solid #2A2622; background:transparent; color:#2A2622;
  border-radius:999px; padding:7px 16px; font:inherit; font-size:.86rem; font-weight:600;
  cursor:pointer; flex:none}
.plano-cerrar:focus-visible{outline:2px solid var(--petroleo, #1F4A52); outline-offset:2px}
@media (prefers-reduced-motion: reduce){ .plano-caja{transition:none} }