/* Visual del plugin anterior aplicado aquí */

/* Tarjeta contenedora */
.lpfp-card { 
    display: flex; 
    align-items: center; 
    gap: 20px; 
    background: #fef6ff; 
    border: 1px solid #2c2a5f; 
    color: #2c2a5f;
    border-radius: 12px; 
    padding: 15px; 
    max-width: 520px; 
    margin: 15px 0; 
}

/* Vista previa */
.lpfp-preview { flex-shrink: 0; width: 110px; height: 110px; }
.lpfp-preview img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; display: block; }
.lpfp-no-image { width: 100%; height: 100%; background: #e0e0e0; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; color: #666; }

/* Contenido */
.lpfp-content { display: flex; flex-direction: column; align-items: flex-start; }
.lpfp-content h4 { margin: 0 0 6px; font-size: 20px; color: #2c2a5f; }
.lpfp-content .lpfp-help { margin: 0 0 12px; font-size: 12px; color: #2c2a5f; opacity: .8; line-height: 1.4; }

/* Botones */
.lpfp-btn { -webkit-appearance:none; appearance:none; background:#d9125e !important; color:#fff !important; font-size:14px; padding:9px 16px; border:0 !important; border-radius:8px; font-weight:600; cursor:pointer; transition: opacity .15s ease; }
.lpfp-btn:hover{ opacity: 0.9; }

/* Modal recorte (mismo look & feel) */
#lpfp-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000; align-items: center; justify-content: center; }
.lpfp-modal-content { background: #fff; padding: 20px; border-radius: 10px; text-align: center; max-width: 90vw; }
.lpfp-img-container { max-width: 80vw; max-height: 70vh; margin-bottom: 16px; }
#lpfp-image-to-crop { max-width: 100%; }