@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#333;text-decoration:none}a:hover{color:#555}button{border-radius:8px;border:none;padding:0;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:inherit;cursor:pointer;transition:border-color .25s,background-color .2s}button:focus,button:focus-visible{outline:none}h1{font-size:3.2em;line-height:1.1}.sidebar{width:280px;background:linear-gradient(135deg,#0f3460,#16213e);height:100vh;display:flex;flex-direction:column;box-shadow:2px 0 15px #0000004d;transition:width .3s ease;color:#e0e0e0;position:relative;z-index:200;flex-shrink:0}.sidebar.collapsed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(74,144,226,.2);display:flex;justify-content:space-between;align-items:center;background:#0f3460cc;flex-shrink:0}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-logo{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.5px;white-space:nowrap}.sidebar-logo span{color:#4a90e2}.toggle-btn{background:#4a90e233;border:2px solid rgba(74,144,226,.5);color:#4a90e2;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;flex-shrink:0}.toggle-btn:hover{background:#4a90e266;transform:scale(1.05);color:#6ab7ff}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 0;scrollbar-width:thin;scrollbar-color:rgba(74,144,226,.3) rgba(74,144,226,.05)}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#4a90e20d}.sidebar-content::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#4a90e280}.soporte-container{padding:10px 15px 0}.soporte-button{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#6ab7ff1a;border:1px solid rgba(106,183,255,.25);border-radius:6px;color:#6ab7ff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;white-space:nowrap;width:100%;font-family:inherit;position:relative}.soporte-button:hover{background:#6ab7ff38;border-color:#6ab7ff8c}.sidebar:not(.collapsed) .soporte-button:hover{transform:translate(4px)}.sidebar.collapsed .soporte-button{justify-content:center;padding:12px;width:48px;margin:0 auto;border-radius:8px}.sidebar.collapsed .soporte-button:hover{transform:scale(1.08)}.external-links-container{padding:15px;margin-bottom:10px;border-bottom:1px solid rgba(74,144,226,.2);display:flex;flex-direction:column;gap:8px}.dnrpa-link,.arca-link{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#e0e0e0;text-decoration:none;border-radius:6px;transition:all .3s ease;white-space:nowrap;overflow:hidden;position:relative}.dnrpa-link{background:#4a90e226;border-left:3px solid #4a90e2}.arca-link{background:#4a90e21f;border-left:3px solid #357abd}.sidebar:not(.collapsed) .dnrpa-link:hover,.sidebar:not(.collapsed) .arca-link:hover{transform:translate(5px);color:#6ab7ff}.sidebar.collapsed .dnrpa-link,.sidebar.collapsed .arca-link{justify-content:center;padding:12px;border-left:none;border-radius:8px;width:48px;margin:0 auto}.sidebar.collapsed .dnrpa-link:hover,.sidebar.collapsed .arca-link:hover{background:#4a90e24d;transform:scale(1.08);color:#6ab7ff}.link-icon{display:flex;align-items:center;flex-shrink:0}.link-text{font-size:14px;font-weight:500}.menu{display:flex;flex-direction:column;gap:5px;padding:0 10px}.menu-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:#b0b0b0;text-decoration:none;border-radius:6px;transition:all .3s ease;white-space:nowrap;overflow:hidden;position:relative}.menu-item:hover{background:#4a90e226;color:#fff}.sidebar:not(.collapsed) .menu-item:hover{transform:translate(5px)}.sidebar.collapsed .menu-item:hover{transform:scale(1.05)}.sidebar.collapsed .menu-item{justify-content:center;padding:12px}.menu-item.active{background:#4a90e240;color:#6ab7ff;border-left:4px solid #4a90e2;padding-left:11px}.sidebar.collapsed .menu-item.active{border-left:none;border-bottom:3px solid #4a90e2;padding-left:12px;padding-bottom:9px}.menu-item.active:after{content:"";position:absolute;right:10px;width:6px;height:6px;background:#4a90e2;border-radius:50%}.sidebar.collapsed .menu-item.active:after{display:none}.icon{display:flex;align-items:center;flex-shrink:0;transition:transform .3s ease}.menu-item:hover .icon{transform:scale(1.1)}.text{font-size:14px;font-weight:500}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(74,144,226,.2);z-index:300}.sidebar.collapsed [data-tooltip]:hover:after{opacity:1}.sidebar.collapsed .text,.sidebar.collapsed .link-text,.sidebar.collapsed .soporte-text,.sidebar.collapsed .logout-text{display:none}.sidebar-footer{padding:15px;border-top:1px solid rgba(74,144,226,.2);margin-top:auto;background:#0f346080;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.suscripcion-status{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;text-align:left;transition:all .2s;font-family:inherit}.suscripcion-status:hover{background:#ffffff17;transform:translateY(-1px)}.suscripcion-status-top{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.suscripcion-status-dias{font-size:11px;padding-left:18px;font-weight:500}.suscripcion-status-dot{display:none}.sidebar.collapsed .suscripcion-status-dot{display:flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;margin:0 auto;animation:pulso-suave 2s infinite}.suscripcion-trial{border-color:#2563eb4d;background:#2563eb12}.suscripcion-activa{border-color:#ffffff26;background:#ffffff0d}.suscripcion-urgente,.suscripcion-pendiente{border-color:#f59e0b4d;background:#f59e0b12;animation:pulso-suave 2s infinite}.suscripcion-vencida{border-color:#ef44444d;background:#ef444412;animation:pulso-suave 1.5s infinite}.suscripcion-trial .suscripcion-status-top,.suscripcion-trial .suscripcion-status-dias{color:#60a5fa}.suscripcion-trial .suscripcion-status-dot{background:#60a5fa}.suscripcion-activa .suscripcion-status-top,.suscripcion-activa .suscripcion-status-dias{color:#fff}.suscripcion-activa .suscripcion-status-dot{background:#22c55e}.suscripcion-urgente .suscripcion-status-top,.suscripcion-urgente .suscripcion-status-dias{color:#f59e0b}.suscripcion-urgente .suscripcion-status-dot{background:#f59e0b}.suscripcion-pendiente .suscripcion-status-top,.suscripcion-pendiente .suscripcion-status-dias{color:#f59e0b}.suscripcion-pendiente .suscripcion-status-dot{background:#f59e0b}.suscripcion-vencida .suscripcion-status-top,.suscripcion-vencida .suscripcion-status-dias{color:#ef4444}.suscripcion-vencida .suscripcion-status-dot{background:#ef4444}@keyframes pulso-suave{0%,to{opacity:1}50%{opacity:.65}}.logout-button{width:100%;display:flex;align-items:center;gap:15px;padding:12px 15px;background:#4a90e226;border:2px solid rgba(74,144,226,.4);color:#4a90e2;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;font-family:inherit}.logout-button:hover{background:#4a90e24d;border-color:#4a90e2cc;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d;color:#6ab7ff}.sidebar.collapsed .logout-button{justify-content:center;padding:12px;gap:0}.logout-text{font-size:14px}.menu-item-admin{margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.menu-item-admin .icon svg{color:#7c3aed}.menu-item-admin .text{color:#7c3aed}.menu-item-admin:hover,.menu-item-admin.active{background:#7c3aed1a!important}.mobile-drawer,.sidebar-overlay,.swipe-hint{display:none}@media(max-width:768px){.sidebar{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:399;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeOverlay .25s ease}.sidebar-overlay.visible{display:block}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;background:linear-gradient(135deg,#0f3460,#16213e);box-shadow:4px 0 20px #0006;z-index:400;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(74,144,226,.2);background:#0f3460cc;flex-shrink:0;min-height:64px}.drawer-close-btn{display:flex;align-items:center;justify-content:center;background:#4a90e233;border:1.5px solid rgba(74,144,226,.4);color:#4a90e2;border-radius:8px;padding:6px;cursor:pointer;transition:all .2s ease}.drawer-close-btn:active{background:#4a90e266;transform:scale(.92)}.swipe-hint{display:flex;align-items:center;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:350;padding:12px 4px 12px 0;cursor:pointer}.swipe-hint__bar{width:4px;height:48px;background:#4a90e273;border-radius:0 4px 4px 0;transition:all .2s ease}.swipe-hint:active .swipe-hint__bar{background:#4a90e2d9;height:56px}}@media(max-width:480px){.mobile-drawer{width:260px}}.btn-flotante-tareas{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#0f3460,#16213e);color:#e0e0e0;border:1px solid rgba(74,144,226,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease;z-index:900}.btn-flotante-tareas:hover{transform:translateY(-4px) scale(1.06);border-color:#4a90e299;box-shadow:0 12px 40px #0006;color:#6ab7ff}.btn-flotante-tareas:active{transform:scale(.96)}.badge-flotante{position:absolute;top:-7px;right:-7px;background:#ef4444;color:#fff;border-radius:9px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;padding:0 5px;box-shadow:0 2px 8px #ef444466;animation:pulse-badge 2.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 2px 16px #ef4444b3}}.drawer-flotante{position:fixed;bottom:100px;right:2rem;width:500px;max-height:780px;background:#fff;border-radius:22px;border:1px solid #e2e8f0;box-shadow:0 24px 64px #0000002e,0 8px 24px #00000014;z-index:901;display:flex;flex-direction:column;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.4,.64,1);overflow:hidden;font-family:DM Sans,sans-serif}.drawer-flotante.abierto{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.drawer-header-flotante{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px 0 8px;background:linear-gradient(135deg,#0f3460,#16213e);border-bottom:1px solid rgba(74,144,226,.2);flex-shrink:0}.drawer-header-flotante .header-content{display:none}.drawer-tabs{display:flex;flex:1;gap:2px;padding:14px 0 0}.drawer-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;background:transparent;border:none;border-radius:12px 12px 0 0;font-size:.92rem;font-weight:600;color:#fff6;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif;white-space:nowrap}.drawer-tab:hover{color:#fff;background:#4a90e226}.drawer-tab.activa{color:#6ab7ff;background:#4a90e233;border-bottom:2px solid #4a90e2}.tab-badge{background:#ef4444;color:#fff;border-radius:6px;font-size:.65rem;font-weight:700;padding:2px 6px;min-width:18px;text-align:center;line-height:1.4}.btn-cerrar-flotante{background:#4a90e226;border:1px solid rgba(74,144,226,.3);color:#4a90e2;padding:9px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-bottom:8px;margin-left:10px}.btn-cerrar-flotante:hover{background:#4a90e24d;border-color:#4a90e299;color:#6ab7ff;transform:rotate(90deg)}.progress-bar{height:3px;background:#f1f5f9;border-radius:2px;overflow:hidden;flex-shrink:0}.progress-fill{height:100%;background:#4a90e2;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.drawer-content-flotante{flex:1;padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;min-height:0;background:#fff}.drawer-content-flotante::-webkit-scrollbar{width:5px}.drawer-content-flotante::-webkit-scrollbar-track{background:transparent}.drawer-content-flotante::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.input-wrapper-flotante{position:relative;display:flex;align-items:center}.input-tarea-flotante{width:100%;padding:14px 44px 14px 18px;border:1.5px solid #e2e8f0;border-radius:12px;font-family:DM Sans,sans-serif;font-size:1rem;outline:none;background:#f8fafc;color:#0f172a;transition:all .2s;box-sizing:border-box}.input-tarea-flotante:focus{border-color:#4a90e2;background:#fff;box-shadow:0 0 0 3px #4a90e21f}.input-tarea-flotante::placeholder{color:#94a3b8}.input-tarea-flotante:disabled{opacity:.6;cursor:not-allowed}.spinner-input{position:absolute;right:14px;color:#4a90e2;animation:spin 1s linear infinite}.tareas-list-flotante{display:flex;flex-direction:column;gap:8px;flex:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:3rem 1rem;color:#94a3b8;font-size:.95rem}.loading-state .spinner{animation:spin 1s linear infinite;color:#4a90e2}.tarea-item-flotante{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8fafc;border-radius:12px;border:1px solid transparent;transition:all .18s ease;animation:itemEntrada .3s ease backwards}@keyframes itemEntrada{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tarea-item-flotante:hover{background:#f1f5f9;border-color:#e2e8f0}.tarea-item-flotante.completada{opacity:.5}.tarea-item-flotante.completada .texto-tarea-flotante{text-decoration:line-through;color:#94a3b8}.btn-check-flotante{background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;transition:transform .2s;margin-top:1px}.btn-check-flotante:hover{transform:scale(1.15)}.texto-tarea-flotante{flex:1;font-size:.97rem;color:#1e293b;line-height:1.5;word-break:break-word;max-height:90px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.btn-delete-flotante{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:all .15s;border-radius:6px;margin-top:2px}.tarea-item-flotante:hover .btn-delete-flotante,.rec-item:hover .btn-delete-flotante{opacity:1}.btn-delete-flotante:hover{color:#ef4444;background:#fef2f2;transform:rotate(90deg)}.tareas-stats-flotante{padding-top:14px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.stats-content{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;color:#64748b;font-weight:500}.stats-content strong{color:#0f3460;font-size:1rem}.celebration{display:inline-block;animation:bounce .5s cubic-bezier(.34,1.56,.64,1);font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-limpiar-completadas{width:100%;padding:11px;background:transparent;border:1.5px dashed #e2e8f0;color:#94a3b8;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.btn-limpiar-completadas:hover{border-color:#fca5a5;color:#ef4444;background:#fef2f2}.rec-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.rec-toolbar-titulo{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#0f3460}.btn-add-rec{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:9px 16px!important;background:linear-gradient(135deg,#0f3460,#16213e)!important;color:#6ab7ff!important;border:1px solid rgba(74,144,226,.4)!important;border-radius:8px!important;font-size:.88rem!important;font-weight:600!important;font-family:DM Sans,sans-serif!important;cursor:pointer!important;flex-shrink:0!important;white-space:nowrap!important;transition:all .3s ease!important}.btn-add-rec:hover{border-color:#4a90e2b3!important;color:#a8d8ff!important;transform:translateY(-2px)!important;box-shadow:0 4px 14px #0003!important}.form-rec-inline{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;animation:itemEntrada .2s ease-out}.rec-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rec-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-family:DM Sans,sans-serif;background:#fff;color:#0f172a;transition:all .2s;box-sizing:border-box}.rec-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21f}.rec-input::placeholder{color:#cbd5e1}.rec-textarea{resize:none;height:auto;min-height:60px;line-height:1.5}.rec-aviso{display:flex;align-items:center;gap:7px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;font-size:.82rem;color:#92400e;font-weight:500}.rec-aviso svg{color:#d97706;flex-shrink:0}.rec-form-btns{display:flex;gap:10px}.rec-btn-cancel{flex:1;padding:11px 14px;border-radius:8px;font-size:.92rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.rec-btn-cancel:hover{border-color:#94a3b8;color:#334155}.rec-btn-save{flex:1;padding:11px 14px;border-radius:8px;font-size:.92rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0f3460,#16213e);border:1px solid rgba(74,144,226,.3);color:#6ab7ff}.rec-btn-save:hover{border-color:#4a90e299;color:#a8d8ff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.rec-lista{display:flex;flex-direction:column;gap:8px;flex:1}.rec-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #4a90e2;border-radius:12px;transition:all .2s ease}.rec-item:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 2px 10px #0f346014}.rec-punto{width:8px;height:8px;border-radius:50%;background:#4a90e2;flex-shrink:0;margin-top:6px}.rec-info{flex:1;min-width:0}.rec-info strong{display:block;font-size:.97rem;font-weight:600;color:#0f3460;margin-bottom:5px;word-break:break-word;line-height:1.4}.rec-fecha-badge{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#1e40af;border-radius:6px;padding:3px 9px;font-size:.8rem;font-weight:700;margin-bottom:4px;border:1px solid #bfdbfe}.rec-hora{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#334155;border-radius:6px;padding:3px 9px;font-size:.8rem;font-weight:600;margin-left:4px;border:1px solid #e2e8f0}.rec-hora-aviso{display:inline-flex;align-items:center;gap:3px;background:#fef3c7;color:#92400e;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600;margin-left:4px}.rec-info p{margin:4px 0 0;color:#64748b;font-size:.85rem;word-break:break-word;line-height:1.4}.empty-flotante{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:6px}.empty-flotante p{margin:0;font-weight:600;color:#64748b;font-size:1rem}.empty-flotante small{font-size:.85rem;color:#94a3b8}.overlay-flotante{position:fixed;inset:0;background:#0000008c;z-index:899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .25s ease}@media(max-width:768px){.btn-flotante-tareas{display:none}.drawer-flotante{width:100%;right:0;left:0;bottom:0;border-radius:22px 22px 0 0;max-height:82vh;max-width:100%;transform:translateY(100%);opacity:1;transition:transform .32s cubic-bezier(.34,1.2,.64,1)}.drawer-flotante.abierto{transform:translateY(0);opacity:1}.drawer-flotante:before{content:"";display:block;width:36px;height:4px;background:#ffffff40;border-radius:999px;margin:10px auto 0;flex-shrink:0}.drawer-header-flotante{padding:0 10px 0 6px}.drawer-tab{padding:11px 18px;font-size:.88rem}.drawer-content-flotante{padding:16px;gap:12px}.btn-delete-flotante{opacity:.6}.btn-delete-flotante:hover{opacity:1}.form-rec-inline{padding:14px}}@media(max-width:480px){.drawer-flotante{max-height:88vh;border-radius:18px 18px 0 0}.drawer-tab{padding:10px 14px;font-size:.82rem;gap:5px}.drawer-content-flotante{padding:14px}.input-tarea-flotante{font-size:16px;padding:12px 40px 12px 14px}.rec-input{font-size:16px;padding:11px 12px}.rec-row{grid-template-columns:1fr 1fr;gap:8px}.rec-hora-aviso{display:none}.alerta-overlay{padding:12px!important;align-items:flex-end!important}.alerta-modal{padding:24px 16px!important;border-radius:18px 18px 8px 8px!important;max-height:85vh!important;overflow-y:auto!important}.alerta-titulo{font-size:16px!important}.alerta-btn-confirmar{padding:13px!important}}@media(max-width:360px){.drawer-tab{padding:10px;font-size:.78rem}.tarea-item-flotante{padding:11px 12px;gap:9px}.rec-item{padding:11px 12px}}@media(prefers-reduced-motion:reduce){.badge-flotante,.tarea-item-flotante,.spinner,.spinner-input,.celebration,.overlay-flotante{animation:none;transition:none}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.alerta-overlay{position:fixed!important;inset:0!important;background:#0000008c!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px!important;box-sizing:border-box!important;animation:fadeInAlerta .25s ease!important}@keyframes fadeInAlerta{0%{opacity:0}to{opacity:1}}.alerta-modal{background:#fff!important;border-radius:16px!important;padding:36px!important;max-width:460px!important;width:100%!important;text-align:center!important;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014!important;border:1px solid #e2e8f0!important;animation:slideUpAlerta .3s ease!important}@keyframes slideUpAlerta{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.alerta-modal .alerta-icono-wrapper,.alerta-modal .alerta-icono-animado,.alerta-modal .alerta-titulo-bloque{display:none!important}.alerta-header{background:transparent!important;padding:0!important;margin-bottom:20px!important;border:none!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.alerta-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 14px!important;border-radius:999px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin-bottom:4px!important}.alerta-titulo{font-size:19px!important;font-weight:800!important;color:#0f172a!important;margin:0!important;line-height:1.35!important;background:transparent!important}.alerta-lista{list-style:none!important;padding:0!important;margin:0 0 20px!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:transparent!important;border:none!important;text-align:left!important}.alerta-item{display:flex!important;align-items:flex-start!important;gap:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-left:3px solid #334155!important;border-radius:12px!important;padding:14px 16px!important;box-shadow:none!important}.alerta-item-icono{background:#f1f5f9!important;color:#475569!important;padding:7px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.alerta-item-info{flex:1!important;min-width:0!important}.alerta-item-info strong{display:block!important;color:#0f172a!important;font-size:.95rem!important;font-weight:700!important;margin-bottom:4px!important;word-break:break-word!important}.alerta-item-hora{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:2px 8px!important;font-size:.78rem!important;font-weight:700!important}.alerta-item-info p{margin:4px 0 0!important;color:#64748b!important;font-size:.82rem!important}.alerta-footer{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;padding:0!important;background:transparent!important;border:none!important}.alerta-footer-texto{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:12px!important;color:#94a3b8!important;font-weight:500!important}.alerta-footer-texto svg{color:#94a3b8!important}.alerta-btn-confirmar{padding:13px 36px!important;border-radius:10px!important;border:none!important;background:#0f172a!important;color:#fff!important;font-size:15px!important;font-weight:700!important;font-family:DM Sans,sans-serif!important;cursor:pointer!important;transition:all .2s!important;width:100%!important;box-shadow:none!important}.alerta-btn-confirmar:hover{background:#1e293b!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0f172a33!important}.alerta-btn-confirmar:active{transform:translateY(0)!important}.alerta-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.alerta-modal{background:#fff;border-radius:20px;padding:36px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 60px #00000040;animation:slideUp .3s ease}.alerta-header{margin-bottom:20px}.alerta-tag{display:inline-block;padding:5px 14px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alerta-titulo{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 12px;line-height:1.3}.alerta-mensaje{font-size:15px;color:#475569;line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.alerta-fecha{font-size:12px;color:#94a3b8;margin-bottom:24px}.alerta-btn-cerrar{padding:13px 36px;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.alerta-btn-cerrar:hover{background:#1d4ed8;transform:translateY(-1px)}@media(max-width:540px){.alerta-overlay{padding:0;align-items:flex-end}.alerta-modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;padding:0 0 28px;animation:alertaSlideUp .3s ease}.alerta-modal:before{content:"";display:block;width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:12px auto 20px}@keyframes alertaSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.alerta-header{margin-bottom:16px;padding:0 24px}.alerta-titulo{font-size:17px;padding:0 24px}.alerta-mensaje{font-size:14px;padding:0 24px}.alerta-fecha{padding:0 24px;margin-bottom:20px}.alerta-btn-cerrar{margin:0 24px;width:calc(100% - 48px);padding:14px;font-size:1rem;border-radius:12px}}@media(max-width:360px){.alerta-titulo{font-size:15px}.alerta-mensaje{font-size:13px}.alerta-btn-cerrar{font-size:.9rem}}.content{position:absolute;inset:0 0 0 220px;padding:0;background-color:#f8fafc;overflow-y:auto;overflow-x:hidden;transition:left .4s cubic-bezier(.075,.82,.165,1);display:block!important}.app-container.collapsed .content{left:70px}.row,.form-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:25px;width:100%}.form-group{flex:1;min-width:200px;display:flex;flex-direction:column}.content input:not([type=checkbox]),.content select,.content textarea{width:100%!important;height:42px!important;background-color:#fff!important;color:#334155!important;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:10px 15px!important;box-sizing:border-box!important;font-weight:500!important;-webkit-text-fill-color:#334155!important;opacity:1!important}.content .busqueda-input{height:auto!important;width:100%!important;border:none!important;background:transparent!important;padding:12px 0!important;box-shadow:none!important;-webkit-text-fill-color:#334155!important}.content .busqueda-input:focus{border:none!important;box-shadow:none!important}.content .tabla-row input,.content .tabla-row select,.content .tabla-header input,.content .documentos-tabla input,.content .documentos-tabla select,.content .admin-tabla input,.content .admin-tabla select{height:auto!important;width:auto!important;border:none!important;background:transparent!important;padding:0!important;box-shadow:none!important;-webkit-text-fill-color:unset!important}.content .tabla-row label,.content .tabla-header label,.content .documentos-tabla label,.content .badge-tipo,.content .badge-cliente,.content .badge-vehiculo,.content .badge-general,.content .badge-sin-etiquetar{color:unset!important;font-weight:unset!important;margin-bottom:0!important}.content .detalle-page label,.content .info-item label,.content .contacto-item label,.content .cliente-datos-grid label,.content .doc-checkbox-item label{color:unset!important;font-weight:unset!important;margin-bottom:unset!important}.content .input-nuevo-doc{height:auto!important;width:100%!important;border:1.5px solid var(--border)!important;border-radius:8px!important;padding:12px 16px!important;background:#f8fafc!important}.content .doc-checkbox-item input[type=checkbox]{width:20px!important;height:20px!important;border:none!important;background:transparent!important;padding:0!important}.content textarea{height:120px!important;resize:vertical!important;overflow-y:auto!important}.content input:not([type=checkbox]):focus,.content select:focus,.content textarea:focus{outline:none!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.content input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#334155!important}.content input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#334155!important}.content input::placeholder,.content textarea::placeholder{color:#94a3b8!important;opacity:1!important}.content label{color:#006aff!important;font-weight:600!important;margin-bottom:8px!important;opacity:1!important}.content input:disabled,.content select:disabled,.content textarea:disabled{background-color:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.7!important}@media(max-width:768px){.content{position:fixed;top:0;left:0!important;right:0;bottom:0;overflow-y:auto;overflow-x:hidden}.app-container.collapsed .content{left:0!important}.app-container{display:block}}@media(max-width:480px){.form-group{min-width:100%}.row,.form-row{gap:12px;margin-bottom:16px}}.inicio-root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--accent: #2563eb;--accent-2: #1d4ed8;--text: #0f172a;--text-soft: #64748b;--text-muted: #94a3b8;--radius: 14px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--font-display: "Sora", sans-serif;--font-body: "DM Sans", sans-serif}.inicio-root{min-height:100vh;background:var(--bg);font-family:var(--font-body);color:var(--text);padding:30px;max-width:1440px;margin:0 auto;box-sizing:border-box}.inicio-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.inicio-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px}.inicio-header-brand{display:flex;align-items:center;gap:14px}.brand-dot{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d;flex-shrink:0;display:flex;align-items:center;justify-content:center}.inicio-header-brand h1{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.inicio-header-brand span{font-size:.75rem;color:var(--text-soft);font-weight:500;display:block;margin-top:2px}.inicio-header-right{display:flex;align-items:center;gap:14px}.header-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.inicio-header-clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.clock-time{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1}.clock-date{font-size:.72rem;color:var(--text-soft);font-weight:500;text-transform:capitalize}.weather-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#eff6ff;border:1.5px solid rgba(37,99,235,.18);border-radius:8px;color:#2563eb;font-size:.85rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.weather-btn:hover{background:#dbeafe;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb1f}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-btn-spin{animation:spin 1s linear infinite}.inicio-body{display:flex;flex-direction:column;gap:24px;margin-top:24px}.busqueda-wrapper{position:relative}.busqueda-inner{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}.busqueda-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.busqueda-icon{color:var(--text-muted);flex-shrink:0}.busqueda-input{flex:1;padding:13px 0;border:none;outline:none;font-size:.9rem;font-family:var(--font-body);background:transparent;color:var(--text)}.busqueda-input::placeholder{color:#cbd5e1}.busqueda-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:color .2s}.busqueda-clear:hover{color:var(--text)}.busqueda-resultados{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;z-index:50}.busqueda-resultado-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-size:.875rem;transition:background .15s;border-bottom:1px solid #f8fafc}.busqueda-resultado-item:last-child{border-bottom:none}.busqueda-resultado-item:hover{background:#f8fafc}.resultado-pill{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;flex-shrink:0}.resultado-pill.cliente{background:#dbeafe;color:#1d4ed8}.resultado-pill.vehiculo{background:#ede9fe;color:#6d28d9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,border-color .25s}.card:hover{box-shadow:var(--shadow-md);border-color:#d4dce8}.card-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:18px}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.top-row{display:grid;grid-template-columns:1fr;gap:20px}.atajos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.atajo-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 12px;background:var(--surface);border:1.5px solid #b6c2d4;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);text-align:left;box-shadow:0 1px 3px #0000000f;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.atajo-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.04),transparent);opacity:0;transition:opacity .2s}.atajo-item:hover{border-color:var(--accent);background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb1f}.atajo-item:hover:before{opacity:1}.atajo-icon{color:var(--accent);margin-bottom:4px}.atajo-label{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.2}.atajo-sub{font-size:.72rem;color:var(--text-soft)}.atajo-arrow{position:absolute;top:10px;right:10px;color:var(--text-muted);transition:color .2s,transform .2s}.atajo-item:hover .atajo-arrow{color:var(--accent);transform:translate(2px,-2px)}.accesos-card{display:flex;flex-direction:column}.btn-add-acceso{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:7px 13px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s;flex-shrink:0}.btn-add-acceso:hover{background:var(--accent-2);transform:translateY(-1px)}.accesos-empty{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);font-style:italic;padding:8px 0}.accesos-empty svg{opacity:.4;flex-shrink:0}.accesos-lista{display:flex;flex-wrap:wrap;gap:8px}.accesos-lista{display:flex;flex-wrap:wrap;gap:10px}.acceso-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:90px;height:90px;border-radius:14px;border:1.5px solid var(--border);background:#f8fafc;overflow:visible;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}.acceso-chip:hover{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb1f;transform:translateY(-2px)}.acceso-chip__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:10px 8px;background:none;border:none;cursor:pointer;font-family:var(--font-body);color:var(--text);transition:color .15s;text-align:center}.acceso-chip:hover .acceso-chip__link{color:var(--accent)}.acceso-chip__favicon{width:28px;height:28px;border-radius:6px;object-fit:contain;flex-shrink:0}.acceso-chip__favicon-fallback{color:var(--accent);flex-shrink:0;display:none;align-items:center;justify-content:center;width:28px;height:28px;background:#eff6ff;border-radius:6px}.acceso-chip__link span:last-child{font-size:.7rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;max-width:74px}.acceso-chip__del{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:1.5px solid #fecaca;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease;z-index:10}.acceso-chip:hover .acceso-chip__del{opacity:1;transform:scale(1)}.acceso-chip__del:hover{background:#fee2e2;border-color:#f87171;transform:scale(1.15)!important}@media(max-width:768px){.accesos-lista{display:flex;flex-wrap:wrap;gap:10px}.acceso-chip{width:78px;height:78px;border-radius:12px}.acceso-chip__del{opacity:1!important;transform:scale(1)!important}}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px 16px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}.stat-card.pendientes:after{background:#f59e0b}.stat-card.en-proceso:after{background:#3b82f6}.stat-card.observados:after{background:#f97316}.stat-card.completados:after{background:#10b981}.stat-card.clientes:after{background:#2563eb}.stat-card.vehiculos:after{background:#7c3aed}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.stat-icon{opacity:.75}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text);line-height:1}.stat-sub{font-size:.7rem;color:var(--text-muted);margin-top:5px;font-weight:500}.graficos-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actividad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.actividad-lista{display:flex;flex-direction:column;gap:6px}.actividad-empty{font-size:.82rem;color:var(--text-muted);padding:16px 0;text-align:center}.actividad-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s,border-color .15s}.actividad-item:hover{background:#f1f5f9;border-color:var(--border)}.av-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.av-dot.av-c{background:#2563eb}.av-dot.av-v{background:#7c3aed}.av-dot.av-t{background:#f59e0b}.av-dot.av-t.Completado{background:#10b981}.av-dot.av-t.En-Proceso{background:#3b82f6}.av-dot.av-t.Observado{background:#f97316}.av-info{flex:1;min-width:0}.av-info strong{display:block;font-size:.855rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-info small{display:block;font-size:.74rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%;max-width:440px;animation:fadeUp .25s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text)}.btn-close-modal{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:background .2s}.btn-close-modal:hover{background:#f1f5f9}.modal-form{padding:20px 24px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.form-group input{padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-body);color:var(--text);background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{display:flex;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--border)}.btn-cancel{flex:1;padding:10px;background:#f1f5f9;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--text);transition:background .2s}.btn-cancel:hover{background:#e2e8f0}.btn-save{flex:1;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;font-family:var(--font-body);cursor:pointer;color:#fff;transition:background .2s,transform .2s;box-shadow:0 2px 8px #2563eb40}.btn-save:hover{background:var(--accent-2);transform:translateY(-1px)}.weather-modal-overlay{align-items:flex-start!important;justify-content:flex-end!important;padding:76px 36px 0!important;background:#0f172a40!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.weather-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:320px;box-shadow:0 12px 40px #00000024,0 4px 12px #0000000f;overflow:hidden;animation:weather-drop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes weather-drop{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.weather-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 11px;border-bottom:1px solid #f1f5f9}.weather-modal-loc{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#64748b}.weather-modal-loc svg{color:#2563eb}.weather-modal-refresh{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;padding:5px;display:flex;align-items:center;transition:all .2s}.weather-modal-refresh:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.weather-modal-main{display:flex;align-items:center;gap:14px;padding:18px 18px 14px}.weather-modal-icon{width:64px;height:64px;border-radius:14px;background:#eff6ff;border:1px solid rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.weather-modal-temp-wrap{display:flex;flex-direction:column;gap:3px}.weather-modal-temp{font-size:2.5rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-2px;font-family:var(--font-display)}.weather-modal-label{font-size:.8rem;color:#64748b;font-weight:500}.weather-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 14px}.weather-modal-stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.weather-modal-stat svg{color:#2563eb}.wms-label{font-size:.6rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.wms-val{font-size:.82rem;font-weight:700;color:#0f172a}.weather-forecast{border-top:1px solid #f1f5f9;padding:12px 14px 14px}.weather-forecast-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8;margin-bottom:10px}.weather-forecast-list{display:flex;flex-direction:column;gap:3px}.weather-forecast-item{display:grid;grid-template-columns:36px 20px 1fr 28px 28px;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s}.weather-forecast-item:hover{background:#f8fafc}.weather-forecast-item--hoy{background:#eff6ff;border:1px solid rgba(37,99,235,.1)}.wf-dia{font-size:.78rem;font-weight:600;color:#0f172a}.wf-icon{color:#64748b}.weather-forecast-item--hoy .wf-icon{color:#2563eb}.wf-precip{display:flex;align-items:center;gap:2px;font-size:.65rem;color:#3b82f6;font-weight:600;justify-self:center}.wf-max{font-size:.82rem;font-weight:700;color:#0f172a;text-align:right}.wf-min{font-size:.78rem;font-weight:500;color:#94a3b8;text-align:right}.weather-modal-loading{display:flex;flex-direction:column;gap:10px;padding:20px}.weather-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px;height:44px;width:100%}.weather-skeleton--sm{height:20px;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.weather-modal-error{display:flex;flex-direction:column;align-items:center;padding:28px 20px;gap:8px;color:#94a3b8;text-align:center}.weather-modal-error p{margin:0;font-size:.82rem;color:#64748b}.weather-modal-error button{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#eff6ff;border:1px solid rgba(37,99,235,.2);border-radius:8px;color:#2563eb;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;transition:background .2s}.weather-modal-error button:hover{background:#dbeafe}@media(max-width:1280px){.stats-row,.atajos-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.graficos-row{grid-template-columns:1fr}.actividad-row{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.actividad-row{grid-template-columns:1fr}}@media(max-width:768px){.inicio-root{padding:16px}.inicio-header-inner{padding:14px 16px}.inicio-body{gap:16px;margin-top:16px}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.atajos-grid{grid-template-columns:repeat(2,1fr)}.graficos-row,.actividad-row{grid-template-columns:1fr}.acceso-chip__del{width:30px!important;padding:0 8px!important;border-left-color:#fecaca!important;background:#fef2f2!important}.weather-modal-overlay{padding:70px 12px 0!important;justify-content:center!important}.weather-modal{width:100%;max-width:100%}}@media(max-width:520px){.inicio-root{padding:12px}.inicio-header-clock,.header-divider{display:none}.inicio-header-inner{padding:12px 14px;flex-wrap:nowrap}.stat-value{font-size:1.6rem}.card{padding:14px 16px}.atajos-grid{grid-template-columns:repeat(2,1fr);gap:8px}.atajo-item{padding:12px 10px 10px}.atajo-label{font-size:.76rem}.atajo-sub{font-size:.68rem}.modal-overlay{padding:0;align-items:flex-end}.modal-box{max-width:100%;width:100%;border-radius:20px 20px 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-box:before{content:"";display:block;width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:10px auto -4px}.modal-header{padding:14px 18px}.modal-header h3{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.modal-form{padding:16px 18px}.modal-footer{padding:12px 18px 28px;flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-save{padding:13px;font-size:.95rem;border-radius:10px}}@media(max-width:380px){.stats-row{grid-template-columns:1fr 1fr;gap:8px}.atajos-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.4rem}.stat-label{font-size:.6rem}.inicio-header-brand h1{font-size:.95rem}.inicio-header-brand span{display:none}}@keyframes lc-fade-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spinning .8s linear infinite}.lc-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.lc-modal{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 24px 48px #0000002e;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:lc-fade-up .3s cubic-bezier(.34,1.56,.64,1)}.lc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#1e40af,#2563eb);flex-shrink:0}.lc-header-left{display:flex;align-items:center;gap:12px;color:#fff;font-size:.95rem;font-weight:700;min-width:0}.lc-header-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-header-left svg{flex-shrink:0;color:#fff}.lc-close{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;flex-shrink:0;transition:background .2s}.lc-close:hover{background:#ffffff40}.lc-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.lc-body::-webkit-scrollbar{width:5px}.lc-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.lc-info{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.lc-info-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#1e40af;font-size:.88rem}.lc-info p{margin:0;color:#374151;font-size:.84rem;line-height:1.7}.lc-info-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lc-info-lista li{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#166534}.lc-info-lista li svg{flex-shrink:0}.lc-duracion{display:flex;flex-direction:column;gap:10px}.lc-duracion label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.lc-duracion-opciones{display:flex;gap:8px;flex-wrap:wrap}.lc-dur-btn{padding:7px 16px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.lc-dur-btn:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.lc-dur-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.lc-generar{padding:14px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.95rem;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #2563eb4d;transition:all .2s}.lc-generar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.lc-generar.loading,.lc-generar:disabled{opacity:.7;cursor:not-allowed;transform:none}.lc-cargando{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:.85rem;padding:12px 0}.lc-tokens{display:flex;flex-direction:column;gap:20px}.lc-token{border:1.5px solid #bfdbfe;border-radius:14px;overflow:hidden;background:#fff;transition:all .3s}.lc-token.urgente{border-color:#fed7aa}.lc-token.expirado{border-color:#fecaca;background:#fff5f5}.lc-token-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-bottom:1px solid #bfdbfe}.lc-token.urgente .lc-token-header{background:#fff7ed;border-color:#fed7aa}.lc-token.expirado .lc-token-header{background:#fff5f5;border-color:#fecaca}.lc-token-estado{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#166534;flex-wrap:wrap}.lc-token.urgente .lc-token-estado{color:#ea580c}.lc-token.expirado .lc-token-estado{color:#dc2626}.lc-token-estado strong{margin-left:2px}.lc-token-del{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;flex-shrink:0;transition:background .15s}.lc-token-del:hover{background:#fee2e2}.lc-qr-wrap{display:flex;justify-content:center;padding:16px 0 8px;transition:opacity .3s}.lc-qr-wrap.opaco{opacity:.35}.lc-qr-box{background:#fff;padding:12px;border-radius:12px;border:1.5px solid #bfdbfe;box-shadow:0 2px 8px #0000000f}.lc-token.expirado .lc-qr-box{border-color:#fecaca}.lc-qr-img{width:180px;height:180px;display:block;border-radius:6px}.lc-qr-error{width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f8fafc;border-radius:6px;border:2px dashed #e2e8f0;color:#94a3b8;font-size:.82rem}.lc-qr-error svg{opacity:.3}.lc-link-row{display:flex;gap:8px;padding:0 14px}.lc-link-input{flex:1;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.78rem;color:#64748b;background:#f8fafc;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lc-link-input.expirado{border-color:#fecaca;color:#94a3b8;background:#fff5f5}.lc-copiar{padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.82rem;font-family:inherit;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:all .2s}.lc-copiar:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.lc-copiar.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.lc-ver-form{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 14px 14px;padding:10px;border-radius:10px;background:#f1f5f9;color:#1e40af;border:1.5px solid #bfdbfe;cursor:pointer;font-weight:600;font-size:.82rem;font-family:inherit;transition:all .2s}.lc-ver-form:hover{background:#dbeafe;border-color:#93c5fd}.lc-footer{padding:14px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;flex-shrink:0}@media(max-width:540px){.lc-overlay{padding:0;align-items:flex-end}.lc-modal{max-width:100%;width:100%;height:auto;max-height:75vh;border-radius:20px 20px 0 0;animation:lc-slide-up .3s ease;display:flex;flex-direction:column}@keyframes lc-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lc-modal:before{content:"";display:block;width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:10px auto -4px;flex-shrink:0}.lc-header{padding:14px 18px;flex-shrink:0}.lc-body{padding:18px;gap:16px;flex:1;overflow-y:auto}.lc-footer{padding:14px 18px;flex-shrink:0;justify-content:stretch}.lc-footer .btn-cancel{width:100%;text-align:center;padding:14px;font-size:1rem;border-radius:12px}.lc-qr-img,.lc-qr-error{width:160px;height:160px}.lc-duracion-opciones{gap:6px}.lc-dur-btn{padding:8px 14px;font-size:.85rem}.lc-generar{padding:15px;font-size:1rem}}@media(max-width:360px){.lc-modal{max-height:82vh}.lc-header-left span{font-size:.85rem}.lc-generar{font-size:.88rem;padding:13px}.lc-qr-img,.lc-qr-error{width:130px;height:130px}}.header-brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-icon{background:var(--accent);color:#fff;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-brand h1{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin:0;white-space:nowrap}.header-brand span{font-size:.75rem;color:var(--text-soft);font-weight:500;display:block}.header-search{background:#f8fafc;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:0 14px;width:320px;max-width:100%;gap:8px;flex-shrink:1;transition:all .2s ease}.header-search input{border:none;outline:none;padding:10px 0;font-size:.85rem;width:100%;background:transparent;color:var(--text-dark);min-width:0;font-family:inherit}.btn-main{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;height:40px;font-size:.9rem;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #2563eb33;transition:all .25s ease}.cl-btn-secondary{display:flex;align-items:center;gap:8px;background:#fff;color:var(--accent);border:1.5px solid var(--accent);padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;height:40px;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:all .25s ease}.cl-btn-secondary:hover{background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.cl-btn-primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.cl-btn-primary:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #2563eb4d!important}.lista-clientes{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.lista-header-cols{display:grid;grid-template-columns:48px 1fr 200px 120px 120px 40px;padding:10px 20px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px}.fila-cabecera-top,.fila-cabecera-bottom{display:contents}.fila-mobile{display:none;align-items:center;gap:12px;padding:12px 16px;cursor:default}.fila-mobile__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.fila-mobile__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;cursor:pointer}.fila-mobile__nombre{font-size:.92rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.fila-cuit--sm{font-size:.78rem!important;padding:2px 6px!important}.fila-cabecera{display:grid;grid-template-columns:48px 1fr 200px 120px 120px 40px;padding:14px 20px;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.fila-cabecera:hover{background:#f8fafc}.fila-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0}.fila-nombre-bloque{display:flex;flex-direction:column;gap:4px;min-width:0}.fila-nombre{font-size:1rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-subtitulo{font-size:.82rem;color:var(--text-soft);display:flex;align-items:center;gap:6px}.badge-online{font-size:.65rem;font-weight:700;color:var(--accent);background:#dbeafe;padding:2px 7px;border-radius:4px;text-transform:uppercase}.fila-cuit-bloque{display:flex;flex-direction:column;gap:3px}.fila-meta-label{font-size:.65rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px}.fila-cuit{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:#0369a1;background:#f0f9ff;padding:3px 8px;border-radius:4px;display:inline-block}.pill-tipo{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pill-tipo.particular{background:#dcfce7;color:#166534}.pill-tipo.comercial{background:#fef3c7;color:#92400e}.btn-icon{background:#fff;border:1px solid var(--border);padding:7px;border-radius:8px;cursor:pointer;color:var(--text-soft);display:flex;align-items:center;transition:all .18s ease;flex-shrink:0}.fila-detalle{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 20px 16px;background:#f8fafc;border-top:1px solid #eef1f7;animation:detalleAbre .18s ease-out}@keyframes detalleAbre{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fila-detalle-grupo{background:#fff;border:.5px solid var(--border);border-radius:10px;overflow:hidden}.fila-detalle-titulo{display:flex;align-items:center;gap:7px;padding:10px 14px;font-size:.65rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.7px;border-bottom:.5px solid #eef1f7;background:#fafbfc}.fila-detalle-grid{display:flex;flex-direction:column}.fila-campo{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:.5px solid #f4f6f9;gap:12px}.fila-campo:last-child{border-bottom:none}.fila-campo-label{font-size:.75rem;color:#94a3b8;font-weight:400;flex-shrink:0;white-space:nowrap}.fila-campo-valor{color:var(--text-dark);font-weight:500;text-align:right;word-break:break-word;font-size:.85rem}code.fila-campo-valor{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;color:var(--text-dark);background:transparent;padding:0;border:none;border-radius:0}.modal-form-content{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0000002e,0 8px 16px #0000001a;border:1px solid var(--border);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:mfSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-form-body::-webkit-scrollbar-track{background:transparent}.mf-tipo-toggle{display:flex;gap:10px}.mf-tipo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:2px solid var(--border);border-radius:10px;background:#fff;color:var(--text-soft);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.mf-tipo-btn:hover{border-color:#93c5fd;background:#eff6ff;color:var(--accent)}.mf-tipo-btn.active{border-color:var(--accent);background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.mf-grid-2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.mf-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mf-span-2{grid-column:span 2}.mf-span-3{grid-column:span 3}.mf-field input,.mf-field select{padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;background:#fff;color:var(--text-dark);font-family:Inter,sans-serif;width:100%;box-sizing:border-box;transition:all .2s ease}.mf-field input:focus,.mf-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026,0 10px 10px #0000001a;width:85vw;max-width:960px;max-height:90vh;overflow-y:auto;border:1px solid var(--border);box-sizing:border-box;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:10;gap:12px}.modal-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-dark);flex:1;min-width:0;word-break:break-word}.btn-close{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.btn-copy:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-close-modal{padding:10px 18px;background:#fff;color:var(--text-dark);border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s ease}.btn-close-modal:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:1024px){.lista-header-cols,.fila-cabecera{grid-template-columns:48px 1fr 160px 100px 100px 40px}.fila-detalle{grid-template-columns:1fr 1fr}}@media(max-width:768px){.app-canvas{padding:16px}.app-header{padding:14px 16px;gap:10px}.header-brand h1{font-size:1.1rem}.lista-header-cols{display:none}.fila-cabecera--desktop{display:none!important}.fila-mobile{display:flex!important}.fila-detalle{grid-template-columns:1fr;padding:12px 16px}.modal-form-content{max-height:95vh;border-radius:12px}.mf-grid-2,.mf-grid-4{grid-template-columns:1fr 1fr}.mf-span-2,.mf-span-3{grid-column:span 2}.modal-form-footer{flex-direction:column-reverse}.modal-form-footer .btn-main,.modal-form-footer .btn-close-modal{width:100%;justify-content:center}}@media(max-width:640px){.app-header{flex-direction:column;align-items:stretch;padding:14px}.header-search{width:100%}.header-actions{flex-direction:column;width:100%}.header-actions .cl-btn-secondary,.header-actions .btn-main{width:100%;justify-content:center}.modal-overlay{padding:10px}.modal-content{max-height:95vh;width:calc(100vw - 20px);max-width:none}.modal-detalle-content{width:calc(100vw - 20px)!important;max-width:none!important}.modal-header,.modal-body{padding:14px 16px}.modal-grid{grid-template-columns:1fr}.modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}.btn-copy,.btn-close-modal{width:100%;justify-content:center}.modal-form-content{border-radius:10px}.modal-form-header,.modal-form-body{padding:14px 16px}.mf-grid-4{grid-template-columns:1fr 1fr}.mf-span-3{grid-column:span 2}.mf-tipo-toggle{flex-direction:column}}@media(max-width:480px){.app-canvas,.app-header{padding:12px}.header-brand h1{font-size:1rem}.brand-icon{padding:10px}.mf-grid-2,.mf-grid-4{grid-template-columns:1fr}.mf-span-2,.mf-span-3{grid-column:span 1}.modal-header h2{font-size:.95rem}.modal-body{padding:12px}.modal-footer{padding:10px 12px}}@media(max-width:360px){.app-canvas{padding:10px}.header-brand h1{font-size:.95rem}.brand-icon{display:none}.mf-section-title{font-size:.62rem}.btn-icon{padding:6px}}.app-canvas{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;gap:12px}.header-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{background:var(--accent);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-brand span{font-size:.8rem;color:var(--text-soft);display:block}.header-search{background:#f8fafc;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px;width:300px;max-width:100%;transition:all .2s ease;flex-shrink:1}.header-search input{border:none;outline:none;padding:10px 0;font-size:.85rem;width:100%;background:transparent;color:var(--text-dark);font-family:inherit;min-width:0}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-main{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;height:40px;box-shadow:0 2px 8px #2563eb33;font-size:.9rem;font-family:inherit;white-space:nowrap;transition:all .25s ease}.btn-main:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.auto-btn-link{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;height:40px;font-family:inherit;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #2563eb33;transition:all .25s ease}.auto-btn-link:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.lista-clientes{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.lista-header-cols{display:grid;padding:10px 20px;background:#f8fafc;border-bottom:2px solid var(--border);font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px}.lista-header-auto{grid-template-columns:140px 1fr 200px 130px 120px 40px}.fila-cliente{border-bottom:1px solid #f1f5f9;transition:background .15s}.fila-cliente:last-child{border-bottom:none}.fila-cliente.fila-online{border-left:3px solid var(--accent)}.fila-cliente.abierta{background:#fafcff}.fila-cabecera--desktop{display:grid;grid-template-columns:140px 1fr 200px 130px 120px 40px;padding:14px 20px;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.fila-cabecera--desktop:hover{background:#f8fafc}.fila-patente-bloque{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.badge-plate{background:#1e293b;color:#fff;padding:5px 12px;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.9rem;display:inline-block;letter-spacing:1px}.badge-plate--sm{font-size:.72rem;padding:5px 8px;letter-spacing:.5px;white-space:nowrap}.badge-online{font-size:.6rem;font-weight:700;color:#2563eb;background:#dbeafe;padding:2px 6px;border-radius:4px;text-transform:uppercase}.fila-nombre-bloque{display:flex;flex-direction:column;gap:3px;min-width:0}.fila-nombre{font-size:.95rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-subtitulo{font-size:.75rem;color:var(--text-soft)}.fila-cuit-bloque{display:flex;flex-direction:column;gap:2px;min-width:0}.fila-meta-label{font-size:.6rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px}.fila-titular{font-size:.85rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-tipo{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pill-tipo--xs{padding:2px 7px!important;font-size:.62rem!important}.pill-uso-privado{background:#dcfce7;color:#166534}.pill-uso-transporte-carga{background:#fef3c7;color:#92400e;font-size:.58rem!important;letter-spacing:0}.pill-uso-transporte{background:#e0f2fe;color:#0369a1}.fila-acciones{display:flex;gap:6px;justify-content:flex-end}.btn-icon{background:#fff;border:1.5px solid var(--border);padding:7px;border-radius:8px;cursor:pointer;color:var(--text-soft);display:flex;align-items:center;transition:all .2s ease;flex-shrink:0}.btn-icon:hover{color:var(--accent);border-color:var(--accent);background:#f0f7ff}.btn-icon.view:hover{color:#0891b2;border-color:#0891b2;background:#ecfeff}.btn-icon.delete:hover{color:#ef4444;border-color:#ef4444;background:#fef2f2}.fila-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-soft)}.fila-cliente.abierta .fila-chevron{color:var(--accent)}.fila-mobile{display:none}.fila-detalle{display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;animation:detalleAbre .2s ease-out}@keyframes detalleAbre{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fila-detalle-grupo{flex:1;min-width:200px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.fila-detalle-titulo{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:flex;align-items:center;gap:6px;border-left:3px solid var(--accent);padding-left:8px}.fila-detalle-grid{display:flex;flex-direction:column;gap:8px}.fila-campo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.85rem;border-bottom:1px solid #f1f5f9;padding-bottom:6px}.fila-campo:last-child{border-bottom:none;padding-bottom:0}.fila-campo-label{font-size:.72rem;color:var(--text-soft);font-weight:600;flex-shrink:0;white-space:nowrap}.fila-campo-valor{color:var(--text-dark);font-weight:500;text-align:right;word-break:break-word}code.fila-campo-valor{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#0369a1;background:#f0f9ff;padding:1px 5px;border-radius:3px;font-weight:600}.lista-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-soft);gap:12px}.lista-empty svg{opacity:.25}.lista-empty p{font-size:.9rem;font-weight:500;margin:0}.mono-input{font-family:JetBrains Mono,monospace!important;font-weight:600!important;letter-spacing:.5px!important}.fila-mobile{display:none;align-items:center;gap:12px;padding:12px 16px}.fila-mobile__plate{flex-shrink:0;display:flex;align-items:center;min-width:fit-content}.fila-mobile__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;cursor:pointer}.fila-mobile__nombre{font-size:.9rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.fila-mobile__sub{display:flex;align-items:center;gap:8px}.fila-mobile__anio{font-size:.78rem;color:var(--text-soft);font-weight:500}.fila-mobile__titular{font-size:.75rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila-mobile__menu{position:relative;flex-shrink:0}.btn-kebab{background:none;border:none;font-size:1.3rem;color:var(--text-soft);cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:background .15s,color .15s}.btn-kebab:hover{background:#f1f5f9;color:var(--text-dark)}.kebab-dropdown{position:fixed;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:160px;z-index:9999;overflow:hidden;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kebab-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-dark);font-family:inherit;cursor:pointer;transition:background .15s;text-align:left}.kebab-dropdown button:hover{background:#f8fafc}.kebab-dropdown button+button{border-top:1px solid #f1f5f9}.kebab-dropdown .kebab-delete{color:#ef4444}.kebab-dropdown .kebab-delete:hover{background:#fef2f2}.modal-form-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.modal-form-content{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0000002e;border:1px solid var(--border);width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:mfSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes mfSlideUp{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-form-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;gap:12px}.modal-form-header-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.modal-form-icon{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #2563eb40}.modal-form-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-dark)}.modal-form-header span{font-size:.75rem;color:var(--text-soft);display:block;margin-top:2px}.modal-form-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-form-body::-webkit-scrollbar{width:6px}.modal-form-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.mf-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f5f9}.mf-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.mf-section-title{font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;gap:7px;border-left:3px solid var(--accent);padding-left:10px}.mf-grid-auto{display:grid;grid-template-columns:150px 1fr 1fr 100px;gap:14px;align-items:end}.mf-grid-2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}.mf-uso-toggle{display:flex;gap:8px;flex-wrap:wrap}.mf-uso-btn{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:2px solid var(--border);border-radius:10px;background:#f8fafc;color:var(--text-soft);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mf-uso-btn:hover{border-color:#93c5fd;background:#eff6ff;color:var(--accent)}.mf-uso-btn.active.uso-privado{border-color:#16a34a;background:#dcfce7;color:#166534;box-shadow:0 0 0 3px #16a34a1f}.mf-uso-btn.active.uso-transporte{border-color:#0891b2;background:#e0f2fe;color:#0369a1;box-shadow:0 0 0 3px #0891b21f}.mf-uso-btn.active.uso-transporte-de-carga{border-color:#d97706;background:#fef3c7;color:#92400e;box-shadow:0 0 0 3px #d977061f}.mf-field{display:flex;flex-direction:column;gap:6px}.mf-field label{font-size:.72rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:5px}.mf-opcional{font-weight:500;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:.68rem}.mf-field input,.mf-field select{padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;background:#fafafa;color:var(--text-dark);font-family:Inter,sans-serif;width:100%;box-sizing:border-box;transition:all .2s ease}.mf-field input::placeholder{color:#c7d2dc}.mf-field input:focus,.mf-field select:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.plate-input{background:#1e293b!important;color:#fff!important;font-family:JetBrains Mono,monospace!important;font-weight:700!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:2px!important;font-size:1rem!important;border-color:#1e293b!important}.plate-input:focus{background:#0f172a!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #2563eb40!important}.plate-input::placeholder{color:#64748b!important}.modal-form-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--border);flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;width:85vw;max-width:960px;max-height:90vh;overflow-y:auto;border:1px solid var(--border);box-sizing:border-box;animation:slideUp .3s ease-out}.modal-detalle-overlay{z-index:9999!important}.modal-detalle-content{width:92vw!important;max-width:1100px!important;min-width:0!important;box-sizing:border-box!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:10;gap:12px}.modal-header-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-dark)}.modal-plate{background:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1rem;display:inline-block;margin:0}.btn-close{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;flex-shrink:0}.btn-close:hover{background:#f8fafc;color:var(--text-dark)}.modal-body{padding:24px}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;border-left:3px solid var(--accent);padding-left:10px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field label{font-size:.65rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.3px}.modal-field p{margin:0;font-size:.9rem;color:var(--text-dark);padding:10px 12px;background:#f8fafc;border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--accent);word-break:break-word}.modal-field code{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#0369a1;background:#f0f9ff;padding:2px 4px;border-radius:3px;font-weight:600}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:0;background:#fff;z-index:10;flex-wrap:wrap}.btn-copy{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #2563eb33;transition:all .25s ease}.btn-copy:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-close-modal{padding:10px 18px;background:#f8fafc;color:var(--text-dark);border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s ease}.btn-close-modal:hover{background:#fff;border-color:var(--accent);color:var(--accent)}@media(max-width:1024px){.lista-header-auto,.fila-cabecera--desktop{grid-template-columns:130px 1fr 160px 110px 110px 40px}.fila-detalle{flex-wrap:wrap}}@media(max-width:768px){.app-canvas{padding:16px}.app-header{padding:14px 16px;gap:10px}.header-brand h1{font-size:1.1rem}.lista-header-cols{display:none}.fila-cabecera--desktop{display:none!important}.fila-mobile{display:flex!important}.fila-detalle{flex-direction:column;padding:0 16px 16px}.fila-detalle-grupo{min-width:unset}.modal-form-content{max-height:95vh;border-radius:12px}.mf-grid-auto{grid-template-columns:1fr 1fr}.mf-patente{grid-column:span 2}.mf-grid-2{grid-template-columns:1fr 1fr}.modal-form-footer{flex-direction:column-reverse}.modal-form-footer .btn-main,.modal-form-footer .btn-close-modal{width:100%;justify-content:center}}@media(max-width:640px){.app-header{flex-direction:column;align-items:stretch;padding:14px}.header-search{width:100%}.header-actions{flex-direction:column;width:100%}.header-actions .auto-btn-link,.header-actions .btn-main{width:100%;justify-content:center}.modal-overlay{padding:10px}.modal-content{max-height:95vh;width:calc(100vw - 20px);max-width:none}.modal-detalle-content{width:calc(100vw - 20px)!important;max-width:none!important}.modal-header,.modal-body{padding:14px 16px}.modal-grid{grid-template-columns:1fr}.modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}.btn-copy,.btn-close-modal{width:100%;justify-content:center}.modal-form-header,.modal-form-body{padding:14px 16px}.mf-grid-2{grid-template-columns:1fr}.mf-uso-toggle{flex-direction:column}.mf-uso-btn{min-width:unset}}@media(max-width:480px){.app-canvas,.app-header{padding:12px}.header-brand h1{font-size:1rem}.brand-icon{padding:10px}.mf-grid-auto{grid-template-columns:1fr}.mf-patente{grid-column:span 1}}@media(max-width:360px){.app-canvas{padding:10px}.header-brand h1{font-size:.95rem}.brand-icon{display:none}}:root{--app-bg: #f5f7fa;--accent: #2563eb;--text-dark: #0f172a;--text-soft: #64748b;--border: #e2e8f0;--hover-bg: #f8fafc;--input-bg: #fafafa}.profile-container-premium{display:grid;grid-template-columns:300px 1fr;gap:24px;max-width:1440px;margin:0 auto}.profile-aside{display:flex;flex-direction:column;gap:20px}.avatar-card{background:#fff;padding:30px 24px;border-radius:12px;text-align:center;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d4dce8}.avatar-card h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0 0 4px}.avatar-card p{font-size:.75rem;color:var(--text-soft);margin:4px 0 12px}.usuario-avatar-big{width:80px;height:80px;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800;box-shadow:0 4px 12px #2563eb40;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;padding:5px 14px;background:#dbeafe;color:#0c4a6e;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-top:8px}.security-info-card.protected{background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);padding:24px;border-radius:12px;border:none;text-align:center;color:#fff;box-shadow:0 4px 12px #2563eb40;transition:all .3s cubic-bezier(.4,0,.2,1)}.security-info-card.protected:hover{box-shadow:0 8px 20px #2563eb59;transform:translateY(-2px)}.security-info-card.protected h4{color:#fff;margin:10px 0 6px;font-weight:700;font-size:1rem}.security-info-card.protected p{color:#ffffffd9;font-size:.8rem;line-height:1.5;margin:0}.icon-white{color:#fff!important}.aside-referidos-card{background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 60%,var(--accent) 100%);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 12px #2563eb33;transition:all .3s cubic-bezier(.4,0,.2,1)}.aside-referidos-card:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.aside-ref-orb{position:absolute;border-radius:50%;pointer-events:none}.aside-ref-orb-1{width:200px;height:200px;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%);top:-60px;right:-50px}.aside-ref-orb-2{width:140px;height:140px;background:radial-gradient(circle,rgba(99,179,255,.15) 0%,transparent 70%);bottom:-40px;left:-20px}.aside-ref-inner{position:relative;z-index:1;padding:20px}.aside-ref-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.aside-ref-icon{width:38px;height:38px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.aside-ref-title{color:#fff;font-size:13px;font-weight:800;margin:0 0 3px;letter-spacing:-.2px}.aside-ref-subtitle{color:#fff9;font-size:11px;margin:0;line-height:1.4}.aside-ref-codigo-wrap{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;margin-bottom:10px}.aside-ref-codigo-label{font-size:9px;font-weight:800;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}.aside-ref-codigo-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.aside-ref-codigo-big{font-size:18px;font-weight:900;letter-spacing:5px;color:#fff;font-family:JetBrains Mono,monospace}.aside-ref-btn-copy{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all .2s}.aside-ref-btn-copy:hover{background:#ffffff40}.aside-ref-btn-copy.copied{background:#16a34a66;border-color:#16a34a80}.aside-ref-link-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px}.aside-ref-link-text{font-size:10px;color:#ffffff73;font-family:JetBrains Mono,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-ref-counter{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:9px}.aside-ref-counter-info{display:flex;flex-direction:column;gap:2px}.aside-ref-counter-num{font-size:20px;font-weight:900;color:#fff;line-height:1}.aside-ref-counter-label{font-size:10px;color:#ffffff8c;font-weight:600}.aside-ref-recompensa{font-size:10px;color:#fffc;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:7px;font-weight:600;text-align:center;line-height:1.3}.aside-ref-lista{display:flex;flex-direction:column;gap:6px;margin-top:14px}.aside-ref-lista-label{font-size:9px;font-weight:800;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.aside-ref-item{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px}.aside-ref-item-avatar{width:26px;height:26px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.aside-ref-item-nombre{font-size:12px;font-weight:700;color:#ffffffd9;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-ref-item-fecha{font-size:10px;color:#fff6;white-space:nowrap}.aside-ref-empty{display:flex;align-items:center;gap:10px;padding:12px;margin-top:12px}.aside-ref-empty p{font-size:12px;color:#ffffff80;margin:0}.profile-main-content{display:flex;flex-direction:column;gap:0}.profile-card{background:#fff;padding:24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d4dce8}.card-header-fino{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.card-header-fino h2{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:0}.card-header-fino svg{color:var(--accent);flex-shrink:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.7rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px;display:block}.label-locked{font-size:.65rem;color:#94a3b8;font-weight:500;text-transform:none;margin-left:4px;letter-spacing:0}.input-fino{display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1.5px solid var(--border);padding:0 12px;border-radius:8px;transition:all .2s ease;color:var(--text-soft)}.input-fino input{border:none!important;background:transparent!important;height:42px;width:100%;font-size:.9rem;color:var(--text-dark);outline:none;font-family:Inter,sans-serif;min-width:0}.input-fino input::placeholder{color:#cbd5e1}.input-fino:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.input-fino-simple{border:1.5px solid var(--border)!important;background:var(--input-bg)!important;padding:0 12px!important;border-radius:8px!important;height:42px;width:100%;font-size:.9rem;color:var(--text-dark);outline:none;font-family:Inter,sans-serif;box-sizing:border-box;transition:all .2s ease}.input-fino-simple:focus{border-color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 3px #2563eb1a}.input-fino-simple::placeholder{color:#cbd5e1}.input-fino-simple:disabled,.input-fino.readonly{background:#f1f5f9!important;opacity:.75;cursor:not-allowed}.btn-eye{background:none;border:none;color:var(--text-soft);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:5px;transition:color .2s;flex-shrink:0}.btn-eye:hover{color:var(--accent)}.btn-blue-fino{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;height:40px;white-space:nowrap;box-shadow:0 2px 8px #2563eb33;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-blue-fino:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-blue-fino:disabled{background:#93c5fd;cursor:not-allowed;box-shadow:none;transform:none}.btn-cancel{background:var(--hover-bg);border:1.5px solid var(--border);padding:10px 18px;border-radius:8px;cursor:pointer;color:var(--text-dark);font-weight:600;font-size:.9rem;font-family:inherit;height:40px;white-space:nowrap;transition:all .2s ease}.btn-cancel:hover{background:#fff;border-color:var(--accent);color:var(--accent)}.flex-gap{display:flex;gap:10px;align-items:center}.mt-15{margin-top:16px}.mt-20{margin-top:20px}.form-actions-fino{display:flex;justify-content:flex-end;width:100%;padding-top:16px;border-top:1px solid var(--border);margin-top:20px}.del-zone-card{border:1px solid #fecaca!important}.del-zone-header svg{color:#ef4444!important}.del-zone-header h2{color:#b91c1c!important}.del-zone-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.del-zone-text p{font-size:.85rem;color:var(--text-soft);margin:0}.del-zone-text strong{color:var(--text-dark)}.del-zone-btn{background:transparent;color:#ef4444;border:1.5px solid #ef4444;padding:10px 18px;border-radius:8px;font-weight:700;font-size:.85rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0;height:40px;transition:all .25s ease}.del-zone-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.del-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;animation:delFadeIn .22s ease}@keyframes delFadeIn{0%{opacity:0}to{opacity:1}}.del-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 25px #00000026,0 10px 10px #0000001a;border:1px solid var(--border);box-sizing:border-box;animation:slideUp .32s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.del-header{padding:32px 28px 24px;text-align:center;position:relative;overflow:hidden}.del-header-dark{background:linear-gradient(150deg,#0f172a,#1e293b 60%,#1e3a5f)}.del-header-dark2{background:linear-gradient(150deg,#0f172a,#1c1917 60%,#292524)}.del-header-dark:before,.del-header-dark2:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.12) 0%,transparent 70%);top:-80px;left:50%;transform:translate(-50%);pointer-events:none}.del-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.3px;margin-bottom:6px;position:relative}.del-header p{color:#ffffff8c;font-size:.8rem;line-height:1.55;position:relative;margin:0}.del-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;font-size:12px;font-weight:600;transition:all .2s;z-index:10}.del-close:hover{background:#fff3;color:#fff}.del-close:disabled{opacity:.35;cursor:not-allowed}.del-icon-rings{position:relative;width:80px;height:80px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.del-ring{position:absolute;border-radius:50%;border:1px solid rgba(239,68,68,.25);animation:delRing 2.8s ease-in-out infinite}.del-ring-1{inset:0;animation-delay:0s}.del-ring-2{inset:-12px;border-color:#ef444421;animation-delay:.4s}.del-ring-3{inset:-24px;border-color:#ef44440f;animation-delay:.8s}@keyframes delRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.07)}}.del-icon-core{width:54px;height:54px;background:linear-gradient(135deg,#dc2626,#f87171);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ef444473;color:#fff;position:relative;z-index:1}.del-icon-lock{width:52px;height:52px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fffc;box-shadow:0 6px 20px #00000040;position:relative}.del-step-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:5px 12px;font-size:.65rem;font-weight:700;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;position:relative}.del-badge-dot{width:6px;height:6px;background:#f87171;border-radius:50%;animation:delBlink 1.6s ease-in-out infinite}@keyframes delBlink{0%,to{opacity:1}50%{opacity:.25}}.del-body{padding:20px 24px 24px}.del-warning-card{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#fff7f7,#fef2f2);border:1px solid #fecaca;border-radius:10px;padding:14px 16px;margin-bottom:16px}.del-warning-icon{width:32px;height:32px;background:#fee2e2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.del-warning-card strong{display:block;font-size:.85rem;font-weight:700;color:#991b1b;margin-bottom:4px}.del-warning-card p{font-size:.78rem;color:#92400e;line-height:1.5;margin:0}.del-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.del-chip{display:flex;align-items:center;gap:8px;background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:.78rem;font-weight:600;color:#475569}.del-chip svg{color:var(--text-soft);flex-shrink:0}.del-info-chip{display:flex;align-items:center;gap:10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:.78rem;color:#0369a1;font-weight:500}.del-info-chip svg{color:#0ea5e9;flex-shrink:0}.del-input-label{font-size:.68rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:8px}.del-input-wrap{display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:10px;padding:0 14px;margin-bottom:16px;color:var(--text-soft);transition:all .2s ease}.del-input-wrap:focus-within{border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.del-input-wrap input{border:none;background:transparent;height:44px;width:100%;font-size:.9rem;color:var(--text-dark);outline:none;font-family:inherit;min-width:0}.del-input-wrap input::placeholder{color:#cbd5e1}.del-eye{background:none;border:none;cursor:pointer;color:var(--text-soft);display:flex;align-items:center;padding:4px;transition:color .2s;flex-shrink:0;border-radius:5px}.del-eye:hover{color:var(--text-dark)}.del-shake{animation:delShake .42s ease}@keyframes delShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.del-btn-si,.del-btn-confirmar{width:100%;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:12px;border-radius:10px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;box-shadow:0 4px 14px #ef44444d;transition:all .25s ease}.del-btn-si:hover,.del-btn-confirmar:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.del-btn-confirmar:disabled{background:linear-gradient(135deg,#94a3b8,#94a3b8);box-shadow:none;cursor:not-allowed;transform:none}.del-btn-no,.del-btn-volver{width:100%;background:var(--hover-bg);border:1.5px solid var(--border);padding:11px;border-radius:10px;font-size:.88rem;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease}.del-btn-no:hover,.del-btn-volver:hover{background:#fff;color:var(--text-dark);border-color:#cbd5e1}.del-btn-volver{margin-top:2px}.del-btn-volver:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1024px){.profile-container-premium{grid-template-columns:280px 1fr;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:900px){.profile-container-premium{grid-template-columns:1fr}.profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-referidos-card{grid-column:span 2}.grid-3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:640px){.profile-aside{grid-template-columns:1fr}.aside-referidos-card{grid-column:span 1}.grid-2,.grid-3,.del-chips{grid-template-columns:1fr}.del-overlay{padding:16px;align-items:flex-end}.del-modal{max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:16px 16px 8px 8px}.del-header{padding:24px 20px 18px}.del-body{padding:16px 18px 20px}.profile-card{padding:16px}.form-actions-fino{flex-direction:column;align-items:stretch}.form-actions-fino .btn-blue-fino,.form-actions-fino .btn-cancel{width:100%;justify-content:center}.flex-gap{flex-wrap:wrap;width:100%}.flex-gap .btn-blue-fino,.flex-gap .btn-cancel{flex:1;min-width:120px;justify-content:center}.del-zone-row{flex-direction:column;align-items:flex-start;gap:14px}.del-zone-btn{width:100%;justify-content:center}}@media(max-width:480px){.del-header h2{font-size:1.05rem}.input-fino input,.input-fino-simple{font-size:16px}.card-header-fino{gap:6px;padding-bottom:10px}.card-header-fino h2{font-size:.65rem}}@media(max-width:400px){.aside-ref-codigo-big{font-size:14px;letter-spacing:3px}.aside-ref-btn-copy{padding:4px 8px;font-size:10px}}@media(max-width:360px){.profile-card{padding:12px}.btn-blue-fino{font-size:.82rem;padding:10px 14px}.del-chips{gap:6px}.del-chip{font-size:.72rem;padding:7px 10px}.card-header-fino{gap:5px;margin-bottom:14px}}.logo-upload-area{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.logo-preview-wrap{flex-shrink:0}.logo-preview-img-wrap{position:relative;display:inline-block}.logo-preview-img{width:140px;height:90px;object-fit:contain;border:1.5px solid var(--border);border-radius:10px;background:#f8fafc;padding:8px;display:block;transition:opacity .2s}.logo-preview-img.logo-disabled{opacity:.35;filter:grayscale(60%)}.logo-badge-preview{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;white-space:nowrap}.logo-badge-off{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#94a3b8;color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;white-space:nowrap}.logo-placeholder{width:140px;height:90px;border:2px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f8fafc}.logo-placeholder p{font-size:.72rem;color:#94a3b8;margin:0;font-weight:500}.logo-controls{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px;justify-content:center}.logo-hint{font-size:.78rem;color:var(--text-soft);margin:0;line-height:1.5}.logo-btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn-logo-eliminar{background:transparent;color:#ef4444;border:1.5px solid #fca5a5;padding:10px 16px;border-radius:8px;font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;height:40px;white-space:nowrap;transition:all .2s ease}.btn-logo-eliminar:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.btn-logo-eliminar:disabled{opacity:.45;cursor:not-allowed}.logo-toggle-wrap{display:flex;align-items:center;gap:8px;margin-left:auto}.logo-toggle-label{font-size:.7rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.logo-toggle-btn{position:relative;width:40px;height:22px;border-radius:999px;border:none;cursor:pointer;padding:0;transition:background .25s ease;flex-shrink:0}.logo-toggle-btn.on{background:var(--accent)}.logo-toggle-btn.off{background:#cbd5e1}.logo-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.logo-toggle-knob{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:left .25s ease}.logo-toggle-btn.on .logo-toggle-knob{left:21px}.logo-toggle-btn.off .logo-toggle-knob{left:3px}@media(max-width:480px){.logo-upload-area{flex-direction:column}.logo-preview-img,.logo-placeholder{width:120px;height:76px}.logo-btn-row{flex-direction:column}.logo-btn-row .btn-blue-fino,.logo-btn-row .btn-cancel,.logo-btn-row .btn-logo-eliminar{width:100%;justify-content:center}.logo-toggle-wrap{margin-left:0}}.documentos-container{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.documentos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;gap:16px;flex-wrap:wrap}.header-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0;white-space:nowrap}.header-subtitle{font-size:.8rem;color:var(--text-soft);margin:0}.header-busqueda{flex:1;max-width:300px}.busqueda-input-wrapper{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;height:40px;transition:all .2s}.busqueda-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.busqueda-icon{color:var(--text-soft);flex-shrink:0}.busqueda-input{border:none;outline:none;font-size:.85rem;width:100%;background:transparent;color:var(--text-dark);font-family:inherit}.busqueda-input::placeholder{color:var(--text-soft)}.busqueda-limpiar{background:none;border:none;color:var(--text-soft);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s;flex-shrink:0}.busqueda-limpiar:hover{color:var(--text-dark)}.header-botones{display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}.btn-exportar{display:inline-flex;align-items:center;gap:8px;padding:0 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.88rem;font-family:inherit;height:40px;transition:all .25s ease;box-shadow:0 2px 8px #2563eb33;white-space:nowrap;flex-shrink:0;text-decoration:none;line-height:1;vertical-align:middle;box-sizing:border-box}.btn-exportar:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}label.btn-exportar{display:inline-flex;cursor:pointer;color:#fff!important}label.btn-exportar span{color:#fff!important}label.btn-exportar input[type=file]{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.docs-tabs{margin-bottom:16px}.docs-tab-bar{display:flex;gap:4px;background:#fff;padding:6px;border-radius:10px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;width:fit-content}.docs-tab{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:7px;border:none;background:transparent;color:var(--text-soft);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.docs-tab:hover{background:#f1f5f9;color:var(--text-dark)}.docs-tab.activo{background:var(--accent);color:#fff;box-shadow:0 2px 8px #2563eb33}.tab-sistema.activo{background:#7c3aed;box-shadow:0 2px 8px #7c3aed33}.docs-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;font-size:.68rem;font-weight:700;background:#ffffff40;color:inherit}.docs-tab:not(.activo) .docs-tab-count{background:#f1f5f9;color:var(--text-soft)}.form-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.form-section-title{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border);background:#f8fafc}.section-line{width:3px;height:16px;background:var(--accent);border-radius:2px;flex-shrink:0}.form-section-title span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent)}.tabla-header{display:grid;grid-template-columns:80px 1fr 160px;padding:10px 20px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:.65rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px}.tabla-row{display:grid;grid-template-columns:80px 1fr 160px;padding:14px 20px;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;transition:background .15s}.tabla-row:last-child{border-bottom:none}.tabla-row:hover{background:#f8fafc}.tabla-row-sistema:hover{background:#faf5ff}.col-tipo{display:flex;align-items:center}.col-info{display:flex;flex-direction:column;gap:3px;min-width:0}.col-acciones{display:flex;justify-content:flex-end}.badge-tipo{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;font-size:.65rem;font-weight:700;white-space:nowrap}.badge-tipo.pdf{background:#fee2e2;color:#dc2626}.badge-tipo.image{background:#dbeafe;color:#2563eb}.badge-tipo.word{background:#dbeafe;color:#1d4ed8}.badge-tipo.file{background:#f1f5f9;color:#475569}.nombre-texto{font-size:.88rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nombre-desc{font-size:.78rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-cliente,.badge-vehiculo,.badge-sin-etiquetar,.badge-general,.badge-qr,.badge-fecha{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:.62rem;font-weight:700;white-space:nowrap}.badge-cliente{background:#dbeafe;color:#1d4ed8}.badge-vehiculo{background:#dcfce7;color:#166534}.badge-sin-etiquetar{background:#fef3c7;color:#92400e}.badge-general{background:#f1f5f9;color:#475569}.badge-qr{background:#ede9fe;color:#5b21b6}.badge-fecha{background:#f1f5f9;color:#64748b}.acciones-grupo{display:flex;gap:6px;align-items:center}.action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-soft);cursor:pointer;transition:all .15s;flex-shrink:0}.action-btn:hover{background:#f1f5f9;color:var(--text-dark);border-color:#94a3b8}.action-btn.ver:hover{background:#eff6ff;color:var(--accent);border-color:var(--accent)}.action-btn.descargar:hover{background:#f0fdf4;color:#16a34a;border-color:#16a34a}.action-btn.etiquetar:hover{background:#fef3c7;color:#d97706;border-color:#d97706}.action-btn.eliminar:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.action-btn.en-descarga{opacity:.6;cursor:not-allowed}.spinner-mini{width:14px;height:14px;border:2px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;animation:spin .7s linear infinite}.tabla-vacia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text-soft);text-align:center}.tabla-vacia svg{opacity:.2}.tabla-vacia p{font-size:.95rem;font-weight:600;margin:0;color:var(--text-dark)}.tabla-vacia small{font-size:.82rem;color:var(--text-soft)}.docs-sistema-aviso{display:flex;align-items:center;gap:7px;padding:12px 20px;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-soft);background:#faf5ff;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border);animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px;position:sticky;top:0;background:#fff;z-index:5}.modal-archivo-info{flex:1;min-width:0}.archivo-nombre{font-size:.88rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-close-modal{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s;flex-shrink:0}.btn-close-modal:hover{background:#f1f5f9;color:var(--text-dark)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft)}.input-field{padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.88rem;font-family:inherit;color:var(--text-dark);background:#f8fafc;transition:all .15s;width:100%;box-sizing:border-box}.modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.btn-cancel{padding:9px 18px;border-radius:8px;border:1.5px solid var(--border);background:#f1f5f9;color:var(--text-dark);font-size:.87rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-guardar{padding:9px 20px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.87rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #2563eb33}@media(max-width:768px){.documentos-container{padding:16px}.documentos-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.header-left{width:100%}.header-title{font-size:1.1rem}.header-busqueda{max-width:100%;width:100%}.header-botones{width:100%;flex-wrap:nowrap;gap:8px}.btn-exportar{flex:1;justify-content:center;font-size:.82rem;padding:0 10px}.docs-tab-bar{width:100%}.docs-tab{flex:1;justify-content:center;font-size:.8rem;padding:8px 10px}.tabla-header{display:none}.tabla-row{grid-template-columns:1fr;gap:8px;padding:12px 16px}.col-acciones{justify-content:flex-start}.acciones-grupo{gap:8px}.modal-box{max-width:none;width:100%}.modal-footer{flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-guardar{width:100%;justify-content:center;text-align:center}}@media(max-width:540px){.documentos-container{padding:12px}.documentos-header{padding:12px;border-radius:10px}.header-title{font-size:1rem}.header-icon{padding:8px}.docs-tab-count{display:none}.action-btn{width:32px;height:32px}}@media(max-width:360px){.documentos-container{padding:10px}.header-icon{display:none}.btn-exportar{font-size:.78rem;padding:0 8px}}.dp-root{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f0f4ff,#fafafa,#f0fff4);font-family:Inter,-apple-system,sans-serif;position:relative;overflow-x:hidden}.dp-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;z-index:0}.dp-orb-1{width:400px;height:400px;background:radial-gradient(circle,#6366f1,#3b82f6);top:-100px;left:-100px}.dp-orb-2{width:350px;height:350px;background:radial-gradient(circle,#10b981,#06b6d4);bottom:-80px;right:-80px}.dp-wrapper{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.25rem;animation:dp-fadein .4s ease-out both}@keyframes dp-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dp-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #0f172a33}.dp-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dp-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:.4rem .9rem;color:#94a3b8;font-size:.8rem;font-weight:600}.dp-header-badge svg{width:14px;height:14px}.dp-header-para{display:flex;flex-direction:column;gap:.25rem}.dp-header-label{color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dp-header-nombre{color:#fff;font-size:1.4rem;font-weight:800;margin:0;line-height:1.2}.dp-header-email{color:#64748b;font-size:.85rem}.dp-timer{display:flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:.4rem .9rem;color:#94a3b8;font-size:.82rem;white-space:nowrap;flex-shrink:0;transition:all .5s}.dp-timer svg{width:14px;height:14px;flex-shrink:0}.dp-timer strong{color:#e2e8f0}.dp-timer--urgente{background:#ef444426;border-color:#ef44444d;color:#fca5a5;animation:dp-pulse 1s ease-in-out infinite}.dp-timer--urgente strong{color:#f87171}@keyframes dp-pulse{0%,to{opacity:1}50%{opacity:.65}}.dp-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.dp-card-titulo{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.dp-card-titulo svg{width:15px;height:15px;color:#2563eb}.dp-tipo-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dp-tipo-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:Inter,sans-serif;white-space:nowrap;min-height:44px}.dp-tipo-btn svg{width:15px;height:15px;flex-shrink:0}.dp-tipo-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.dp-tipo-btn.activo{border-color:#2563eb;background:#eff6ff;color:#2563eb;font-weight:700}.dp-field{display:flex;flex-direction:column;gap:.4rem}.dp-label{font-size:.82rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.35rem}.dp-required{color:#ef4444}.dp-label-optional{font-size:.72rem;font-weight:500;color:#94a3b8;background:#f1f5f9;padding:2px 7px;border-radius:999px;text-transform:none;letter-spacing:0}.dp-input{padding:.7rem .9rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-family:Inter,sans-serif;color:#1e293b;background:#f8fafc;transition:all .2s;outline:none;width:100%;-webkit-appearance:none}.dp-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.dp-input::placeholder{color:#cbd5e1}.dp-input-error{border-color:#ef4444!important;background:#fff5f5!important}.dp-input-plate{font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:3px;font-size:15px!important}.dp-vehiculo-fields{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;animation:dp-fadein .2s ease}.dp-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dp-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.dp-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .18s ease;background:#fafafa;-webkit-tap-highlight-color:transparent}.dp-dropzone:hover{border-color:#2563eb;background:#eff6ff}.dp-dropzone-icon{width:44px;height:44px;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:4px}.dp-dropzone-icon svg{width:20px;height:20px}.dp-dropzone-titulo{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.dp-dropzone-sub{font-size:.75rem;color:#64748b;margin:0;text-align:center}.dp-archivo-seleccionado{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;animation:dp-fadein .2s ease}.dp-archivo-icono{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.dp-archivo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dp-archivo-nombre{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-archivo-size{font-size:.75rem;color:#64748b}.dp-archivo-quitar{width:28px;height:28px;border:none;background:#ef44441a;color:#ef4444;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s}.dp-archivo-quitar svg{width:13px;height:13px}.dp-archivo-quitar:hover{background:#ef444433}.dp-error-msg{font-size:.78rem;color:#ef4444;font-weight:500}.dp-error-subida{padding:.75rem 1rem;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;font-size:.875rem;color:#dc2626;font-weight:500}.dp-btn-secundario{width:100%;padding:.75rem 1.25rem;background:#f1f5f9;color:#1e293b;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .18s ease;-webkit-tap-highlight-color:transparent}.dp-btn-secundario svg{width:16px;height:16px;color:#2563eb}.dp-btn-secundario:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.dp-btn-secundario:disabled{opacity:.4;cursor:not-allowed}.dp-cola{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;animation:dp-fadein .3s ease}.dp-cola-header{display:flex;align-items:center;justify-content:space-between}.dp-cola-titulo{font-size:.85rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px}.dp-cola-count{background:#2563eb;color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.dp-cola-lista{display:flex;flex-direction:column;gap:8px}.dp-cola-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.dp-cola-icono{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dp-cola-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dp-cola-nombre{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-cola-desc{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-cola-size{font-size:.7rem;color:#94a3b8}.dp-cola-progreso{height:3px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:4px}.dp-cola-progreso-fill{height:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:999px;transition:width .3s ease}.dp-cola-check{width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:dp-pop .3s cubic-bezier(.34,1.56,.64,1)}.dp-cola-check svg{width:13px;height:13px}@keyframes dp-pop{0%{transform:scale(0)}to{transform:scale(1)}}.dp-btn-primary{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .2s ease;box-shadow:0 4px 16px #2563eb4d;-webkit-tap-highlight-color:transparent}.dp-btn-primary svg{width:18px;height:18px}.dp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.dp-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dp-btn-primary.dp-btn--loading{opacity:.85;pointer-events:none}.dp-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dp-spin .7s linear infinite;flex-shrink:0}@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-footer{display:flex;align-items:center;justify-content:center;gap:1rem;color:#94a3b8;font-size:.8rem;flex-wrap:wrap;padding-top:.25rem}.dp-footer-item{display:flex;align-items:center;gap:.4rem}.dp-footer-item svg{width:14px;height:14px}.dp-footer-divider{width:4px;height:4px;border-radius:50%;background:#cbd5e1}.dp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#64748b;font-size:.9rem}.dp-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:dp-spin .8s linear infinite}.dp-loading p{margin:0}.dp-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem;text-align:center}.dp-error-icon{font-size:3rem}.dp-error-page h1{font-size:1.5rem;color:#1e293b;margin:0;font-weight:800}.dp-error-page p{color:#64748b;font-size:.9rem;max-width:260px;margin:0;line-height:1.5}.dp-success-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem;text-align:center;animation:dp-fadein .5s ease-out}.dp-success-circle{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 28px #10b98159;animation:dp-pop .5s cubic-bezier(.34,1.56,.64,1) both}.dp-success-circle svg{width:36px;height:36px}.dp-success-page h1{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.dp-success-page p{color:#64748b;font-size:.9rem;line-height:1.6;max-width:280px;margin:0}.dp-success-page p strong{color:#1e293b}@media(max-width:480px){.dp-wrapper{padding:1rem .75rem 3rem}.dp-header{padding:1.25rem;border-radius:16px}.dp-header-nombre{font-size:1.2rem}.dp-header-top{flex-direction:column;align-items:flex-start;gap:.75rem}.dp-card,.dp-cola{padding:1.1rem;border-radius:16px}.dp-row-2{grid-template-columns:1fr}}@media(min-width:600px){.dp-wrapper{padding-top:2.5rem}}.cp-root{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#fafafa,#f0fff4);font-family:Inter,-apple-system,sans-serif;position:relative;overflow-x:hidden}.cp-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;z-index:0}.cp-orb-1{width:400px;height:400px;background:radial-gradient(circle,#6366f1,#3b82f6);top:-100px;left:-100px}.cp-orb-2{width:350px;height:350px;background:radial-gradient(circle,#10b981,#06b6d4);bottom:-80px;right:-80px}.cp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#64748b;font-size:1rem}.cp-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-status-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem;text-align:center}.cp-status-icon{font-size:3rem}.cp-status-page h1{font-size:1.5rem;color:#1e293b;margin:0}.cp-status-page p{color:#64748b;margin:0}.cp-success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #10b98159;animation:cp-pop .4s cubic-bezier(.34,1.56,.64,1)}.cp-success-circle svg{width:36px;height:36px}@keyframes cp-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cp-wrapper{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.cp-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #0f172a33}.cp-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cp-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:.4rem .9rem;color:#94a3b8;font-size:.8rem;font-weight:600}.cp-header-badge svg{width:14px;height:14px}.cp-header-para{display:flex;flex-direction:column;gap:.25rem}.cp-header-label{color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cp-header-nombre{color:#fff;font-size:1.4rem;font-weight:800;margin:0;line-height:1.2}.cp-header-email{color:#64748b;font-size:.85rem}.cp-timer{display:flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:.4rem .9rem;color:#94a3b8;font-size:.82rem;white-space:nowrap;flex-shrink:0;transition:all .5s}.cp-timer svg{width:14px;height:14px;flex-shrink:0}.cp-timer strong{color:#e2e8f0}.cp-timer--urgente{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.cp-timer--urgente strong{color:#f87171}.cp-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0000000f;border:1px solid #e2e8f0}.cp-section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.cp-section-title svg{width:15px;height:15px}.cp-section-title--mt{margin-top:1.5rem}.cp-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.cp-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.cp-row .cp-field{margin-bottom:0}.cp-field--small{max-width:100%}.cp-label{font-size:.82rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.35rem}.cp-required{color:#ef4444}.cp-input{padding:.7rem .9rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-family:Inter,sans-serif;color:#1e293b;background:#f8fafc;transition:all .2s;outline:none;width:100%}.cp-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.cp-input-error{border-color:#ef4444;background:#fff5f5}.cp-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.cp-error-msg{font-size:.78rem;color:#ef4444;font-weight:500}.cp-error-subida{background:#fff5f5;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1rem}.cp-btn-primary{width:100%;padding:.9rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s;box-shadow:0 4px 16px #2563eb4d;margin-top:.5rem}.cp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.cp-btn-primary:disabled{opacity:.7;cursor:not-allowed}.cp-btn-primary svg{width:18px;height:18px}.cp-btn--loading{opacity:.8}.cp-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cp-spin .7s linear infinite;flex-shrink:0}.cp-footer{display:flex;align-items:center;justify-content:center;gap:1rem;color:#94a3b8;font-size:.8rem}.cp-footer-item{display:flex;align-items:center;gap:.4rem}.cp-footer-item svg{width:14px;height:14px}.cp-footer-divider{width:4px;height:4px;border-radius:50%;background:#cbd5e1}@media(max-width:480px){.cp-wrapper{padding:1rem .75rem 3rem}.cp-row{grid-template-columns:1fr;gap:0}.cp-row .cp-field{margin-bottom:1rem}.cp-header{padding:1.25rem;border-radius:16px}.cp-header-nombre{font-size:1.2rem}.cp-header-top{flex-direction:column;align-items:flex-start;gap:.75rem}.cp-card{padding:1.1rem;border-radius:16px}}.fnт-steps-header{display:flex;align-items:center;justify-content:center;padding:24px 40px;background:linear-gradient(135deg,#1e40af,#2563eb);gap:0;flex-shrink:0}.fnт-step{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.fnт-step-circle{width:40px;height:40px;border-radius:50%;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid rgba(255,255,255,.4);transition:all .3s ease;flex-shrink:0}.fnт-step-text{font-size:12px;font-weight:700;color:#ffffffbf;white-space:nowrap}.fnт-step.active .fnт-step-circle{background:#fff;color:#2563eb;border-color:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.12)}.fnт-step.active .fnт-step-text{color:#fff;font-weight:800}.fnт-step.completed .fnт-step-circle{background:#10b981;color:#fff;border-color:#10b981}.fnт-step.completed .fnт-step-text{color:#ffffffe6}.fnт-step-divider{width:32px;height:2px;background:#ffffff40;margin:0 6px;flex-shrink:0}.fnт-step-divider.filled{background:#10b981}.fnт-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 32px 24px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0;gap:12px}.fnт-footer-right{display:flex;align-items:center;gap:10px}.fnт-dots{display:none}.fnт-btn-atras{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0;font-weight:600;font-size:14px;height:40px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.fnт-btn-atras:hover:not(:disabled){background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}.fnт-btn-atras:disabled{opacity:.4;cursor:not-allowed}.fnт-btn-siguiente{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:#2563eb;color:#fff;border:none;font-weight:600;font-size:14px;height:40px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #2563eb40}.fnт-btn-siguiente:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.fnт-btn-siguiente:disabled{opacity:.5;cursor:not-allowed;transform:none}.fnт-btn-guardar{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:#10b981;color:#fff;border:none;font-weight:600;font-size:14px;height:40px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #10b98140}.fnт-btn-guardar:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.fnт-btn-guardar:disabled{opacity:.5;cursor:not-allowed;transform:none}.fnт-btn-cerrar{display:none}.fnт-paso-content{display:flex;flex-direction:column;gap:20px}.fnт-paso-title{font-size:22px;font-weight:700;color:#0f172a;margin:0}.fnт-form-group{display:flex;flex-direction:column;gap:7px}.fnт-form-group label{font-size:12px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px}.fnт-opcional,.fnт-hint{font-weight:500;text-transform:none;letter-spacing:0;color:#94a3b8;font-size:11px}.fnт-input,.fnт-textarea{padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;background:#f8fafc;color:#0f172a;transition:all .2s;width:100%;box-sizing:border-box}.fnт-input:focus,.fnт-textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.fnт-textarea{resize:vertical}.fnт-tipos-sugeridos{display:flex;flex-direction:column;gap:8px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.fnт-tipos-sugeridos label{font-size:11px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.3px}.fnт-tipos-lista{display:flex;flex-wrap:wrap;gap:6px}.fnт-btn-tipo{padding:6px 12px;background:#fff;color:#2563eb;border:1.5px solid #2563eb;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:all .15s;font-family:inherit}.fnт-btn-tipo:hover{background:#2563eb;color:#fff}.fnт-cliente-list{display:flex;flex-direction:column;gap:8px}.fnт-cliente-wrapper{display:flex;align-items:center;gap:10px}.fnт-cliente-wrapper .fnт-cliente-checkbox{flex:1}.fnт-cliente-checkbox{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.fnт-cliente-checkbox:hover{border-color:#2563eb;background:#eff6ff}.fnт-cliente-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;flex-shrink:0;cursor:pointer}.fnт-cliente-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.fnт-cliente-info strong{font-size:13px;color:#0f172a}.fnт-cliente-info small{font-size:11px;color:#64748b}.fnт-select-rol{padding:8px 10px;border:1.5px solid #2563eb;border-radius:6px;font-size:12px;font-weight:600;background:#fff;color:#2563eb;cursor:pointer;font-family:inherit;flex-shrink:0}.fnт-select-rol:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.fnт-docs-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.fnт-doc-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:13px;gap:8px}.fnт-doc-item span{flex:1}.fnт-btn-remove{background:none;border:none;color:#166534;cursor:pointer;display:flex;align-items:center;padding:2px;transition:color .2s;flex-shrink:0}.fnт-btn-remove:hover{color:#ef4444}.fnт-resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fnт-resumen-item{display:flex;flex-direction:column;gap:6px}.fnт-resumen-item.fnт-full{grid-column:1 / -1}.fnт-resumen-item label{font-size:11px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.3px}.fnт-resumen-item p{font-size:14px;color:#0f172a;margin:0;padding:10px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;border-left:3px solid #2563eb}.fnт-resumen-lista{margin:0;padding:10px 12px;list-style:none;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;border-left:3px solid #2563eb}.fnт-resumen-lista li{font-size:13px;color:#0f172a;padding:3px 0;display:flex;align-items:center;gap:6px}.fnт-rol-badge{padding:2px 7px;background:#2563eb;color:#fff;border-radius:4px;font-size:10px;font-weight:700;margin-left:auto}.fnт-empty{text-align:center;padding:30px;color:#64748b}.fnт-backdrop{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.fnт-modal{background:#fff;border-radius:20px;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:fnт-slide-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fnт-slide-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.fnт-modal-content{flex:1;overflow-y:auto;padding:36px 52px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.fnт-modal-content::-webkit-scrollbar{width:5px}.fnт-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.fnт-modal .fnт-footer{padding:16px 52px 28px}.fnт-mobile-page{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;z-index:9999}.fnт-mobile-page .fnт-steps-header{padding:14px 16px;gap:4px}.fnт-mobile-page .fnт-step{flex:0 0 auto;gap:0}.fnт-mobile-page .fnт-step-text{display:none}.fnт-mobile-page .fnт-step-circle{width:32px;height:32px;font-size:12px}.fnт-mobile-page .fnт-step-divider{width:14px;margin:0 2px}.fnт-mobile-slider{flex:1;overflow:hidden;position:relative}.fnт-mobile-track{display:flex;height:100%;transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}.fnт-mobile-slide{min-width:100%;height:100%;overflow-y:auto;padding:24px 18px 12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.fnт-mobile-page .fnт-footer{padding:12px 18px 28px}.fnт-mobile-page .fnт-dots{display:flex;gap:6px;align-items:center}.fnт-dot{width:7px;height:7px;border-radius:50%;background:#e2e8f0;transition:all .2s}.fnт-dot.active{background:#2563eb;transform:scale(1.4)}.fnт-dot.done{background:#10b981}.fnт-mobile-page .fnт-paso-title{font-size:18px}.fnт-mobile-page .fnт-resumen-grid{grid-template-columns:1fr}.fnт-mobile-page .fnт-cliente-wrapper{flex-direction:column;align-items:stretch}.fnт-mobile-page .fnт-select-rol{width:100%}.fnт-mobile-page .fnт-btn-atras,.fnт-mobile-page .fnт-btn-siguiente,.fnт-mobile-page .fnт-btn-guardar{flex:1;justify-content:center}.tramites-page{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.tramites-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-icon{background:var(--accent);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-left h1{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0;white-space:nowrap}.header-left span{font-size:.8rem;color:var(--text-soft);display:block}.header-search{background:#f8fafc;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:0 12px;flex:1;max-width:300px;height:40px;gap:8px;transition:all .2s ease}.header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.header-search input{border:none;outline:none;padding:10px 0;font-size:.85rem;width:100%;background:transparent;color:var(--text-dark);min-width:0}.header-search input::placeholder{color:var(--text-soft)}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.btn-nuevo-tramite{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;font-family:Inter,sans-serif;transition:all .25s ease;box-shadow:0 2px 8px #2563eb33;white-space:nowrap;text-decoration:none;flex-shrink:0}.btn-nuevo-tramite:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tramites-filtros{display:flex;justify-content:center;gap:6px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:8px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.filtro-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;border:1.5px solid transparent;background:transparent;color:var(--text-soft);font-size:.82rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s ease;white-space:nowrap}.filtro-btn:hover{background:#f1f5f9;color:var(--text-dark)}.filtro-btn.activo{color:#fff;box-shadow:0 2px 8px #00000026}.filtro-btn.activo .filtro-count{background:#ffffff40;color:#fff}.filtro-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#00000014;font-size:10px;font-weight:800}.filtro-btn:first-child.activo{background:var(--text-dark);border-color:var(--text-dark)}.filtro-btn.filtro-pendiente:not(.activo){color:#92400e}.filtro-btn.filtro-en-proceso:not(.activo){color:#1d4ed8}.filtro-btn.filtro-observado:not(.activo){color:#c2410c}.filtro-btn.filtro-finalizado:not(.activo){color:#0c4a6e}.filtro-btn.filtro-pendiente:not(.activo):hover{background:#fef3c7}.filtro-btn.filtro-en-proceso:not(.activo):hover{background:#dbeafe}.filtro-btn.filtro-observado:not(.activo):hover{background:#ffedd5}.filtro-btn.filtro-finalizado:not(.activo):hover{background:#e0f2fe}.filtro-btn.filtro-pendiente.activo{background:#d97706;border-color:#d97706}.filtro-btn.filtro-en-proceso.activo{background:#2563eb;border-color:#2563eb}.filtro-btn.filtro-observado.activo{background:#ea580c;border-color:#ea580c}.filtro-btn.filtro-finalizado.activo{background:#0c4a6e;border-color:#0c4a6e}.filtro-btn.filtro-pendiente:before,.filtro-btn.filtro-en-proceso:before,.filtro-btn.filtro-observado:before,.filtro-btn.filtro-finalizado:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.filtro-btn.filtro-pendiente:before{background:#f59e0b}.filtro-btn.filtro-en-proceso:before{background:#3b82f6}.filtro-btn.filtro-observado:before{background:#f97316}.filtro-btn.filtro-finalizado:before{background:#0ea5e9}.filtro-btn.activo:before{background:#ffffffb3}.tramites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.card.pendiente{border-top-color:#f59e0b}.card.en-proceso{border-top-color:#3b82f6}.card.observado{border-top-color:#f97316}.card.finalizado{border-top-color:#0ea5e9}.card-header{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.dominio-badge{display:inline-block;background:#1e293b;color:#fff;padding:3px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:10px;letter-spacing:.5px;width:fit-content}.card-title h3{font-size:.95rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-estado-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.68rem;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}.card-estado-badge.estado-pendiente{background:#fef3c7;color:#92400e}.card-estado-badge.estado-en-proceso{background:#dbeafe;color:#1d4ed8}.card-estado-badge.estado-observado{background:#ffedd5;color:#c2410c}.card-estado-badge.estado-finalizado{background:#e0f2fe;color:#0c4a6e}.card-body{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:10px}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-item{display:flex;flex-direction:column;gap:3px}.card-item label{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.2px}.card-item p{font-size:.85rem;color:var(--text-dark);margin:0;font-weight:500}.obs-text{font-size:.75rem!important;color:var(--text-soft)!important;line-height:1.3;max-height:40px;overflow:hidden;text-overflow:ellipsis}.card-registros{display:flex;flex-wrap:wrap;gap:6px}.registro-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;background:#f1f5f9;border:1px solid var(--border);border-radius:999px;font-size:.7rem;font-weight:600;color:var(--text-soft)}.registro-chip svg{flex-shrink:0}.card-footer{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:8px;background:#fff}.btn-card{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px 10px;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;transition:all .2s ease;background:#fff}.btn-card.ver{color:var(--accent);border-color:var(--accent)}.btn-card.ver:hover{background:var(--accent);color:#fff}.btn-card.delete{color:#ef4444;border-color:#ef4444;flex:0 0 auto}.btn-card.delete:hover{background:#ef4444;color:#fff}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 40px;color:var(--text-soft)}.empty-state svg{color:var(--border);opacity:.5}.empty-state h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0}.empty-state p{margin:0;font-size:.9rem}@media(max-width:1024px){.tramites-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tramites-page{padding:16px}.tramites-header{padding:14px 16px;gap:12px}.header-left h1{font-size:1.1rem}.header-search{max-width:100%;flex:1}.tramites-filtros{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:8px 12px;gap:6px;scrollbar-width:none}.tramites-filtros::-webkit-scrollbar{display:none}.filtro-btn{flex-shrink:0;padding:7px 14px;font-size:.8rem}.tramites-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:640px){.tramites-header{flex-direction:column;align-items:stretch}.header-left{width:100%}.header-search{width:100%;max-width:100%}.header-actions{width:100%;flex-direction:column}.btn-nuevo-tramite{width:100%;justify-content:center}}@media(max-width:480px){.tramites-page{padding:12px}.header-left h1{font-size:1rem}.header-icon{padding:10px}.card-header{padding:12px}.card-body{padding:10px 12px}.card-footer{padding:8px 12px}.card-title h3{font-size:.9rem}.card-item p{font-size:.82rem}.card-footer{flex-direction:row}.btn-card.ver{font-size:.75rem}}@media(max-width:360px){.tramites-page{padding:10px}.header-left h1{font-size:.95rem}.header-icon{display:none}.card-row{grid-template-columns:1fr}}.dt-page{min-height:100vh;background:var(--app-bg);font-family:Inter,sans-serif;color:var(--text-dark)}.dt-topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-s)}.dt-topbar-inner{max-width:1100px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:center;padding:0 32px;gap:12px}.dt-back{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent);border:none;cursor:pointer;padding:9px 16px;border-radius:8px;transition:all .2s ease;font-family:inherit;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #2563eb33;height:40px}.dt-back:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.dt-topbar-center{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:.95rem;justify-content:center}.dt-topbar-plate{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;background:#111827;color:#fff;padding:4px 10px;border-radius:5px;letter-spacing:1px;flex-shrink:0}.dt-sep{color:#d1d5db}.dt-topbar-tipo{font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-topbar-actions{display:flex;gap:8px;flex-shrink:0}.dt-btn-imprimir{display:flex;align-items:center;gap:6px;padding:9px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;height:40px;white-space:nowrap;box-shadow:0 2px 8px #2563eb33}.dt-btn-imprimir:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.dt-btn-eliminar{display:flex;align-items:center;gap:6px;padding:9px 16px;background:transparent;color:#ef4444;border:1.5px solid #fca5a5;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;height:40px;white-space:nowrap}.dt-btn-eliminar:hover{background:#fef2f2;border-color:#ef4444}.dt-contenido{max-width:1100px;margin:0 auto;padding:28px 32px 60px;display:flex;flex-direction:column;gap:12px}.dt-resumen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s)}.dt-titulo{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin:0 0 8px;letter-spacing:-.3px}.dt-meta{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-soft);flex-wrap:wrap}.dt-plate-inline{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;background:#111827;color:#fff;padding:3px 9px;border-radius:5px;letter-spacing:1px}.dt-dot{width:3px;height:3px;border-radius:50%;background:#d1d5db;flex-shrink:0}.dt-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700}.dt-pill.pendiente{background:#fef3c7;color:#92400e}.dt-pill.en-proceso{background:#dbeafe;color:#1e40af}.dt-pill.observado{background:#ffedd5;color:#9a3412}.dt-pill.finalizado{background:#dcfce7;color:#166534}.dt-progreso-wrap{display:flex;flex-direction:column;gap:6px;min-width:180px}.dt-progreso-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-soft);font-weight:500}.dt-progreso-pct{font-weight:700;color:#16a34a}.dt-progreso-track{height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.dt-progreso-fill{height:100%;background:linear-gradient(90deg,#34d399,#16a34a);border-radius:99px;transition:width .5s ease}.dt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);overflow:hidden}.dt-card-titulo{display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-soft);border-bottom:1px solid var(--border)}.dt-card-titulo svg{color:var(--accent);flex-shrink:0}.dt-badge{margin-left:auto;background:#f0fdf4;color:#16a34a;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.dt-card-footer{padding:14px 20px;border-top:1px solid var(--border);background:#fafbfc;display:flex;justify-content:flex-end}.dt-estados{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px}.dt-estado-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border-radius:8px;border:1.5px solid var(--border);background:var(--app-bg);color:var(--text-soft);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;position:relative}.dt-estado-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.dt-estado-btn:disabled{cursor:default}.dt-estado-btn.pendiente.on{background:#fffbeb;border-color:#fbbf24;color:#92400e}.dt-estado-btn.en-proceso.on{background:#eff6ff;border-color:#60a5fa;color:#1e40af}.dt-estado-btn.observado.on{background:#fff7ed;border-color:#fb923c;color:#9a3412}.dt-estado-btn.finalizado.on{background:#f0fdf4;border-color:#4ade80;color:#166534}.dt-estado-btn.pendiente:not(.on):hover{background:#fffbeb;border-color:#fbbf24;color:#92400e}.dt-estado-btn.en-proceso:not(.on):hover{background:#eff6ff;border-color:#60a5fa;color:#1e40af}.dt-estado-btn.observado:not(.on):hover{background:#fff7ed;border-color:#fb923c;color:#9a3412}.dt-estado-btn.finalizado:not(.on):hover{background:#f0fdf4;border-color:#4ade80;color:#166534}.dt-check{position:absolute;top:4px;right:4px;opacity:.4}.dt-checklist{padding:8px 0}.dt-check-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.dt-check-item:last-of-type{border-bottom:none}.dt-check-item:hover{background:#f8fafc}.dt-check-item.done{background:#f0fdf4}.dt-check-item.done:hover{background:#dcfce7}.dt-check-box{width:20px;height:20px;border-radius:5px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .15s}.dt-check-item.done .dt-check-box{background:#16a34a;border-color:#16a34a;color:#fff}.dt-check-name{flex:1;font-size:.95rem;font-weight:500;color:var(--text-dark)}.dt-check-item.done .dt-check-name{text-decoration:line-through;color:#9ca3af}.dt-check-badge{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:5px;text-transform:uppercase;flex-shrink:0}.dt-check-badge.done{background:#dcfce7;color:#166534}.dt-check-badge.pending{background:#fef3c7;color:#92400e}.dt-check-del{width:28px;height:28px;border-radius:6px;border:none;background:none;color:#d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.dt-check-del:hover{background:#fee2e2;color:#dc2626}.dt-add-doc{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.dt-add-doc input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--text-dark);background:var(--app-bg);transition:all .15s;min-width:0}.dt-add-doc input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px #16a34a1a}.dt-add-doc input::placeholder{color:#cbd5e1}.dt-add-doc button{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;flex-shrink:0;transition:all .15s}.dt-add-doc button:hover{background:#1f2937}.dt-reg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.dt-field{display:flex;flex-direction:column;gap:6px}.dt-field label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.dt-field input{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-dark);background:var(--app-bg);transition:all .15s;width:100%}.dt-field input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.dt-field input::placeholder{color:#cbd5e1;font-family:Inter,sans-serif}.dt-save-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;height:40px}.dt-save-btn:hover:not(:disabled){background:#1d4ed8}.dt-save-btn:disabled{opacity:.6;cursor:not-allowed}.dt-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.dt-campos{padding:4px 0}.dt-campo{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #f1f5f9;gap:12px}.dt-campo:last-child{border-bottom:none}.dt-campo span{font-size:.88rem;color:var(--text-soft);font-weight:500;flex-shrink:0}.dt-campo strong{font-size:.95rem;font-weight:600;color:var(--text-dark);text-align:right;word-break:break-word}.dt-cliente-bloque{border-bottom:1px solid var(--border)}.dt-cliente-bloque:last-child{border-bottom:none}.dt-cliente-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.dt-cliente-avatar{width:34px;height:34px;border-radius:8px;background:#dbeafe;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dt-cliente-nombre{font-size:.95rem;font-weight:700;color:var(--text-dark);flex:1}.dt-tag{font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.dt-tag.fisica{background:#dbeafe;color:#1e40af}.dt-tag.juridica{background:#ede9fe;color:#5b21b6}.dt-tag.comprador{background:#dcfce7;color:#166534}.dt-tag.vendedor{background:#fef3c7;color:#92400e}.dt-tag.otro{background:#f3e8ff;color:#6b21a8}.dt-toggle-btn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:none;color:var(--text-soft);font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.dt-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:#eff6ff}.dt-obs-card{background:#fffbeb;border-color:#fde68a}.dt-obs-card .dt-card-titulo{background:#fef9c3;border-color:#fde68a}.dt-obs-card .dt-card-titulo svg{color:#d97706}.dt-obs-body{padding:16px 20px}.dt-obs-text{font-size:.95rem;color:#78350f;line-height:1.7;margin:0}.dt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;font-size:.9rem;color:var(--text-soft);font-weight:500}.dt-spinner{width:26px;height:26px;border:3px solid #e5e7eb;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dt-error{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1rem;color:#dc2626;font-weight:600}.dt-empty{font-size:.9rem;color:var(--text-soft);font-style:italic;padding:16px 20px;margin:0}@media(max-width:768px){.dt-contenido{padding:16px 14px 48px}.dt-topbar-inner{padding:0 14px}.dt-btn-imprimir span,.dt-btn-eliminar span{display:none}.dt-btn-imprimir,.dt-btn-eliminar{padding:9px 12px}.dt-titulo{font-size:1.15rem}.dt-resumen-top{flex-direction:column;align-items:flex-start;gap:12px}.dt-progreso-wrap{width:100%}.dt-estados{grid-template-columns:1fr 1fr;gap:8px}.dt-estado-btn{font-size:.82rem;padding:11px 8px}.dt-reg-grid{grid-template-columns:1fr;padding:16px}.dt-campo{flex-direction:column;align-items:flex-start;gap:2px}.dt-campo strong{text-align:left}}@media(max-width:480px){.dt-topbar-inner{padding:0 12px;gap:8px}.dt-back{padding:8px 12px;font-size:.82rem}.dt-add-doc{flex-direction:column}.dt-add-doc button{width:100%;justify-content:center}.dt-estados{grid-template-columns:1fr 1fr}}.modal-backdrop{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:9999;padding:20px}.modal-box{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.steps-header-clean{display:flex;align-items:center;justify-content:center;padding:28px 40px;background:linear-gradient(135deg,#1e40af,#2563eb);border-bottom:3px solid #1d4ed8;gap:0;flex-shrink:0}.step-item{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.step-circle{width:44px;height:44px;border-radius:50%;background:#ffffff4d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;border:2px solid rgba(255,255,255,.5);transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.step-text{font-size:13px;font-weight:700;color:#fffc;white-space:nowrap;letter-spacing:.3px}.step-item.active .step-circle{border-color:#fff;color:#2563eb;background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.15)}.step-item.active .step-text{color:#fff;font-weight:800}.step-item.completed .step-circle{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.step-item.completed .step-text{color:#fffffff2}.step-divider{width:40px;height:2px;background:#ffffff4d;margin:0 10px;flex-shrink:0}.step-divider.filled{background:#10b981}.steps-content-fluid{padding:36px 56px;overflow-y:auto;flex:1}.steps-content-fluid::-webkit-scrollbar{width:6px}.steps-content-fluid::-webkit-scrollbar-track{background:transparent}.steps-content-fluid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.steps-content-fluid::-webkit-scrollbar-thumb:hover{background:#2563eb}.paso-content{display:flex;flex-direction:column;gap:22px}.paso-title{font-size:22px;font-weight:700;color:var(--text-dark);margin:0}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:13px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px}.input-field{padding:11px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:Inter,sans-serif;background:#f8fafc;color:var(--text-dark);transition:all .2s ease;width:100%;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.input-field:disabled{background:#f1f5f9;color:var(--text-soft);cursor:not-allowed}.search-vehiculo{display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--border);border-radius:8px;background:#f8fafc;margin-bottom:8px;transition:all .2s ease}.search-vehiculo:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.search-vehiculo svg{color:var(--text-soft);flex-shrink:0}.search-input{border:none;outline:none;padding:10px 0;font-size:14px;width:100%;background:transparent;color:var(--text-dark);font-family:Inter,sans-serif}.search-input::placeholder{color:var(--text-soft)}.calculo-section{background:#f0f9ff;border:2px solid #2563eb;border-radius:10px;padding:20px}.section-title{margin:0 0 14px;color:var(--accent);font-size:.72rem;text-transform:uppercase;font-weight:700;letter-spacing:.4px;display:flex;align-items:center;gap:8px}.calculo-grupo{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px}.calculo-grupo .form-group{flex:1;margin:0}.calculo-resultado{padding:8px 12px;background:#fff;border:1.5px solid #2563eb;border-radius:6px;font-weight:700;color:#2563eb;font-size:.95rem;min-width:110px;text-align:right;white-space:nowrap;flex-shrink:0}.items-seleccion{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:12px}.items-seleccion .items-tabla{width:100%;border-collapse:collapse;font-size:.87rem}.items-seleccion .items-tabla thead{background:#f8fafc;border-bottom:2px solid var(--border)}.items-seleccion .items-tabla th{padding:11px 12px;text-align:left;font-weight:700;color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.3px}.items-seleccion .items-tabla td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#475569}.items-seleccion .items-tabla tbody tr{transition:background .15s}.items-seleccion .items-tabla tbody tr:hover{background:#f8fafc}.items-seleccion .items-tabla tbody tr.item-destacado{background:#f0f9ff;border-left:3px solid #2563eb}.items-seleccion .items-tabla tbody tr.item-calculado{background:#f0f9ff}.items-seleccion .items-tabla input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--accent)}.badge-destacado{display:inline-block;background:var(--accent);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;margin-left:6px}.badge-personalizado-form{display:inline-block;background:#8b5cf6;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;margin-left:6px}.badge-cantidad{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:8px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:5px;font-size:.7rem;font-weight:700;color:var(--accent);line-height:1}.personalizados-title{display:flex;align-items:center}.items-personalizados-section{margin-top:16px}.resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resumen-item{display:flex;flex-direction:column;gap:7px}.resumen-item.full-width{grid-column:1 / -1}.resumen-item label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.resumen-item p{font-size:14px;color:var(--text-dark);margin:0;padding:10px 12px;background:#f8fafc;border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--accent)}.docs-resumen{margin:0;padding:10px 12px;background:#f8fafc;border-radius:6px;border:1px solid var(--border);border-left:3px solid var(--accent);list-style:none}.docs-resumen li{font-size:13px;color:var(--text-dark);padding:3px 0}.docs-resumen li:before{content:"✓ ";color:#10b981;font-weight:700;margin-right:6px}.steps-footer-clean{padding:16px 56px 28px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid var(--border);gap:12px;flex-shrink:0}.footer-right{display:flex;gap:10px;align-items:center}.btn-nav{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif;white-space:nowrap;height:40px}.btn-ghost{background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0}.btn-ghost:hover:not(:disabled){background:#e2e8f0;color:#1e293b;border-color:#cbd5e1}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.btn-success{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-nav:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}.modal-box{max-width:100%;max-height:96vh;border-radius:20px 20px 0 0}.steps-header-clean{padding:18px 20px 16px;justify-content:center;gap:8px}.step-item{flex:0 0 auto;gap:0}.step-text{display:none}.step-circle{width:36px;height:36px;font-size:13px}.step-divider{width:24px;margin:0 4px}.steps-content-fluid{padding:20px 16px}.paso-title{font-size:17px}.paso-content{gap:16px}.calculo-section{padding:14px}.calculo-grupo{flex-direction:column;gap:8px}.calculo-resultado{width:100%;min-width:unset;text-align:left}.items-seleccion .items-tabla th,.items-seleccion .items-tabla td{padding:9px 8px}.items-seleccion .items-tabla th:last-child,.items-seleccion .items-tabla td:last-child{display:none}.items-seleccion .items-tabla td:nth-child(2){display:flex;flex-direction:column;gap:3px}.items-seleccion .items-tabla input[type=text]{width:100%!important;text-align:left!important;font-size:12px;margin-top:3px}.resumen-grid{grid-template-columns:1fr;gap:12px}.steps-footer-clean{padding:14px 16px 20px;flex-direction:column;gap:10px}.footer-right{width:100%;flex-direction:column-reverse;gap:8px}.btn-nav{width:100%;justify-content:center;padding:12px 20px}}@media(max-width:400px){.steps-content-fluid{padding:16px 12px}.calculo-section{padding:12px}.paso-title{font-size:15px}.form-group label{font-size:11px}.input-field{padding:9px 10px;font-size:13px}}.presupuestos-page{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.presupuestos-encabezado{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;gap:16px;flex-wrap:wrap}.encabezado-titulo{display:flex;align-items:center;gap:12px;flex-shrink:0}.titulo-info h1{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0;white-space:nowrap}.encabezado-busqueda{background:#f8fafc;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:0 12px;flex:1;max-width:300px;height:40px;transition:all .2s ease;gap:8px}.encabezado-busqueda:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.encabezado-busqueda svg{color:var(--text-soft);flex-shrink:0}.encabezado-busqueda input{border:none;outline:none;padding:10px 0;font-size:.85rem;width:100%;background:transparent;color:var(--text-dark);min-width:0}.encabezado-busqueda input::placeholder{color:var(--text-soft)}.encabezado-botones{display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}.btn-configuracion{background:#fff;border:1.5px solid var(--border);padding:0;border-radius:8px;cursor:pointer;color:var(--text-soft);transition:.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.btn-configuracion:hover{background:#f1f5f9;border-color:var(--accent);color:var(--accent)}.btn-nuevo-presupuesto,.btn-descargar-recibo{display:flex;align-items:center;gap:8px;padding:0 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem;font-family:inherit;height:40px;transition:all .25s ease;box-shadow:0 2px 8px #2563eb33;white-space:nowrap;flex-shrink:0;text-decoration:none}.btn-nuevo-presupuesto:hover,.btn-descargar-recibo:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.presupuestos-contenedor{width:100%}.presupuestos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pres-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d;transition:all .25s ease}.pres-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.pres-card.vigente{border-top-color:#f59e0b}.pres-card.abonado{border-top-color:#10b981}.pres-card.vencido{border-top-color:#ef4444}.pres-card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.pres-card-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.pres-numero-badge{display:none}.pres-card-title strong{font-size:1rem;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-estado-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.68rem;font-weight:700;white-space:nowrap;flex-shrink:0}.pres-estado-badge.vigente{background:#fef3c7;color:#92400e}.pres-estado-badge.abonado{background:#dcfce7;color:#166534}.pres-estado-badge.vencido{background:#fee2e2;color:#991b1b}.pres-card-body{padding:12px 16px;flex:1;display:flex;flex-direction:column;gap:10px}.pres-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pres-card-item{display:flex;flex-direction:column;gap:3px}.pres-card-item label{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.2px}.pres-card-item p{font-size:.85rem;color:var(--text-dark);font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-card-total{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid var(--border);margin-top:2px}.pres-card-total span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-soft)}.pres-card-total strong{font-size:1rem;font-weight:800;color:var(--accent)}.pres-card-footer{padding:10px 16px;border-top:1px solid var(--border);background:#fff;display:flex;gap:8px}.pres-btn-card{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px 10px;border:1.5px solid var(--border);border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;font-family:inherit;transition:all .2s ease;background:#fff}.pres-btn-card.ver{color:var(--accent);border-color:var(--accent)}.pres-btn-card.ver:hover{background:var(--accent);color:#fff}.pres-btn-card.delete{color:#ef4444;border-color:#ef4444;flex:0 0 auto;padding:8px 12px}.pres-btn-card.delete:hover{background:#ef4444;color:#fff}.pres-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 40px;color:var(--text-soft);background:#fff;border-radius:12px;border:1px solid var(--border)}.pres-empty-state svg{color:var(--border);opacity:.5}.pres-empty-state h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0}.pres-empty-state p{margin:0;font-size:.9rem}.selector-modal{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:1000;animation:selectorEntrada .15s ease}.selector-modal--fixed{position:fixed;z-index:9999}@keyframes selectorEntrada{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.selector-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #f1f5f9;font-size:13px;font-weight:600;color:#475569}.selector-cerrar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s}.selector-cerrar:hover{background:#f1f5f9;color:#475569}.selector-lista{padding:8px;display:flex;flex-direction:column;gap:4px}.selector-opcion{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.selector-opcion:hover{background:#f8fafc}.selector-opcion-icono{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f1f5f9;border-radius:8px;color:#475569;flex-shrink:0;transition:all .15s}.selector-opcion:hover .selector-opcion-icono{background:#e2e8f0;color:#1e293b}.selector-opcion-texto{display:flex;flex-direction:column;gap:3px}.selector-opcion-nombre{font-size:14px;font-weight:600;color:#1e293b}.selector-opcion-desc{font-size:12px;color:#64748b;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(max-width:1024px){.presupuestos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.presupuestos-page{padding:16px}.presupuestos-encabezado{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.encabezado-titulo{width:100%}.titulo-info h1{font-size:1.1rem}.encabezado-busqueda{width:100%;max-width:100%}.encabezado-botones{width:100%;flex-wrap:nowrap;gap:8px}.btn-descargar-recibo,.btn-nuevo-presupuesto{flex:1;justify-content:center;font-size:.82rem;padding:0 10px;gap:6px}.presupuestos-grid{grid-template-columns:1fr;gap:12px}.pres-card-row{grid-template-columns:1fr;gap:6px}}@media(max-width:540px){.presupuestos-page{padding:12px}.presupuestos-encabezado{padding:12px;border-radius:10px}.titulo-info h1{font-size:1rem}.icono-titulo{padding:9px}.btn-descargar-recibo,.btn-nuevo-presupuesto{font-size:.78rem;padding:0 8px;gap:4px}.presupuestos-grid{gap:10px}.pres-card-header{padding:12px 14px}.pres-card-body{padding:10px 14px;gap:8px}.pres-card-footer{padding:8px 14px}.pres-card-total{padding:9px 11px}.pres-card-total strong{font-size:.95rem}}@media(max-width:360px){.presupuestos-page{padding:10px}.titulo-info h1{font-size:.95rem}.icono-titulo{display:none}.btn-descargar-recibo,.btn-nuevo-presupuesto{font-size:.75rem;padding:0 6px}}:root{--app-bg: #f8fafc;--accent: #2563eb;--text-dark: #0f172a;--text-soft: #64748b;--border: #e2e8f0}.config-presupuestos-page{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.config-header-content{display:flex;align-items:center;gap:12px}.config-header-content h1{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0}.icono-titulo{background:var(--accent);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.titulo-info h1{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0}.titulo-info p{font-size:.8rem;color:var(--text-soft);margin:0}.config-subtitle{color:var(--text-soft);margin:0;font-size:.8rem}.config-container{display:flex;flex-direction:column;gap:1.5rem}.config-info{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#dbeafe;border-left:4px solid var(--accent);border-radius:6px;color:#1e40af;font-size:.95rem}.config-info svg{flex-shrink:0;color:var(--accent)}.items-tabla-container{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000008}.items-tabla{width:100%;border-collapse:collapse;font-size:.9rem}.items-tabla thead{background:#f8fafc;border-bottom:2px solid var(--border)}.items-tabla th{padding:14px 20px;text-align:left;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.items-tabla td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#475569}.items-tabla tbody tr{transition:background .2s}.items-tabla tbody tr:hover{background:#f8fafc}.items-tabla tbody tr.item-destacado{background:#f0f9ff;border-left:4px solid var(--accent)}.items-tabla tbody tr.item-destacado:hover{background:#e0f2fe}.item-nombre{font-weight:500;display:flex;align-items:center;gap:.75rem}.badge-destacado{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-left:.5rem}.input-valor{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:6px;font-size:.85rem;font-family:Inter,sans-serif;background:#fafafa;color:var(--text-dark);transition:all .2s}.input-valor:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.input-valor:disabled{background:#f1f5f9;color:var(--text-soft);cursor:not-allowed}.item-tipo{text-align:right;font-weight:600;color:var(--accent);width:50px}.config-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);gap:12px}.btn-volver,.btn-guardar-config{display:flex;align-items:center;gap:8px;padding:0 20px;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;font-family:Inter,sans-serif;height:38px;transition:all .25s ease;flex-shrink:0}.btn-volver{background:#fff;color:var(--text-dark);border:1.5px solid var(--border)}.btn-volver:hover{border-color:var(--accent);color:var(--accent)}.btn-guardar-config{background:var(--accent);color:#fff;border:none;box-shadow:0 2px 8px #2563eb33}.btn-guardar-config:hover{background:#1d4ed8;transform:translateY(-2px)}.items-tabla-container.personalizados{margin-top:1.5rem;border:2px dashed #c7d2fe;background:#f5f7ff}.seccion-titulo{margin:0;padding:16px 20px;font-size:.85rem;font-weight:700;color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #c7d2fe;background:#eef2ff;display:flex;align-items:center;gap:8px}.agregar-campo-form{display:flex;gap:12px;padding:20px;align-items:flex-end;background:#fff;border-bottom:1px solid #e0e7ff}.campo-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.campo-input-group label{font-size:.7rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.3px}.input-nombre-campo,.input-valor-campo{padding:10px 12px;border:1.5px solid #c7d2fe;border-radius:8px;font-size:.9rem;font-family:Inter,sans-serif;background:#fff;color:var(--text-dark);transition:all .2s;width:100%;box-sizing:border-box}.input-nombre-campo:focus,.input-valor-campo:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.campo-input-group.tipo-fijo{flex:0 0 50px;display:flex;align-items:center;justify-content:center;padding-bottom:8px}.tipo-moneda-fijo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#eef2ff;color:#6366f1;font-weight:700;font-size:1rem;border-radius:8px;border:1.5px solid #c7d2fe}.btn-agregar-campo{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;height:44px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0;font-weight:600;font-size:.85rem;font-family:Inter,sans-serif;box-shadow:0 2px 8px #6366f14d}.btn-agregar-campo:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.tabla-personalizados{border-top:1px solid #e0e7ff}.tabla-personalizados thead{background:#eef2ff}.tabla-personalizados th{font-size:.65rem;font-weight:700;color:#6366f1;padding:12px 20px;text-transform:uppercase;letter-spacing:.5px}.tabla-personalizados td{padding:14px 20px;vertical-align:middle}.item-personalizado{background:#fff;transition:background .15s}.item-personalizado:hover{background:#f5f7ff}.badge-personalizado{display:inline-block;background:#8b5cf6;color:#fff;font-size:.6rem;padding:.25rem .6rem;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-left:.75rem}.acciones-campo{width:60px;text-align:center}.btn-eliminar-campo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:#9ca3af;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-eliminar-campo:before{content:"×";font-size:22px;line-height:1}.btn-eliminar-campo:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.sin-campos-personalizados{padding:50px 20px;text-align:center;color:#818cf8;background:#fff}.sin-campos-personalizados p{margin:0;font-size:.9rem;font-weight:500}.cargando{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-soft);font-size:1rem}@media(max-width:768px){.config-presupuestos-page{padding:14px}.config-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.config-footer{flex-direction:column;gap:10px}.btn-volver,.btn-guardar-config{width:100%;justify-content:center}.agregar-campo-form{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.campo-input-group{flex:unset;width:100%}.agregar-campo-form .campo-input-group:nth-child(2){display:flex;flex-direction:row;align-items:center;gap:8px}.agregar-campo-form .campo-input-group:nth-child(2) .input-valor-campo{flex:1}.campo-input-group.tipo-fijo{display:none}.agregar-campo-form .campo-input-group:nth-child(2):before{content:"$";display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#eef2ff;color:#6366f1;font-weight:700;font-size:1rem;border-radius:8px;border:1.5px solid #c7d2fe;flex-shrink:0}.btn-agregar-campo{width:100%;height:44px}.items-tabla th:last-child,.items-tabla td:last-child{display:none}.tabla-personalizados th:nth-child(3),.tabla-personalizados td:nth-child(3){display:none}.items-tabla th,.items-tabla td{padding:10px 12px}.config-info{font-size:.85rem;padding:.85rem 1rem}.seccion-titulo{padding:12px 14px;font-size:.8rem}}@media(max-width:480px){.config-presupuestos-page{padding:10px}.config-header{padding:12px;border-radius:10px}.titulo-info h1{font-size:1rem}.icono-titulo{padding:8px}.items-tabla,.items-tabla thead,.items-tabla tbody,.items-tabla tr,.items-tabla th,.items-tabla td{display:block}.items-tabla thead{display:none}.items-tabla tbody tr{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f1f5f9}.items-tabla tbody tr.item-destacado{border-left:3px solid var(--accent)}.items-tabla tbody td.item-nombre{flex:1;padding:0;border:none;font-size:.83rem}.items-tabla tbody td:nth-child(2){flex:0 0 90px;padding:0;border:none}.input-valor{padding:6px 8px;font-size:.82rem}.tabla-personalizados tbody tr{display:flex;align-items:center;gap:10px;padding:10px 12px}.tabla-personalizados tbody td{border:none;padding:0}.tabla-personalizados tbody td.item-nombre{flex:1;font-size:.83rem}.tabla-personalizados tbody td:nth-child(2){flex:0 0 90px}.tabla-personalizados tbody td.acciones-campo{flex:0 0 36px}.agregar-campo-form{padding:12px;gap:10px}.sin-campos-personalizados{padding:30px 14px}.config-footer{padding-top:12px}.btn-volver,.btn-guardar-config{height:42px;font-size:.88rem}}:root{--app-bg: #f8fafc;--accent: #2563eb;--text-dark: #0f172a;--text-soft: #64748b;--border: #e2e8f0;--surface: #ffffff;--radius: 10px;--shadow-s: 0 1px 3px rgba(0,0,0,.06)}*{box-sizing:border-box}.dp-page{min-height:100vh;background:var(--app-bg);font-family:Inter,sans-serif;color:var(--text-dark)}.dp-topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-s)}.dp-topbar-inner{max-width:1100px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:center;padding:0 32px;gap:12px}.dp-back{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent);border:none;cursor:pointer;padding:9px 16px;border-radius:8px;transition:all .2s ease;font-family:inherit;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #2563eb33;height:40px}.dp-back:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.dp-topbar-center{display:flex;align-items:center;gap:8px;font-size:.95rem;min-width:0;flex:1;justify-content:center}.dp-topbar-nombre{font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-sep{color:#d1d5db}.dp-topbar-patente{font-weight:500;color:var(--text-soft);white-space:nowrap}.dp-btn-download{display:flex;align-items:center;gap:8px;padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;height:40px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.dp-btn-download:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.dp-btn-download:disabled{opacity:.6;cursor:not-allowed}.dp-contenido{max-width:1100px;margin:0 auto;padding:28px 32px 60px;display:flex;flex-direction:column;gap:12px}.dp-resumen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s)}.dp-nombre{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin:0 0 8px;letter-spacing:-.3px}.dp-meta{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-soft);flex-wrap:wrap}.dp-dot{width:3px;height:3px;border-radius:50%;background:#d1d5db;flex-shrink:0}.dp-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700}.dp-pill.vigente{background:#fef3c7;color:#92400e}.dp-pill.abonado{background:#dcfce7;color:#166534}.dp-pill.vencido{background:#f3f4f6;color:#4b5563}.dp-total-badge{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.dp-total-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);margin-bottom:2px}.dp-total-monto{font-size:1.6rem;font-weight:800;color:#16a34a;font-family:JetBrains Mono,monospace;letter-spacing:-.5px}.dp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);overflow:hidden}.dp-card-titulo{display:flex;align-items:center;gap:10px;padding:15px 20px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-soft);border-bottom:1px solid var(--border)}.dp-card-titulo svg{color:var(--accent);flex-shrink:0;width:16px;height:16px}.dp-badge{margin-left:auto;background:#eff6ff;color:var(--accent);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.dp-estados{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px}.dp-estado-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border-radius:8px;border:1.5px solid var(--border);background:var(--app-bg);color:var(--text-soft);font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;position:relative}.dp-estado-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.dp-estado-btn:disabled{cursor:default}.dp-estado-btn.vigente.on{background:#fffbeb;border-color:#fbbf24;color:#92400e}.dp-estado-btn.abonado.on{background:#f0fdf4;border-color:#4ade80;color:#166534}.dp-estado-btn.vencido.on{background:#f9fafb;border-color:#9ca3af;color:#4b5563}.dp-estado-btn.vigente:not(.on):hover{background:#fffbeb;border-color:#fbbf24;color:#92400e}.dp-estado-btn.abonado:not(.on):hover{background:#f0fdf4;border-color:#4ade80;color:#166534}.dp-estado-btn.vencido:not(.on):hover{background:#f9fafb;border-color:#9ca3af;color:#4b5563}.dp-check{position:absolute;top:4px;right:4px;opacity:.4}.dp-tabla-servicios{padding:4px 0}.dp-tabla-row{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #f1f5f9;gap:12px;transition:background .1s}.dp-tabla-row:last-child{border-bottom:none}.dp-tabla-row:hover{background:#f8fafc}.dp-tabla-nombre{font-size:.95rem;color:var(--text-dark);font-weight:500;flex:1}.dp-tabla-monto{font-size:.95rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace;white-space:nowrap}.dp-tabla-resumen{border-top:1px solid var(--border);padding:4px 0}.dp-resumen-row{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;font-size:.92rem;color:var(--text-soft);font-weight:500;border-bottom:1px solid #f1f5f9}.dp-resumen-row:last-child{border-bottom:none}.dp-resumen-row span:last-child{font-weight:700;color:var(--text-dark);font-family:JetBrains Mono,monospace}.dp-negativo{color:#dc2626!important}.dp-resumen-total{font-weight:700!important;color:var(--text-dark)!important;border-top:2px solid #16a34a!important;margin-top:2px;padding-top:13px!important}.dp-resumen-total span:last-child{color:#16a34a!important;font-size:1.05rem!important;font-weight:800!important}.dp-campos{padding:4px 0}.dp-campo{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #f1f5f9;gap:12px}.dp-campo:last-child{border-bottom:none}.dp-campo span{font-size:.88rem;color:var(--text-soft);font-weight:500;flex-shrink:0}.dp-campo strong{font-size:.95rem;font-weight:600;color:var(--text-dark);text-align:right;word-break:break-word}.dp-seccion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);overflow:hidden}.dp-seccion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s}.dp-seccion-header:hover{background:#f8fafc}.dp-seccion-left{display:flex;align-items:center;gap:10px}.dp-seccion-left svg{color:var(--accent);flex-shrink:0;width:16px;height:16px}.dp-seccion-titulo{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-soft)}.dp-seccion-badge{background:#eff6ff;color:var(--accent);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.dp-seccion-right{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--text-soft)}.dp-seccion-header:has(.dp-seccion-right svg:first-child[data-visible=true]) .dp-seccion-right{color:var(--accent)}.dp-seccion-body{border-top:1px solid var(--border)}.dp-editable{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.dp-editable label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft)}.dp-input{width:100%;padding:9px 12px;border-radius:8px;font-family:inherit;font-size:.86rem;font-weight:500;color:var(--text-dark);transition:all .15s;outline:none}.dp-input.readonly{background:var(--app-bg);border:1px solid var(--border);cursor:pointer}.dp-input.readonly:hover{background:#fffbeb;border-color:#fbbf24}.dp-input.editing{background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px #2563eb1a}.dp-textarea{width:100%;min-height:80px;padding:9px 12px;border-radius:8px;font-family:inherit;font-size:.86rem;font-weight:500;color:var(--text-dark);transition:all .15s;outline:none;resize:none}.dp-textarea.readonly{background:var(--app-bg);border:1px solid var(--border);cursor:pointer}.dp-textarea.readonly:hover{background:#fffbeb;border-color:#fbbf24}.dp-textarea.editing{background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px #2563eb1a;resize:vertical}.dp-hint{font-size:.62rem;color:#9ca3af;font-weight:500}.dp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;font-size:.9rem;color:var(--text-soft);font-weight:500}.dp-spinner{width:26px;height:26px;border:3px solid #e5e7eb;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dp-empty{margin:0;font-size:.84rem;color:var(--text-soft);font-style:italic;text-align:center;padding:16px}@media(max-width:600px){.dp-contenido{padding:16px 14px 48px}.dp-topbar-inner{padding:0 14px}.dp-btn-download{padding:7px 12px;font-size:.78rem}.dp-nombre{font-size:1.15rem}.dp-total-monto{font-size:1.3rem}.dp-resumen-top{flex-direction:column;gap:10px;padding-top:12px}.dp-total-badge{align-items:flex-start}.dp-estados{grid-template-columns:repeat(3,1fr);gap:6px}.dp-estado-btn{font-size:.75rem;padding:8px 4px}}@media(max-width:400px){.dp-campo{flex-direction:column;align-items:flex-start;gap:2px}.dp-campo strong{text-align:left}.dp-back span{display:none}}:root{--color-ingreso: #10b981;--color-ingreso-light: #d1fae5;--color-egreso: #ef4444;--color-egreso-light: #fee2e2;--app-bg: #f8fafc;--accent: #2563eb;--text-dark: #0f172a;--text-soft: #64748b;--border: #e2e8f0}.finanzas-page{padding:30px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;background:var(--app-bg);min-height:100vh;box-sizing:border-box}.finanzas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;gap:16px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-brand-icon{background:var(--accent);color:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-brand h1{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin:0;white-space:nowrap}.header-brand p{font-size:.8rem;color:var(--text-soft);margin:0}.header-acciones{display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}.btn-exportar,.btn-nuevo{display:flex;align-items:center;gap:8px;padding:0 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem;font-family:inherit;height:40px;transition:all .25s ease;box-shadow:0 2px 8px #2563eb33;white-space:nowrap;flex-shrink:0}.btn-exportar:hover,.btn-nuevo:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.dashboard-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.card-resumen{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);border-left:4px solid var(--border);transition:all .2s ease}.card-resumen:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-resumen.ingresos{border-left-color:var(--color-ingreso)}.card-resumen.egresos{border-left-color:var(--color-egreso)}.card-resumen.balance.positivo{border-left-color:var(--color-ingreso)}.card-resumen.balance.negativo{border-left-color:var(--color-egreso)}.card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ingresos .card-icon{background:var(--color-ingreso-light);color:var(--color-ingreso)}.egresos .card-icon{background:var(--color-egreso-light);color:var(--color-egreso)}.balance .card-icon{background:#dbeafe;color:var(--accent)}.card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.card-label{font-size:.7rem;color:var(--text-soft);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.card-monto{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.card-monto.positivo{color:var(--color-ingreso)}.card-monto.negativo{color:var(--color-egreso)}.grafico-section{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border)}.section-subtitle{margin:0 0 20px;font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;border-left:3px solid var(--accent);padding-left:10px}.grafico-barras{display:flex;justify-content:space-around;align-items:flex-end;height:160px;gap:12px;padding:0 10px}.barra-mes{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.barra-container{display:flex;align-items:flex-end;gap:3px;height:120px;width:100%;justify-content:center}.barra-ingreso,.barra-egreso{width:16px;border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer;min-height:2px}.barra-ingreso{background:var(--color-ingreso)}.barra-egreso{background:var(--color-egreso)}.barra-ingreso:hover,.barra-egreso:hover{opacity:.75}.mes-label{font-size:.72rem;color:var(--text-soft);font-weight:500;text-transform:capitalize}.mes-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 11px;box-shadow:0 4px 12px #0000001f;opacity:0;pointer-events:none;transition:all .2s;z-index:10;white-space:nowrap}.barra-mes:hover .mes-tooltip{opacity:1;bottom:calc(100% + 8px)}.tooltip-ingreso,.tooltip-egreso{display:block;font-size:.78rem;font-weight:600}.tooltip-ingreso{color:var(--color-ingreso)}.tooltip-egreso{color:var(--color-egreso)}.grafico-leyenda{display:flex;justify-content:center;gap:20px;margin-top:16px;font-size:.78rem;color:var(--text-soft);font-weight:500}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.ingreso{background:var(--color-ingreso)}.dot.egreso{background:var(--color-egreso)}.filtros-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center;justify-content:center;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.filtro-grupo{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:0 12px;border-radius:8px;border:1px solid var(--border);color:var(--text-soft);height:38px;transition:all .2s ease;flex-shrink:0}.filtro-grupo:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.filtro-grupo.fechas{height:38px;padding:0 12px;gap:8px;flex-wrap:nowrap}.filtro-grupo.fechas span{font-size:.82rem;color:var(--text-soft);white-space:nowrap;flex-shrink:0}.input-busqueda,.select-filtro,.input-fecha{border:none;background:transparent;font-size:.85rem;color:var(--text-dark);outline:none;font-family:inherit;font-weight:500}.input-busqueda{width:180px}.select-filtro{cursor:pointer}.input-fecha{width:130px}.input-busqueda::placeholder{color:var(--text-soft)}.tabla-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);overflow:hidden;margin-bottom:24px}.tabla-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.tabla-header h3{margin:0;font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.8px}.tabla-count{font-size:.72rem;color:var(--text-soft);background:#f8fafc;padding:3px 10px;border-radius:99px;font-weight:600;border:1px solid var(--border)}.tabla-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tabla-container::-webkit-scrollbar{height:5px}.tabla-container::-webkit-scrollbar-track{background:transparent}.tabla-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tabla-finanzas{width:100%;border-collapse:collapse;font-size:.87rem;min-width:650px}.tabla-finanzas th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:700;color:var(--accent);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}.tabla-finanzas td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:var(--text-dark);vertical-align:middle}.tabla-finanzas tbody tr:last-child td{border-bottom:none}.tabla-finanzas tbody tr:hover td{background:#f8fafc}.fila-ingreso td{background:#10b98105}.fila-egreso td{background:#ef444405}.fila-ingreso:hover td{background:#10b9810f!important}.fila-egreso:hover td{background:#ef44440f!important}.badge-tipo{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge-tipo.ingreso{background:var(--color-ingreso-light);color:var(--color-ingreso)}.badge-tipo.egreso{background:var(--color-egreso-light);color:var(--color-egreso)}.descripcion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:.84rem}.monto-cell{font-weight:700;font-family:JetBrains Mono,monospace;font-size:.88rem;white-space:nowrap}.monto-cell.ingreso{color:var(--color-ingreso)}.monto-cell.egreso{color:var(--color-egreso)}.btn-tabla-eliminar{background:#fff;border:1px solid var(--border);color:var(--text-soft);cursor:pointer;padding:6px;border-radius:7px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-tabla-eliminar:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.tabla-vacia{text-align:center;color:var(--text-soft);padding:48px 20px;font-size:.9rem;font-weight:500}.cargando{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1rem;color:var(--text-soft);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border);box-sizing:border-box;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:10;gap:12px}.modal-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--text-dark);flex:1;min-width:0}.btn-cerrar-modal{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.btn-cerrar-modal:hover{background:#f1f5f9;color:var(--text-dark)}.form-transaccion{padding:20px 22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.68rem;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.88rem;font-family:Inter,sans-serif;color:var(--text-dark);background:#f8fafc;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.form-group input::placeholder{color:#cbd5e1}.tipo-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tipo-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:1.5px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-weight:600;font-size:.85rem;font-family:inherit;color:var(--text-soft);transition:all .2s}.tipo-btn:hover{border-color:#94a3b8;background:#f8fafc;color:var(--text-dark)}.tipo-btn.activo.ingreso{background:var(--color-ingreso-light);border-color:var(--color-ingreso);color:var(--color-ingreso)}.tipo-btn.activo.egreso{background:var(--color-egreso-light);border-color:var(--color-egreso);color:var(--color-egreso)}.input-monto{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:8px;background:#f8fafc;overflow:hidden;transition:all .2s}.moneda{display:flex;align-items:center;justify-content:center;width:34px;flex-shrink:0;font-weight:700;color:var(--text-soft);background:#f1f5f9;border-right:1.5px solid var(--border);font-size:.9rem}.input-monto input{flex:1;min-width:0;padding:9px 12px;border:none;border-radius:0;background:transparent;box-sizing:border-box}.input-monto input:focus{outline:none;box-shadow:none}.form-group .input-monto:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.form-actions{display:flex;gap:10px;padding-top:16px;margin-top:4px;border-top:1px solid var(--border)}.btn-cancelar,.btn-guardar{flex:1;padding:9px 16px;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap;height:38px;display:flex;align-items:center;justify-content:center}.btn-cancelar{background:#f1f5f9;border:1.5px solid var(--border);color:var(--text-dark)}.btn-cancelar:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-guardar{background:var(--accent);border:none;color:#fff;box-shadow:0 2px 8px #2563eb33}.btn-guardar:hover{background:#1d4ed8;transform:translateY(-1px)}.modal-exportar{max-width:440px}.modal-exportar-body{padding:20px 22px}.modal-exportar-texto{margin:0 0 14px;font-size:.85rem;color:var(--text-soft)}.modal-exportar-count{margin:10px 0 16px;font-size:.85rem;font-weight:700;color:var(--text-dark)}.modal-exportar-botones{display:flex;gap:10px}.btn-exportar-excel,.btn-exportar-pdf{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:none;border-radius:8px;font-weight:600;font-size:.88rem;font-family:inherit;cursor:pointer;transition:all .2s;flex:1;white-space:nowrap}.btn-exportar-excel{background:#0d9488;color:#fff;box-shadow:0 2px 8px #0d948833}.btn-exportar-excel:hover{background:#0f766e;transform:translateY(-1px)}.btn-exportar-pdf{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262633}.btn-exportar-pdf:hover{background:#b91c1c;transform:translateY(-1px)}@media(max-width:1024px){.finanzas-page{padding:20px}.dashboard-resumen{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.finanzas-page{padding:16px}.finanzas-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.header-brand{width:100%}.header-brand h1{font-size:1.1rem}.header-acciones{width:100%;flex-wrap:nowrap;gap:8px}.btn-exportar,.btn-nuevo{flex:1;justify-content:center;font-size:.84rem;padding:0 12px}.dashboard-resumen{grid-template-columns:1fr;gap:10px}.card-resumen{padding:14px 16px}.card-monto{font-size:1.1rem}.grafico-section{padding:16px}.grafico-barras{height:120px;gap:6px}.barra-container{height:80px}.barra-ingreso,.barra-egreso{width:10px}.filtros-section{flex-direction:column;align-items:stretch;padding:14px 16px;gap:8px}.filtro-grupo{width:100%}.filtro-grupo.fechas{flex-wrap:wrap;height:auto;padding:8px 12px}.input-busqueda,.select-filtro{width:100%}.input-fecha{flex:1;min-width:80px}.tabla-finanzas{min-width:560px;font-size:.82rem}.tabla-finanzas th,.tabla-finanzas td{padding:10px 12px}.descripcion-cell{max-width:100px}.modal-overlay{padding:12px}.modal-content{max-width:none;width:100%;max-height:92vh}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column-reverse;gap:8px}.btn-cancelar,.btn-guardar{width:100%}.modal-exportar-botones{flex-direction:column}}@media(max-width:540px){.finanzas-page{padding:12px}.finanzas-header{padding:12px;border-radius:10px}.header-brand h1{font-size:1rem}.header-brand-icon{padding:8px}.dashboard-resumen{gap:8px}.card-resumen{padding:12px 14px;gap:10px}.card-icon{width:36px;height:36px;border-radius:8px}.card-monto{font-size:1rem}.tabla-finanzas{font-size:.78rem}.tabla-finanzas th,.tabla-finanzas td{padding:9px 10px}.grafico-barras{height:100px}.barra-container{height:65px}}@media(max-width:360px){.finanzas-page{padding:10px}.header-brand-icon{display:none}.btn-exportar,.btn-nuevo{font-size:.78rem;padding:0 8px}}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6%;height:64px;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;background:#fff;z-index:1000;border-bottom:2px solid #0061ff;transition:box-shadow .3s ease}.navbar--scrolled{box-shadow:0 2px 20px #00000014}.navbar__logo{font-size:1.4rem;font-weight:800;color:#0f172a;letter-spacing:-1px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s,transform .2s;justify-self:start}.navbar__logo:hover{opacity:.75;transform:scale(1.02)}.navbar__logo span{color:#0061ff}.navbar__links{display:flex;align-items:center;gap:2px;justify-content:center}.navbar__link{background:none;border:none;color:#64748b;font-weight:500;cursor:pointer;font-family:inherit;font-size:.9rem;white-space:nowrap;padding:8px 14px;position:relative;outline:none;border-radius:8px;letter-spacing:.01em;transition:color .18s,background .15s,transform .15s}.navbar__link:hover{color:#0061ff;background:#0061ff0f}.navbar__link:active{transform:scale(.95)}.navbar__link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%) scaleX(0);width:calc(100% - 20px);height:2px;background:#0061ff;border-radius:2px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.navbar__link:hover:after{transform:translate(-50%) scaleX(.5)}.navbar__link--active:after{transform:translate(-50%) scaleX(1)}.navbar__link--active{color:#0061ff;font-weight:600}.navbar__link:focus-visible{outline:2px solid rgba(0,97,255,.4);outline-offset:2px}.navbar__cta{justify-self:end;background:#0061ff;color:#fff;font-family:inherit;font-size:.875rem;font-weight:700;padding:9px 22px;border:none;border-radius:10px;cursor:pointer;outline:none;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.navbar__cta:hover{background:#0051cc;transform:translateY(-1px);box-shadow:0 4px 14px #0061ff59}.navbar__cta:active{transform:scale(.97);box-shadow:none}.navbar__cta:focus-visible{outline:2px solid rgba(0,97,255,.4);outline-offset:3px}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;border-radius:8px;outline:none;flex-shrink:0;transition:background .18s}.navbar__hamburger:hover{background:#f1f5f9}.navbar__hamburger:active{transform:scale(.92)}.navbar__hamburger:focus-visible{outline:2px solid rgba(0,97,255,.4)}.navbar__hamburger-icon{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.navbar__hamburger-icon span{display:block;height:2px;background:#0f172a;border-radius:2px;transform-origin:center;transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .2s ease}.navbar__hamburger--open .navbar__hamburger-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-icon span:nth-child(2){opacity:0;width:0}.navbar__hamburger--open .navbar__hamburger-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__overlay{position:fixed;inset:64px 0 0;background:#0f172a33;z-index:998;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar__mobile{position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:2px solid #0061ff;box-shadow:0 8px 32px #0000001a;padding:12px 5% 18px;z-index:999;display:flex;flex-direction:column;gap:2px;animation:menuOpen .22s cubic-bezier(.4,0,.2,1) both}@keyframes menuOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-link{background:none;border:none;border-radius:8px;text-align:left;padding:13px 16px;font-size:1rem;font-weight:500;font-family:inherit;color:#475569;cursor:pointer;outline:none;opacity:0;animation:linkIn .2s ease both;transition:color .15s,background .15s,padding-left .18s ease}@keyframes linkIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.navbar__mobile-link:hover{color:#0061ff;background:#0061ff0f;padding-left:22px}.navbar__mobile-link--active{color:#0061ff;font-weight:600;background:#0061ff0f}.navbar__mobile-link:focus-visible{outline:2px solid rgba(0,97,255,.4);outline-offset:2px}.navbar__mobile-divider{height:1px;background:#e2e8f0;margin:8px 0}.navbar__mobile-cta{background:#0061ff;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;text-align:center;border:none;border-radius:10px;padding:13px 20px;cursor:pointer;outline:none;transition:background .18s,transform .18s}.navbar__mobile-cta:hover{background:#0051cc;transform:translateY(-1px)}.navbar__mobile-cta:active{transform:scale(.97)}.navbar__mobile-cta:focus-visible{outline:2px solid rgba(0,97,255,.4);outline-offset:3px}@media(max-width:900px){.navbar{padding:0 4%}.navbar__link{padding:8px 10px;font-size:.85rem}}@media(max-width:768px){.navbar{grid-template-columns:auto auto;justify-content:space-between;padding:0 5%}.navbar__logo{white-space:nowrap;flex-shrink:0}.navbar__links,.navbar__cta{display:none}.navbar__hamburger{display:flex}}@media(max-width:480px){.navbar{padding:0 4%;height:58px}.navbar__logo{font-size:1.2rem}.navbar__overlay,.navbar__mobile{top:58px}}@media(max-width:360px){.navbar__logo{font-size:1.05rem;letter-spacing:-.5px}}.footer{background:#060d1a;color:#e2e8f0;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:-120px;left:-120px;width:700px;height:700px;background:radial-gradient(circle,rgba(0,97,255,.09) 0%,transparent 65%);pointer-events:none;z-index:0}.footer:after{content:"";position:absolute;bottom:0;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 65%);pointer-events:none;z-index:0}.footer__wave{display:block;line-height:0;margin-bottom:-2px}.footer__wave svg{width:100%;height:60px;display:block}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;max-width:1300px;margin:0 auto;padding:80px 5% 48px;align-items:start;position:relative;z-index:1}.footer__logo{font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:14px;display:inline-block}.footer__logo span{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__badge{display:flex;align-items:center;gap:6px;width:fit-content;background:#0061ff1f;border:1px solid rgba(0,97,255,.25);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700;color:#60a5fa;letter-spacing:1px;text-transform:uppercase;margin-top:10px;margin-bottom:18px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.footer__badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.footer__desc{font-size:.95rem;color:#94a3b8;line-height:1.8;margin-bottom:28px;max-width:290px}.footer__contact{display:flex;flex-direction:column;gap:10px}.footer__contact-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#cbd5e1;cursor:pointer;transition:color .2s,transform .2s}.footer__contact-item:hover{color:#e2e8f0;transform:translate(3px)}.footer__contact-icon{width:32px;height:32px;flex-shrink:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:background .2s,border-color .2s}.footer__contact-item:hover .footer__contact-icon{background:#3b82f626;border-color:#3b82f64d}.footer__col-title{font-size:.72rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;position:relative;padding-bottom:12px}.footer__col-title:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent);border-radius:2px}.footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer__links li a{color:#94a3b8;text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;transition:color .2s,gap .2s}.footer__links li a:before{content:"";width:0;height:1px;background:#3b82f6;transition:width .25s ease;flex-shrink:0}.footer__links li a:hover{color:#e2e8f0}.footer__links li a:hover:before{width:14px}.footer__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3) 30%,rgba(59,130,246,.3) 70%,transparent);max-width:1300px;margin:0 auto;position:relative;z-index:1}.footer__trust{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;max-width:1300px;margin:0 auto;padding:24px 5%;position:relative;z-index:1}.footer__trust-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8;font-weight:500;transition:color .2s}.footer__trust-item:hover{color:#94a3b8}.footer__trust-item svg{color:#3b82f6;flex-shrink:0}.footer__trust-dot{width:3px;height:3px;border-radius:50%;background:#334155;flex-shrink:0}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1300px;margin:0 auto;padding:20px 5%;border-top:1px solid rgba(255,255,255,.04);position:relative;z-index:1}.footer__bottom p{margin:0;font-size:.82rem;color:#64748b}.footer__bottom-links{display:flex;align-items:center;gap:6px}.footer__bottom-dot{color:#334155;font-size:.9rem}.footer__dev{margin:0;font-size:.82rem;color:#64748b}.footer__dev-link{color:#22d3ee;text-decoration:none;font-weight:600;transition:color .2s,opacity .2s}.footer__dev-link:hover{color:#67e8f9;opacity:.85}.footer__legal-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;color:#64748b;padding:4px 8px;border-radius:6px;outline:none;transition:color .2s,background .2s;-webkit-tap-highlight-color:transparent}.footer__legal-btn:hover{color:#94a3b8;background:#ffffff0a}.footer__legal-btn:focus-visible{box-shadow:0 0 0 2px #3b82f64d}@media(max-width:1024px){.footer__inner{grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer__col--brand{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}.footer__desc{max-width:100%}}@media(max-width:768px){.footer__inner{grid-template-columns:1fr 1fr;gap:32px;padding:50px 5% 32px}.footer__col--brand{grid-column:span 2;display:block}.footer__desc{max-width:100%}.footer__trust{gap:20px}.footer__trust-dot{display:none}.footer__bottom{flex-direction:column;align-items:center;text-align:center}.footer__bottom-links{justify-content:center}}@media(max-width:480px){.footer__inner{grid-template-columns:1fr;gap:28px;padding:40px 4% 24px}.footer__col--brand{grid-column:span 1}.footer__logo{font-size:1.3rem}.footer__bottom-links{flex-direction:column;gap:4px}.footer__bottom-dot{display:none}.footer__legal-btn{padding:6px 10px}}:root{--primary: #0061ff;--primary-dark: #0051cc;--primary-light: rgba(0, 97, 255, .1);--text-dark: #0f172a;--text-light: #64748b;--text-muted: #94a3b8;--bg-light: #f8fafc;--bg-white: #ffffff;--border: #e2e8f0;--success: #10b981}.fine-landing{width:100%;background:var(--bg-white);font-family:Inter,sans-serif;overflow-x:hidden}.hero-section{min-height:100vh;display:flex;align-items:center;padding:100px 8% 80px;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#0061ff14;border-radius:50%;filter:blur(100px);pointer-events:none}.hero-container{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;width:100%;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(16,185,129,.1) 100%);border:1px solid rgba(0,97,255,.2);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:24px;animation:fadeInDown .6s ease-out}.hero-badge svg{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-left h1{font-size:3.8rem;font-weight:800;color:var(--text-dark);line-height:1.15;margin:0 0 24px;word-break:break-word;animation:fadeInUp .7s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,#00c9ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fine-description{font-size:1.15rem;color:var(--text-light);max-width:550px;margin-bottom:28px;line-height:1.65;animation:fadeInUp .7s ease-out .2s both}.hero-features-mini{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;animation:fadeInUp .7s ease-out .3s both}.mini-feature{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:var(--text-dark)}.mini-feature svg{color:var(--success);flex-shrink:0}.hero-cta{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;animation:fadeInUp .7s ease-out .4s both}.hero-trust{margin-top:20px;font-size:.9rem;color:var(--text-muted);animation:fadeInUp .7s ease-out .5s both}.hero-right{display:flex;justify-content:flex-end;align-items:center;animation:fadeInRight .8s ease-out .3s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--primary);color:var(--bg-white);border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0061ff33}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 30px #0061ff59}.btn-primary:active{transform:translateY(0)}.btn-blue-main{width:100%;height:50px;background:var(--primary);color:var(--bg-white);border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:700;margin-top:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0061ff33}.btn-blue-main:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0061ff59}.btn-blue-main:disabled{opacity:.6;cursor:not-allowed}.fine-login-card{width:100%;max-width:420px;padding:40px;background:var(--bg-white);border:1px solid var(--border);border-radius:24px;box-shadow:0 0 0 1px #00000008,0 20px 40px #0000000f,0 4px 8px #0000000a}.login-header{margin-bottom:28px}.login-header h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 6px}.login-header p{font-size:.9rem;color:var(--text-muted);margin:0}.login-divider{position:relative;text-align:center;margin:24px 0 20px}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.login-divider span{position:relative;display:inline-block;padding:0 12px;background:var(--bg-white);font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fine-input-group{position:relative}.fine-input-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;letter-spacing:-.2px}.fine-form input{width:100%;height:50px;padding:0 16px;background:var(--bg-light);border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.95rem;color:var(--text-dark);transition:all .2s cubic-bezier(.4,0,.2,1)}.fine-form input::placeholder{color:var(--text-muted);font-size:.9rem}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;display:flex;align-items:center;color:var(--text-muted);cursor:pointer;transition:all .2s;border-radius:6px}.password-toggle:hover{color:var(--primary);background:var(--primary-light)}.fine-toggle{text-align:center;margin-top:14px;font-size:.9rem;color:var(--text-light)}.fine-toggle span{color:var(--primary);font-weight:600;cursor:pointer;transition:all .2s}.fine-toggle span:hover{text-decoration:underline;color:var(--primary-dark)}.error-message{padding:12px 16px;margin-bottom:16px;background:#fef2f2;color:#dc2626;border-left:3px solid #dc2626;border-radius:8px;font-size:.88rem;font-weight:500;animation:shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.stats-section{padding:80px 8%;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);border-top:1px solid var(--border)}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.stat-card{padding:40px 24px;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0061ff1f;border-color:var(--primary)}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,#00c9ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.95rem;font-weight:600;color:var(--text-light)}.features-section{padding:100px 8%;background:var(--bg-white);border-top:1px solid var(--border)}.features-header{max-width:600px;margin:0 auto 60px;text-align:center}.features-header h2{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:15px}.features-header p{font-size:1.1rem;color:var(--text-light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.feature-card{padding:40px;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0061ff26;border-color:var(--primary)}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#00c9ff 100%);color:var(--bg-white);border-radius:14px;margin:0 auto 20px;flex-shrink:0;box-shadow:0 8px 20px #0061ff40}.feature-card h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.feature-card p{font-size:.95rem;color:var(--text-light);line-height:1.6}.system-features-section{padding:100px 8%;background:linear-gradient(180deg,var(--bg-white) 0%,var(--bg-light) 100%);border-top:1px solid var(--border)}.system-features-header{max-width:700px;margin:0 auto 70px;text-align:center}.system-features-header h2{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:15px}.system-features-header p{font-size:1.1rem;color:var(--text-light);line-height:1.6}.system-features-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto}.system-feature-item{display:flex;align-items:flex-start;gap:20px;padding:28px;background:var(--bg-white);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.system-feature-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0061ff1f;border-color:var(--primary)}.system-feature-icon{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-white);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #0061ff40}.system-feature-content h3{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin-bottom:6px}.system-feature-content p{font-size:.88rem;color:var(--text-light);line-height:1.55}.cta-final{padding:100px 8%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);text-align:center;color:var(--bg-white);overflow:hidden;position:relative}.cta-final:before{content:"";position:absolute;top:-50%;left:-25%;width:500px;height:500px;background:#ffffff0d;border-radius:50%;filter:blur(80px)}.cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.cta-final h2{font-size:2.8rem;font-weight:800;margin-bottom:15px;word-break:break-word}.cta-final p{font-size:1.1rem;opacity:.95;margin-bottom:40px}.btn-primary-large{display:inline-block;padding:18px 40px;background:var(--bg-white);color:var(--primary);border:none;border-radius:12px;font-family:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026}.btn-primary-large:hover{background:var(--bg-light);transform:translateY(-3px);box-shadow:0 16px 40px #00000040}@media(max-width:1200px){.hero-left h1{font-size:3.2rem}.features-grid{gap:20px}}@media(max-width:1024px){.hero-section{padding:90px 5% 70px}.hero-container{grid-template-columns:1fr 1fr;gap:40px}.hero-left h1{font-size:2.8rem}.stats-container,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{padding:80px 5% 60px;min-height:auto}.hero-container{grid-template-columns:1fr;gap:40px}.hero-left{text-align:center}.hero-left h1{font-size:2.4rem}.hero-right{justify-content:center}.hero-badge{margin:0 auto 24px}.fine-description{font-size:1rem;max-width:100%;margin:0 auto 28px}.hero-features-mini{align-items:center}.hero-cta{justify-content:center}.hero-trust{text-align:center}.fine-login-card{max-width:480px;margin:0 auto;padding:36px 28px}.stats-section{padding:60px 5%}.stat-number{font-size:2.4rem}.features-section{padding:70px 5%}.features-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:28px}.system-features-section{padding:70px 5%}.system-features-header h2{font-size:2rem}.system-features-container{grid-template-columns:1fr}.cta-final{padding:70px 5%}.cta-final h2{font-size:2rem}}@media(max-width:480px){.hero-section{padding:72px 4% 48px}.hero-left h1{font-size:1.9rem}.fine-description{font-size:.95rem}.hero-features-mini{gap:10px}.mini-feature{font-size:.88rem}.mini-feature svg{width:16px;height:16px}.hero-cta{flex-direction:column;gap:10px;width:100%}.btn-primary{width:100%;justify-content:center}.fine-login-card{padding:28px 20px;border-radius:20px}.login-header h2{font-size:1.3rem}.login-header p{font-size:.85rem}.stats-section{padding:48px 4%}.stats-container{grid-template-columns:1fr;gap:12px}.stat-card{padding:28px 20px}.stat-number{font-size:2rem}.stat-label{font-size:.88rem}.features-section{padding:48px 4%}.features-header h2{font-size:1.6rem}.features-header p{font-size:.95rem}.feature-card{padding:22px 18px}.feature-card h3{font-size:1.1rem}.system-features-section{padding:48px 4%}.system-features-header h2{font-size:1.6rem}.system-features-header p{font-size:.95rem}.system-feature-item{padding:18px;gap:14px}.system-feature-icon{width:44px;height:44px;min-width:44px}.cta-final{padding:48px 4%}.cta-final h2{font-size:1.6rem}.cta-final p{font-size:.95rem}.btn-primary-large{width:100%;padding:16px 24px;font-size:.95rem}}@media(max-width:360px){.hero-left h1{font-size:1.55rem}.hero-badge{font-size:.75rem;padding:6px 12px}.hero-badge svg{width:12px;height:12px}.features-header h2,.system-features-header h2,.cta-final h2{font-size:1.35rem}.fine-login-card{padding:24px 16px}.fine-form input,.btn-blue-main{height:46px;font-size:.92rem}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s;flex-shrink:0}.password-toggle:hover:not(:disabled){color:var(--primary)}.password-toggle:disabled{opacity:.6;cursor:not-allowed}.password-validators{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.validator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-light);transition:color .3s ease}.validator.valid{color:var(--success)}.validator-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f1f5f9;color:var(--text-muted);flex-shrink:0}.validator.valid .validator-icon{background:#16a34a1a;color:var(--success)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat-referidos{border-color:#a78bfa33}.stat-referidos:after{background:var(--purple)}.badge-referidos{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;background:var(--purple-bg);border:1px solid rgba(167,139,250,.25);color:var(--purple);white-space:nowrap}.referidos-vista{display:flex;flex-direction:column;gap:24px}.referidos-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ref-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:6px}.ref-stat-top{border-color:#a78bfa33}.ref-stat-num{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-1px}.ref-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.ref-section-title{font-size:14px;font-weight:800;color:var(--text-primary);margin:0 0 14px;letter-spacing:-.2px}.ref-ranking{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.ref-ranking-lista{display:flex;flex-direction:column;gap:10px}.ref-ranking-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s;min-width:0}.ref-ranking-item:hover{border-color:var(--border-hover)}.ref-ranking-pos{font-size:13px;font-weight:800;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0}.ref-ranking-item:first-child .ref-ranking-pos{color:#fbbf24;font-size:16px}.ref-ranking-item:nth-child(2) .ref-ranking-pos{color:#94a3b8}.ref-ranking-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(47,123,255,.25);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#6ba3ff;flex-shrink:0}.ref-ranking-nombre{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-ranking-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-ranking-count{font-size:12px;font-weight:800;color:var(--purple);background:var(--purple-bg);border:1px solid rgba(167,139,250,.2);padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.ref-ranking-recompensa{font-size:11px;color:var(--amber);background:var(--amber-bg);border:1px solid rgba(255,176,32,.2);padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.ref-lista-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.ref-lista-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.ref-busqueda{padding:9px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);outline:none;width:280px;max-width:100%;transition:border-color .2s}.ref-busqueda:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ref-busqueda::placeholder{color:var(--text-muted)}.ref-tabla-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);-webkit-overflow-scrolling:touch}.referidos-card{border-color:#a78bfa26}.referidos-badge{margin-left:auto;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.25);color:#a78bfa;white-space:nowrap}.referidos-share{display:flex;flex-direction:column;gap:14px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px}.referido-share-label{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:6px}.referido-share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.referido-codigo-display{font-size:22px;font-weight:800;letter-spacing:5px;color:#1e293b;font-family:JetBrains Mono,monospace;word-break:break-all}.referido-link-display{font-size:12px;color:#64748b;font-family:monospace;background:#f1f5f9;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;word-break:break-all;flex:1;min-width:0}.btn-copiar-ref{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;font-family:inherit}.btn-copiar-ref:hover{background:#1d4ed8;transform:translateY(-1px)}.referidos-recompensa-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#a78bfa14;border:1px solid rgba(167,139,250,.25);border-radius:10px;font-size:13px;color:#6d28d9;margin-bottom:16px;flex-wrap:wrap}.referidos-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:#94a3b8;text-align:center}.referidos-empty p{font-size:14px;font-weight:600;color:#64748b;margin:0}.referidos-empty small{font-size:12px;color:#94a3b8}.referidos-lista{display:flex;flex-direction:column;gap:8px}.referido-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .2s;min-width:0}.referido-item:hover{border-color:#cbd5e1}.referido-avatar{width:36px;height:36px;border-radius:50%;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#2563eb;flex-shrink:0}.referido-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.referido-nombre{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referido-email{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referido-fecha{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.referido-group{margin-top:4px}.referido-input-wrap{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.referido-input-wrap input{flex:1;min-width:0}.referido-estado{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.referido-estado.verificando{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0}.referido-estado.valido{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.referido-estado.invalido{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.referido-banner{margin-top:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:13px;color:#15803d}@media(max-width:1024px){.fine-grid{gap:40px}.fine-content{padding:40px 5%}.fine-hero h1{font-size:3rem}.referidos-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{--nav-height: 64px}.fine-nav{padding:18px 5%}.nav-actions{gap:16px}.fine-content{padding:40px 5%;min-height:calc(100vh - var(--nav-height))}.fine-grid{grid-template-columns:1fr;gap:36px}.fine-hero h1{font-size:2.5rem}.fine-description{font-size:1rem;max-width:100%}.fine-card-container{justify-content:center}.fine-login-card{padding:32px;max-width:100%}.form-row{grid-template-columns:1fr;gap:0}.referidos-stats{grid-template-columns:repeat(2,1fr)}.ref-ranking{padding:16px}.ref-ranking-item{padding:12px;gap:10px}.ref-ranking-recompensa{display:none}.ref-lista-wrap{padding:16px}.ref-busqueda{width:100%}.ref-lista-header{flex-direction:column;align-items:stretch}.referidos-share{padding:12px}.referido-codigo-display{font-size:18px;letter-spacing:3px}}@media(max-width:480px){:root{--nav-height: 56px}.fine-nav{padding:14px 4%}.nav-logo{font-size:1.1rem}.btn-text{font-size:.82rem;padding:6px 8px;gap:4px}.nav-actions{gap:8px}.fine-content{padding:36px 4% 40px;min-height:calc(100vh - var(--nav-height));align-items:flex-start}.fine-hero h1{font-size:1.9rem}.fine-tag{font-size:.72rem}.fine-description{font-size:.95rem}.fine-card-container{justify-content:stretch}.fine-login-card{padding:24px 18px;border-radius:16px}.fine-login-card h2{font-size:1.3rem;margin-bottom:20px}.fine-form{gap:14px}.fine-form input{height:46px;font-size:16px}.btn-blue-main{height:46px;font-size:.95rem;margin-top:10px}.fine-toggle{font-size:.85rem;margin-top:14px}.referidos-stats{grid-template-columns:1fr}.ref-stat-num{font-size:28px}.ref-ranking{padding:14px}.ref-ranking-item{padding:10px 12px;gap:8px}.ref-ranking-avatar{width:30px;height:30px;font-size:12px}.ref-ranking-count{padding:3px 8px;font-size:11px}.referidos-share{gap:10px;padding:12px}.referido-share-row{gap:8px}.referido-codigo-display{font-size:16px;letter-spacing:2px}.btn-copiar-ref{width:100%;justify-content:center}.referido-item{padding:10px 12px;gap:10px}.referido-avatar{width:30px;height:30px;font-size:12px}.referidos-recompensa-banner{padding:12px;font-size:12px}}@media(max-width:360px){.nav-logo{font-size:1rem}.btn-text span{display:none}.fine-hero h1{font-size:1.6rem}.fine-description{font-size:.9rem}.fine-login-card{padding:20px 14px}.fine-form input{height:44px}.referido-codigo-display{font-size:14px;letter-spacing:1px}.ref-stat-num{font-size:24px}}.tipo-selector{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.tipo-selector-label{display:block;font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.tipo-selector-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tipo-selector-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--bg-light);border:2px solid var(--border);border-radius:10px;color:var(--text-light);cursor:pointer;transition:all .2s ease;font-family:inherit}.tipo-selector-btn:hover{border-color:var(--primary);color:var(--primary)}.tipo-selector-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.tipo-selector-btn span{font-size:.8rem;font-weight:600}.input-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:6px;font-weight:500}@media(max-width:480px){.tipo-selector-buttons{gap:8px}.tipo-selector-btn{padding:12px 8px}.tipo-selector-btn span{font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}:root{--primary: #0061ff;--primary-dark: #0051cc;--primary-light: rgba(0, 97, 255, .1);--text-dark: #0f172a;--text-light: #64748b;--text-muted: #94a3b8;--bg-light: #f8fafc;--bg-white: #ffffff;--border: #e2e8f0;--error: #c00;--error-light: #fee;--success: #16a34a;--success-light: #f0fdf4;--nav-height: 74px}.fine-landing{width:100%;background-color:var(--bg-white);font-family:Inter,sans-serif;position:relative}.fine-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 8%;position:sticky;top:0;background:var(--bg-white);z-index:100;box-shadow:0 2px 10px #00000005}.nav-logo{font-size:1.4rem;font-weight:800;color:var(--text-dark);letter-spacing:-1px;white-space:nowrap}.nav-logo span{color:var(--primary)}.nav-actions{display:flex;gap:30px;align-items:center;flex-shrink:0}.btn-text{background:none;border:none;color:var(--text-light);font-weight:500;cursor:pointer;transition:color .3s;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;white-space:nowrap;font-family:inherit;font-size:.95rem}.btn-text:hover{color:var(--primary);background:var(--bg-light)}.fine-content{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:60px 8%;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%);position:relative;overflow:visible}.fine-content:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#0061ff14;border-radius:50%;filter:blur(100px);z-index:0}.fine-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;width:100%;max-width:1300px;align-items:center;position:relative;z-index:1}.fine-hero{display:flex;flex-direction:column;gap:20px}.fine-tag{color:var(--primary);font-weight:800;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.fine-hero h1{font-size:3.8rem;font-weight:800;color:var(--text-dark);line-height:1.1;word-break:break-word}.text-blue{color:var(--primary)}.fine-description{font-size:1.15rem;color:var(--text-light);max-width:550px;line-height:1.6}.fine-card-container{display:flex;justify-content:flex-end;width:100%}.fine-login-card{background:var(--bg-white);padding:45px;border-radius:20px;box-shadow:0 25px 50px #00000014;border:1px solid var(--bg-light);animation:slideInUp .6s ease-out;width:100%;max-width:500px}.reset-card{max-width:500px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fine-login-card h2{margin-bottom:28px;color:var(--text-dark);font-size:1.5rem;font-weight:700}.fine-form{display:flex;flex-direction:column;gap:18px}.fine-input-group{display:flex;flex-direction:column;gap:8px;position:relative}.fine-input-group label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fine-form input{height:50px;background:var(--bg-light);border:1px solid var(--border);border-radius:10px;padding:0 15px;font-size:1rem;font-family:inherit;transition:all .3s ease;width:100%}.fine-form input:focus{outline:none;border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px var(--primary-light)}.fine-form input::placeholder{color:var(--text-muted)}.fine-form input:disabled{opacity:.6;cursor:not-allowed}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-input-wrapper input{padding-left:44px}.email-icon{position:absolute;left:14px;color:var(--text-muted);flex-shrink:0;pointer-events:none}.error-message{display:flex;align-items:center;gap:12px;background:var(--error-light);color:var(--error);padding:14px 16px;border-radius:8px;margin-bottom:16px;font-size:.85rem;border-left:4px solid var(--error);animation:slideInDown .3s ease-out}.error-message svg{flex-shrink:0;width:18px;height:18px}.success-message{display:flex;align-items:center;gap:12px;background:var(--success-light);color:var(--success);padding:14px 16px;border-radius:8px;margin-bottom:16px;font-size:.85rem;border-left:4px solid var(--success);animation:slideInDown .3s ease-out}.success-message svg{flex-shrink:0;width:18px;height:18px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-blue-main{width:100%;height:50px;background:var(--primary);color:var(--bg-white);border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:15px;transition:all .3s ease;font-family:inherit}.btn-blue-main:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #0061ff4d}.btn-blue-main:disabled{opacity:.5;cursor:not-allowed}.btn-blue-main:active:not(:disabled){transform:translateY(0)}.fine-toggle{text-align:center;margin-top:18px;color:var(--text-light);font-size:.9rem}.fine-toggle span{color:var(--primary);cursor:pointer;font-weight:600;transition:text-decoration .3s}.fine-toggle span:hover{text-decoration:underline}.reset-info{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}.reset-info h4{font-size:.85rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}.reset-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.reset-info li{font-size:.9rem;color:var(--text-light);display:flex;align-items:flex-start;gap:8px;line-height:1.5}.reset-info li:before{content:"✓";color:var(--primary);font-weight:700;min-width:16px;margin-top:2px;flex-shrink:0}.bg-blur{position:fixed;top:-10%;right:-5%;width:500px;height:500px;background:#0061ff0d;filter:blur(100px);z-index:-1;pointer-events:none}@media(max-width:1024px){.fine-grid{gap:40px}.fine-content{padding:40px 5%}.fine-hero h1{font-size:3rem}}@media(max-width:768px){:root{--nav-height: 64px}.fine-nav{padding:18px 5%}.nav-actions{gap:16px}.fine-content{padding:40px 5%;min-height:calc(100vh - var(--nav-height))}.fine-grid{grid-template-columns:1fr;gap:36px}.fine-hero h1{font-size:2.5rem}.fine-description{font-size:1rem;max-width:100%}.fine-card-container{justify-content:center}.fine-login-card{padding:32px;max-width:100%}.reset-info{margin-top:22px;padding-top:22px}}@media(max-width:480px){:root{--nav-height: 56px}.fine-nav{padding:14px 4%}.nav-logo{font-size:1.1rem}.btn-text{font-size:.82rem;padding:6px 8px;gap:4px}.nav-actions{gap:8px}.fine-content{padding:36px 4% 40px;min-height:calc(100vh - var(--nav-height));align-items:flex-start}.fine-hero h1{font-size:1.9rem}.fine-tag{font-size:.72rem}.fine-description{font-size:.95rem}.fine-card-container{justify-content:stretch}.fine-login-card{padding:24px 18px;border-radius:16px}.fine-login-card h2{font-size:1.3rem;margin-bottom:20px}.fine-form{gap:14px}.fine-form input{height:46px;font-size:16px}.btn-blue-main{height:46px;font-size:.95rem;margin-top:10px}.fine-toggle{font-size:.85rem;margin-top:14px}.reset-info{margin-top:18px;padding-top:18px}.reset-info li{font-size:.85rem}}@media(max-width:360px){.nav-logo{font-size:1rem}.btn-text span{display:none}.fine-hero h1{font-size:1.6rem}.fine-description{font-size:.9rem}.fine-login-card{padding:20px 14px}.fine-form input{height:44px}.reset-info h4{font-size:.8rem}}@layer reset{.formularios-page,.formularios-page *:not(svg):not(svg *){all:unset;box-sizing:border-box}}.formularios-page svg{display:inline-block;flex-shrink:0;overflow:visible;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.formularios-page{display:flex;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#060a10;color:#e2e8f0;overflow:hidden}.formularios-page button{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .15s ease;font-family:inherit;font-size:12px;white-space:nowrap;background:#111827;color:#cbd5e1;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:5px 10px}.formularios-page button:hover{background:#1e293b;color:#f1f5f9;border-color:#ffffff1f}.formularios-page button:focus,.formularios-page button:focus-visible{outline:none!important;box-shadow:none!important}.formularios-page button:disabled{opacity:.3!important;cursor:default!important}.left-tools{width:52px;background:#0a0f18;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px;padding:12px 6px;align-items:center;z-index:60;overflow-y:auto}.left-tools .tool{width:38px;height:36px;background:transparent;color:#c8d6e5;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:all .15s ease;flex-shrink:0}.left-tools .tool:hover{background:#6366f11a;color:#818cf8;border-color:#6366f133}.left-tools .tool.toggle-active{background:#6366f133;color:#a5b4fc;border-color:#6366f166;box-shadow:0 0 0 1px #6366f126 inset}.left-tools hr{width:28px;border:none;border-top:1px solid rgba(255,255,255,.05);margin:4px 0}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:50px;background:#0a0f18;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;z-index:50;flex-shrink:0}.topbar .left-group,.topbar .center-group,.topbar .right-group{display:flex;align-items:center;gap:6px}.topbar .top-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:#111827;color:#e2e8f0;cursor:pointer;font-size:12px;white-space:nowrap;transition:all .15s ease;font-family:inherit;font-weight:500}.topbar .top-btn:hover{background:#1e293b;color:#e2e8f0;border-color:#ffffff1f}.topbar .top-btn:disabled{opacity:.3;cursor:default}.topbar .top-btn.toggle-active{background:#6366f126;border-color:#6366f159;color:#a5b4fc}.topbar .top-btn span{font-size:12px}.topbar input[type=text]{padding:6px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:#111827;color:#e2e8f0;font-size:12px;width:200px;font-family:inherit;transition:border-color .15s}.topbar input[type=text]:focus{border-color:#6366f180;outline:none;background:#161f2e}.topbar input[type=text]::placeholder{color:#475569}.zoom-display{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:62px;text-align:center;background:#0d1421;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:5px 8px;font-weight:600;color:#e2e8f0}.zoom-controls-inline{display:flex;gap:3px}.zoom-controls-inline button{width:28px;height:28px;padding:0;background:#111827;color:#e2e8f0;border-radius:6px;border:1px solid rgba(255,255,255,.07);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.zoom-controls-inline button:hover{background:#1e293b;color:#e2e8f0}.options-bar{height:40px;background:#080d14;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:3px;padding:0 14px;flex-shrink:0;overflow-x:auto}.options-bar::-webkit-scrollbar{height:3px}.options-bar::-webkit-scrollbar-track{background:transparent}.options-bar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.options-tool-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6366f1;white-space:nowrap;padding-right:4px;letter-spacing:.04em;text-transform:uppercase}.options-separator{width:1px;height:18px;background:#ffffff0f;margin:0 6px;flex-shrink:0}.options-group{display:flex;align-items:center;gap:4px}.options-label{font-size:10px;color:#c8d6e5;white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.options-input-num{width:44px;padding:4px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.07);background:#0d1421;color:#e2e8f0;font-size:12px;text-align:center;font-family:inherit;font-variant-numeric:tabular-nums;transition:border-color .15s}.options-input-num:focus{border-color:#6366f180;outline:none}.options-select{padding:4px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.07);background:#0d1421;color:#e2e8f0;font-size:12px;cursor:pointer;font-family:inherit}.options-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;cursor:pointer;border:1px solid transparent;background:transparent;color:#c8d6e5;font-size:12px;white-space:nowrap;transition:all .12s;font-family:inherit}.options-btn span{font-size:11px}.options-btn:hover{background:#ffffff0d;color:#e2e8f0}.options-btn.active{background:#6366f126;color:#818cf8;border-color:#6366f14d}.options-btn.options-btn-danger{color:#f87171}.options-btn.options-btn-danger:hover{background:#ef44441a;color:#fca5a5;border-color:#ef444440}.options-selection-count{font-size:10px;color:#818cf8;padding:3px 8px;background:#6366f11a;border-radius:10px;border:1px solid rgba(99,102,241,.2);white-space:nowrap;font-weight:600}.offset-panel{background:#060a10;border-bottom:1px solid rgba(255,255,255,.05);padding:10px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.offset-arrow-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#111827!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.07)!important;cursor:pointer;transition:all .15s ease;flex-shrink:0}.offset-arrow-btn:hover{background:#6366f126!important;border-color:#6366f14d!important;color:#818cf8!important;transform:scale(1.08)}.offset-arrow-btn:active{transform:scale(.94)}.canvas-area-wrap{display:flex;flex:1;position:relative;overflow:hidden}.ruler-top{position:absolute;left:0;right:320px;height:20px;top:0;background-image:linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px);background-size:40px 100%;z-index:40;pointer-events:none}.ruler-left{position:absolute;top:0;bottom:0;width:20px;left:0;background-image:linear-gradient(180deg,rgba(99,102,241,.06) 1px,transparent 1px);background-size:100% 40px;z-index:40;pointer-events:none}.canvas-wrapper{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 28px 28px;background:#060a10}.canvas-wrapper::-webkit-scrollbar{width:8px;height:8px}.canvas-wrapper::-webkit-scrollbar-track{background:#060a10}.canvas-wrapper::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.canvas-wrapper::-webkit-scrollbar-thumb:hover{background:#334155}.canvas{position:relative;background:#0a0f18;padding:16px;border-radius:12px;box-shadow:0 0 0 1px #ffffff0a,0 20px 60px #000c,0 4px 16px #0006}.canvas-area{position:relative;background:#fff;overflow:visible;transform-origin:top left;box-shadow:0 8px 32px #0009,0 2px 8px #0000004d;border-radius:2px}.imagen-fondo{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(99,102,241,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.08) 1px,transparent 1px)}.campo-elemento{position:absolute;box-sizing:border-box;border:1px dashed rgba(99,102,241,.3);background:transparent;overflow:visible;display:flex;align-items:center;justify-content:center;min-width:10px;min-height:10px;z-index:20;transition:border-color .1s}.campo-elemento:hover{border-color:#6366f180}.campo-elemento.locked{opacity:.75}.campo-elemento.selected{border-style:solid;border-color:#6366f1;border-width:1.5px;box-shadow:0 0 0 2px #6366f133}.campo-elemento.selected-multi{border-style:solid;border-color:#10b981;border-width:1.5px;box-shadow:0 0 0 2px #10b98126}.campo-label{display:none}.campo-elemento.selected:hover .campo-label,.campo-elemento.selected-multi:hover .campo-label{display:block;position:absolute;top:-24px;left:0;background:#1e1b4b;color:#a5b4fc;padding:2px 8px;font-size:10px;font-weight:600;border-radius:4px;border:1px solid rgba(99,102,241,.3);pointer-events:none;white-space:nowrap;z-index:100;box-shadow:0 2px 8px #00000080;letter-spacing:.03em}.campo-input{width:100%;height:100%;padding:4px 6px;background:transparent;box-sizing:border-box;font-family:inherit;outline:none;border:none;cursor:text}.campo-input:empty:before{content:attr(data-placeholder);color:#6366f140;pointer-events:none}.resize-handle{position:absolute;right:3px;bottom:3px;width:10px;height:10px;background:#6366f1;clip-path:polygon(100% 0,0 100%,100% 100%);cursor:se-resize;z-index:30;opacity:.8}.rotate-handle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:#f59e0b;border:2px solid rgba(255,255,255,.9);cursor:crosshair;z-index:30;box-shadow:0 0 0 2px #f59e0b4d,0 2px 6px #0006}.rotate-handle:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:7px;height:1.5px;background:#f59e0b;opacity:.6}.lock-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;color:#ffffffb3;pointer-events:none;z-index:25}.right-sidebar{width:300px;background:#0a0f18;border-left:1px solid rgba(255,255,255,.05);padding:10px;display:flex;flex-direction:column;gap:8px;z-index:60;overflow-y:auto}.right-sidebar::-webkit-scrollbar{width:4px}.right-sidebar::-webkit-scrollbar-track{background:transparent}.right-sidebar::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.panel{background:#0d1421;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.panel h4{font-size:10px;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.capas-list{display:flex;flex-direction:column;gap:3px;max-height:230px;overflow-y:auto}.capas-list::-webkit-scrollbar{width:3px}.capas-list::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.capa-item{display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:7px;border:1px solid transparent;cursor:pointer;color:#94a3b8;transition:all .12s}.capa-item:hover{background:#ffffff08;color:#cbd5e1}.capa-item.active{background:#6366f11a;border-color:#6366f133;color:#a5b4fc}.capa-item.active-multi{background:#10b98114;border-color:#10b98133;color:#6ee7b7}.capa-eye{display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;color:#c8d6e5!important;cursor:pointer;padding:2px;border-radius:4px;transition:color .12s}.capa-eye:hover{color:#f1f5f9!important}.capa-label{flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;cursor:text}.capa-label-input{flex:1;font-size:11px;background:#0a0f18;color:#e2e8f0;border:1px solid rgba(99,102,241,.4);border-radius:4px;padding:2px 6px;outline:none;min-width:0;font-family:inherit}.capa-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.capa-actions button{width:22px;height:22px;padding:0;background:transparent!important;border:none!important;color:#c8d6e5!important;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s}.capa-actions button:hover{background:#ffffff0f!important;color:#f1f5f9!important}.opacity-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.opacity-bar-wrap{position:relative;width:44px;height:4px;background:#ffffff0f;border-radius:10px;overflow:hidden}.opacity-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4338ca,#6366f1);border-radius:10px;pointer-events:none;transition:width .05s}.opacity-range{position:absolute;inset:-6px;width:100%;opacity:0;cursor:pointer;margin:0}.opacity-value{font-size:9px;color:#c8d6e5;min-width:20px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.propiedades-panel label{display:block;font-size:10px;color:#475569;margin-top:8px;margin-bottom:3px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.propiedades-panel input[type=text],.propiedades-panel input[type=number],.propiedades-panel textarea{width:100%;padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#0a0f18;color:#e2e8f0;box-sizing:border-box;font-size:12px;font-family:inherit;transition:border-color .15s}.propiedades-panel input:focus,.propiedades-panel textarea:focus{border-color:#6366f180;outline:none}.propiedades-panel input[type=checkbox]{margin-right:6px;accent-color:#6366f1}.hint{font-size:11px;color:#374151}.placeholder{width:680px;height:880px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#1e293b;border:2px dashed rgba(99,102,241,.1);border-radius:8px;background:#6366f103}.placeholder p{font-size:14px;color:#334155;font-weight:500;margin:0}.placeholder .hint{font-size:12px;color:#1e293b}@media print{.left-tools,.topbar,.options-bar,.offset-panel,.right-sidebar,.ruler-top,.ruler-left,.campo-label,.resize-handle,.lock-overlay,.grid-overlay{display:none!important}.canvas-wrapper{padding:0!important;background:#fff!important;overflow:visible!important}.canvas{padding:0!important;box-shadow:none!important;background:transparent!important}.canvas-area{box-shadow:none!important;transform:none!important}.imagen-fondo{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;z-index:0!important}.campo-elemento{z-index:10!important;border:none!important;box-shadow:none!important}.campo-input{border:none!important;background:transparent!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:1100px){.right-sidebar{display:none}}@media(max-width:700px){.left-tools{width:44px}.left-tools .tool{width:34px}}.modal-buscar-overlay{position:fixed;inset:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-buscar{background:#0d1421;border:1px solid rgba(99,102,241,.2);border-radius:14px;width:620px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffff08,0 24px 80px #000c;overflow:hidden}.modal-buscar-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;font-weight:700;color:#818cf8;background:#0a0f18;flex-shrink:0}.modal-buscar-header button{margin-left:auto!important;background:transparent!important;color:#c8d6e5!important;border:none!important;cursor:pointer;padding:4px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .12s!important}.modal-buscar-header button:hover{color:#e2e8f0!important;background:#ffffff0f!important}.modal-buscar-hint{font-size:10px;color:#6366f1;font-weight:500}.modal-buscar-hint-warn{font-size:10px;color:#f59e0b;font-weight:500}.modal-buscar-search{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;display:flex;align-items:center;gap:8px;background:#0a0f18}.modal-buscar-search input{background:#111827!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;padding:8px 12px!important;width:100%!important;font-size:13px!important;outline:none!important;font-family:inherit!important;transition:border-color .15s!important}.modal-buscar-search input:focus{border-color:#6366f180!important}.modal-buscar-search input::placeholder{color:#374151!important}.modal-buscar-lista{overflow-y:auto;flex:1;padding:6px 0}.modal-buscar-lista::-webkit-scrollbar{width:4px}.modal-buscar-lista::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.modal-buscar-item{padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .1s}.modal-buscar-item:hover{background:#ffffff03}.modal-buscar-item:last-child{border-bottom:none}.modal-buscar-nombre{font-size:12px;font-weight:600;color:#cbd5e1;margin-bottom:8px;display:flex;align-items:center;gap:8px}.modal-buscar-tipo{font-size:10px;font-weight:500;color:#6366f1;background:#6366f11a;border-radius:4px;padding:1px 7px;border:1px solid rgba(99,102,241,.2)}.modal-buscar-patente{background:#6366f126;color:#818cf8;font-weight:700;padding:2px 8px;border-radius:5px;font-size:12px;letter-spacing:.06em;border:1px solid rgba(99,102,241,.2)}.modal-buscar-campos{display:flex;flex-wrap:wrap;gap:5px}.modal-buscar-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:#ffffff05!important;border:1px solid rgba(255,255,255,.06)!important;cursor:pointer;transition:all .12s;max-width:260px}.modal-buscar-chip:hover{background:#6366f11a!important;border-color:#6366f14d!important}.modal-buscar-chip-label{font-size:9px;color:#475569;white-space:nowrap;flex-shrink:0;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.modal-buscar-chip-valor{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.modal-buscar .formato-btn{padding:14px 16px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important;background:#111827!important;color:#e2e8f0!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;transition:all .15s!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:3px!important;width:100%!important}.modal-buscar .formato-btn:hover{background:#6366f11a!important;border-color:#6366f14d!important}.split-btn-wrap{position:relative;display:flex;align-items:center;gap:0}.split-btn-main{border-radius:7px 0 0 7px!important;border-right:none!important}.split-btn-arrow{border-radius:0 7px 7px 0!important;padding:6px 7px!important;border-left:1px solid rgba(255,255,255,.04)!important;min-width:24px}.split-btn-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#0d1421;border:1px solid rgba(99,102,241,.2);border-radius:10px;box-shadow:0 12px 40px #000000b3,0 2px 8px #0006;z-index:200;overflow:hidden;animation:dropdownIn .12s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.split-btn-opt{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 14px!important;background:transparent!important;border:none!important;border-radius:0!important;color:#cbd5e1!important;cursor:pointer!important;text-align:left!important;transition:background .12s!important}.split-btn-opt:hover{background:#6366f114!important;color:#e2e8f0!important}.split-btn-opt-text{display:flex;flex-direction:column;gap:2px}.split-btn-opt-title{font-size:12px;font-weight:600;color:#e2e8f0}.split-btn-opt-desc{font-size:10px;color:#475569}.split-btn-divider{height:1px;background:#ffffff0a;margin:0}.placeholder-btn-sistema{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-top:12px!important;padding:9px 18px!important;border-radius:8px!important;border:1px solid rgba(99,102,241,.3)!important;background:#6366f114!important;color:#818cf8!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .15s!important}.placeholder-btn-sistema:hover{background:#6366f126!important;border-color:#6366f180!important;color:#a5b4fc!important}.panel-sistema-overlay{position:fixed;inset:0;z-index:9998}.panel-sistema{position:fixed;top:0;right:0;bottom:0;width:300px;background:#0a0f18;border-left:1px solid rgba(99,102,241,.15);box-shadow:-8px 0 40px #0009;display:flex;flex-direction:column;z-index:9999;animation:panelSlideIn .2s cubic-bezier(.22,1,.36,1)}@keyframes panelSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-sistema-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.05);background:#080d14;font-size:13px;font-weight:700;color:#c8d6e5;flex-shrink:0}.panel-sistema-count{font-size:10px;font-weight:600;color:#6366f1;background:#6366f11f;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:1px 7px;margin-left:2px}.panel-sistema-close{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:#475569!important;cursor:pointer!important;padding:4px!important;border-radius:6px!important;transition:all .12s!important;width:28px!important;height:28px!important}.panel-sistema-close:hover{background:#ffffff0f!important;color:#e2e8f0!important}.panel-sistema-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);background:#080d14;flex-shrink:0}.panel-sistema-search input{flex:1;background:#111827;color:#e2e8f0;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:6px 10px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s}.panel-sistema-search input:focus{border-color:#6366f173}.panel-sistema-search input::placeholder{color:#374151}.panel-sistema-clear{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:#475569!important;cursor:pointer!important;padding:3px!important;border-radius:4px!important;flex-shrink:0!important;transition:color .12s!important}.panel-sistema-clear:hover{color:#e2e8f0!important}.panel-sistema-lista{flex:1;overflow-y:auto;padding:6px 0}.panel-sistema-lista::-webkit-scrollbar{width:4px}.panel-sistema-lista::-webkit-scrollbar-track{background:transparent}.panel-sistema-lista::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.panel-sistema-item-wrap{display:flex;flex-direction:column}.panel-sistema-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .1s}.panel-sistema-item:hover{background:#ffffff05}.panel-sistema-item.previewing{background:#6366f10f;border-bottom-color:transparent}.panel-sistema-thumb{width:42px;height:56px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.panel-sistema-thumb img{width:100%;height:100%;object-fit:cover;display:block}.panel-sistema-nombre{flex:1;font-size:12px;font-weight:600;color:#cbd5e1;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-sistema-usar{display:flex!important;align-items:center!important;justify-content:center!important;background:#6366f114!important;border:1px solid rgba(99,102,241,.2)!important;color:#818cf8!important;cursor:pointer!important;border-radius:7px!important;width:30px!important;height:30px!important;flex-shrink:0!important;transition:all .12s!important}.panel-sistema-usar:hover{background:#6366f133!important;border-color:#6366f166!important;color:#a5b4fc!important;transform:scale(1.08)!important}.panel-sistema-preview{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;background:#6366f10a;border-bottom:1px solid rgba(99,102,241,.1)}.panel-sistema-preview img{width:100%;border-radius:6px;border:1px solid rgba(255,255,255,.08);display:block;background:#fff;max-height:340px;object-fit:contain}.panel-sistema-preview-usar{width:100%!important;padding:9px!important;border-radius:8px!important;border:1px solid rgba(99,102,241,.35)!important;background:#6366f11f!important;color:#a5b4fc!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;transition:all .15s!important;text-align:center!important;letter-spacing:.02em!important}.panel-sistema-preview-usar:hover{background:#6366f138!important;border-color:#6366f18c!important;color:#c7d2fe!important}.panel-sistema-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#334155;font-size:12px;text-align:center}.apm-overlay{position:fixed;inset:0;background:#040a18bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:apm-overlay-in .2s ease}@keyframes apm-overlay-in{0%{opacity:0}to{opacity:1}}.apm-modal{background:#0d1e36;border:1px solid rgba(255,180,0,.25);border-radius:16px;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffb40014;max-width:480px;width:100%;padding:36px 32px 28px;display:flex;flex-direction:column;align-items:center;gap:0;animation:apm-modal-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes apm-modal-in{0%{transform:scale(.88) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.apm-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#ffb4001a;border:1px solid rgba(255,180,0,.25);color:#ffb400;margin-bottom:16px;filter:drop-shadow(0 0 16px rgba(255,180,0,.2));flex-shrink:0}.apm-titulo{font-size:1.15rem;font-weight:800;color:#ffd97d;margin:0 0 20px;text-align:center;letter-spacing:-.2px;font-family:Inter,sans-serif}.apm-body{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.apm-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.apm-bullet{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#ffffff0f;color:#7aa7d4;flex-shrink:0;margin-top:1px}.apm-item p{margin:0;font-size:13px;color:#9fb6d7;line-height:1.55;font-family:Inter,sans-serif}.apm-destacado{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ffb40012;border:1px solid rgba(255,180,0,.22);border-left:3px solid #ffb400;border-radius:8px}.apm-destacado-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#ffb4001f;color:#ffb400;flex-shrink:0;margin-top:1px}.apm-destacado p{margin:0;font-size:13px;color:#ffd97d;line-height:1.55;font-weight:600;font-family:Inter,sans-serif}.apm-footer-hint{font-size:12px;color:#4a6a8a;text-align:center;margin:0 0 20px;font-family:Inter,sans-serif;line-height:1.5}.apm-acciones{display:flex;gap:10px;width:100%}.apm-btn-ayuda{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;background:#4fc3f71f;border:1px solid rgba(79,195,247,.3);color:#4fc3f7;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.apm-btn-ayuda:hover{background:#4fc3f733;border-color:#4fc3f780;transform:translateY(-1px)}.apm-btn-cerrar{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;background:#ffb4001f;border:1px solid rgba(255,180,0,.3);color:#ffd97d;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.apm-btn-cerrar:hover{background:#ffb40038;border-color:#ffb40080;transform:translateY(-1px)}@media(max-width:480px){.apm-modal{padding:28px 20px 22px}.apm-acciones{flex-direction:column}}.planes-page{min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif;color:#1e293b}.planes-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:48px 24px 40px}.planes-header-inner{max-width:860px;margin:0 auto;text-align:center}.planes-header h1{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:-.5px}.planes-subtitulo{font-size:15px;color:#64748b;margin:0 0 20px}.planes-aviso{display:inline-block;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;margin-top:4px}.planes-aviso.trial{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.planes-aviso.vencida{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.planes-aviso.pendiente{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.periodo-toggle-wrap{display:flex;justify-content:center;padding:32px 24px 0}.periodo-toggle{display:flex;background:#f1f5f9;border-radius:14px;padding:5px;gap:4px;box-shadow:inset 0 1px 3px #00000014}.periodo-btn{display:flex;align-items:center;justify-content:center;padding:11px 36px;border:none;border-radius:10px;background:transparent;color:#64748b;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:-.1px}.periodo-btn:hover{color:#0f172a}.periodo-btn.activo{background:#fff;color:#0f172a;font-weight:700;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.planes-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:32px auto 48px;padding:0 24px}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:32px 28px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000d}.plan-card:hover{border-color:#2563eb;box-shadow:0 10px 30px #2563eb1a;transform:translateY(-3px)}.plan-card.popular{border-color:#7c3aed;background:linear-gradient(180deg,#faf8ff,#fff 50%)}.plan-card.popular:hover{border-color:#7c3aed;box-shadow:0 10px 30px #7c3aed26}.plan-badge-popular{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.plan-badge-actual{position:absolute;top:16px;left:16px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.plan-header-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.plan-nombre{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.plan-tipo-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.plan-tipo-base{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.plan-tipo-full{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.plan-precio-wrap{margin-bottom:16px}.plan-precio{display:flex;align-items:flex-start;gap:2px}.plan-precio-simbolo{font-size:20px;font-weight:700;color:#0f172a;margin-top:8px;line-height:1}.plan-precio-numero{font-size:48px;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-2px}.plan-precio-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.plan-por-mes{font-size:13px;color:#64748b}.plan-descuento-pill{display:inline-flex;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;letter-spacing:.4px}.plan-total{font-size:12px;color:#94a3b8;margin-top:5px}.plan-total strong{color:#64748b;font-weight:700}.plan-divider{height:1px;background:#f1f5f9;margin-bottom:16px}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.plan-features li{display:flex;align-items:center;gap:10px;min-height:20px}.plan-features li.feature-no{opacity:.4}.plan-features li.feature-no .feature-texto{text-decoration:line-through;color:#94a3b8}.plan-features li.feature-limitado .feature-texto{color:#92400e}.feature-icon{width:18px;height:18px;min-width:18px;min-height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;flex-shrink:0;line-height:1}.feature-icon-si{background:#dcfce7;color:#16a34a}.feature-icon-lim{background:#fef3c7;color:#d97706}.feature-icon-no{background:#f1f5f9;color:#94a3b8}.feature-texto{font-size:13px;color:#475569;line-height:18px;flex:1}.btn-seleccionar{margin-top:20px;padding:13px;border-radius:12px;border:2px solid #2563eb;background:transparent;color:#2563eb;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;font-family:Inter,sans-serif;flex-shrink:0}.btn-seleccionar:hover{background:#2563eb;color:#fff}.btn-seleccionar-full{border-color:#7c3aed;color:#7c3aed}.btn-seleccionar-full:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-contacto{background:#fff;border-radius:24px;padding:40px 36px 36px;width:100%;max-width:420px;position:relative;text-align:center;box-shadow:0 24px 60px #00000026,0 8px 20px #00000014;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-cerrar{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:Inter,sans-serif}.modal-cerrar:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.modal-plan-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:4px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.modal-badge-base{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.modal-badge-full{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.modal-titulo{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.5px}.modal-subtitulo{font-size:13px;color:#94a3b8;margin:0 0 20px;font-weight:500;text-transform:capitalize}.modal-precio-wrap{display:flex;align-items:flex-end;justify-content:center;gap:2px;margin-bottom:6px}.modal-precio-simbolo{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:6px;line-height:1}.modal-precio-numero{font-size:52px;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-2px}.modal-precio-mes{font-size:15px;color:#64748b;margin-bottom:8px;font-weight:500}.modal-total{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:4px}.modal-total strong{color:#475569;font-weight:700}.modal-descuento-pill{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.modal-divider{height:1px;background:#f1f5f9;margin:20px 0}.modal-desc{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.6}.modal-botones{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.modal-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;font-family:Inter,sans-serif}.modal-btn-whatsapp{background:#16a34a;color:#fff;box-shadow:0 4px 14px #16a34a4d}.modal-btn-whatsapp:hover{background:#15803d;color:#fff}.modal-btn-email{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.modal-btn-email:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.modal-nota{font-size:12px;color:#94a3b8;margin:0;line-height:1.5}.suscripcion-activa-card{max-width:480px;margin:56px auto;padding:40px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;text-align:center;box-shadow:0 4px 20px #0000000f}.suscripcion-activa-icon{width:60px;height:60px;border-radius:50%;background:#f0fdf4;border:2px solid #bbf7d0;color:#16a34a;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.suscripcion-activa-card h2{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 8px}.suscripcion-activa-desc{font-size:14px;color:#64748b;margin:0 0 28px}.suscripcion-activa-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:20px;text-align:left}.info-item{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.info-valor{font-size:14px;font-weight:600;color:#0f172a}.info-valor.urgente{color:#f59e0b;font-weight:700}.suscripcion-activa-nota{font-size:13px;color:#94a3b8;margin:0}.renovar-aviso{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 18px;margin-bottom:4px}.renovar-aviso p{font-size:13px;color:#92400e;margin:0;font-weight:500}.renovar-header{max-width:860px;margin:32px auto 0;padding:0 24px}.renovar-header h2{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 4px}.renovar-header p{font-size:14px;color:#64748b;margin:0}@media(max-width:680px){.planes-header{padding:28px 16px 24px}.planes-header h1{font-size:1.6rem}.planes-subtitulo{font-size:14px}.planes-aviso{font-size:13px;padding:9px 16px}.periodo-toggle-wrap{padding:20px 16px 0}.periodo-btn{padding:10px 20px;font-size:13px}.planes-grid{grid-template-columns:1fr;margin:20px auto 28px;padding:0 16px;gap:20px}.plan-card{padding:28px 20px 24px;overflow:visible}.plan-precio-numero{font-size:40px}.btn-seleccionar{padding:12px;font-size:14px}.modal-overlay{padding:12px;align-items:flex-end}.modal-contacto{padding:28px 20px 24px;border-radius:20px 20px 12px 12px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-titulo{font-size:20px}.modal-precio-numero{font-size:40px}.modal-btn{padding:13px 16px;font-size:14px}.suscripcion-activa-card{margin:24px 16px;padding:28px 20px}.renovar-header{margin:24px 16px 0;padding:0}.renovar-header h2{font-size:18px}}@media(max-width:400px){.planes-header h1{font-size:1.4rem}.periodo-btn{padding:9px 14px;font-size:12px}.plan-precio-numero,.modal-precio-numero{font-size:36px}.plan-card{padding:24px 16px 20px}.info-item{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px}.info-label{font-size:11px}}:root{--bg: #f9fafb;--surface: #ffffff;--border: #e5e7eb;--border-soft: #f3f4f6;--text-1: #111827;--text-2: #374151;--text-3: #6b7280;--text-4: #9ca3af;--accent: #2563eb;--accent-bg: #eff6ff;--accent-border: #bfdbfe;--green: #16a34a;--green-bg: #f0fdf4;--green-border: #bbf7d0;--amber: #d97706;--amber-bg: #fffbeb;--amber-border: #fde68a;--red: #dc2626;--red-bg: #fef2f2;--red-border: #fecaca;--purple: #7c3aed;--purple-bg: #f5f3ff;--purple-border: #ddd6fe;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--font: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", monospace}*,*:before,*:after{box-sizing:border-box}.admin-page{min-height:100vh;background:var(--bg);padding:32px 36px;font-family:var(--font);color:var(--text-1)}.admin-no-acceso{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--red);gap:12px;font-family:var(--font)}.admin-no-acceso h2{font-size:1.2rem;font-weight:700;margin:0}.admin-no-acceso p{color:var(--text-3);margin:0;font-size:14px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.admin-header-left{display:flex;flex-direction:column;gap:3px}.admin-header h1{font-size:1.3rem;font-weight:700;color:var(--text-1);margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.admin-header h1 svg{color:var(--text-3)}.admin-header-sub{font-size:13px;color:var(--text-4)}.admin-header-acciones{display:flex;gap:8px;align-items:center}.btn-refresh{display:flex;align-items:center;gap:6px;padding:8px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-refresh:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-alerta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;box-shadow:0 1px 3px #2563eb40;transition:all .15s}.btn-alerta:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb4d}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px;display:flex;flex-direction:column;gap:5px;transition:box-shadow .15s}.stat:hover{box-shadow:0 2px 8px #0000000d}.stat-num{font-size:28px;font-weight:700;color:var(--text-1);line-height:1;letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.stat-activa{border-color:var(--green-border);background:var(--green-bg)}.stat-activa .stat-num{color:var(--green)}.stat-trial{border-color:var(--accent-border);background:var(--accent-bg)}.stat-trial .stat-num{color:var(--accent)}.stat-pendiente{border-color:var(--amber-border);background:var(--amber-bg)}.stat-pendiente .stat-num{color:var(--amber)}.stat-vencida{border-color:var(--red-border);background:var(--red-bg)}.stat-vencida .stat-num{color:var(--red)}.stat-referidos{border-color:var(--purple-border);background:var(--purple-bg)}.stat-referidos .stat-num{color:var(--purple)}.admin-vista-tabs{display:flex;gap:2px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;width:fit-content}.vista-tab{display:flex;align-items:center;gap:7px;padding:8px 18px;border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:all .15s}.vista-tab:hover{color:var(--text-2);background:var(--bg)}.vista-tab.activo{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 3px #2563eb4d}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#00000014;font-size:10px;font-weight:700}.vista-tab.activo .tab-count{background:#ffffff40}.admin-search{margin-bottom:12px}.admin-search input{width:100%;max-width:500px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);font-size:13.5px;font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s}.admin-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.admin-search input::placeholder{color:var(--text-4)}.admin-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.admin-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s}.admin-tab:hover{border-color:#d1d5db;color:var(--text-2)}.admin-tab.activo{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.admin-tab.tab-alerta{border-color:var(--amber-border);color:var(--amber);background:var(--amber-bg)}.admin-tab.activo .tab-count{background:#2563eb26}.admin-tab.tab-alerta .tab-count{background:#d9770626}.admin-tabla-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px #0000000a;-webkit-overflow-scrolling:touch}.admin-tabla{width:100%;border-collapse:collapse;font-size:13.5px}.admin-tabla thead{background:var(--bg)}.admin-tabla th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-tabla td{padding:14px 16px;border-bottom:1px solid var(--border-soft);color:var(--text-2);vertical-align:middle}.admin-tabla tbody tr{transition:background .1s}.admin-tabla tbody tr:hover{background:#fafafa}.admin-tabla tbody tr.fila-editando{background:var(--accent-bg)}.admin-tabla tbody tr:last-child td{border-bottom:none}.admin-cargando{padding:56px;text-align:center;color:var(--text-4);font-size:13.5px}.admin-vacio{padding:56px;text-align:center;color:var(--text-4);font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:10px}.admin-vacio svg{opacity:.3}.admin-vacio p{margin:0}.usuario-nombre{font-weight:600;color:var(--text-1);font-size:13.5px;margin-bottom:2px}.usuario-uid{font-size:11px;color:var(--text-4);font-family:var(--font-mono)}.usuario-email{color:var(--accent);font-size:13px;margin-bottom:2px}.usuario-telefono{font-size:12px;color:var(--text-4)}.usuario-matricula{font-size:13px;font-weight:600;color:var(--text-1);font-family:var(--font-mono)}.usuario-cuit{font-size:13px;font-family:var(--font-mono);color:var(--text-3)}.sin-dato{color:var(--text-4)}.plan-cell{font-size:13px;color:var(--text-2)}.monto-pendiente{font-size:11px;color:var(--amber);margin-top:2px;font-weight:700}.fecha-venc{font-size:13px;color:var(--text-2);font-family:var(--font-mono)}.dias-restantes{font-size:11px;color:var(--green);margin-top:2px;font-weight:600}.dias-restantes.urgente{color:var(--amber)}.dias-restantes.vencido{color:var(--red)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.badge-activa{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.badge-trial{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent)}.badge-vencida{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.badge-sin{background:#f9fafb;border:1px solid var(--border);color:var(--text-4)}.badge-pendiente{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.badge-referidos{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:var(--purple-bg);border:1px solid var(--purple-border);color:var(--purple)}.acciones-cell{display:flex;gap:6px;align-items:center}.btn-accion{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;text-decoration:none}.btn-aprobar{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.btn-aprobar:hover{background:#dcfce7}.btn-trial{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-trial:hover{background:#dbeafe}.btn-alerta-user{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border);padding:5px 8px}.btn-alerta-user:hover{background:#fef3c7}.btn-editar{background:var(--surface);color:var(--text-3);border-color:var(--border)}.btn-editar:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-eliminar-alerta{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.btn-eliminar-alerta:hover{background:#fee2e2}.admin-modal-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.admin-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:0 20px 40px #0000001a,0 4px 8px #0000000d;animation:modal-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-alerta{max-width:520px}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.admin-modal-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-1)}.admin-modal-header button{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-3);font-size:14px;cursor:pointer;padding:4px 9px;line-height:1;transition:all .15s}.admin-modal-header button:hover{color:var(--text-1);border-color:#d1d5db}.admin-modal-body{padding:22px;display:flex;flex-direction:column;gap:16px}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group label{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px}.admin-form-group select,.admin-form-group input,.admin-form-group textarea{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:13.5px;font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s}.admin-form-group select:focus,.admin-form-group input:focus,.admin-form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.admin-modal-resumen{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--accent);font-weight:600}.admin-modal-footer{display:flex;gap:8px;padding:18px 22px;border-top:1px solid var(--border);justify-content:flex-end}.btn-cancelar{padding:9px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-cancelar:hover{border-color:#d1d5db;color:var(--text-2)}.btn-guardar{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:0 1px 3px #2563eb4d;transition:all .15s}.btn-guardar:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb59}.btn-guardar:disabled{opacity:.45;cursor:not-allowed}.btn-enviar-alerta{background:var(--amber);box-shadow:0 1px 3px #d9770640}.btn-enviar-alerta:hover:not(:disabled){background:#b45309}.alerta-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.alerta-preview-label{font-size:10.5px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.alerta-preview-titulo{font-size:14px;font-weight:700;color:var(--text-1);margin-bottom:5px}.alerta-preview-mensaje{font-size:13px;color:var(--text-2);line-height:1.65;white-space:pre-wrap}.alertas-lista{display:flex;flex-direction:column;gap:10px}.alerta-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius-lg);padding:18px 20px;transition:box-shadow .15s}.alerta-item:hover{box-shadow:0 2px 8px #0000000f}.alerta-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.alerta-item-info{display:flex;flex-direction:column;gap:3px}.alerta-item-titulo{font-size:14px;font-weight:700;color:var(--text-1)}.alerta-item-dest{font-size:12px;color:var(--accent);font-weight:500;display:flex;align-items:center;gap:3px}.alerta-item-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.alerta-item-fecha{font-size:12px;color:var(--text-4);font-family:var(--font-mono)}.alerta-item-leidos{font-size:11px;color:var(--text-4);background:var(--bg);padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-weight:600}.alerta-item-mensaje{font-size:13px;color:var(--text-2);margin:0;line-height:1.65;white-space:pre-wrap}.docsistema-lista{display:flex;flex-direction:column;gap:8px}.docsistema-item{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;transition:box-shadow .15s,border-color .15s}.docsistema-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.docsistema-icono{font-size:26px;flex-shrink:0;width:48px;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.docsistema-info{flex:1;min-width:0}.docsistema-nombre{font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docsistema-desc{font-size:12.5px;color:var(--text-4);margin-bottom:7px}.docsistema-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.docsistema-ext{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:.4px}.docsistema-size,.docsistema-fecha{font-size:12px;color:var(--text-4);font-family:var(--font-mono)}.docsistema-acciones{display:flex;gap:6px;flex-shrink:0}.referidos-vista{display:flex;flex-direction:column;gap:20px}.referidos-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ref-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:5px}.ref-stat-top{border-color:var(--purple-border);background:var(--purple-bg)}.ref-stat-top .ref-stat-num{color:var(--purple)}.ref-stat-num{font-size:32px;font-weight:700;color:var(--text-1);line-height:1;letter-spacing:-.5px}.ref-stat-label{font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.ref-section-title{font-size:14px;font-weight:700;color:var(--text-1);margin:0 0 14px;display:flex;align-items:center;gap:7px}.ref-section-title svg{color:var(--text-3)}.ref-ranking{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.ref-ranking-lista{display:flex;flex-direction:column;gap:8px}.ref-ranking-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s}.ref-ranking-item:hover{border-color:#d1d5db}.ref-ranking-pos{font-size:13px;font-weight:700;color:var(--text-4);width:20px;text-align:center;flex-shrink:0}.ref-ranking-item:first-child .ref-ranking-pos{color:#d97706;font-size:15px}.ref-ranking-item:nth-child(2) .ref-ranking-pos{color:#9ca3af}.ref-ranking-item:nth-child(3) .ref-ranking-pos{color:#b45309}.ref-ranking-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-bg);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.ref-ranking-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ref-ranking-nombre{font-size:13.5px;font-weight:600;color:var(--text-1)}.ref-ranking-email{font-size:12px;color:var(--text-4)}.ref-ranking-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--purple);background:var(--purple-bg);border:1px solid var(--purple-border);padding:4px 10px;border-radius:999px;white-space:nowrap}.ref-ranking-recompensa{font-size:11px;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);padding:4px 10px;border-radius:999px;white-space:nowrap;font-weight:600}.ref-lista-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.ref-lista-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.ref-busqueda{padding:8px 13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:13px;font-family:var(--font);outline:none;width:260px;transition:border-color .15s}.ref-busqueda:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.ref-busqueda::placeholder{color:var(--text-4)}.ref-tabla-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.meses-control{display:flex;align-items:center;gap:8px}.meses-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1}.meses-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.meses-input{width:64px;text-align:center;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-1);font-size:15px;font-weight:700;font-family:var(--font);outline:none;transition:border-color .15s}.meses-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.meses-input::-webkit-inner-spin-button,.meses-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.meses-label{font-size:13px;color:var(--text-3);font-weight:500}@media(max-width:900px){.admin-page{padding:24px 20px}.admin-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.admin-page{padding:16px 14px}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-header-acciones{flex-wrap:wrap;gap:6px}.btn-refresh,.btn-alerta{font-size:12px;padding:7px 12px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:8px}.stat{padding:12px 10px}.stat-num{font-size:22px}.stat-label{font-size:10px}.admin-vista-tabs{width:100%;overflow-x:auto;scrollbar-width:none}.admin-vista-tabs::-webkit-scrollbar{display:none}.vista-tab{padding:7px 14px;font-size:12px}.admin-search input{max-width:100%}.admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{flex-shrink:0}.admin-tabla-wrap{-webkit-overflow-scrolling:touch}.admin-tabla{min-width:700px;font-size:12.5px}.admin-tabla th,.admin-tabla td{padding:10px 12px}.acciones-cell{flex-wrap:wrap;gap:4px}.btn-accion{font-size:11px;padding:4px 9px}.admin-modal-overlay{padding:12px}.admin-modal{max-width:100%}.alerta-item-header{flex-direction:column;gap:8px}.alerta-item-meta{flex-wrap:wrap}.docsistema-item{flex-wrap:wrap;gap:10px}.docsistema-acciones{width:100%;justify-content:flex-end}.referidos-stats{grid-template-columns:repeat(3,1fr)}.ref-lista-header{flex-direction:column;align-items:flex-start}.ref-busqueda{width:100%}.ref-tabla-wrap{overflow-x:auto}.ref-ranking-item{flex-wrap:wrap;gap:8px}.ref-ranking-recompensa{display:none}}@media(max-width:540px){.admin-page{padding:12px 10px}.admin-header h1{font-size:1.1rem}.admin-header-acciones{width:100%}.btn-refresh,.btn-alerta{flex:1;justify-content:center}.admin-stats{grid-template-columns:repeat(2,1fr);gap:6px}.stat-num{font-size:20px}.vista-tab{padding:6px 12px;font-size:11px;gap:5px}.admin-tabla{font-size:12px;min-width:620px}.admin-tabla th,.admin-tabla td{padding:9px 10px}.admin-modal-overlay{padding:0;align-items:flex-end}.admin-modal{border-radius:16px 16px 0 0;max-height:90vh;overflow-y:auto}.admin-modal:before{content:"";display:block;width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:10px auto -4px}.admin-modal-body{padding:16px;gap:12px}.admin-modal-header{padding:14px 16px}.admin-modal-footer{padding:12px 16px 20px}.btn-cancelar,.btn-guardar{flex:1;justify-content:center}.docsistema-icono{width:38px;height:38px;font-size:20px}.docsistema-nombre{font-size:13px}.referidos-stats{grid-template-columns:1fr;gap:6px}.ref-stat-num{font-size:24px}.ref-ranking-item{padding:10px 12px}}@media(max-width:390px){.admin-page{padding:10px 8px}.admin-stats{grid-template-columns:repeat(2,1fr)}.stat-num{font-size:18px}.stat-label{font-size:9px}.admin-header h1{font-size:1rem}.vista-tab{padding:6px 10px;font-size:10.5px}.admin-tab{font-size:11px;padding:5px 10px}.admin-tabla{font-size:11.5px}.admin-tabla th,.admin-tabla td{padding:8px 9px}}@media(max-width:360px){.admin-page{padding:8px 6px}.admin-header h1{font-size:.95rem}.stat-num{font-size:16px}.btn-refresh span,.btn-alerta span{display:none}}.nos-wrapper{min-height:100vh;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.nos-hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:140px 8% 0;position:relative;overflow:hidden}.nos-hero-bg{position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,97,255,.2) 0%,transparent 70%);pointer-events:none}.nos-hero-content{position:relative;z-index:1;max-width:700px;padding-bottom:60px}.nos-tag{display:inline-block;background:#0061ff33;color:#60a5fa;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(0,97,255,.3)}.nos-hero-content h1{font-size:3.2rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;word-break:break-word}.nos-highlight{color:#3b82f6}.nos-hero-content p{font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:560px}.nos-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.nos-stat{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.nos-stat:last-child{border-right:none}.nos-stat span{display:block;font-size:2.2rem;font-weight:800;color:#3b82f6;margin-bottom:6px}.nos-stat p{font-size:.82rem;color:#64748b}.nos-section{padding:100px 8%;background:#f8fafc}.nos-container{max-width:1100px;margin:0 auto}.nos-historia-tag{display:inline-block;color:#0061ff;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.nos-historia h2{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:50px}.nos-historia-pasos{display:flex;flex-direction:column;gap:0;border-left:2px solid #e2e8f0;padding-left:40px;margin-left:20px}.nos-paso{display:flex;gap:28px;padding-bottom:48px;position:relative}.nos-paso:last-child{padding-bottom:0}.nos-paso:before{content:"";position:absolute;left:-49px;top:4px;width:16px;height:16px;background:#0061ff;border-radius:50%;border:3px solid #f8fafc;box-shadow:0 0 0 2px #0061ff}.nos-paso-num{font-size:2.5rem;font-weight:800;color:#e2e8f0;line-height:1;min-width:50px}.nos-paso-texto h4{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:10px}.nos-paso-texto p{font-size:.95rem;color:#64748b;line-height:1.7}.nos-valores{padding:100px 8%;background:#fff;border-top:1px solid #e2e8f0}.nos-valores-header{text-align:center;max-width:600px;margin:0 auto 60px}.nos-valores-header h2{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:12px}.nos-valores-header p{font-size:1rem;color:#64748b}.nos-valores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}.nos-valor-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:36px 28px;text-align:center;transition:all .3s ease}.nos-valor-card:hover{border-color:#0061ff;box-shadow:0 12px 36px #0061ff1f;transform:translateY(-6px)}.nos-valor-icon{width:56px;height:56px;background:linear-gradient(135deg,#0061ff,#0051cc);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 6px 16px #0061ff4d}.nos-valor-card h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:10px}.nos-valor-card p{font-size:.87rem;color:#64748b;line-height:1.6}.nos-porque{padding:100px 8%;background:#0f172a}.nos-porque-header{text-align:center;margin-bottom:50px}.nos-porque-header h2{font-size:2.2rem;font-weight:800;color:#fff}.nos-porque-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto}.nos-porque-item{display:flex;align-items:flex-start;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;transition:all .3s}.nos-porque-item:hover{background:#0061ff1a;border-color:#0061ff4d}.nos-porque-check{color:#3b82f6;flex-shrink:0;margin-top:1px}.nos-porque-item span{font-size:.92rem;color:#cbd5e1;line-height:1.5}.nos-cta{padding:100px 8%;background:linear-gradient(135deg,#0061ff,#0051cc);text-align:center}.nos-cta-content{max-width:600px;margin:0 auto}.nos-cta h2{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:14px}.nos-cta p{font-size:1.05rem;color:#ffffffd9;margin-bottom:36px}.nos-btn-cta{background:#fff;color:#0061ff;border:none;padding:18px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-family:inherit}.nos-btn-cta:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 15px 40px #0003}@media(max-width:1024px){.nos-valores-grid,.nos-hero-stats{grid-template-columns:repeat(2,1fr)}.nos-stat:nth-child(2){border-right:none}.nos-stat:nth-child(3),.nos-stat:nth-child(4){border-top:1px solid rgba(255,255,255,.08)}}@media(max-width:768px){.nos-hero{padding:110px 5% 0}.nos-hero-content h1{font-size:2.2rem}.nos-hero-content{padding-bottom:40px}.nos-stat{padding:20px 10px}.nos-stat span{font-size:1.8rem}.nos-section{padding:60px 5%}.nos-historia h2{font-size:1.8rem;margin-bottom:36px}.nos-historia-pasos{padding-left:30px;margin-left:12px}.nos-paso:before{left:-40px}.nos-valores{padding:60px 5%}.nos-valores-header h2{font-size:1.8rem}.nos-porque{padding:60px 5%}.nos-porque-header h2{font-size:1.8rem}.nos-porque-lista{grid-template-columns:1fr}.nos-cta{padding:60px 5%}.nos-cta h2{font-size:1.8rem}}@media(max-width:480px){.nos-hero{padding:90px 4% 0}.nos-hero-content h1{font-size:1.75rem}.nos-hero-content p{font-size:.95rem}.nos-hero-content{padding-bottom:30px}.nos-hero-stats{grid-template-columns:1fr}.nos-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 16px}.nos-stat:nth-child(2){border-right:none}.nos-stat:nth-child(3),.nos-stat:nth-child(4){border-top:none}.nos-stat:last-child{border-bottom:none}.nos-section{padding:50px 4%}.nos-historia h2{font-size:1.5rem}.nos-historia-pasos{padding-left:20px;margin-left:8px}.nos-paso:before{left:-29px;width:14px;height:14px}.nos-paso{gap:16px;padding-bottom:36px}.nos-paso-num{font-size:1.8rem;min-width:36px}.nos-paso-texto h4{font-size:.97rem}.nos-paso-texto p{font-size:.88rem}.nos-valores{padding:50px 4%}.nos-valores-grid{grid-template-columns:1fr}.nos-valor-card{padding:28px 20px}.nos-valores-header h2{font-size:1.5rem}.nos-porque{padding:50px 4%}.nos-porque-header h2{font-size:1.5rem}.nos-porque-item{padding:16px}.nos-cta{padding:50px 4%}.nos-cta h2{font-size:1.5rem}.nos-btn-cta{width:100%;justify-content:center;padding:14px 28px;font-size:.95rem}}@media(max-width:360px){.nos-hero-content h1{font-size:1.4rem}.nos-historia h2,.nos-valores-header h2,.nos-porque-header h2,.nos-cta h2{font-size:1.3rem}.nos-historia-pasos{padding-left:16px;margin-left:4px}.nos-paso:before{left:-24px}}.faq-wrapper{min-height:100vh;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.faq-hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:140px 8% 80px;position:relative;overflow:hidden}.faq-hero-bg{position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,97,255,.2) 0%,transparent 70%);pointer-events:none}.faq-hero-content{position:relative;z-index:1;max-width:650px}.faq-tag{display:inline-block;background:#0061ff33;color:#60a5fa;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(0,97,255,.3)}.faq-hero-content h1{font-size:3.2rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;word-break:break-word}.faq-highlight{color:#3b82f6}.faq-hero-content p{font-size:1.05rem;color:#94a3b8;line-height:1.7}.faq-section{padding:80px 8%;background:#f8fafc}.faq-container{max-width:860px;margin:0 auto}.faq-lista{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s ease}.faq-item:hover{border-color:#0061ff;box-shadow:0 4px 16px #0061ff14}.faq-item--abierto{border-color:#0061ff;box-shadow:0 8px 28px #0061ff1f}.faq-pregunta{display:flex;align-items:center;gap:14px;padding:22px 24px}.faq-pregunta-icono{width:34px;height:34px;min-width:34px;background:#0061ff14;color:#0061ff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.faq-item--abierto .faq-pregunta-icono{background:#0061ff;color:#fff}.faq-pregunta span{flex:1;font-size:.97rem;font-weight:600;color:#0f172a;line-height:1.4;min-width:0}.faq-chevron{color:#94a3b8;flex-shrink:0;transition:color .2s,transform .2s}.faq-item--abierto .faq-chevron{color:#0061ff;transform:rotate(180deg)}.faq-respuesta{padding:0 24px 22px 72px;animation:fadeDown .2s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.faq-respuesta p{font-size:.92rem;color:#64748b;line-height:1.7}.faq-cta{padding:100px 8%;background:linear-gradient(135deg,#0061ff,#0051cc);text-align:center}.faq-cta-content{max-width:600px;margin:0 auto}.faq-cta h2{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:14px}.faq-cta p{font-size:1.05rem;color:#ffffffd9;margin-bottom:36px}.faq-btn-cta{background:#fff;color:#0061ff;border:none;padding:18px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-family:inherit}.faq-btn-cta:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 15px 40px #0003}@media(max-width:768px){.faq-hero{padding:110px 5% 60px}.faq-hero-content h1{font-size:2.2rem}.faq-hero-content p{font-size:.98rem}.faq-section{padding:60px 5%}.faq-pregunta{padding:18px 20px;gap:12px}.faq-respuesta{padding:0 20px 18px}.faq-cta{padding:60px 5%}.faq-cta h2{font-size:1.8rem}}@media(max-width:480px){.faq-hero{padding:90px 4% 48px}.faq-hero-content h1{font-size:1.75rem}.faq-hero-content p{font-size:.92rem}.faq-section{padding:50px 4%}.faq-pregunta{padding:16px;gap:10px;align-items:flex-start}.faq-pregunta-icono{width:28px;height:28px;min-width:28px;margin-top:1px}.faq-pregunta span{font-size:.9rem}.faq-respuesta{padding:0 16px 16px}.faq-respuesta p{font-size:.88rem}.faq-cta{padding:50px 4%}.faq-cta h2{font-size:1.5rem}.faq-cta p{font-size:.95rem}.faq-btn-cta{width:100%;justify-content:center;padding:14px 28px;font-size:.95rem}}@media(max-width:360px){.faq-hero-content h1{font-size:1.4rem}.faq-cta h2{font-size:1.3rem}.faq-pregunta{padding:14px}.faq-pregunta span{font-size:.85rem}.faq-respuesta{padding:0 14px 14px}}.sol-wrapper{min-height:100vh;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.sol-hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:140px 8% 0;position:relative;overflow:hidden}.sol-hero-bg{position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,97,255,.2) 0%,transparent 70%);pointer-events:none}.sol-hero-content{position:relative;z-index:1;max-width:700px;padding-bottom:60px}.sol-tag{display:inline-block;background:#0061ff33;color:#60a5fa;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(0,97,255,.3)}.sol-hero-content h1{font-size:3.5rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;word-break:break-word}.sol-highlight{color:#3b82f6}.sol-hero-content p{font-size:1.1rem;color:#94a3b8;line-height:1.7;max-width:560px;margin-bottom:36px}.sol-btn-primary{background:#0061ff;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-family:inherit}.sol-btn-primary:hover{background:#0051cc;transform:translateY(-2px);box-shadow:0 12px 30px #0061ff66}.sol-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.sol-stat{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.sol-stat:last-child{border-right:none}.sol-stat-num{display:block;font-size:2.2rem;font-weight:800;color:#3b82f6;margin-bottom:6px}.sol-stat-label{font-size:.82rem;color:#64748b;line-height:1.4}.sol-section{padding:100px 8%;background:#f8fafc}.sol-section-header{text-align:center;max-width:600px;margin:0 auto 60px}.sol-section-header h2{font-size:2.4rem;font-weight:800;color:#0f172a;margin-bottom:14px}.sol-section-header p{font-size:1.05rem;color:#64748b;line-height:1.6}.sol-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;max-width:1200px;margin:0 auto;align-items:start}.sol-lista{display:flex;flex-direction:column;gap:6px}.sol-lista-item{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:12px;border:1px solid transparent;background:#fff;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;font-family:inherit}.sol-lista-item:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.sol-lista-item--activo{background:#0061ff;border-color:#0061ff;box-shadow:0 8px 24px #0061ff40}.sol-lista-item--activo .sol-lista-titulo{color:#fff}.sol-lista-item--activo .sol-lista-sub{color:#ffffffb3}.sol-lista-item--activo .sol-lista-icono{background:#fff3;color:#fff}.sol-lista-item--activo .sol-lista-arrow{color:#ffffffb3}.sol-lista-icono{width:42px;height:42px;min-width:42px;background:#f1f5f9;color:#0061ff;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sol-lista-texto{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sol-lista-titulo{font-size:.92rem;font-weight:700;color:#0f172a;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sol-lista-sub{font-size:.78rem;color:#94a3b8;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sol-lista-arrow{color:#cbd5e1;flex-shrink:0;transition:color .2s}.sol-detalle{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:48px;position:sticky;top:80px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sol-detalle-icono{width:60px;height:60px;background:linear-gradient(135deg,#0061ff,#0051cc);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 20px #0061ff4d}.sol-detalle h3{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:6px}.sol-detalle-sub{font-size:.95rem;color:#0061ff;font-weight:600;margin-bottom:20px}.sol-detalle-desc{font-size:.97rem;color:#64748b;line-height:1.7;margin-bottom:28px}.sol-detalle-puntos{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.sol-detalle-puntos li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:#334155;font-weight:500}.sol-check{color:#0061ff;flex-shrink:0;display:flex;align-items:center}.sol-porque{padding:100px 8%;background:#0f172a}.sol-porque-content{max-width:900px;margin:0 auto}.sol-porque-content h2{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:16px;text-align:center}.sol-porque-content>p{font-size:1.05rem;color:#94a3b8;line-height:1.7;text-align:center;max-width:650px;margin:0 auto 50px}.sol-porque-items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sol-porque-item{display:flex;gap:16px;align-items:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s}.sol-porque-item:hover{background:#0061ff1a;border-color:#0061ff4d;transform:translateY(-4px)}.sol-porque-icon{width:44px;height:44px;min-width:44px;background:#0061ff33;color:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center}.sol-porque-item h4{font-size:.97rem;font-weight:700;color:#fff;margin-bottom:6px}.sol-porque-item p{font-size:.87rem;color:#94a3b8;line-height:1.5}.sol-cta{padding:100px 8%;background:linear-gradient(135deg,#0061ff,#0051cc);text-align:center}.sol-cta-content{max-width:600px;margin:0 auto}.sol-cta h2{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:14px}.sol-cta p{font-size:1.05rem;color:#ffffffd9;margin-bottom:36px}.sol-btn-cta{background:#fff;color:#0061ff;border:none;padding:18px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-family:inherit}.sol-btn-cta:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 15px 40px #0003}@media(max-width:1024px){.sol-layout{grid-template-columns:1fr}.sol-detalle{position:static}.sol-porque-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sol-hero{padding:110px 5% 0}.sol-hero-content h1{font-size:2.2rem}.sol-hero-content{padding-bottom:40px}.sol-stat{padding:20px 10px}.sol-stat-num{font-size:1.8rem}.sol-section{padding:60px 5%}.sol-section-header h2{font-size:2rem}.sol-porque{padding:60px 5%}.sol-porque-content h2{font-size:2rem}.sol-porque-items{grid-template-columns:1fr}.sol-cta{padding:60px 5%}.sol-cta h2{font-size:1.8rem}.sol-detalle{padding:28px}.sol-detalle h3{font-size:1.3rem}}@media(max-width:480px){.sol-hero{padding:90px 4% 0}.sol-hero-content h1{font-size:1.75rem}.sol-hero-content p{font-size:.95rem}.sol-hero-content{padding-bottom:30px}.sol-stats{grid-template-columns:1fr}.sol-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:20px}.sol-stat:last-child{border-bottom:none}.sol-section{padding:50px 4%}.sol-section-header h2{font-size:1.6rem}.sol-section-header p{font-size:.95rem}.sol-lista-item{padding:12px 14px}.sol-lista-icono{width:36px;height:36px;min-width:36px}.sol-detalle{padding:20px;border-radius:14px}.sol-detalle h3{font-size:1.2rem}.sol-detalle-desc{font-size:.9rem}.sol-porque{padding:50px 4%}.sol-porque-content h2{font-size:1.6rem}.sol-porque-item{padding:20px}.sol-cta{padding:50px 4%}.sol-cta h2{font-size:1.5rem}.sol-btn-cta,.sol-btn-primary{width:100%;justify-content:center;padding:14px 24px;font-size:.95rem}}@media(max-width:360px){.sol-hero-content h1{font-size:1.5rem}.sol-section-header h2,.sol-porque-content h2,.sol-cta h2{font-size:1.4rem}}.con-wrapper{min-height:100vh;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.con-hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:140px 8% 80px;position:relative;overflow:hidden}.con-hero-bg{position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,97,255,.2) 0%,transparent 70%);pointer-events:none}.con-hero-content{position:relative;z-index:1;max-width:650px}.con-tag{display:inline-block;background:#0061ff33;color:#60a5fa;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px;border:1px solid rgba(0,97,255,.3)}.con-hero-content h1{font-size:3.2rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;word-break:break-word}.con-highlight{color:#3b82f6}.con-hero-content p{font-size:1.05rem;color:#94a3b8;line-height:1.7;max-width:520px}.con-section{padding:80px 8%;background:#f8fafc}.con-container{max-width:1100px;margin:0 auto}.con-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.con-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px 24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.con-card:hover{border-color:#0061ff;box-shadow:0 12px 36px #0061ff1f;transform:translateY(-4px)}.con-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#0061ff,#0051cc);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0061ff4d;flex-shrink:0}.con-card-body h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:6px}.con-card-body p{font-size:.85rem;color:#94a3b8;margin-bottom:8px;line-height:1.5}.con-card-body a{color:#0061ff;font-weight:600;font-size:.92rem;text-decoration:none;transition:color .2s;word-break:break-all}.con-card-body a:hover{color:#0051cc;text-decoration:underline}.con-card-body span{color:#334155;font-size:.92rem;font-weight:500}.con-dudas{padding:80px 8%;background:#0f172a}.con-dudas-header{text-align:center;margin-bottom:50px}.con-dudas-header svg{color:#3b82f6;margin-bottom:16px}.con-dudas-header h2{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:12px}.con-dudas-header p{font-size:1rem;color:#94a3b8}.con-dudas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}.con-duda-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s}.con-duda-item:hover{background:#0061ff1a;border-color:#0061ff4d;transform:translateY(-4px)}.con-duda-item h4{font-size:.97rem;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.4}.con-duda-item p{font-size:.87rem;color:#94a3b8;line-height:1.6}.con-cta{padding:100px 8%;background:linear-gradient(135deg,#0061ff,#0051cc);text-align:center}.con-cta-content{max-width:600px;margin:0 auto}.con-cta h2{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:14px}.con-cta p{font-size:1.05rem;color:#ffffffd9;margin-bottom:36px}.con-btn-cta{background:#fff;color:#0061ff;border:none;padding:18px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-family:inherit}.con-btn-cta:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 15px 40px #0003}@media(max-width:1024px){.con-cards,.con-dudas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.con-hero{padding:110px 5% 60px}.con-hero-content h1{font-size:2.2rem}.con-hero-content p{font-size:.98rem}.con-section{padding:60px 5%}.con-card{padding:24px 20px}.con-dudas{padding:60px 5%}.con-dudas-header h2{font-size:1.8rem}.con-duda-item{padding:22px}.con-cta{padding:60px 5%}.con-cta h2{font-size:1.8rem}}@media(max-width:480px){.con-hero{padding:90px 4% 48px}.con-hero-content h1{font-size:1.75rem}.con-hero-content p{font-size:.92rem}.con-section{padding:50px 4%}.con-cards{grid-template-columns:1fr;gap:16px}.con-card{flex-direction:row;align-items:flex-start;flex-wrap:wrap;padding:24px 20px}.con-card-icon{width:46px;height:46px}.con-card-body{flex:1;min-width:0}.con-dudas{padding:50px 4%}.con-dudas-header h2{font-size:1.5rem}.con-dudas-grid{grid-template-columns:1fr;gap:14px}.con-duda-item{padding:18px}.con-duda-item h4{font-size:.92rem}.con-cta{padding:50px 4%}.con-cta h2{font-size:1.5rem}.con-btn-cta{width:100%;justify-content:center;padding:14px 28px;font-size:.95rem}}@media(max-width:360px){.con-hero-content h1{font-size:1.4rem}.con-dudas-header h2,.con-cta h2{font-size:1.3rem}.con-card{padding:18px 14px}}.legal-content strong{color:#111827;font-weight:500}.legal-page{min-height:100vh;background:#fff;color:#1f2937;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legal-back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:color .2s}.legal-back:hover{color:#111827}.legal-logo{font-size:1.25rem;font-weight:800;color:#111827;cursor:pointer}.legal-logo span{color:#2563eb}.legal-content{max-width:720px;margin:0 auto;padding:3rem 2rem 4rem}.legal-content h1{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.legal-date{color:#6b7280;font-size:.875rem;margin-bottom:3rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.legal-content p{color:#4b5563;margin-bottom:1rem}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{color:#4b5563;margin-bottom:.5rem}.legal-link{background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.legal-link:hover{color:#1d4ed8}.legal-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}.legal-footer p{color:#9ca3af;font-size:.875rem;margin:0}@media(max-width:640px){.legal-header{padding:1rem}.legal-content{padding:2rem 1rem}.legal-content h1{font-size:1.5rem}}