/* Mapa de asientos (js/asientos.js): pagina publica y vista previa del panel */
.sala-bloque { flex:1 1 100%; font-size:0.85rem; }
.sala-ayuda { margin:0 0 8px; color:#C4BFAE; line-height:1.5; }
.sala-cont { overflow-x:auto; padding:4px 0 10px; -webkit-overflow-scrolling:touch; }
.sala { display:inline-flex; flex-direction:column; align-items:center; gap:4px; min-width:100%; }
.sala-escenario { width:80%; max-width:420px; margin:0 auto 12px; padding:6px 0; text-align:center; font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase; color:#101A30; background:#C4BFAE; border-radius:0 0 40% 40% / 0 0 14px 14px; }
.sala-etiqueta { margin:8px 0 2px; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:#E7C878; }
.sala-fila { display:grid; gap:3px; align-items:center; --asiento:28px; }
.sala-nfila { font-size:0.7rem; color:#8d8878; text-align:center; }
.asiento { width:var(--asiento); height:var(--asiento); padding:0; font-size:0.62rem; font-family:inherit; line-height:1; color:#F4EFE3; background:transparent; border:1px solid rgba(217,165,54,0.6); border-radius:6px 6px 3px 3px; cursor:pointer; }
.asiento:hover:not(:disabled) { background:rgba(217,165,54,0.25); }
.asiento:focus-visible { outline:2px solid #E7C878; outline-offset:1px; }
.asiento.a-mio { background:#D9A536; border-color:#D9A536; color:#101A30; font-weight:700; }
.asiento.a-vendido { background:#2a3249; border-color:#2a3249; color:#5d6479; cursor:not-allowed; }
.asiento.a-apartado { background:repeating-linear-gradient(45deg,#3a2e14,#3a2e14 4px,#2a2414 4px,#2a2414 8px); border-color:#5a4a24; color:#8d7a4a; cursor:not-allowed; }
.asiento.a-nd { background:transparent; border:1px dashed #3a4258; color:#3a4258; cursor:not-allowed; }
.asiento.a-cargando { opacity:0.5; }
.sala-leyenda { display:flex; flex-wrap:wrap; gap:6px 14px; margin:6px 0 8px; font-size:0.75rem; color:#C4BFAE; }
.sala-leyenda span { display:inline-flex; align-items:center; gap:5px; }
.sala-leyenda i { display:inline-block; width:14px; height:14px; border-radius:4px 4px 2px 2px; border:1px solid rgba(217,165,54,0.6); }
.sala-leyenda i.l-mio { background:#D9A536; border-color:#D9A536; }
.sala-leyenda i.l-vendido { background:#2a3249; border-color:#2a3249; }
.sala-leyenda i.l-apartado { background:repeating-linear-gradient(45deg,#3a2e14,#3a2e14 3px,#2a2414 3px,#2a2414 6px); border-color:#5a4a24; }
.sala-resumen { padding:8px 10px; background:#182544; border:1px solid rgba(217,165,54,0.28); color:#F4EFE3; line-height:1.5; }
.sala-resumen small { color:#C4BFAE; }
.sala-aviso { margin-top:8px; padding:8px 10px; background:#3a1414; border:1px solid #8a2e2e; color:#f0bcbc; }
@media (max-width:640px) { .sala-fila { --asiento:24px; gap:2px; } .asiento { font-size:0.56rem; } }