/*
 * Este archivo puede estar vacío o contener estilos globales si el componente
 * necesita interactuar con elementos fuera de su Shadow DOM.
 * En este caso, todos los estilos están encapsulados dentro del propio
 * componente (en photo-cropper.js), por lo que este archivo no es estrictamente
 * necesario pero se crea por consistencia.
 */

/* Estilo para indicar visualmente que una miniatura ya ha sido encuadrada */
.thumbnail-item.is-cropped .thumbnail-img-wrapper::after {
    content: '✔';
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #28a745;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    z-index: 20;
}