/* Tiradores del recuadro de Cropper.js (cropper.css) para el dedo: los
   originales miden 5px. En pantallas chicas o táctiles se agrandan, y el borde
   agarrable se ensancha (invisible). Va acá y no en el Tailwind de la app
   porque cropper.css está fuera de @layer y le gana a todo lo que esté dentro
   de una capa, sin importar la especificidad. */
@media (max-width: 639px), (pointer: coarse) {
  .recorte-lienzo .cropper-point { width: 14px; height: 14px; opacity: 1; }
  .recorte-lienzo .cropper-point.point-n, .recorte-lienzo .cropper-point.point-s { margin-left: -7px; }
  .recorte-lienzo .cropper-point.point-e, .recorte-lienzo .cropper-point.point-w { margin-top: -7px; }
  .recorte-lienzo .cropper-point.point-n, .recorte-lienzo .cropper-point.point-nw, .recorte-lienzo .cropper-point.point-ne { top: -7px; }
  .recorte-lienzo .cropper-point.point-s, .recorte-lienzo .cropper-point.point-sw, .recorte-lienzo .cropper-point.point-se { bottom: -7px; }
  .recorte-lienzo .cropper-point.point-w, .recorte-lienzo .cropper-point.point-nw, .recorte-lienzo .cropper-point.point-sw { left: -7px; }
  .recorte-lienzo .cropper-point.point-e, .recorte-lienzo .cropper-point.point-ne, .recorte-lienzo .cropper-point.point-se { right: -7px; }
  .recorte-lienzo .cropper-line { background: transparent; }
  .recorte-lienzo .cropper-line.line-n, .recorte-lienzo .cropper-line.line-s { height: 24px; }
  .recorte-lienzo .cropper-line.line-e, .recorte-lienzo .cropper-line.line-w { width: 24px; }
  .recorte-lienzo .cropper-line.line-n { top: -12px; }
  .recorte-lienzo .cropper-line.line-s { bottom: -12px; }
  .recorte-lienzo .cropper-line.line-e { right: -12px; }
  .recorte-lienzo .cropper-line.line-w { left: -12px; }
}