#firmas-1286b4-container{--main:#8d096b;--main-light:rgba(141, 9, 107, 0.1);--main-hover:#a00b7c;--secondary:#f4b61c;--secondary-light:rgba(244, 182, 28, 0.15);--third:#71c8d9;--third-light:rgba(113, 200, 217, 0.15);--white:#faf7fb;--light-grey:#ece9ed;--grey:#c0b6bd;--dark-grey:#7c767e;--black:#291825;--shadow-sm:0 1px 2px rgba(41, 24, 37, 0.05);--shadow-md:0 4px 12px rgba(41, 24, 37, 0.1);--shadow-lg:0 8px 30px rgba(41, 24, 37, 0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,sans-serif;margin:3rem 0;padding:0;color:var(--black)}#firmas-1286b4-container *{box-sizing:border-box}#firmas-1286b4-container .firmas-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--main) 0%,var(--main-hover) 100%);border-radius:var(--radius-lg)var(--radius-lg)0 0;color:#fff;flex-wrap:wrap;gap:1.5rem}#firmas-1286b4-container .firmas-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}#firmas-1286b4-container .firmas-icon{width:32px;height:32px}#firmas-1286b4-container .firmas-subtitle{margin:.5rem 0 0;opacity:.9;font-size:1rem}#firmas-1286b4-container .firmas-counter{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:var(--radius-md);min-width:100px}#firmas-1286b4-container .counter-number{font-size:2.5rem;font-weight:800;line-height:1;color:var(--secondary)}#firmas-1286b4-container .counter-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}#firmas-1286b4-container .firmas-form-container{background:var(--white);padding:2rem 2.5rem;border-left:1px solid var(--light-grey);border-right:1px solid var(--light-grey)}#firmas-1286b4-container .firmas-existing{padding:1.5rem;background:var(--third-light);border-radius:var(--radius-md);border:1px solid var(--third)}#firmas-1286b4-container .existing-header{margin-bottom:1rem}#firmas-1286b4-container .existing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--third);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600}#firmas-1286b4-container .existing-badge svg{width:18px;height:18px}#firmas-1286b4-container .existing-preview{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius-sm);margin-bottom:1rem}#firmas-1286b4-container .existing-image,#firmas-1286b4-container .existing-image-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}#firmas-1286b4-container .existing-image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--light-grey);color:var(--grey)}#firmas-1286b4-container .existing-image-placeholder svg{width:40px;height:40px}#firmas-1286b4-container .existing-info fakeh4{margin:0 0 .5rem;font-size:1.25rem;color:var(--black)}#firmas-1286b4-container .existing-info a{display:inline-flex;align-items:center;gap:.35rem;color:var(--main);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}#firmas-1286b4-container .existing-info a:hover{color:var(--main-hover)}#firmas-1286b4-container .existing-actions{display:flex;gap:1rem;flex-wrap:wrap}#firmas-1286b4-container .btn-edit,#firmas-1286b4-container .btn-delete{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}#firmas-1286b4-container .btn-edit{background:var(--main);color:#fff}#firmas-1286b4-container .btn-edit:hover{background:var(--main-hover);transform:translateY(-1px)}#firmas-1286b4-container .btn-delete{background:0 0;color:#dc3545;border:1px solid #dc3545}#firmas-1286b4-container .btn-delete:hover{background:#dc3545;color:#fff}#firmas-1286b4-container .btn-edit svg,#firmas-1286b4-container .btn-delete svg{width:18px;height:18px}#firmas-1286b4-container .firmas-form{transition:var(--transition)}#firmas-1286b4-container .firmas-form.hidden{display:none}#firmas-1286b4-container .form-grid{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start}@media(max-width:768px){#firmas-1286b4-container .form-grid{grid-template-columns:1fr}}#firmas-1286b4-container .form-group-image{margin:0}#firmas-1286b4-container .image-upload-area{display:block;cursor:pointer}#firmas-1286b4-container .image-upload-area input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#firmas-1286b4-container .image-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border:2px dashed var(--grey);border-radius:var(--radius-md);background:var(--light-grey);color:var(--dark-grey);transition:var(--transition);overflow:hidden;text-align:center;padding:1rem}#firmas-1286b4-container .image-preview:hover{border-color:var(--main);background:var(--main-light);color:var(--main)}#firmas-1286b4-container .image-preview svg{width:48px;height:48px;margin-bottom:.5rem}#firmas-1286b4-container .image-preview span{font-weight:600;font-size:.95rem}#firmas-1286b4-container .image-preview small{font-size:.75rem;margin-top:.25rem;opacity:.8}#firmas-1286b4-container .image-preview img{width:100%;height:100%;object-fit:cover}#firmas-1286b4-container .image-preview.has-image{border-style:solid;border-color:var(--main);padding:0}#firmas-1286b4-container .form-fields{display:flex;flex-direction:column;gap:1.25rem}#firmas-1286b4-container .form-group{position:relative}#firmas-1286b4-container .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--black)}#firmas-1286b4-container .form-group label svg{width:18px;height:18px;color:var(--main)}#firmas-1286b4-container .required{color:#dc3545}#firmas-1286b4-container .optional{color:var(--grey);font-weight:400}#firmas-1286b4-container .form-group input,#firmas-1286b4-container .form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--light-grey);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--black);background:#fff;transition:var(--transition)}#firmas-1286b4-container .form-group input:focus,#firmas-1286b4-container .form-group textarea:focus{outline:none;border-color:var(--main);box-shadow:0 0 0 3px var(--main-light)}#firmas-1286b4-container .form-group input::placeholder,#firmas-1286b4-container .form-group textarea::placeholder{color:var(--grey)}#firmas-1286b4-container .form-group textarea{resize:vertical;min-height:100px}#firmas-1286b4-container .field-hint{display:block;margin-top:.35rem;font-size:.8rem;color:var(--dark-grey)}#firmas-1286b4-container .char-counter{display:block;text-align:right;margin-top:.35rem;font-size:.8rem;color:var(--grey)}#firmas-1286b4-container .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--light-grey)}#firmas-1286b4-container .btn-cancel{padding:.875rem 1.5rem;background:0 0;color:var(--dark-grey);border:2px solid var(--grey);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}#firmas-1286b4-container .btn-cancel:hover{border-color:var(--dark-grey);color:var(--black)}#firmas-1286b4-container .btn-submit{position:relative;padding:.875rem 2rem;background:linear-gradient(135deg,var(--main) 0%,var(--main-hover) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);overflow:hidden}#firmas-1286b4-container .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}#firmas-1286b4-container .btn-submit:disabled{opacity:.7;cursor:not-allowed}#firmas-1286b4-container .btn-submit .btn-loading{display:none}#firmas-1286b4-container .btn-submit.loading .btn-text{visibility:hidden}#firmas-1286b4-container .btn-submit.loading .btn-loading{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#firmas-1286b4-container .spinner{width:24px;height:24px;animation:firmas-spin 1s linear infinite}@keyframes firmas-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#firmas-1286b4-container .form-message{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);font-weight:500;display:none}#firmas-1286b4-container .form-message.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb}#firmas-1286b4-container .form-message.error{display:block;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#firmas-1286b4-container .firmas-list-container{background:var(--light-grey);border-radius:0 0 var(--radius-lg)var(--radius-lg);border:1px solid var(--light-grey);border-top:none;overflow:hidden}#firmas-1286b4-container .list-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background:#fff;border-bottom:1px solid var(--light-grey);flex-wrap:wrap;gap:1rem}#firmas-1286b4-container .list-header fakeh3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;color:var(--black)}#firmas-1286b4-container .list-header fakeh3 svg{width:22px;height:22px;color:var(--main)}#firmas-1286b4-container .btn-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--main-light);color:var(--main);border:none;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}#firmas-1286b4-container .btn-toggle:hover{background:var(--main);color:#fff}#firmas-1286b4-container .toggle-icon{width:18px;height:18px;transition:transform .3s ease}#firmas-1286b4-container .btn-toggle.active .toggle-icon{transform:rotate(180deg)}#firmas-1286b4-container .firmas-list{padding:2rem}#firmas-1286b4-container .firmas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}#firmas-1286b4-container .firma-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column}#firmas-1286b4-container .firma-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}#firmas-1286b4-container .firma-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}#firmas-1286b4-container .firma-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--main-light)}#firmas-1286b4-container .firma-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--main-light) 0%,var(--third-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--main);flex-shrink:0}#firmas-1286b4-container .firma-avatar-placeholder svg{width:28px;height:28px}#firmas-1286b4-container .firma-info{flex:1;min-width:0}#firmas-1286b4-container .firma-nombre{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--black);overflow:hidden;max-height:100%;display:block;word-wrap:break-word}#firmas-1286b4-container .firma-linkedin{display:inline-flex;align-items:center;gap:.3rem;color:#0077b5;text-decoration:none;font-size:.85rem;font-weight:500;transition:var(--transition)}#firmas-1286b4-container .firma-linkedin:hover{color:#005582}#firmas-1286b4-container .firma-linkedin svg{width:14px;height:14px}#firmas-1286b4-container .firma-sugerencia{padding:.875rem;background:var(--light-grey);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5;color:var(--dark-grey);margin-top:auto}#firmas-1286b4-container .firma-fecha{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--light-grey);font-size:.8rem;color:var(--grey);display:flex;align-items:center;gap:.35rem}#firmas-1286b4-container .firma-fecha svg{width:14px;height:14px}#firmas-1286b4-container .loading-indicator{display:none;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--dark-grey)}#firmas-1286b4-container .loading-indicator.active{display:flex}#firmas-1286b4-container .loading-indicator .spinner{width:40px;height:40px;color:var(--main)}#firmas-1286b4-container .pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}#firmas-1286b4-container .pagination button{padding:.5rem 1rem;background:#fff;border:2px solid var(--light-grey);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--dark-grey);cursor:pointer;transition:var(--transition)}#firmas-1286b4-container .pagination button:hover:not(:disabled){border-color:var(--main);color:var(--main)}#firmas-1286b4-container .pagination button.active{background:var(--main);border-color:var(--main);color:#fff}#firmas-1286b4-container .pagination button:disabled{opacity:.5;cursor:not-allowed}#firmas-1286b4-container .empty-state{text-align:center;padding:3rem;color:var(--dark-grey)}#firmas-1286b4-container .empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}#firmas-1286b4-container .empty-state p{margin:0;font-size:1.1rem}@media(max-width:640px){#firmas-1286b4-container .firmas-header{padding:1.5rem}#firmas-1286b4-container .firmas-title{font-size:1.35rem}#firmas-1286b4-container .firmas-form-container{padding:1.5rem}#firmas-1286b4-container .image-preview{width:100%;max-width:200px;margin:0 auto}#firmas-1286b4-container .form-actions{flex-direction:column}#firmas-1286b4-container .btn-submit,#firmas-1286b4-container .btn-cancel{width:100%}#firmas-1286b4-container .list-header{padding:1rem 1.5rem}#firmas-1286b4-container .firmas-list{padding:1.5rem}#firmas-1286b4-container .firmas-grid{grid-template-columns:1fr}#firmas-1286b4-container .existing-preview{flex-direction:column;text-align:center}#firmas-1286b4-container .existing-actions{justify-content:center}}.firmas-header-content img{display:none}.firma-rapida{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--main);text-decoration:none!important;padding:.5rem 1rem;border:2px solid var(--main);border-radius:4px;transition:all .2s;margin:auto;position:sticky;left:50%;transform:translateX(-50%);margin-bottom:1em}.firma-rapida:hover{background:var(--main);color:var(--white)}.firma-rapida svg{animation:bounce 1.5s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@media only screen and (max-width:600px){a.firma-rapida{text-align:center;left:0;transform:unset}}