/* Estructura de la página (estructura-panel.js y mover-secciones.js, 2026-11-09): lista de secciones, barra superior y esquina
   del botón de accesibilidad. Objetivos de 44 px (WCAG 2.5.8) y foco visible; lo del iframe vive en mover-secciones.js. */
.estructura__lista { list-style: none; margin: .4rem 0 .75rem; padding: 0; display: grid; gap: .35rem; }
.estructura__lista li { display: flex; align-items: center; gap: .4rem; min-height: 48px; padding: .15rem .5rem; border: 1px solid var(--linea);
  border-radius: 10px; background: var(--blanco); }
.estructura__lista .estructura__nombre { flex: 1; font-weight: 600; }
.estructura__lista li[data-fija] .estructura__nombre { color: var(--tinta-suave); font-weight: 500; }
.estructura__lista button { min-width: 44px; min-height: 44px; border: 1px solid var(--linea); border-radius: 10px; background: var(--blanco);
  color: var(--tinta); font-weight: 600; }
.estructura__lista button:hover:not(:disabled) { border-color: var(--coral); color: var(--coral-oscuro); }
.estructura__lista button:disabled { opacity: .45; cursor: not-allowed; }
.estructura__grupo { border: 1px solid var(--linea); border-radius: 12px; margin: .75rem 0; padding: .4rem .8rem .6rem; }
.estructura__grupo legend { font-weight: 700; padding: 0 .3rem; }
.estructura__esquinas { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.estructura__esquinas label { display: flex; align-items: center; gap: .5rem; min-height: 48px; padding: 0 .5rem; border: 1px solid var(--linea);
  border-radius: 10px; font-size: .85rem; cursor: pointer; }
.estructura__esquinas label:has(input:checked) { border-color: var(--coral); background: var(--suave); font-weight: 700; }
.estructura__esquinas input { width: 24px; height: 24px; accent-color: var(--coral); flex: none; }
.estructura__esquinas label:has(input:focus-visible) { outline: 3px solid var(--coral); outline-offset: 2px; }