/* Panel Transparencia del Estudio de diseño (#89, panel-transparencia.js): opacidad, modo de
   fusión y máscara de recorte, en el grupo de pestañas Organizar. Usa las variables de estudio.css. */

.transparencia { display: grid; gap: 10px; }
.transparencia[hidden] { display: none; }
.transparencia-campos { display: grid; gap: 8px; }
.transparencia-fila { grid-template-columns: 76px minmax(0, 1fr); }
.transparencia select {
  min-width: 0;
  padding: 4px 6px;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  background: var(--hoja);
  color: var(--tinta);
  font: 400 13px/1.3 var(--letra);
}
.transparencia-mascara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.transparencia-mascara .relleno-modo { justify-content: center; }
.transparencia-mascara .relleno-modo:disabled { opacity: 0.5; cursor: default; }