/* CUPONFY ERP · ventana de recorte de imágenes (CF.recortarImagen, comun/js/recorte.js). Común a los paneles. */
.cf-recorte {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 15, 30, .62);
}
.cf-recorte--abierta { display: flex; }

.cf-recorte__caja {
    display: flex;
    flex-direction: column;
    width: min(920px, 100%);
    max-height: 100%;
    overflow: auto;
    padding: 1rem 1.2rem;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}
.cf-recorte__encabezado { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .75rem; }
.cf-recorte__encabezado h5 { margin: 0; font-weight: 700; }
.cf-recorte__encabezado small { color: #717171; }

.cf-recorte__lienzo { height: min(60vh, 520px); border-radius: 12px; overflow: hidden; background: #f2f2f2; }
.cf-recorte__lienzo cropper-canvas { width: 100%; height: 100%; }

.cf-recorte__herramientas { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-top: .75rem; }
.cf-recorte__pie { display: flex; justify-content: flex-end; gap: .5rem; margin-top: 1rem; }

@media (max-width: 575.98px) {
    .cf-recorte { padding: 0; }
    .cf-recorte__caja { border-radius: 0; height: 100%; }
    .cf-recorte__lienzo { flex: 1; height: auto; min-height: 280px; }
    .cf-recorte__herramientas small { display: none; }
}