.pagina-catalogo{--cat-accent:#6366f1;--cat-accent-hover:#4f46e5;--cat-danger:#ef4444;--cat-card-radius:12px;--cat-input-border:#d1d5db;text-align:left;flex-direction:column;min-height:100svh;display:flex}.catalogo-header{background:#1e1b2e;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.catalogo-header h1{color:#f0edf8;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600}.btn-abrir-modal{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:500;transition:background .18s,box-shadow .18s}.btn-abrir-modal:hover{background:#4f46e5;box-shadow:0 2px 8px #6366f159}.catalogo-body{flex:1;padding:28px 32px 48px}.barra-busqueda-wrapper{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.campo-busqueda{flex:1;min-width:200px;max-width:400px;position:relative}.campo-busqueda:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b6375' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.campo-busqueda input{border:1px solid var(--cat-input-border);background:var(--bg);width:100%;color:var(--text-h);box-sizing:border-box;text-align:left;border-radius:8px;padding:9px 12px 9px 36px;font-size:14px;transition:border-color .18s,box-shadow .18s}.campo-busqueda input:focus{border-color:var(--cat-accent);outline:none;box-shadow:0 0 0 3px #6366f126}.badge-total{color:#4f46e5;white-space:nowrap;background:#6366f11a;border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.cargando{justify-content:center;padding:32px 0;display:flex}.cargando-puntos{gap:5px;display:inline-flex}.cargando-puntos span{background:var(--cat-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulso-punto}.cargando-puntos span:nth-child(2){animation-delay:.2s}.cargando-puntos span:nth-child(3){animation-delay:.4s}@keyframes pulso-punto{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}#patrones{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:4px;display:grid}#patrones .patern{background:var(--bg);border:1px solid var(--border);border-radius:var(--cat-card-radius);text-align:left;flex-direction:column;width:auto;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 0 0 1px #00000008}#patrones .patern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000d}#patrones .patern h4{letter-spacing:.5px;text-transform:uppercase;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:12px 14px 10px;font-size:11px;font-weight:600;overflow:hidden}#patrones .patern img{aspect-ratio:1;object-fit:contain;cursor:pointer;background:var(--code-bg);width:100%;display:block}#patrones .patern-buttons{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding:10px 12px;display:flex}#patrones .patern-buttons button{cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:500;transition:background-color .15s}.btn-copiar{color:#6366f1;border:1px solid #6366f1}.btn-copiar:hover{background-color:#6366f114!important}.btn-eliminar{color:#ef4444;border:1px solid #ef4444}.btn-eliminar:hover{background-color:#ef444414!important}.contenedor-ver-mas{justify-content:center;margin-top:36px;display:flex}#showmore{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:500;transition:background-color .18s}#showmore:hover{background-color:#6366f114}.header-acciones{align-items:center;gap:12px;display:flex}.icono-carrito{cursor:pointer;color:#f0edf8;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;padding:7px 10px;transition:background .18s,border-color .18s;display:flex;position:relative}.icono-carrito:hover{background:#ffffff12;border-color:#ffffff47}.icono-carrito svg{width:20px;height:20px;display:block}.carrito-badge{color:#fff;background:#6366f1;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.card-header-row{justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.card-header-row h4{letter-spacing:.5px;text-transform:uppercase;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;padding:0;font-size:11px;font-weight:600;overflow:hidden}#patrones .patern>h4{display:none}.card-selector{cursor:pointer;flex-shrink:0;align-items:center;margin-left:8px;display:flex}.card-selector input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.card-selector-check{background:0 0;border:2px solid #9ca3af;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.card-selector input[type=checkbox]:checked+.card-selector-check{background:#6366f1;border-color:#6366f1}.card-selector input[type=checkbox]:checked+.card-selector-check:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.patern-en-carrito{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f140!important}.cart-overlay{z-index:200;background:#00000073;position:fixed;inset:0}.cart-panel{z-index:201;color:#f0edf8;background:#1e1b2e;border-left:1px solid #ffffff14;flex-direction:column;width:320px;max-width:90vw;height:100vh;animation:.22s slide-in-right;display:flex;position:fixed;top:0;right:0}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.cart-panel-titulo{color:#f0edf8;margin:0;font-size:17px;font-weight:600}.cart-panel-cerrar{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .15s}.cart-panel-cerrar:hover{color:#f0edf8}.cart-panel-body{flex:1;padding:16px 20px;overflow-y:auto}.cart-vacio{color:#fff6;text-align:center;margin-top:32px;font-size:14px}.cart-lista{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cart-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cart-item-img{object-fit:contain;background:var(--code-bg);border-radius:6px;flex-shrink:0;width:48px;height:48px}.cart-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cart-item-nombre{letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.cart-item-peso{opacity:.55;font-size:11px}.cart-item-controles{flex-shrink:0;align-items:center;gap:6px;display:flex}.cart-btn-cantidad{color:#f0edf8;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;transition:background .15s;display:flex}.cart-btn-cantidad:hover{background:#ffffff1a}.cart-cantidad{text-align:center;color:#f0edf8;min-width:22px;font-size:14px;font-weight:600}.cart-footer{border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px 20px;display:flex}.cart-footer-label{opacity:.7;flex-direction:column;gap:6px;font-size:12px;display:flex}.cart-footer-input{color:#f0edf8;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;width:100%;padding:8px 10px;font-size:14px;transition:border-color .15s}.cart-footer-input::placeholder{opacity:.35}.cart-footer-input:focus{border-color:#6366f1;outline:none}.cart-total{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.cart-btn-colores{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:8px;flex-shrink:0;margin:0 20px 10px;padding:9px 0;font-size:13px;font-weight:600;transition:background .15s}.cart-btn-colores:hover:not(:disabled){background:#6366f11f}.cart-btn-colores:disabled{opacity:.35;cursor:default}.colores-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.colores-dialog{color:#f0edf8;background:#1e1b2e;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:360px;max-width:92vw;max-height:80vh;display:flex}.colores-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.colores-titulo{margin:0;font-size:16px;font-weight:600}.colores-cerrar{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1;transition:color .15s}.colores-cerrar:hover{color:#f0edf8}.colores-body{flex:1;padding:14px 20px 20px;overflow-y:auto}.colores-vacio{color:#fff6;text-align:center;margin-top:24px;font-size:14px}.colores-lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.colores-item{background:#ffffff0a;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.colores-swatch{border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;width:28px;height:28px}.colores-hex{letter-spacing:.5px;flex:1;font-family:monospace;font-size:13px}.colores-count{opacity:.75;font-size:13px;font-weight:600}@media (width<=640px){.catalogo-header{padding:20px 16px}.catalogo-body{padding:20px 16px 40px}#patrones{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.barra-busqueda-wrapper{flex-direction:column;align-items:stretch}.campo-busqueda{max-width:100%}}#patron-body button{cursor:pointer;justify-content:center;align-items:center;padding:5px;display:flex}#patron-body button:hover,#patron-body button.active{background-color:#d3d3d3}#patron-body button img{width:25px;height:25px}#patron-body .btn-full{text-align:center;width:100%}#patron-body .btn-number{background-color:#0000;border:1px solid #ccc;padding:0}#patron-body input:not([type=color]):not(.input-modal){text-align:center;padding:2px 5px}#patron-body .input-full{width:100%}#patron-body select{padding:5px}#patron-body .row{align-items:center;gap:10px;display:flex}#patron-body .row .input-number{width:50px;padding:4px 5px}#patron-body .no-gap{gap:0}#patron-body .justify{justify-content:space-between}#patron-body .center{justify-content:center}#patron-body .mb-5{margin-bottom:5px}#patron-body .mb-10{margin-bottom:10px}#patron-body .mt-5{margin-top:5px}#patron-body .mt-10{margin-top:10px}#patron-body{justify-content:space-between;height:100vh;max-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}#navbar{background:var(--ed-panel-bg);border-right:1px solid var(--ed-panel-border);flex-direction:column;justify-content:space-between;width:250px;padding:0;display:flex;overflow-y:auto}.navbar-header{border-bottom:1px solid var(--ed-section-border);padding:12px 14px 10px}.navbar-link-home{color:var(--ed-text-muted);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;text-decoration:none;transition:color .15s;display:inline-flex}.navbar-link-home:hover{color:var(--ed-accent)}.navbar-titulo{color:var(--ed-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.navbar-body{flex:1;padding:10px 14px}.navbar-seccion{border-top:1px solid var(--ed-section-border);margin-top:10px;padding-top:10px}.navbar-seccion-titulo{letter-spacing:.8px;text-transform:uppercase;color:var(--ed-text-muted);margin-bottom:8px;font-size:10px;font-weight:600;display:block}#navbar label{color:var(--ed-text-secondary);font-size:13px}#navbar input:not([type=color]),#navbar select{background:var(--ed-surface);border:1px solid var(--ed-section-border);color:var(--ed-text-primary);border-radius:4px;padding:5px 8px;font-size:13px}#navbar input:not([type=color]):focus,#navbar select:focus{border-color:var(--ed-accent);outline:none;box-shadow:0 0 0 2px #6366f133}.btn-panel{border:1px solid var(--ed-section-border);background:var(--ed-surface);width:100%;color:var(--ed-text-primary);cursor:pointer;text-align:center;border-radius:6px;justify-content:center;padding:7px 10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn-panel:hover{background:var(--ed-surface-hover);border-color:var(--ed-accent)}.btn-edicion-activa{background:var(--ed-accent-muted)!important;border-color:var(--ed-accent)!important;color:#a5b4fc!important}.btn-guardar{background:var(--ed-accent);border-color:var(--ed-accent);color:#fff}.btn-guardar:hover{background:var(--ed-accent-hover);border-color:var(--ed-accent-hover)}.btn-descargar{color:var(--ed-text-primary);background:#334155;border-color:#475569}.btn-descargar:hover{background:#3e4f63}.btn-limpiar{color:#fca5a5;background:#7f1d1d;border-color:#7f1d1d}.btn-limpiar:hover{background:#991b1b}.save-status{color:var(--ed-text-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.save-status-guardando{color:var(--ed-save-pending);background:#f59e0b26}.navbar-footer{border-top:1px solid var(--ed-section-border);flex-direction:column;gap:6px;padding:10px 14px 14px;display:flex}#time-container{margin-bottom:10px}#time-container .time-text{color:var(--ed-text-primary);text-align:center;letter-spacing:2px;margin-bottom:8px;font-family:Courier New,monospace;font-size:36px}.btn-playback{border:1px solid var(--ed-section-border);background:var(--ed-surface);width:36px;height:36px;color:var(--ed-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background .15s;display:flex}.btn-playback:hover:not(:disabled){background:var(--ed-surface-hover);border-color:var(--ed-accent)}.btn-playback:disabled{opacity:.35;cursor:not-allowed}.btn-playback-play:not(:disabled){color:#4ade80;border-color:#22c55e}.btn-playback-play:not(:disabled):hover{background:#22c55e1f}.row-paint-controls{align-items:center;gap:3px;display:flex}.btn-row-paint{border:1px solid var(--ed-section-border);background:var(--ed-surface);width:30px;height:30px;color:var(--ed-text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;transition:background .15s;display:flex}.btn-row-paint:hover{background:var(--ed-surface-hover);border-color:var(--ed-accent)}.btn-tool{border:1px solid var(--ed-section-border);background:var(--ed-surface);color:var(--ed-text-secondary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.btn-tool:hover{background:var(--ed-surface-hover)}.btn-tool.active{background:var(--ed-accent-muted);border-color:var(--ed-accent);color:#a5b4fc}#buttons-move button img,.btn-tool img{filter:invert()opacity(.75)}#buttons-move{flex-direction:column;align-items:center;gap:10px;width:150px;margin:0 auto;display:flex}#buttons-move button{background:var(--ed-surface);border:1px solid var(--ed-section-border);width:40px;height:40px;color:var(--ed-text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:flex}#buttons-move button:hover{background:var(--ed-surface-hover);border-color:var(--ed-accent)}#buttons-move .buttons-h{justify-content:space-between;gap:20px;display:flex}#main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}#container-canvas{background-color:var(--ed-canvas-bg);flex:1;width:calc(100vw - 500px);position:relative;overflow:auto}#image-canvas{padding:20px;display:inline-block}#image-canvas canvas{cursor:pointer;display:block}.zoom-controls{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--ed-section-border);background:#1a1a2ed9;border-radius:8px;align-items:center;gap:4px;width:fit-content;margin:8px 0 0 8px;padding:4px 6px;display:flex;position:sticky;top:8px;left:8px}.zoom-btn{width:28px;height:28px;color:var(--ed-text-primary);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;transition:background .15s;display:flex}.zoom-btn:hover:not(:disabled){background:var(--ed-surface-hover)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-btn-reset{width:auto;color:var(--ed-text-secondary);min-width:44px;padding:0 6px;font-size:12px;font-weight:600}#colors{background:#f4f3f7;border-bottom:1px solid #c4c4cc;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;height:56px;padding:8px 12px;display:flex;overflow:auto hidden}#colors::-webkit-scrollbar{height:3px}#colors::-webkit-scrollbar-thumb{background:#c4c4cc;border-radius:2px}#colors .square-color{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;transition:transform .1s,border-color .15s;display:flex}#colors .square-color:hover{border-color:#00000059;transform:scale(1.12)}#colors .square-color.color-activo{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-accent-muted);transform:scale(1.08)}#total{color:#6b7280;flex-shrink:0;margin-left:4px;font-size:12px;font-weight:600}#sidebar{background:var(--ed-panel-bg);border-left:1px solid var(--ed-panel-border);flex-direction:column;width:250px;padding:0;display:flex}.sidebar-header{border-bottom:1px solid var(--ed-section-border);padding:12px 14px 8px}.sidebar-titulo{letter-spacing:.8px;text-transform:uppercase;color:var(--ed-text-muted);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.search-container{align-items:center;gap:8px;display:flex}.search-container label{color:var(--ed-text-secondary);min-width:50px;font-size:13px;font-weight:500}#searchInput{background:var(--ed-surface);border:1px solid var(--ed-section-border);color:var(--ed-text-primary);border-radius:4px;flex:1;padding:7px 10px;font-size:13px}#searchInput::placeholder{color:var(--ed-text-muted)}#searchInput:focus{border-color:var(--ed-accent);outline:none;box-shadow:0 0 0 2px #6366f133}.color-list{background:0 0;flex:1;overflow-y:auto}.color-item{border-bottom:1px solid var(--ed-section-border);cursor:pointer;align-items:center;padding:10px 14px;transition:background-color .15s;display:flex}.color-item:hover{background-color:var(--ed-surface-hover)}.color-item.selected{background-color:var(--ed-accent-muted);border-left:3px solid var(--ed-accent)}.color-swatch{border:1px solid var(--ed-section-border);border-radius:6px;flex-shrink:0;width:36px;height:36px;margin-right:12px}.color-info{flex:1}.color-code{color:var(--ed-text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.color-name{color:var(--ed-text-secondary);font-size:12px;line-height:1.3}.color-list::-webkit-scrollbar{width:6px}.color-list::-webkit-scrollbar-track{background:var(--ed-panel-bg)}.color-list::-webkit-scrollbar-thumb{background:var(--ed-section-border);border-radius:4px}#mobile-bar{display:none}@media screen and (width<=768px){#navbar,#sidebar{display:none}#patron-body{flex-direction:column}#main{flex-direction:column;height:calc(100vh - 52px);display:flex;overflow:hidden}#colors{flex-shrink:0;height:46px}#container-canvas{width:100vw;max-height:calc(100vh - 100px);overflow:auto}#mobile-bar{background:var(--ed-panel-bg);border-top:1px solid var(--ed-panel-border);z-index:50;align-items:center;gap:6px;height:52px;padding:6px 10px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-bar-btn{border:1px solid var(--ed-section-border);background:var(--ed-surface);color:var(--ed-text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.mobile-bar-btn:hover{background:var(--ed-surface-hover)}.mobile-bar-btn-activo{background:var(--ed-accent-muted);border-color:var(--ed-accent);color:#a5b4fc}.mobile-bar-btn-save{background:var(--ed-accent);border-color:var(--ed-accent);color:#fff;flex-shrink:0}.mobile-bar-btn-save:hover{background:var(--ed-accent-hover)}.mobile-bar-fila{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.mobile-bar-fila-num{text-align:center;min-width:28px;color:var(--ed-text-primary);font-size:13px;font-weight:600}.mobile-bar-btn-fila{padding:6px 10px;font-size:15px;line-height:1}.mobile-bar-color-wrap input[type=color]{border:1px solid var(--ed-section-border);background:var(--ed-surface);cursor:pointer;border-radius:6px;width:36px;height:36px;padding:2px}}.btn-agregar-color{border:1px dashed var(--ed-accent);width:100%;color:var(--ed-accent);cursor:pointer;background:0 0;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:12px;transition:background-color .15s}.btn-agregar-color:hover{background:var(--ed-accent-muted)}.btn-editar-color{color:#efefef;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;margin-left:auto;padding:2px 4px;font-size:14px;transition:opacity .15s,color .15s}.color-item:hover .btn-editar-color{opacity:1}.btn-editar-color:hover{color:#000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#6366f1;--accent-hover:#4f46e5;--danger:#ef4444;--ed-panel-bg:#1a1a2e;--ed-panel-border:#2d2d44;--ed-section-border:#363654;--ed-surface:#22223b;--ed-surface-hover:#2a2a4a;--ed-text-primary:#e8e6f0;--ed-text-secondary:#9896b0;--ed-text-muted:#5c5b78;--ed-accent:#6366f1;--ed-accent-hover:#4f46e5;--ed-accent-muted:#6366f126;--ed-save-pending:#f59e0b;--ed-canvas-bg:#d1d5db}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border:1px solid #e5e4e7;border-radius:16px;width:100%;max-width:520px;padding:28px 32px;animation:.2s modal-entrar;box-shadow:0 20px 60px #00000040}@media (prefers-color-scheme:dark){.modal-dialog{background:#1c1b27}}@keyframes modal-entrar{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-titulo{margin:0;font-size:16px;font-weight:600}.btn-cerrar-modal{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;transition:background .15s;display:flex}.btn-cerrar-modal:hover{background:#00000014}.form-crear-patron{flex-direction:column;gap:14px;display:flex}.form-crear-patron input[type=text],.form-crear-patron input[type=number],.form-crear-patron select{text-align:left;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:9px 12px;font-size:14px;transition:border-color .18s,box-shadow .18s}.form-crear-patron input[type=text]:focus,.form-crear-patron input[type=number]:focus,.form-crear-patron select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126}.form-crear-patron label{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.form-crear-patron label input[type=number]{text-align:center;flex-shrink:0;width:90px}.form-fila-dims{gap:12px;display:flex}.form-fila-dims label{flex:1}.btn-crear{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .18s,box-shadow .18s}.btn-crear:hover{background:var(--accent-hover);box-shadow:0 2px 8px #6366f159}@media (width<=640px){.modal-dialog{padding:20px 16px}}#modal-color{z-index:200;background-color:#0009;padding-top:100px;display:none;position:fixed;inset:0;overflow:auto}#modal-color .modal-content{border:1px solid var(--ed-panel-border);color:var(--ed-text-primary);background:#1e1c30;border-radius:10px;width:360px;margin:auto;padding:24px;position:relative;box-shadow:0 20px 60px #00000080}#modal-color .modal-content p{color:var(--ed-text-primary);margin-bottom:16px;font-size:15px;font-weight:600}#modal-color .modal-content .row label{color:var(--ed-text-secondary);font-size:13px}#modal-color .close{color:var(--ed-text-muted);cursor:pointer;font-size:24px;font-weight:700;line-height:1;position:absolute;top:16px;right:20px}#modal-color .close:hover{color:var(--ed-text-primary)}#modal-color .modal-footer{justify-content:flex-end;margin-top:20px;display:flex}#modal-color .modal-footer button{background:var(--ed-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s}#modal-color .modal-footer button:hover{background:var(--ed-accent-hover)}#modal-agregar-color{z-index:200;background-color:#0009;padding-top:100px;display:none;position:fixed;inset:0;overflow:auto}#modal-agregar-color .modal-content{border:1px solid var(--ed-panel-border);color:var(--ed-text-primary);background:#1e1c30;border-radius:10px;width:360px;margin:auto;padding:24px;position:relative;box-shadow:0 20px 60px #00000080}#modal-agregar-color .modal-content p{color:var(--ed-text-primary);margin-bottom:16px;font-size:15px;font-weight:600}#modal-agregar-color .close{color:var(--ed-text-muted);cursor:pointer;font-size:24px;font-weight:700;line-height:1;position:absolute;top:16px;right:20px}#modal-agregar-color .close:hover{color:var(--ed-text-primary)}.form-agregar-color{flex-direction:column;gap:12px;display:flex}.form-agregar-color-fila{flex-direction:column;gap:4px;display:flex}.form-agregar-color-fila label{color:var(--ed-text-secondary);font-size:12px}.form-agregar-color-fila input[type=text]{background:var(--ed-surface);border:1px solid var(--ed-section-border);color:var(--ed-text-primary);border-radius:6px;padding:7px 10px;font-size:13px}.form-agregar-color-hex{align-items:center;gap:10px;display:flex}.form-agregar-color-hex input[type=color]{border:1px solid var(--ed-section-border);background:var(--ed-surface);cursor:pointer;border-radius:6px;width:36px;height:30px;padding:2px}.form-agregar-color-hex span{color:var(--ed-text-secondary);font-size:13px}.form-agregar-color-error{color:#f87171;margin:0;font-size:12px}#modal-agregar-color .modal-footer{justify-content:flex-end;margin-top:8px;display:flex}#modal-agregar-color .modal-footer button{background:var(--ed-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .15s}#modal-agregar-color .modal-footer button:hover{background:var(--ed-accent-hover)}#modal-agregar-color .modal-footer button:disabled{opacity:.5;cursor:default}