:root{--color-primario: #2E3A41;--color-secundario: #6A737B;--color-acento: #C9CED3;--color-error: #A89A9A;--color-fondo: #F5F7F8;--color-texto: #1F1F1F;--sf-color-brand: var(--color-primario);--sf-color-brand-dark: #1E2A31;--sf-color-brand-light: #3E4A51;--sf-color-brand-20: rgba(46, 58, 65, .2);--sf-color-text-default: var(--color-texto);--sf-color-text-weak: var(--color-secundario);--sf-color-text-placeholder: var(--color-acento);--sf-color-text-inverse: #ffffff;--sf-color-text-disabled: var(--color-acento);--sf-color-text-error: var(--color-error);--sf-color-background: var(--color-fondo);--sf-color-background-alt: #EAEEF0;--sf-color-background-shade: var(--color-fondo);--sf-color-background-disabled: var(--color-acento);--sf-color-background-destructive: #F0EDED;--sf-color-border: var(--color-acento);--sf-color-border-strong: var(--color-secundario);--sf-color-border-disabled: var(--color-acento);--sf-color-border-error: var(--color-error);--sf-color-success: #04844b;--sf-color-success-light: #e8f5f0;--sf-color-warning: #fe9339;--sf-color-warning-light: #fff4e8;--sf-color-error: var(--color-error);--sf-color-error-light: #F7F5F5;--sf-color-error-20: rgba(168, 154, 154, .2);--sf-shadow-small: 0 1px 2px rgba(0, 0, 0, .06);--sf-shadow-medium: 0 2px 4px rgba(0, 0, 0, .08);--sf-shadow-large: 0 4px 8px rgba(0, 0, 0, .12);--sf-spacing-xx-small: .25rem;--sf-spacing-x-small: .5rem;--sf-spacing-small: .75rem;--sf-spacing-medium: 1rem;--sf-spacing-large: 1.5rem;--sf-spacing-x-large: 2rem;--sf-spacing-xx-large: 3rem;--sf-font-family: "Salesforce Sans", Arial, sans-serif;--sf-font-size-1: .75rem;--sf-font-size-2: .875rem;--sf-font-size-3: 1rem;--sf-font-size-4: 1.125rem;--sf-font-size-5: 1.25rem;--sf-font-size-6: 1.5rem;--sf-font-weight-light: 300;--sf-font-weight-regular: 400;--sf-font-weight-bold: 700;--sf-border-radius-small: .125rem;--sf-border-radius-medium: .25rem;--sf-border-radius-large: .5rem;--sf-transition-fast: .1s ease;--sf-transition-medium: .2s ease;--sf-transition-slow: .3s ease;--sf-z-index-modal: 9000;--sf-z-index-overlay: 8000;--sf-z-index-dropdown: 7000}*{box-sizing:border-box}body{font-family:var(--sf-font-family);font-size:var(--sf-font-size-3);font-weight:var(--sf-font-weight-regular);line-height:1.5;color:var(--color-texto);background-color:var(--color-fondo);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);border:1px solid var(--sf-color-border-strong);border-radius:var(--sf-border-radius-medium);background-color:var(--color-fondo);color:var(--color-texto);font-size:var(--sf-font-size-2);font-weight:var(--sf-font-weight-regular);text-decoration:none;cursor:pointer;transition:var(--sf-transition-fast);min-height:2rem;&:hover:not(:disabled){background-color:var(--sf-color-background-alt);border-color:var(--sf-color-border-strong)}&:focus{outline:2px solid var(--sf-color-brand);outline-offset:1px}&:disabled{opacity:.5;cursor:not-allowed}&--brand{background-color:var(--color-primario);border-color:var(--color-primario);color:var(--sf-color-text-inverse);&:hover:not(:disabled){background-color:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark)}}&--destructive{background-color:var(--color-error);border-color:var(--color-error);color:var(--sf-color-text-inverse);&:hover:not(:disabled){background-color:#9e8c8c;border-color:#9e8c8c}}}.sf-input{width:100%;padding:var(--sf-spacing-x-small) var(--sf-spacing-small);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);background-color:var(--color-fondo);color:var(--color-texto);font-size:var(--sf-font-size-3);line-height:1.5;transition:var(--sf-transition-fast);min-height:2.25rem;&:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 1px var(--color-primario)}&:disabled{background-color:var(--color-acento);opacity:.6;cursor:not-allowed}&--error{border-color:var(--color-error);&:focus{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}}}.sf-card{background-color:var(--color-fondo);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);box-shadow:var(--sf-shadow-small);&__header{padding:var(--sf-spacing-medium);border-bottom:1px solid var(--sf-color-border)}&__body{padding:var(--sf-spacing-medium)}&__footer{padding:var(--sf-spacing-medium);border-top:1px solid var(--sf-color-border);background-color:var(--sf-color-background-shade)}}.sf-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--sf-color-border);border-top:2px solid var(--sf-color-brand);border-radius:50%;animation:sf-spin 1s linear infinite}@keyframes sf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-text-heading-large{font-size:var(--sf-font-size-6);font-weight:var(--sf-font-weight-bold);line-height:1.25;color:var(--sf-color-text-default)}.sf-text-heading-medium{font-size:var(--sf-font-size-5);font-weight:var(--sf-font-weight-bold);line-height:1.25;color:var(--sf-color-text-default)}.sf-text-body{font-size:var(--sf-font-size-3);font-weight:var(--sf-font-weight-regular);line-height:1.5;color:var(--sf-color-text-default)}.sf-text-body-small{font-size:var(--sf-font-size-2);font-weight:var(--sf-font-weight-regular);line-height:1.43;color:var(--sf-color-text-weak)}.sf-m-top-small{margin-top:var(--sf-spacing-small)}.sf-m-bottom-small{margin-bottom:var(--sf-spacing-small)}.sf-m-top-medium{margin-top:var(--sf-spacing-medium)}.sf-m-bottom-medium{margin-bottom:var(--sf-spacing-medium)}.sf-m-top-large{margin-top:var(--sf-spacing-large)}.sf-m-bottom-large{margin-bottom:var(--sf-spacing-large)}.sf-p-around-small{padding:var(--sf-spacing-small)}.sf-p-around-medium{padding:var(--sf-spacing-medium)}.sf-p-around-large{padding:var(--sf-spacing-large)}#root{width:100%;min-height:100vh;background-color:var(--color-fondo);font-family:var(--sf-font-family);display:flex;align-items:flex-start;justify-content:center;padding:var(--sf-spacing-medium);box-sizing:border-box;overflow-x:auto}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--color-fondo)}button{font-family:inherit}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.product-images-content{width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:var(--sf-spacing-large);height:100%}.image-preview-area{flex:1 1 auto;height:100%;display:flex;align-items:center;justify-content:center;background:none;overflow:hidden;margin-right:var(--sf-spacing-medium)}.image-preview-area .image-preview{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;border-radius:.25rem}.image-preview-area .image-description{position:absolute;z-index:9999;background:red;left:50px}.delete-modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:var(--sf-color-background);padding:var(--sf-spacing-large) var(--sf-spacing-x-large);border-radius:.25rem;box-shadow:var(--sf-shadow-large);border:1px solid var(--sf-color-border);display:flex;flex-direction:column;align-items:center;min-width:260px}.delete-modal p{font-size:var(--sf-font-size-3);color:var(--sf-color-text-default);font-family:var(--sf-font-family);margin-bottom:var(--sf-spacing-medium);text-align:center;font-weight:400}.delete-modal-actions{display:flex;gap:var(--sf-spacing-medium);margin-top:var(--sf-spacing-large)}.delete-modal-confirm{border:none;border-radius:.25rem;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);cursor:pointer;transition:background-color .15s ease}.delete-modal-cancel{border-radius:.25rem;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);cursor:pointer;transition:all .15s ease}.product-images-empty-dropzone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:none;min-height:220px}.empty-image-dropzone{width:80%;height:80%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--sf-color-border);border-radius:.25rem;background:none;cursor:pointer;min-height:180px;min-width:180px}.empty-image-dropzone span{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-weight:400;text-align:center}.empty-image-placeholder{outline:none;border:2px dashed var(--sf-color-border);border-radius:.25rem;font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-style:italic;transition:all .15s ease;cursor:pointer}.product-images-empty-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-action-buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;min-width:120px;max-width:140px;padding:var(--sf-spacing-medium) 0;flex-shrink:0}.preview-action-buttons .action-buttons-group{display:flex;flex-direction:column;gap:var(--sf-spacing-small)}.preview-action-buttons .btn-secondary,.preview-action-buttons .btn-danger,.preview-action-buttons .btn-danger-critical{width:100%;text-align:center;white-space:nowrap}.modal-danger-eliminar-todas{display:flex;justify-content:center;align-items:center}.carousel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:260px;height:100%;min-width:260px;max-width:260px;min-height:0;max-height:100%;background:none;overflow:hidden}.carousel-grid{display:flex;flex-direction:row;gap:var(--sf-spacing-small);flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.carousel-grid::-webkit-scrollbar{display:none}.image-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sf-spacing-x-small);width:80px;min-width:80px;max-width:80px;flex:1}.image-item-wrapper{position:relative;width:100%}.image-item-wrapper .image-order-number{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-secundario);color:#fff;font-size:11px;font-weight:700;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:var(--sf-shadow-small);font-family:var(--sf-font-family)}.image-item-wrapper .image-list{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sf-spacing-x-small);flex:1 1 auto;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.image-item-wrapper .image-list::-webkit-scrollbar{display:none}.image-item-wrapper .image-list .image-item{width:100%;min-width:0;max-width:100%;height:60px;min-height:60px;max-height:60px;cursor:grab;transition:all .15s ease;position:relative;display:flex;align-items:center;justify-content:center}.image-item-wrapper .image-list .image-item:active{cursor:grabbing}.image-item-wrapper .image-list .image-item.hovered{z-index:2;filter:brightness(1.05);transform:scale(1.02);box-shadow:var(--sf-shadow-medium)}.image-item-wrapper .image-list .image-item.dragging{border:2px solid var(--color-primario);box-shadow:0 4px 12px #2e3a414d;transform:scale(1.05);z-index:10;opacity:.9}.image-item-wrapper .image-list .image-item.dragging img{filter:brightness(1.1)}.image-item-wrapper .image-list .image-item.selected{border:2px solid var(--color-secundario);box-shadow:var(--sf-shadow-small)}.image-item-wrapper .image-list .image-item.drop-target{border:2px dashed var(--color-primario);background-color:#2e3a410d;transform:scale(1.02)}.image-item-wrapper .image-list .image-item img{width:100%;height:100%;object-fit:cover;border-radius:.25rem;transition:filter .15s ease}.image-item-wrapper .image-list .image-item .drag-tooltip{position:absolute;top:var(--sf-spacing-x-small);left:var(--sf-spacing-x-small);background:#000c;color:var(--sf-color-text-inverse);font-size:var(--sf-font-size-1);font-family:var(--sf-font-family);padding:var(--sf-spacing-xx-small) var(--sf-spacing-x-small);border-radius:.25rem;box-shadow:var(--sf-shadow-small);pointer-events:none;opacity:.9;white-space:nowrap;z-index:10}.image-item-wrapper .image-list .image-item .drag-indicator{position:absolute;top:3px;right:3px;background:#0009;border-radius:2px;padding:1px 2px;opacity:1;transition:opacity .2s ease;pointer-events:none;z-index:5}.image-item-wrapper .image-list .image-item .drag-indicator .drag-arrows{display:flex;align-items:center;justify-content:center}.image-item-wrapper .image-list .image-item .drag-indicator .drag-arrows .four-arrows{color:#fff;font-size:5px;line-height:1;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12px;height:12px;position:relative}.image-item-wrapper .image-list .image-item.dragging .drag-indicator{opacity:0}.image-item-wrapper .add-image-btn{width:100%;min-width:0;max-width:100%;height:40px;min-height:40px;max-height:40px;margin-top:var(--sf-spacing-x-small);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--sf-color-background-alt);border:1px solid var(--sf-color-border);border-radius:.25rem;cursor:pointer;transition:all .15s ease;color:var(--sf-color-text-weak)}.image-item-wrapper .add-image-btn:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-brand);color:var(--sf-color-brand)}.image-item-wrapper .carousel-scroll-btn{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;font-size:12px;padding:0;margin:var(--sf-spacing-xx-small) auto;display:flex;align-items:center;justify-content:center;background:var(--sf-color-background-alt);border:1px solid var(--sf-color-border);border-radius:50%;cursor:pointer;transition:all .15s ease;color:var(--sf-color-text-weak)}.image-item-wrapper .carousel-scroll-btn:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-brand);color:var(--sf-color-brand)}.btn-base,.btn-danger-filled,.btn-danger-critical,.btn-secondary,.btn-primary,.btn-danger,.btn-cancel,.btn-confirm,.btn-confirm-filled{border-radius:var(--app-border-radius);padding:var(--sf-spacing-x-small) var(--sf-spacing-large);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);font-weight:400;cursor:pointer;transition:all .15s ease;min-width:100px;text-align:center}.btn-base:focus,.btn-danger-filled:focus,.btn-danger-critical:focus,.btn-secondary:focus,.btn-primary:focus,.btn-danger:focus,.btn-cancel:focus,.btn-confirm:focus,.btn-confirm-filled:focus,.btn-base:focus-visible,.btn-danger-filled:focus-visible,.btn-danger-critical:focus-visible,.btn-secondary:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible,.btn-cancel:focus-visible,.btn-confirm:focus-visible,.btn-confirm-filled:focus-visible{outline:none}.btn-confirm,.btn-confirm-filled{background:var(--color-primario);color:var(--sf-color-text-inverse);border:none}.btn-confirm:hover,.btn-confirm-filled:hover{background:var(--sf-color-brand-dark)}.btn-confirm:disabled,.btn-confirm-filled:disabled{background:var(--color-acento);cursor:not-allowed}.btn-cancel{background:var(--color-error-dark, rgb(77, 77, 77));color:var(--sf-color-text-inverse);border:none}.btn-cancel:hover{background:var(--color-primario);filter:brightness(.9)}.btn-cancel:disabled{cursor:not-allowed}.btn-secondary,.btn-primary,.btn-danger{background:var(--color-fondo);color:var(--color-texto);border:1px solid var(--sf-color-border)}.btn-secondary:hover,.btn-primary:hover,.btn-danger:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong)}.btn-danger-critical{background:var(--color-fondo);color:var(--color-error-dark, #8B0000);border:1px solid var(--color-error)}.btn-danger-critical:hover{background:var(--sf-color-background-shade);border-color:var(--color-error-dark, rgb(37, 37, 37))}.btn-danger-filled{background:var(--color-error-dark, rgb(37, 37, 37));color:var(--sf-color-text-inverse);border:none}.btn-danger-filled:hover{background:var(--color-error-dark, rgb(17, 17, 17));filter:brightness(.9)}:root{--app-border-radius: .125rem}.app-rounded{border-radius:var(--app-border-radius)}button,input,select,textarea,.modal,.modal-content,.modal-bg,.card,.container,.panel,.dropdown,.tooltip,.popover,.alert,.notification,img,.image,.avatar,.thumbnail,.form-control,.form-group,.product-card,.content-card,.delete-modal,.crop-modal,.dropzone-modal,.preview-area,.upload-area,.image-item,.video-container,.preview-container,.dropzone,.upload-zone,.drag-area,[class*=modal],[class*=card],[class*=container],[class*=preview],[class*=upload],[class*=drop]{border-radius:var(--app-border-radius)!important}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,[role=button]:focus,[role=button]:focus-visible,[tabindex]:focus,[tabindex]:focus-visible{outline:none}.dropzone-container{min-width:260px;min-height:80px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--sf-color-border);padding:var(--sf-spacing-large);margin-bottom:var(--sf-spacing-large);background:var(--color-fondo);border-radius:.25rem;transition:all .15s ease;text-align:center;box-sizing:border-box;font-size:var(--sf-font-size-3);font-family:var(--sf-font-family)}.dropzone-container.active{border-color:var(--color-primario);background:var(--color-fondo)}.dropzone-container p{margin:0;color:var(--sf-color-text-weak);font-size:var(--sf-font-size-3);min-width:200px;display:inline-block;text-align:center}.images-preview{display:flex;gap:var(--sf-spacing-medium);flex-wrap:wrap;justify-content:flex-start}.images-preview img{width:150px;height:113px;object-fit:cover;border-radius:.25rem;box-shadow:var(--sf-shadow-small);border:1px solid var(--sf-color-border);background:var(--color-fondo);transition:box-shadow .15s ease}.images-preview img:hover{box-shadow:var(--sf-shadow-medium)}.product-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:300px;height:100%;background:var(--sf-color-background-alt);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border);color:var(--sf-color-text-weak);font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-style:italic;padding:var(--sf-spacing-large);box-sizing:border-box}@media (max-width: 768px){.product-video-placeholder{min-height:200px;font-size:var(--sf-font-size-3);padding:var(--sf-spacing-medium)}}@media (max-width: 480px){.product-video-placeholder{min-height:150px;font-size:var(--sf-font-size-2);padding:var(--sf-spacing-small)}}.custom-video-container{width:100%;height:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:var(--sf-spacing-medium);position:relative;min-height:300px}.custom-video-container .video-preview-area{flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin-right:var(--sf-spacing-medium);min-width:0;position:relative}.custom-video-container .video-preview-area .video-player{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--sf-border-radius-medium);background:transparent;display:block;object-fit:contain}.custom-video-container .video-action-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:120px;max-width:140px;padding:var(--sf-spacing-medium) 0;flex-shrink:0}.custom-video-container .video-action-buttons .action-buttons-group{display:flex;flex-direction:column;gap:var(--sf-spacing-small)}.custom-video-container .video-action-buttons .btn-secondary,.custom-video-container .video-action-buttons .btn-danger{width:100%;text-align:center;white-space:nowrap}@media (max-width: 768px){.custom-video-container{flex-direction:column;gap:var(--sf-spacing-small);min-height:auto}.custom-video-container .video-preview-area{margin-right:0;margin-bottom:var(--sf-spacing-small);min-height:200px}.custom-video-container .video-action-buttons{flex-direction:row;justify-content:center;min-width:auto;max-width:none;padding:0}.custom-video-container .video-action-buttons .action-buttons-group{flex-direction:row;justify-content:center;gap:var(--sf-spacing-medium)}.custom-video-container .video-action-buttons .btn-secondary,.custom-video-container .video-action-buttons .btn-danger{width:auto;min-width:100px}}@media (max-width: 480px){.custom-video-container .video-preview-area{min-height:150px}.custom-video-container .video-action-buttons .action-buttons-group{flex-direction:column;gap:var(--sf-spacing-small)}.custom-video-container .video-action-buttons .btn-secondary,.custom-video-container .video-action-buttons .btn-danger{width:100%}}.delete-modal-bg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:var(--color-fondo);border-radius:var(--sf-border-radius-medium);padding:var(--sf-spacing-large);box-shadow:var(--sf-shadow-large);text-align:center;min-width:300px;max-width:90vw;margin:var(--sf-spacing-medium)}.delete-modal p{margin-bottom:var(--sf-spacing-medium);font-weight:400;font-size:var(--sf-font-size-3)}.delete-confirm-actions{display:flex;gap:var(--sf-spacing-small);justify-content:center;flex-wrap:wrap}.delete-confirm-actions button{padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);border:none;border-radius:var(--sf-border-radius-medium);cursor:pointer;font-weight:400;font-family:var(--sf-font-family);font-size:var(--sf-font-size-2);transition:all var(--sf-transition-fast);min-width:100px}@media (max-width: 480px){.delete-modal{min-width:auto;padding:var(--sf-spacing-medium)}.delete-modal p{font-size:var(--sf-font-size-2)}.delete-confirm-actions{flex-direction:column}.delete-confirm-actions button{width:100%;min-width:auto}}.preview-action-buttons .edit-btn,.preview-action-buttons .delete-btn{background:var(--color-fondo);color:var(--color-texto);border:1px solid var(--color-acento);border-radius:.25rem;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);cursor:pointer;font-weight:400;transition:all .15s ease;min-width:100px;text-align:center}.preview-action-buttons .edit-btn:hover{background:var(--color-primario);color:var(--sf-color-text-inverse);border-color:var(--color-primario);outline:none}.preview-action-buttons .delete-btn{background:var(--color-fondo);color:var(--color-error);border-color:var(--color-error)}.preview-action-buttons .delete-btn:hover{background:var(--color-error);color:var(--sf-color-text-inverse);border-color:var(--color-error);outline:none}.product-card{display:flex;flex-direction:column;align-items:stretch;padding:var(--sf-spacing-large);background:var(--color-fondo);border-radius:.25rem;box-shadow:var(--sf-shadow-medium);border:1px solid var(--sf-color-border);width:min(80vw,1200px);min-width:420px;aspect-ratio:2.1/1;min-height:600px;box-sizing:border-box;overflow:hidden}.product-card .product-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-spacing-small);margin-bottom:var(--sf-spacing-large);padding:var(--sf-spacing-small) var(--sf-spacing-medium);background:var(--color-fondo);border-radius:.25rem;border:1px solid var(--sf-color-border)}.product-card .product-header .product-vin-info{display:flex;align-items:center;gap:var(--sf-spacing-small);font-size:var(--sf-font-size-5)}.product-card .product-header .product-vin-info .product-vin-label{font-weight:400;color:var(--sf-color-text-weak);font-family:var(--sf-font-family)}.product-card .product-header .product-vin-info .product-vin-value{font-family:Courier New,monospace;font-weight:500;color:var(--sf-color-text-default);background:var(--sf-color-background);padding:var(--sf-spacing-xx-small) var(--sf-spacing-x-small);border-radius:.25rem;border:1px solid var(--sf-color-border)}.product-card .product-header .update-folder-btn,.product-card .product-header .create-vin-btn{border:none;border-radius:.25rem;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);font-size:var(--sf-font-size-5);font-family:var(--sf-font-family);font-weight:400;cursor:pointer;transition:background-color .15s ease}.product-card .product-header .update-folder-btn:disabled,.product-card .product-header .update-folder-btn.updating,.product-card .product-header .create-vin-btn:disabled,.product-card .product-header .create-vin-btn.updating{cursor:not-allowed}.product-card .product-header .product-actions{display:flex;align-items:center;gap:var(--sf-spacing-x-small);width:50%;justify-content:space-around}.product-card .confirmation-banner{display:flex;align-items:center;gap:var(--sf-spacing-small);padding:var(--sf-spacing-small) var(--sf-spacing-medium);background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border:1px solid #1976D2;border-left:4px solid #1976D2;border-radius:var(--sf-border-radius-medium);box-shadow:0 2px 8px #1976d21f;font-family:var(--sf-font-family);min-height:2.5rem;transition:all var(--sf-transition-medium);position:relative;overflow:hidden}.product-card .confirmation-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#1976D2 50%,transparent 100%);opacity:.3}.product-card .confirmation-banner:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1976d22e}.product-card .confirmation-banner .confirmation-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#1976d2;border-radius:50%;flex-shrink:0}.product-card .confirmation-banner .confirmation-icon svg{width:14px;height:14px;color:#fff;opacity:.95}.product-card .confirmation-banner .confirmation-message{font-weight:600;letter-spacing:.5px;color:#1565c0;font-size:var(--sf-font-size-2);text-shadow:0 1px 2px rgba(255,255,255,.8)}.product-card .product-tabs{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--sf-spacing-xx-small);margin-bottom:var(--sf-spacing-medium);width:100%;border-bottom:1px solid var(--sf-color-border)}.product-card .product-tabs button{height:2.5rem;padding:0 var(--sf-spacing-medium);border:none;background:transparent;color:var(--color-acento);border-radius:.25rem .25rem 0 0;font-weight:400;font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent}.product-card .product-tabs button.active{background:var(--color-fondo);color:var(--color-secundario);border-bottom-color:var(--color-secundario)}.product-card .product-tabs button:not(.active):hover{background:var(--sf-color-background-alt);color:var(--color-texto)}.product-card .product-content{flex:1 1 auto;display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:var(--sf-spacing-large);min-height:0;height:100%;overflow:hidden}.product-card .product-content .gallery-column{flex-shrink:0;min-width:108px;max-width:108px;width:108px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--sf-spacing-x-small);overflow:hidden}.product-card .product-content .gallery-column .gallery-arrow{width:108px;height:32px;min-width:108px;max-width:108px;flex-shrink:0}.product-card .product-content .gallery-column .image-list{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sf-spacing-x-small);flex:1 1 auto;width:100%;overflow-y:auto}.product-card .product-content .gallery-column .image-list .image-item,.product-card .product-content .gallery-column .image-list .add-image-btn{width:108px;height:81px;min-width:108px;min-height:81px;max-width:108px;max-height:81px}.product-card .product-content .info-column{flex:1;padding-left:var(--sf-spacing-large);display:flex;flex-direction:column;justify-content:flex-start;min-width:0;height:100%;overflow:hidden}.product-card .product-content .info-column .info-header{flex-shrink:0;margin-bottom:var(--sf-spacing-medium)}.product-card .product-content .info-column .info-header h2{font-size:var(--sf-font-size-4);color:var(--sf-color-text-default);font-family:var(--sf-font-family);font-weight:600;margin:0}.product-card .product-content .info-column .info-desc{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}.product-card .product-content .info-column .info-desc .product-desc{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);margin:0}.product-card .image-item{width:108px;height:81px;min-width:108px;min-height:81px;max-width:108px;max-height:81px;border-radius:.25rem;overflow:hidden;box-shadow:var(--sf-shadow-small);background:var(--sf-color-background-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:box-shadow .15s ease;cursor:pointer;border:1px solid var(--sf-color-border)}.product-card .image-item:hover,.product-card .image-item.expanded{box-shadow:var(--sf-shadow-medium)}.product-card .image-item:hover .action-buttons,.product-card .image-item.expanded .action-buttons{display:flex;flex-direction:row;pointer-events:auto}.product-card .image-item img,.product-card .image-item .img-error{width:100%;height:100%;object-fit:cover;border-radius:.25rem;display:block;user-select:none;pointer-events:none}.product-card .image-item .action-buttons{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.product-card .image-item .action-buttons .delete-btn,.product-card .image-item .action-buttons .edit-btn{background:#000c;color:var(--sf-color-text-inverse);border:none;border-radius:.25rem;padding:var(--sf-spacing-xx-small) var(--sf-spacing-small);font-size:var(--sf-font-size-2);cursor:pointer;font-family:var(--sf-font-family);transition:background-color .15s ease;display:flex;align-items:center;gap:var(--sf-spacing-xx-small)}.product-card .image-item .action-buttons .delete-btn:hover,.product-card .image-item .action-buttons .edit-btn:hover{background:#000000e6}.product-card .image-item .delete-btn{left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.product-card .image-item .delete-btn svg{fill:var(--sf-color-error);width:16px;height:16px}.product-card .image-item .edit-btn{right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.product-card .image-item .edit-btn svg{fill:var(--sf-color-brand);width:16px;height:16px}.product-card .image-item .expanded-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:180px;overflow:hidden;position:relative}.product-card .image-item .expanded-image-container img{max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;border-radius:.25rem;box-shadow:var(--sf-shadow-medium);display:block}.product-card .image-item img.img-error{background:var(--sf-color-background-alt);object-fit:contain;color:var(--sf-color-text-weak);border-radius:.25rem}.product-card .add-image-btn{width:108px;height:81px;display:flex;align-items:center;justify-content:center;background:#a9a9a9;border:2px dashed var(--sf-color-border);border-radius:.25rem;color:var(--sf-color-text-weak);font-size:2rem;font-weight:300;cursor:pointer;margin-top:var(--sf-spacing-x-small);margin-bottom:var(--sf-spacing-x-small);transition:all .15s ease}.product-card .add-image-btn:hover{border-color:var(--sf-color-brand);background:var(--sf-color-background-shade);color:var(--sf-color-brand)}.product-card .add-image-plus{display:block;line-height:1;font-size:2rem;user-select:none}.product-card .image-preview-area{flex:1 1 auto;height:100%;display:flex;align-items:center;justify-content:center;background:none;overflow:hidden}.product-card .image-preview-area .image-preview{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;border-radius:.25rem}.product-video-placeholder{width:calc(100% - 4rem);max-width:600px;aspect-ratio:16/9;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--sf-color-background-alt);border-radius:.25rem;color:var(--sf-color-text-weak);font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-style:italic;border:1px solid var(--sf-color-border)}@media (max-width: 768px){.product-card{flex-direction:column;min-width:0;height:auto;overflow:visible}.product-card .product-header{flex-direction:column;align-items:stretch;gap:var(--sf-spacing-small);padding:var(--sf-spacing-small)}.product-card .product-vin-info{width:100%;justify-content:center;text-align:center}.product-card .product-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--sf-spacing-x-small)}.product-card .product-actions button{min-width:120px;flex:1 1 auto;max-width:150px}.product-card .gallery-column{flex-direction:row;min-width:0;justify-content:center;margin-bottom:var(--sf-spacing-medium)}.product-card .info-column{padding-left:0;min-width:0;height:auto}.product-card .expanded-image-container{min-height:120px}.product-card .expanded-image-container img{max-height:180px}.product-card .image-item{width:64px;height:64px}}@media (max-width: 480px){.product-card .product-header{padding:var(--sf-spacing-x-small)}.product-card .product-vin-info .product-id,.product-card .product-vin-info .product-vin{font-size:var(--sf-font-size-1)}.product-card .product-actions{flex-direction:column;gap:var(--sf-spacing-x-small)}.product-card .product-actions button{width:100%;min-width:unset;max-width:unset}}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}.crop-modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:10000;display:flex;align-items:center;justify-content:center}.crop-modal-content{width:90vw;height:90vh;display:flex;flex-direction:column;background:var(--color-fondo);border-radius:.5rem;overflow:hidden;max-width:1200px;max-height:900px;min-height:600px;box-shadow:var(--sf-shadow-large);border:1px solid var(--sf-color-border)}.crop-modal-header{display:flex;align-items:center;justify-content:between;padding:var(--sf-spacing-medium) var(--sf-spacing-large);background:var(--sf-color-background);border-bottom:1px solid var(--sf-color-border);min-height:4rem}.crop-modal-header .modal-title{font-size:var(--sf-font-size-5);font-weight:600;color:var(--sf-color-text-default);font-family:var(--sf-font-family);margin:0;flex:1}.crop-modal-header .modal-actions{display:flex;gap:var(--sf-spacing-small);align-items:center}.crop-modal-header .modal-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);border-radius:var(--sf-border-radius-medium);font-weight:400;font-family:var(--sf-font-family);font-size:var(--sf-font-size-2);cursor:pointer;transition:all .15s ease;border:1px solid var(--sf-color-border);min-height:2.25rem}.crop-modal-header .modal-action-btn.primary{background:var(--sf-color-brand);color:var(--sf-color-text-inverse);border-color:var(--sf-color-brand)}.crop-modal-header .modal-action-btn.primary:hover{background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.crop-modal-header .modal-action-btn.primary:active{transform:translateY(0)}.crop-modal-header .modal-action-btn.secondary{background:var(--sf-color-background);color:var(--sf-color-text-default);border-color:var(--sf-color-border)}.crop-modal-header .modal-action-btn.secondary:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.crop-modal-header .modal-action-btn.secondary:active{transform:translateY(0)}.crop-area{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sf-spacing-large);min-height:0;position:relative;background:var(--sf-color-background-shade)}.crop-area .crop-image-container{display:flex;align-items:center;justify-content:center;gap:var(--sf-spacing-large);width:100%;height:100%}.crop-area .crop-image-wrapper{width:700px;height:500px;position:relative;border:2px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--sf-color-background);box-shadow:var(--sf-shadow-small)}.crop-area .react-crop-fixed-container{width:600px;height:400px;position:relative;display:flex;align-items:center;justify-content:center}.crop-area .react-crop-container{position:relative}.crop-area .ReactCrop{width:100%;height:100%}.crop-area .ReactCrop img{display:block;border-radius:var(--sf-border-radius-small)}.crop-area .cropped-image-display{width:600px;height:400px;object-fit:contain;border-radius:var(--sf-border-radius-small)}.crop-area .crop-actions{display:flex;flex-direction:column;gap:var(--sf-spacing-medium);width:auto;flex-shrink:0;align-items:center;padding:var(--sf-spacing-medium);background:var(--sf-color-background);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border);box-shadow:var(--sf-shadow-small)}.crop-area .crop-action-btn{width:3rem;height:3rem;border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:1.25rem;box-shadow:var(--sf-shadow-x-small)}.crop-area .crop-action-btn.confirm{background:var(--sf-color-success);color:var(--sf-color-text-inverse);border-color:var(--sf-color-success)}.crop-area .crop-action-btn.confirm:hover{background:var(--sf-color-success-dark);border-color:var(--sf-color-success-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.crop-area .crop-action-btn.confirm:disabled{background:var(--sf-color-background-shade);color:var(--sf-color-text-weak);border-color:var(--sf-color-border);cursor:not-allowed;transform:none;box-shadow:none}.crop-area .crop-action-btn.delete{background:var(--sf-color-error);color:var(--sf-color-text-inverse);border-color:var(--sf-color-error)}.crop-area .crop-action-btn.delete:hover{background:var(--sf-color-error-dark);border-color:var(--sf-color-error-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.crop-area .crop-action-btn.reset{background:var(--sf-color-brand);color:var(--sf-color-text-inverse);border-color:var(--sf-color-brand);font-size:1.5rem}.crop-area .crop-action-btn.reset:hover{background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.crop-area .ReactCrop__crop-selection{border:2px solid var(--sf-color-brand);box-shadow:0 0 0 1px #0003,var(--sf-shadow-small)}.crop-gallery{height:8rem;display:flex;align-items:center;justify-content:center;padding:var(--sf-spacing-medium) var(--sf-spacing-large);gap:var(--sf-spacing-medium);background:var(--sf-color-background);border-top:1px solid var(--sf-color-border)}.gallery-nav-btn{background:var(--sf-color-background);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:var(--sf-shadow-x-small)}.gallery-nav-btn:before{content:"";width:0;height:0;transition:all .15s ease}.gallery-nav-btn.left:before{border-top:.75rem solid transparent;border-bottom:.75rem solid transparent;border-right:1rem solid var(--sf-color-text-default)}.gallery-nav-btn.right:before{border-top:.75rem solid transparent;border-bottom:.75rem solid transparent;border-left:1rem solid var(--sf-color-text-default)}.gallery-nav-btn:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.gallery-nav-btn:hover:before{border-right-color:var(--sf-color-brand);border-left-color:var(--sf-color-brand)}.gallery-nav-btn:active{transform:translateY(0);box-shadow:var(--sf-shadow-x-small)}.gallery-nav-btn.left{margin-right:var(--sf-spacing-medium)}.gallery-nav-btn.right{margin-left:var(--sf-spacing-medium)}.gallery-thumbnails{display:flex;gap:var(--sf-spacing-small);align-items:center;max-width:70vw;overflow-x:auto;padding:var(--sf-spacing-small);background:var(--sf-color-background-shade);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border)}.gallery-thumbnails::-webkit-scrollbar{height:8px}.gallery-thumbnails::-webkit-scrollbar-track{background:var(--sf-color-background-alt);border-radius:4px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--sf-color-border-strong);border-radius:4px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:var(--sf-color-text-weak)}.gallery-thumbnail{min-width:4rem;width:4rem;height:4rem;border-radius:var(--sf-border-radius-medium);overflow:hidden;cursor:pointer;transition:all .15s ease;border:2px solid var(--sf-color-border);background:var(--sf-color-background);padding:0;box-shadow:var(--sf-shadow-x-small)}.gallery-thumbnail:hover{transform:translateY(-2px);border-color:var(--sf-color-border-strong);box-shadow:var(--sf-shadow-small)}.gallery-thumbnail.active{border-color:var(--sf-color-brand);box-shadow:0 0 0 2px var(--sf-color-brand),var(--sf-shadow-small);transform:translateY(-1px)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.delete-confirm-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-message{background:var(--sf-color-background);border-radius:.25rem;padding:var(--sf-spacing-large);text-align:center;color:var(--sf-color-text-default);font-family:var(--sf-font-family);box-shadow:var(--sf-shadow-large);border:1px solid var(--sf-color-border)}.delete-confirm-message p{margin-bottom:var(--sf-spacing-medium);font-weight:400;font-size:var(--sf-font-size-3)}.delete-confirm-actions{display:flex;gap:var(--sf-spacing-small);justify-content:center}.delete-confirm-actions button{padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);border:none;border-radius:.25rem;cursor:pointer;font-weight:400;font-family:var(--sf-font-family);font-size:var(--sf-font-size-2);transition:all .15s ease}.delete-confirm-actions button:first-child{background:#2e3b41;color:var(--sf-color-text-inverse)}.delete-confirm-actions button:first-child:hover{background:var(--sf-color-brand-dark);filter:brightness(.9)}.delete-confirm-actions button:last-child{background:var(--color-fondo);color:var(--color-texto);border:1px solid var(--sf-color-border)}.delete-confirm-actions button:last-child:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong)}.gallery-thumbnail{position:relative}.gallery-thumbnail.confirmed .confirmed-indicator{position:absolute;top:var(--sf-spacing-xx-small);right:var(--sf-spacing-xx-small);background:var(--sf-color-success);color:var(--sf-color-text-inverse);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--sf-font-size-1);font-weight:600}@media (max-width: 768px){.crop-modal-content{width:100vw;height:100vh;border-radius:0}.crop-modal-header{padding:var(--sf-spacing-small) var(--sf-spacing-medium);flex-wrap:wrap;gap:var(--sf-spacing-small)}.crop-modal-header .modal-title{font-size:var(--sf-font-size-4)}.crop-modal-header .modal-actions{gap:var(--sf-spacing-x-small)}.crop-modal-header .modal-action-btn{padding:var(--sf-spacing-x-small) var(--sf-spacing-small);font-size:var(--sf-font-size-1);min-height:2rem}.crop-area .crop-image-container{flex-direction:column-reverse;gap:var(--sf-spacing-medium);height:100%}.crop-area .crop-image-wrapper{width:100%;height:calc(100% - 6rem);max-height:65vh;max-width:90vw;min-height:300px}.crop-area .crop-actions{flex-direction:row;width:100%;height:auto;justify-content:center;gap:var(--sf-spacing-medium);padding:var(--sf-spacing-small)}.crop-gallery{height:7.5rem;padding:var(--sf-spacing-small) var(--sf-spacing-medium);gap:var(--sf-spacing-small)}.gallery-nav-btn{width:2.5rem;height:2.5rem}.gallery-nav-btn.left:before,.gallery-nav-btn.right:before{border-top-width:.625rem;border-bottom-width:.625rem;border-left-width:.875rem;border-right-width:.875rem}.gallery-thumbnail{min-width:3.75rem;width:3.75rem;height:3.75rem}.gallery-thumbnails{max-width:60vw;gap:var(--sf-spacing-x-small);padding:var(--sf-spacing-x-small)}}@media (max-width: 480px){.crop-modal-header .modal-title{font-size:var(--sf-font-size-3);text-align:center;width:100%}.crop-modal-header .modal-actions{width:100%;justify-content:center}.crop-modal-header .modal-action-btn{flex:1;max-width:120px}.crop-area{padding:var(--sf-spacing-small)}.crop-area .crop-image-wrapper{max-height:55vh;max-width:95vw;min-height:250px}.crop-area .crop-actions{gap:var(--sf-spacing-small)}.crop-area .crop-action-btn{width:2.5rem;height:2.5rem;font-size:1rem}.crop-area .ReactCrop img,.crop-area .cropped-image-display{max-height:100%;max-width:100%;object-fit:contain}.crop-gallery{height:6rem;padding:var(--sf-spacing-x-small) var(--sf-spacing-small);gap:var(--sf-spacing-x-small)}.gallery-nav-btn{width:2rem;height:2rem}.gallery-nav-btn.left:before,.gallery-nav-btn.right:before{border-top-width:.5rem;border-bottom-width:.5rem;border-left-width:.75rem;border-right-width:.75rem}.gallery-thumbnail{min-width:3rem;width:3rem;height:3rem}.gallery-thumbnails{max-width:50vw}}.dropzone-modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.dropzone-modal{background:var(--color-fondo);border-radius:.5rem;box-shadow:var(--sf-shadow-large);border:1px solid var(--sf-color-border);width:min(90vw,900px);max-height:90vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.dropzone-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sf-spacing-medium) var(--sf-spacing-large);background:var(--sf-color-background);border-bottom:1px solid var(--sf-color-border);min-height:4rem}.dropzone-modal-header .modal-title{font-size:var(--sf-font-size-5);font-weight:600;color:var(--sf-color-text-default);font-family:var(--sf-font-family);margin:0;flex:1}.dropzone-modal-header .modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--sf-border-radius-medium);background:transparent;border:1px solid var(--sf-color-border);color:var(--sf-color-text-default);cursor:pointer;transition:all .15s ease;font-size:1.25rem}.dropzone-modal-header .modal-close:hover{background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong);color:var(--sf-color-text-destructive);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.dropzone-modal-content{flex:1;display:flex;flex-direction:column;padding:var(--sf-spacing-large);background:var(--sf-color-background-shade);overflow-y:auto}.dropzone-container{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--sf-color-border);padding:var(--sf-spacing-x-large);background:var(--color-fondo);border-radius:var(--sf-border-radius-medium);transition:all .15s ease;text-align:center;box-sizing:border-box;font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);cursor:pointer;margin-bottom:var(--sf-spacing-large)}.dropzone-container:hover{border-color:var(--sf-color-brand);background:var(--sf-color-background-alt);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.dropzone-container.active{border-color:var(--sf-color-brand);background:var(--sf-color-background-alt);box-shadow:0 0 0 1px var(--sf-color-brand)}.dropzone-container input{display:none}.dropzone-container p{margin:0;color:var(--sf-color-text-default);font-size:var(--sf-font-size-3);font-weight:400;line-height:1.5}.dropzone-info-cards{display:flex;gap:var(--sf-spacing-medium);margin-bottom:var(--sf-spacing-large)}.info-card{flex:1;padding:var(--sf-spacing-medium);background:var(--sf-color-background);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);border-left:4px solid var(--sf-color-brand)}.info-card .info-title{font-size:var(--sf-font-size-2);font-weight:600;color:var(--sf-color-text-default);margin:0 0 var(--sf-spacing-x-small) 0}.info-card .info-text{font-size:var(--sf-font-size-1);color:var(--sf-color-text-weak);margin:0;line-height:1.4}.dropzone-preview-section{margin-bottom:var(--sf-spacing-large)}.dropzone-preview-section .preview-title{font-size:var(--sf-font-size-3);font-weight:600;color:var(--sf-color-text-default);margin:0 0 var(--sf-spacing-medium) 0;font-family:var(--sf-font-family)}.dropzone-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sf-spacing-medium);padding:var(--sf-spacing-medium);background:var(--sf-color-background);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border);max-height:300px;overflow-y:auto}.dropzone-thumb-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-x-small)}.dropzone-thumb{width:100px;height:75px;object-fit:cover;border-radius:var(--sf-border-radius-medium);box-shadow:var(--sf-shadow-small);background:var(--sf-color-background-alt);border:2px solid var(--sf-color-border);transition:all .15s ease}.dropzone-thumb:hover{transform:translateY(-2px);box-shadow:var(--sf-shadow-medium);border-color:var(--sf-color-border-strong)}.dropzone-thumb.video-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--sf-color-background-shade);color:var(--sf-color-text-weak)}.dropzone-thumb-name{font-size:var(--sf-font-size-1);color:var(--sf-color-text-default);text-align:center;font-family:var(--sf-font-family);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aspect-ratio-indicator{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;z-index:5;border:2px solid var(--color-fondo);box-shadow:var(--sf-shadow-small)}.aspect-ratio-indicator.correct{background:var(--sf-color-success)}.aspect-ratio-indicator.incorrect{background:var(--sf-color-error)}.error-message{margin:var(--sf-spacing-medium) 0;padding:var(--sf-spacing-medium);background:var(--sf-color-background-destructive);border:1px solid var(--sf-color-border-destructive);border-radius:var(--sf-border-radius-medium);border-left:4px solid var(--sf-color-error)}.error-message p{margin:0;color:var(--sf-color-text-destructive);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);font-weight:400;line-height:1.4}.dropzone-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--sf-spacing-medium) var(--sf-spacing-large);background:var(--sf-color-background);border-top:1px solid var(--sf-color-border);gap:var(--sf-spacing-medium)}.dropzone-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sf-spacing-x-small) var(--sf-spacing-large);border-radius:var(--sf-border-radius-medium);font-weight:400;font-family:var(--sf-font-family);font-size:var(--sf-font-size-2);cursor:pointer;transition:all .15s ease;border:1px solid var(--sf-color-border);min-height:2.25rem;min-width:100px}.dropzone-action-btn:disabled{opacity:.5;cursor:not-allowed}.dropzone-action-btn:disabled:hover{transform:none;box-shadow:none}.dropzone-action-btn.secondary{background:var(--sf-color-background);color:var(--sf-color-text-default);border-color:var(--sf-color-border)}.dropzone-action-btn.secondary:hover:not(:disabled){background:var(--sf-color-background-shade);border-color:var(--sf-color-border-strong);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}.dropzone-action-btn.primary{background:var(--sf-color-brand);color:var(--sf-color-text-inverse);border-color:var(--sf-color-brand)}.dropzone-action-btn.primary:hover:not(:disabled){background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-small)}@media (max-width: 768px){.dropzone-modal{width:100vw;height:100vh;border-radius:0;max-height:none}.dropzone-modal-header{padding:var(--sf-spacing-small) var(--sf-spacing-medium)}.dropzone-modal-header .modal-title{font-size:var(--sf-font-size-4)}.dropzone-modal-content{padding:var(--sf-spacing-medium)}.dropzone-container{min-height:100px;padding:var(--sf-spacing-large)}.dropzone-info-cards{flex-direction:column;gap:var(--sf-spacing-small)}.dropzone-thumbs{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--sf-spacing-small);padding:var(--sf-spacing-small)}.dropzone-thumb{width:80px;height:60px}.dropzone-modal-footer{padding:var(--sf-spacing-small) var(--sf-spacing-medium)}.dropzone-action-btn{min-width:80px;font-size:var(--sf-font-size-1)}}@media (max-width: 480px){.dropzone-modal-header .modal-title{font-size:var(--sf-font-size-3)}.dropzone-modal-content{padding:var(--sf-spacing-small)}.dropzone-container{padding:var(--sf-spacing-medium);min-height:80px}.dropzone-thumbs{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.dropzone-thumb{width:60px;height:45px}.dropzone-modal-footer{flex-direction:column;gap:var(--sf-spacing-small)}.dropzone-action-btn{width:100%;max-width:200px}}.replace-file-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.replace-file-modal{background:var(--color-fondo);border-radius:var(--sf-border-radius-large);box-shadow:0 16px 48px #0003;border:1px solid var(--sf-color-border);width:min(90vw,600px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.replace-file-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sf-spacing-large);border-bottom:1px solid var(--sf-color-border);background:linear-gradient(135deg,var(--color-fondo) 0%,var(--sf-color-background-alt) 100%)}.replace-file-modal__header .header-content{display:flex;align-items:center;gap:var(--sf-spacing-small)}.replace-file-modal__header .header-content .header-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-primario);border-radius:50%;color:#fff}.replace-file-modal__header .header-content .header-icon svg{opacity:.9}.replace-file-modal__header .header-content h3{margin:0;font-size:var(--sf-font-size-5);font-family:var(--sf-font-family);font-weight:600;color:var(--sf-color-text-default)}.replace-file-modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:var(--sf-color-text-weak);cursor:pointer;border-radius:var(--sf-border-radius-medium);transition:all var(--sf-transition-fast)}.replace-file-modal__close:hover{background:var(--sf-color-background-alt);color:var(--sf-color-text-default);transform:scale(1.05)}.replace-file-modal__body{padding:var(--sf-spacing-large);flex:1;overflow-y:auto}.replace-file-modal__current{display:flex;flex-direction:column;gap:var(--sf-spacing-xx-small);margin-bottom:var(--sf-spacing-large);padding:var(--sf-spacing-medium);background:var(--sf-color-background-alt);border-radius:var(--sf-border-radius-medium);border-left:4px solid var(--color-primario)}.replace-file-modal__current .current-label{font-size:var(--sf-font-size-1);font-family:var(--sf-font-family);color:var(--sf-color-text-weak);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.replace-file-modal__current .current-value{font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);color:var(--sf-color-text-default);font-weight:600}.validation-errors{margin-bottom:var(--sf-spacing-large)}.validation-error{display:flex;align-items:flex-start;gap:var(--sf-spacing-small);padding:var(--sf-spacing-small) var(--sf-spacing-medium);margin-bottom:var(--sf-spacing-x-small);border-radius:var(--sf-border-radius-medium);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);animation:errorSlideIn .3s ease-out}.validation-error .error-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0;margin-top:.125rem}.validation-error--format,.validation-error--size,.validation-error--dimensions{background:var(--sf-color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.validation-error--format .error-icon,.validation-error--size .error-icon,.validation-error--dimensions .error-icon{background:var(--color-error);color:#fff}.validation-error--aspect{background:#e3f2fd;border:1px solid #1976D2;color:#1565c0}.validation-error--aspect .error-icon{background:#1976d2;color:#fff}@keyframes errorSlideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.replace-file-modal__dropzone{border:2px dashed var(--sf-color-border);border-radius:var(--sf-border-radius-large);padding:var(--sf-spacing-xx-large);text-align:center;cursor:pointer;transition:all var(--sf-transition-medium);background:var(--sf-color-background-shade);position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.replace-file-modal__dropzone:hover{border-color:var(--color-primario);background:var(--sf-color-background);transform:translateY(-2px);box-shadow:var(--sf-shadow-medium)}.replace-file-modal__dropzone--active{border-color:var(--color-primario);background:var(--sf-color-background);box-shadow:0 0 0 1px var(--color-primario);transform:scale(1.02)}.replace-file-modal__dropzone--validating{border-color:var(--color-secundario);background:var(--sf-color-background-alt);cursor:default;pointer-events:none}.replace-file-modal__validating{display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-medium)}.replace-file-modal__validating .loading-spinner{width:2rem;height:2rem;border:3px solid var(--sf-color-border);border-top:3px solid var(--color-primario);border-radius:50%;animation:spin 1s linear infinite}.replace-file-modal__validating p{margin:0;font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);color:var(--sf-color-text-weak)}.replace-file-modal__instructions{display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-medium)}.replace-file-modal__instructions .instructions-icon{opacity:.5;color:var(--sf-color-text-weak)}.replace-file-modal__instructions .instructions-primary{margin:0;font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-weight:500;color:var(--sf-color-text-default)}.replace-file-modal__instructions .instructions-secondary{margin:0;font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);color:var(--sf-color-text-weak)}.replace-file-modal__instructions .instructions-requirements{margin-top:var(--sf-spacing-small);padding:var(--sf-spacing-medium);background:var(--sf-color-background-alt);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border)}.replace-file-modal__instructions .instructions-requirements p{margin:var(--sf-spacing-xx-small) 0;font-size:var(--sf-font-size-1);font-family:var(--sf-font-family);color:var(--sf-color-text-weak);text-align:center}.replace-file-modal__instructions .instructions-requirements p:first-child{font-weight:600;color:var(--sf-color-text-default)}.replace-file-modal__selected .file-preview{display:flex;align-items:center;gap:var(--sf-spacing-medium);padding:var(--sf-spacing-medium);background:var(--sf-color-background-alt);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border);position:relative}.replace-file-modal__selected .file-preview .image-thumbnail{position:relative;width:5rem;height:5rem;border-radius:var(--sf-border-radius-medium);overflow:hidden;flex-shrink:0;border:2px solid var(--sf-color-border);background:var(--sf-color-background)}.replace-file-modal__selected .file-preview .image-thumbnail:hover .remove-file-btn{opacity:1}.replace-file-modal__selected .file-preview .image-thumbnail .thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.replace-file-modal__selected .file-preview .image-thumbnail .remove-file-btn{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;background:#000c;border:none;border-radius:0 var(--sf-border-radius-medium) 0 var(--sf-border-radius-small);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all var(--sf-transition-fast);z-index:2;opacity:.8}.replace-file-modal__selected .file-preview .image-thumbnail .remove-file-btn:hover{background:#000000e6;opacity:1}.replace-file-modal__selected .file-preview .image-thumbnail .remove-file-btn svg{width:12px;height:12px;opacity:1}.replace-file-modal__selected .file-preview .file-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-primario);border-radius:var(--sf-border-radius-medium);color:#fff;flex-shrink:0;position:relative}.replace-file-modal__selected .file-preview .file-icon:hover .remove-file-btn--video{opacity:1}.replace-file-modal__selected .file-preview .remove-file-btn--video{position:absolute;top:0;right:0;width:1.25rem;height:1.25rem;background:#000c;border:none;border-radius:0 var(--sf-border-radius-medium) 0 var(--sf-border-radius-small);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all var(--sf-transition-fast);z-index:2;opacity:.8}.replace-file-modal__selected .file-preview .remove-file-btn--video:hover{background:#000000e6;opacity:1}.replace-file-modal__selected .file-preview .remove-file-btn--video svg{width:10px;height:10px;opacity:1}.replace-file-modal__selected .file-preview .file-info{flex:1}.replace-file-modal__selected .file-preview .file-info .file-name{margin:0 0 var(--sf-spacing-xx-small) 0;font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);font-weight:600;color:var(--sf-color-text-default);word-break:break-all}.replace-file-modal__selected .file-preview .file-info .file-size,.replace-file-modal__selected .file-preview .file-info .file-dimensions{margin:var(--sf-spacing-xx-small) 0;font-size:var(--sf-font-size-1);font-family:var(--sf-font-family);color:var(--sf-color-text-weak)}.replace-file-modal__footer{display:flex;gap:var(--sf-spacing-small);padding:var(--sf-spacing-large);border-top:1px solid var(--sf-color-border);background:var(--sf-color-background-alt);justify-content:flex-end}.replace-file-modal__btn{display:flex;align-items:center;gap:var(--sf-spacing-x-small);padding:var(--sf-spacing-small) var(--sf-spacing-large);border-radius:var(--sf-border-radius-medium);font-size:var(--sf-font-size-2);font-family:var(--sf-font-family);font-weight:500;cursor:pointer;transition:all var(--sf-transition-fast);border:none;min-width:120px;justify-content:center}.replace-file-modal__btn svg{opacity:.8}.replace-file-modal__btn--cancel{background:var(--color-fondo);color:var(--sf-color-text-weak);border:1px solid var(--sf-color-border)}.replace-file-modal__btn--cancel:hover{background:var(--sf-color-background-alt);border-color:var(--sf-color-border-strong);color:var(--sf-color-text-default);transform:translateY(-1px)}.replace-file-modal__btn--crop{background:var(--color-secundario);color:var(--color-fondo)}.replace-file-modal__btn--crop:hover{background:var(--color-texto);transform:translateY(-1px)}.replace-file-modal__btn--confirm{background:var(--color-primario);color:var(--sf-color-text-inverse)}.replace-file-modal__btn--confirm:hover:not(:disabled){background:var(--sf-color-brand-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow-medium)}.replace-file-modal__btn--confirm:disabled{background:var(--color-acento);color:var(--sf-color-text-disabled);cursor:not-allowed;transform:none}@media (max-width: 640px){.replace-file-modal{width:95vw;margin:var(--sf-spacing-medium)}.replace-file-modal__header{padding:var(--sf-spacing-medium)}.replace-file-modal__header .header-content .header-icon{width:2rem;height:2rem}.replace-file-modal__header .header-content h3{font-size:var(--sf-font-size-4)}.replace-file-modal__body{padding:var(--sf-spacing-medium)}.replace-file-modal__dropzone{padding:var(--sf-spacing-large);min-height:150px}.replace-file-modal__footer{padding:var(--sf-spacing-medium);flex-direction:column}.replace-file-modal__footer .replace-file-modal__btn{min-width:auto}.replace-file-modal__selected .file-preview{flex-direction:column;text-align:center;gap:var(--sf-spacing-medium)}.replace-file-modal__selected .file-preview .image-thumbnail{width:4rem;height:4rem;align-self:center}.replace-file-modal__selected .file-preview .image-thumbnail .remove-file-btn{width:1.25rem;height:1.25rem}.replace-file-modal__selected .file-preview .file-icon{width:2.5rem;height:2.5rem}.replace-file-modal__selected .file-preview .file-icon .remove-file-btn--video{width:1rem;height:1rem}.replace-file-modal__selected .file-preview .file-icon .remove-file-btn--video svg{width:8px;height:8px}}.media-manager{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:var(--sf-spacing-medium);box-sizing:border-box}.media-manager__content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-large)}.upload-progress{background:var(--sf-color-background);color:var(--sf-color-text-default);padding:var(--sf-spacing-large);border-radius:var(--sf-border-radius-medium);margin:var(--sf-spacing-medium) auto;max-width:600px;box-shadow:var(--sf-shadow-medium);border:1px solid var(--sf-color-border);position:relative;overflow:hidden;z-index:var(--sf-z-index-overlay)}.upload-progress__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sf-spacing-medium)}.upload-progress__title-section{display:flex;align-items:center;gap:var(--sf-spacing-small)}.upload-progress__icon{font-size:var(--sf-font-size-6)}.upload-progress__text{flex:1}.upload-progress__title{margin:0 0 var(--sf-spacing-xx-small) 0;font-size:var(--sf-font-size-4);font-weight:var(--sf-font-weight-bold);color:var(--sf-color-text-default)}.upload-progress__subtitle{margin:0;font-size:var(--sf-font-size-2);font-weight:var(--sf-font-weight-regular);color:var(--sf-color-text-weak)}.upload-progress__cancel{background:var(--color-error);color:var(--sf-color-text-inverse);border:1px solid var(--color-error);border-radius:var(--sf-border-radius-medium);padding:var(--sf-spacing-x-small) var(--sf-spacing-small);font-size:var(--sf-font-size-2);cursor:pointer;transition:var(--sf-transition-fast)}.upload-progress__cancel:hover{background:#9e8c8c;border-color:#9e8c8c}.upload-progress__content{width:100%}.upload-progress__bar-container{position:relative;width:100%;height:8px;background:var(--sf-color-border);border-radius:var(--sf-border-radius-small);overflow:hidden;margin-bottom:var(--sf-spacing-medium)}.upload-progress__bar{height:100%;background:var(--sf-color-brand);border-radius:var(--sf-border-radius-small);transition:width var(--sf-transition-medium);position:relative}.upload-progress__percentage{font-size:var(--sf-font-size-2);color:var(--sf-color-text-weak);margin-left:var(--sf-spacing-x-small);font-weight:var(--sf-font-weight-regular);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.upload-progress__percentage:hover{background:#495057;transform:scale(1.1)}.upload-progress__main-bar{display:flex;align-items:center;gap:15px;margin-bottom:20px;position:relative;z-index:1}.upload-progress__bar-container{flex:1;background:#f8f9fa;height:12px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #dee2e6}.upload-progress__bar{height:100%;background:#28a745;transition:width .4s ease;border-radius:6px;position:relative}.upload-progress__bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:progress-glow 1.5s infinite}.upload-progress__percentage{font-size:1rem;font-weight:700;min-width:45px;text-align:right;color:#212529}.upload-progress__optimization-details{background:var(--sf-color-background-shade);padding:var(--sf-spacing-medium);border-radius:var(--sf-border-radius-medium);margin-bottom:var(--sf-spacing-medium);border:1px solid var(--sf-color-border)}.upload-progress__current-file{display:flex;align-items:center;gap:var(--sf-spacing-x-small);margin-bottom:var(--sf-spacing-small);padding:var(--sf-spacing-x-small) var(--sf-spacing-small);background:var(--sf-color-background);border-radius:var(--sf-border-radius-medium);border:1px solid var(--sf-color-border)}.upload-progress__file-label{font-size:var(--sf-font-size-2);color:var(--sf-color-text-weak)}.upload-progress__file-name{flex:1;font-family:monospace;font-size:var(--sf-font-size-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--sf-font-weight-regular);color:var(--sf-color-text-default)}.upload-progress__file-counter{text-align:center;font-size:var(--sf-font-size-2);color:var(--sf-color-text-weak);margin-bottom:var(--sf-spacing-small)}.upload-progress__compression-stats{display:flex;flex-direction:column;gap:var(--sf-spacing-small)}.upload-progress__size-comparison{display:flex;align-items:center;justify-content:center;gap:var(--sf-spacing-medium);flex-wrap:wrap}.upload-progress__size-item{display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-xx-small)}.upload-progress__size-label{font-size:var(--sf-font-size-1);color:var(--sf-color-text-weak);text-transform:uppercase;letter-spacing:.5px}.upload-progress__size-value{font-size:var(--sf-font-size-3);font-weight:var(--sf-font-weight-bold);color:var(--sf-color-text-default)}.upload-progress__size-value--optimized{color:var(--sf-color-success)}.upload-progress__arrow{font-size:var(--sf-font-size-5);color:var(--sf-color-text-weak);font-weight:var(--sf-font-weight-bold)}.upload-progress__savings{display:flex;justify-content:center}.upload-progress__savings-badge{background:var(--sf-color-success);color:var(--sf-color-text-inverse);padding:var(--sf-spacing-xx-small) var(--sf-spacing-medium);border-radius:var(--sf-border-radius-large);font-size:var(--sf-font-size-2);font-weight:var(--sf-font-weight-bold)}.upload-progress__upload-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px;text-align:center;position:relative;z-index:1;border:1px solid #dee2e6}.upload-progress__upload-status{display:flex;align-items:center;justify-content:center;gap:10px}.upload-progress__status-text{font-size:.95rem;color:#6c757d}.upload-progress__completed{background:#ffffff1a;padding:20px;border-radius:12px;text-align:center;position:relative;z-index:1}.upload-progress__success-message{display:flex;flex-direction:column;gap:8px}.upload-progress__success-text{font-size:1.1rem;font-weight:600}.upload-progress__final-savings{font-size:.9rem;opacity:.9}.upload-progress__spinner{display:flex;justify-content:center;align-items:center;margin:var(--sf-spacing-medium) 0;padding:var(--sf-spacing-x-small)}.upload-progress__spinner-icon{width:24px;height:24px;border:2px solid var(--sf-color-border);border-top:2px solid var(--sf-color-brand);border-radius:50%;animation:sf-spin 1s linear infinite}.upload-progress__success-modal{position:fixed;inset:0;z-index:var(--sf-z-index-modal);display:flex;justify-content:center;align-items:center}.upload-progress__success-overlay{position:absolute;inset:0;background:#0000004d}.upload-progress__success-content{position:relative;background:var(--sf-color-background);padding:var(--sf-spacing-x-large);border-radius:var(--sf-border-radius-medium);box-shadow:var(--sf-shadow-large);text-align:center;max-width:400px;min-width:300px;margin:var(--sf-spacing-medium);border:1px solid var(--sf-color-border)}.upload-progress__success-header{display:flex;flex-direction:column;align-items:center;gap:var(--sf-spacing-small);margin-bottom:var(--sf-spacing-medium)}.upload-progress__success-icon{font-size:var(--sf-font-size-6);color:var(--sf-color-success)}.upload-progress__success-title{color:var(--sf-color-text-default);font-size:var(--sf-font-size-5);font-weight:var(--sf-font-weight-bold);margin:0}.upload-progress__success-subtitle{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-3);margin:0 0 var(--sf-spacing-medium) 0;line-height:1.5}.upload-progress__success-timer{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-2);margin-bottom:var(--sf-spacing-medium)}.upload-progress__success-close{background:var(--sf-color-brand);color:var(--sf-color-text-inverse);border:1px solid var(--sf-color-brand);padding:var(--sf-spacing-x-small) var(--sf-spacing-medium);border-radius:var(--sf-border-radius-medium);font-size:var(--sf-font-size-3);cursor:pointer;transition:var(--sf-transition-fast);align-items:center;gap:12px;margin-bottom:20px}.upload-progress__success-close:hover{background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark)}.upload-progress__success-icon{font-size:3.5rem;animation:bounceIn .6s ease-out}.upload-progress__success-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.upload-progress__success-subtitle{color:#ffffffe6;font-size:1rem;margin:0 0 20px;line-height:1.5}.upload-progress__success-stats{background:#ffffff1a;padding:12px;border-radius:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}.upload-progress__success-savings{color:#fff;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:8px}.upload-progress__success-timer{color:#fffc;font-size:.85rem;margin-bottom:20px;opacity:.8}.upload-progress__success-close{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.upload-progress__success-close:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.upload-progress__success-close:active{transform:translateY(0)}.upload-progress__error-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.upload-progress__error-overlay{position:absolute;inset:0;background:#00000080}.upload-progress__error-content{position:relative;background:#fff;padding:32px;border-radius:8px;box-shadow:0 8px 32px #00000026;text-align:center;max-width:400px;min-width:300px;margin:20px;animation:slideInUp .3s ease-out;border:2px solid #dc3545;border-left:6px solid #dc3545}.upload-progress__error-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.upload-progress__error-icon{font-size:3rem;animation:bounceIn .5s ease-out}.upload-progress__error-title{color:#dc3545;font-size:1.4rem;font-weight:600;margin:0}.upload-progress__error-subtitle{color:#495057;font-size:1rem;margin:0 0 20px;line-height:1.5;word-break:break-word}.upload-progress__error-timer{color:#6c757d;font-size:.85rem;margin-bottom:20px}.upload-progress__error-close{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.upload-progress__error-close:hover{background:#c82333}.upload-progress__process-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.upload-progress__process-overlay{position:absolute;inset:0;background:#0009}.upload-progress__process-content{position:relative;background:#fff;padding:40px;border-radius:12px;box-shadow:0 12px 48px #0003;text-align:center;max-width:500px;min-width:400px;margin:20px;animation:slideInUp .3s ease-out;border:1px solid #e9ecef}.upload-progress__process-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.upload-progress__process-icon{font-size:3rem;animation:pulse 2s infinite}.upload-progress__process-title{color:#212529;font-size:1.5rem;font-weight:600;margin:0}.upload-progress__process-subtitle{color:#6c757d;font-size:1rem;margin:0 0 24px;line-height:1.5}.upload-progress__process-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.upload-progress__process-cancel{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease;margin-top:20px}.upload-progress__process-cancel:hover{background:#495057}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progress-glow{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.upload-progress{padding:20px;margin:15px 0}.upload-progress__title{font-size:1.1rem}.upload-progress__subtitle{font-size:.85rem}.upload-progress__icon{font-size:1.5rem}.upload-progress__size-comparison{flex-direction:column;gap:8px}.upload-progress__arrow{transform:rotate(90deg);font-size:1.2rem}.upload-progress__main-bar{gap:10px}.upload-progress__percentage{font-size:.9rem;min-width:40px}.upload-progress__current-file{flex-direction:column;align-items:flex-start;gap:6px}.upload-progress__file-name{font-size:.8rem}}@media (max-width: 480px){.upload-progress__success-content{margin:15px;padding:24px;min-width:auto}.upload-progress__success-icon{font-size:2.5rem}.upload-progress__success-title{font-size:1.2rem}.upload-progress__success-subtitle{font-size:.9rem}}.upload-progress__success-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.upload-progress__success-overlay{position:absolute;inset:0;background:#00000080}.upload-progress__success-content{position:relative;background:#fff;padding:32px;border-radius:8px;box-shadow:0 8px 32px #00000026;text-align:center;max-width:400px;min-width:300px;margin:20px;animation:slideInUp .3s ease-out;border:1px solid #e9ecef}.upload-progress__success-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.upload-progress__success-icon{font-size:3rem;animation:bounceIn .5s ease-out}.upload-progress__success-title{color:#28a745;font-size:1.4rem;font-weight:600;margin:0}.upload-progress__success-subtitle{color:#495057;font-size:1rem;margin:0 0 20px;line-height:1.5}.upload-progress__success-stats{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #dee2e6}.upload-progress__success-savings{color:#28a745;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:8px}.upload-progress__success-timer{color:#6c757d;font-size:.85rem;margin-bottom:20px}.upload-progress__success-close{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.upload-progress__success-close:hover{background:#495057}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.invalid-vin{display:flex;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 4rem);background:transparent;font-family:var(--sf-font-family)}.invalid-vin__container{background:var(--color-fondo);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);padding:var(--sf-spacing-xx-large);max-width:500px;width:100%;box-shadow:var(--sf-shadow-large);text-align:center}.invalid-vin__header{margin-bottom:var(--sf-spacing-xx-large)}.invalid-vin__header h1{font-size:var(--sf-font-size-6);font-weight:var(--sf-font-weight-bold);color:var(--sf-color-text-default);margin:0 0 var(--sf-spacing-small) 0}.invalid-vin__header p{font-size:var(--sf-font-size-3);color:var(--sf-color-text-weak);margin:0}.invalid-vin__error-message{background:var(--sf-color-background-destructive);border:1px solid var(--sf-color-border-error);border-radius:var(--sf-border-radius-medium);padding:var(--sf-spacing-medium);margin-bottom:var(--sf-spacing-large);color:var(--color-error);font-size:var(--sf-font-size-3);display:flex;align-items:center;justify-content:center;gap:var(--sf-spacing-small)}.invalid-vin__error-icon{font-size:var(--sf-font-size-4)}.invalid-vin__search{display:flex;flex-direction:column;gap:var(--sf-spacing-large)}.invalid-vin__input{width:100%;padding:var(--sf-spacing-medium);border:1px solid var(--sf-color-border);border-radius:var(--sf-border-radius-medium);font-size:var(--sf-font-size-4);font-family:var(--sf-font-family);font-weight:var(--sf-font-weight-regular);text-align:center;letter-spacing:1px;background:var(--sf-color-background);color:var(--sf-color-text-default);transition:var(--sf-transition-fast);outline:none}.invalid-vin__input::placeholder{color:var(--sf-color-text-placeholder);font-weight:var(--sf-font-weight-regular)}.invalid-vin__input:focus{border-color:var(--sf-color-brand);box-shadow:0 0 0 2px var(--sf-color-brand-20)}.invalid-vin__input--error{border-color:var(--sf-color-border-error);background:var(--sf-color-background-destructive)}.invalid-vin__input--error:focus{border-color:var(--sf-color-border-error);box-shadow:0 0 0 2px var(--sf-color-error-20)}.invalid-vin__input:disabled{background:var(--sf-color-background-disabled);color:var(--sf-color-text-disabled);cursor:not-allowed}.invalid-vin__validation-error{color:var(--sf-color-text-error);font-size:var(--sf-font-size-2);margin-top:var(--sf-spacing-x-small);font-weight:var(--sf-font-weight-regular)}.invalid-vin__search-button{width:100%;background:var(--color-primario);color:var(--sf-color-text-inverse);border:1px solid var(--color-primario);border-radius:var(--sf-border-radius-medium);padding:var(--sf-spacing-medium) var(--sf-spacing-large);font-size:var(--sf-font-size-3);font-family:var(--sf-font-family);font-weight:var(--sf-font-weight-regular);cursor:pointer;transition:var(--sf-transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--sf-spacing-small);outline:none}.invalid-vin__search-button:hover:not(:disabled){background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark)}.invalid-vin__search-button:focus{box-shadow:0 0 0 2px var(--sf-color-brand-20)}.invalid-vin__search-button:disabled{background:var(--color-acento);border-color:var(--color-acento);color:var(--color-texto);cursor:not-allowed;opacity:.6}.invalid-vin__search-button--loading{background:var(--sf-color-brand-dark);border-color:var(--sf-color-brand-dark)}.invalid-vin__loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--sf-color-text-inverse);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.invalid-vin__container{max-width:calc(100vw - 4rem);margin:0 var(--sf-spacing-medium)}}@media (max-height: 600px){.invalid-vin{align-items:flex-start;padding-top:var(--sf-spacing-large)}}.initial-loading{display:flex;justify-content:center;align-items:center;height:100vh;padding:var(--sf-spacing-medium);background-color:var(--color-fondo);box-sizing:border-box}.initial-loading__container{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px}.initial-loading__content{text-align:center;background:var(--color-fondo);padding:var(--sf-spacing-xx-large) var(--sf-spacing-x-large);border-radius:var(--sf-border-radius-medium);box-shadow:var(--sf-shadow-medium);border:1px solid var(--sf-color-border);width:100%;box-sizing:border-box}.initial-loading__spinner{position:relative;display:inline-block;width:60px;height:60px;margin-bottom:var(--sf-spacing-large)}.initial-loading__spinner-ring{position:absolute;border:3px solid var(--sf-color-border);border-top:3px solid var(--color-primario);border-radius:50%;animation:sf-spin 1.2s linear infinite}.initial-loading__spinner-ring:nth-child(1){width:50px;height:50px;top:5px;left:5px;animation-delay:-.3s}.initial-loading__spinner-ring:nth-child(2){width:36px;height:36px;top:12px;left:12px;animation-delay:-.2s}.initial-loading__spinner-ring:nth-child(3){width:22px;height:22px;top:19px;left:19px;animation-delay:-.1s}.initial-loading__title{color:var(--sf-color-text-default);font-size:var(--sf-font-size-5);font-weight:var(--sf-font-weight-bold);margin:0 0 var(--sf-spacing-small) 0}.initial-loading__subtitle{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-3);margin:0 0 var(--sf-spacing-x-large) 0;line-height:1.5}.initial-loading__subtitle strong{color:var(--sf-color-brand);font-weight:var(--sf-font-weight-bold);font-family:monospace;letter-spacing:.5px}.initial-loading__progress{display:flex;flex-direction:column;gap:var(--sf-spacing-small)}.initial-loading__progress-bar{width:100%;height:4px;background:var(--sf-color-border);border-radius:var(--sf-border-radius-small);overflow:hidden;position:relative}.initial-loading__progress-fill{height:100%;background:var(--sf-color-brand);border-radius:var(--sf-border-radius-small);animation:progress-wave 2s ease-in-out infinite}.initial-loading__progress-text{color:var(--sf-color-text-weak);font-size:var(--sf-font-size-2);text-align:center}@keyframes progress-wave{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@media (max-width: 480px){.initial-loading{padding:var(--sf-spacing-medium)}.initial-loading__content{padding:var(--sf-spacing-x-large) var(--sf-spacing-large)}.initial-loading__spinner{width:48px;height:48px}.initial-loading__spinner-ring:nth-child(1){width:40px;height:40px;top:4px;left:4px}.initial-loading__spinner-ring:nth-child(2){width:28px;height:28px;top:10px;left:10px}.initial-loading__spinner-ring:nth-child(3){width:16px;height:16px;top:16px;left:16px}.initial-loading__title{font-size:var(--sf-font-size-4)}.initial-loading__subtitle{font-size:var(--sf-font-size-2)}}.content-manager{display:flex;flex-direction:column;gap:var(--sf-spacing-x-large);align-items:center;width:100%;max-width:100%;position:relative}.content-manager__overlay{position:fixed;inset:0;background-color:#0000001a;z-index:999;pointer-events:none}.content-manager__main-content{width:100%;position:relative;transition:opacity .3s ease}.content-manager__main-content.content-manager__main-content--disabled{opacity:.7;pointer-events:none;z-index:998}.content-manager__main-content.content-manager__main-content--enabled{opacity:1;pointer-events:auto;z-index:auto}.optimization-progress{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin:15px 0;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.optimization-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.optimization-progress__header h4{margin:0;font-size:1.1rem;font-weight:600}.optimization-progress__stats{display:flex;gap:15px;align-items:center}.optimization-progress__counter{background:#fff3;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.optimization-progress__bar-container{position:relative;background:#fff3;height:8px;border-radius:4px;overflow:hidden;margin-bottom:12px}.optimization-progress__bar{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease;border-radius:4px}.optimization-progress__percentage{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.optimization-progress__current-file{background:#ffffff1a;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:.9rem;font-family:SF Mono,Consolas,monospace}.optimization-progress__current-file span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.optimization-progress__compression-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.optimization-progress__size-comparison{display:flex;align-items:center;gap:12px;font-size:.9rem;justify-content:center}.optimization-progress__original{color:#fffc}.optimization-progress__arrow{font-size:1.2rem;color:#4facfe}.optimization-progress__optimized{color:#00f2fe;font-weight:600}.optimization-progress__savings{display:flex;justify-content:center}.optimization-progress__savings-badge{background:linear-gradient(90deg,#56ab2f,#a8e6cf);color:#2d5a3d;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.optimization-progress__spinner{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#ffffffe6}.optimization-progress__spinner-icon{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.optimization-progress{padding:15px}.optimization-progress__header{flex-direction:column;gap:10px;align-items:flex-start}.optimization-progress__header h4{font-size:1rem}.optimization-progress__size-comparison{flex-direction:column;gap:6px;text-align:center}.optimization-progress__arrow{transform:rotate(90deg)}.optimization-progress__current-file span{font-size:.8rem}}