/* Ventana «Ajustar logo» (módulo 112, Karim 06/11): cuadro con guía redonda, zoom, vista previa cuadrada y redonda. */
.tla-dialogo{margin:auto!important;inset:0;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid var(--border-color,#333);border-radius:12px;background:var(--bg-card,#14161c);color:var(--text-main,#fff);box-sizing:border-box}
.tla-dialogo::backdrop{background:rgba(0,0,0,.7)}
.tla-dialogo h3{margin:0 0 4px;font-size:1.1rem}
.tla-ayuda{margin:0 0 12px;font-size:.82rem;color:var(--text-muted,#aaa)}
.tla-marco{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#2a2d35 0 25%,#1d2027 0 50%) 0 0/20px 20px;touch-action:none}
.tla-lienzo{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.tla-lienzo:active{cursor:grabbing}
.tla-guia{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.55) inset;pointer-events:none}
.tla-controles{display:flex;align-items:center;gap:8px;margin:12px 0}
.tla-zoom{flex:1;min-width:0}
.tla-btn{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--border-color,#444);background:rgba(255,255,255,.06);color:inherit;font:inherit;cursor:pointer}
.tla-menos,.tla-mas{width:40px;padding:0;font-size:1.3rem;line-height:1}
.tla-previa{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.82rem;color:var(--text-muted,#aaa)}
.tla-previa canvas{display:block;width:56px;height:56px}
.tla-mini-cuadro canvas{border-radius:7px;background:rgba(0,0,0,.35)}
.tla-mini-redondo canvas{border-radius:50%;background:rgba(0,0,0,.35)}
.tla-acciones{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.tla-restablecer{margin-right:auto}
.tla-usar{background:var(--secondary,#2f80ed);border-color:transparent;color:#fff;font-weight:600}
.tla-usar:disabled{opacity:.6}
@media (max-width:420px){.tla-acciones .tla-btn{flex:1 1 auto}.tla-restablecer{flex-basis:100%;margin-right:0}}