/* 930 AutoGest Core — recuadro de firma manuscrita.

   Archivo aparte de form-v11.css por lo mismo que firma-v1.js está fuera
   de form-v5.js: LiteSpeed cachea los estáticos por URL y tocar el
   archivo grande obliga a renombrarlo. Hereda sus variables, que se
   declaran en .ag930-form / .ag930-servicio. */

.ag930-firma {
  margin-block: 1rem;
}

.ag930-firma-etiqueta {
  display: block;
  font-weight: 600;
  color: var(--ag930-text-strong, #151719);
  margin-bottom: 0.25rem;
}

.ag930-firma-ayuda {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  color: var(--ag930-text-muted, #5A5F66);
}

/* El marco es la "línea de firma" de toda la vida: caja clara, borde
   suave y una guía interior para que se firme centrado y no pegado al
   borde. La proporción 3:1 es la de un recuadro de firma de un impreso;
   con menos altura la gente firma apretado y sale ilegible. */
.ag930-firma-marco {
  position: relative;
  border: 1px solid var(--ag930-border, #B8BDC2);
  border-radius: var(--ag930-radio, 8px);
  background: #fff;
  aspect-ratio: 3 / 1;
  overflow: hidden;
}

.ag930-firma-marco::after {
  content: '';
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 22%;
  border-bottom: 1px dashed var(--ag930-border-suave, #E3E5E6);
  pointer-events: none;
}

/* `touch-action: none` es obligatorio, no cosmético: sin él, arrastrar
   el dedo dentro del recuadro hace SCROLL de la página en vez de
   dibujar, y en un móvil la firma es imposible. */
.ag930-firma-lienzo {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
  cursor: crosshair;
}

.ag930-firma-lienzo:focus-visible {
  outline: 2px solid var(--ag930-action, #D40000);
  outline-offset: 2px;
}

.ag930-firma-acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.5rem;
}

.ag930-firma-borrar {
  border: 1px solid var(--ag930-border, #B8BDC2);
  background: #fff;
  border-radius: 999px;
  padding: 0.35em 1em;
  font: inherit;
  font-size: 0.875rem;
  color: var(--ag930-text, #25282C);
  cursor: pointer;
}

.ag930-firma-borrar:hover {
  border-color: var(--ag930-action, #D40000);
  color: var(--ag930-action, #D40000);
}

.ag930-firma-estado {
  font-size: 0.875rem;
  color: var(--ag930-ok, #1E7A3C);
  margin: 0;
}

.ag930-firma-sin-puntero {
  font-size: 0.8125rem;
  color: var(--ag930-text-muted, #5A5F66);
  text-decoration: underline;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}

.ag930-firma-alternativa {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  border-left: 3px solid var(--ag930-border, #B8BDC2);
  background: var(--ag930-bg-alt, #F1F2F2);
  font-size: 0.875rem;
}

/* Firma ya recogida (vista del expediente y del documento imprimible). */
.ag930-firma-hecha img {
  max-width: 320px;
  height: auto;
  display: block;
}

@media print {
  .ag930-firma-acciones,
  .ag930-firma-sin-puntero { display: none; }
}