:root{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 8px 20px rgba(15, 23, 42, .06);--shadow-md: 0 18px 38px rgba(15, 23, 42, .1);--shadow-lg: 0 26px 60px rgba(15, 23, 42, .16);--transition-fast: .16s ease;--transition-base: .22s ease}body.theme-light{--color-bg: #f6f1e8;--color-bg-alt: #fbfaf7;--color-surface: rgba(255, 255, 255, .78);--color-surface-strong: #ffffff;--color-surface-soft: #f8f5ef;--color-text: #0f172a;--color-text-soft: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: rgba(15, 23, 42, .1);--color-border-strong: rgba(15, 23, 42, .16);--color-primary: #0f172a;--color-primary-2: #1e293b;--color-accent: #b9985a;--color-accent-strong: #9e7d41;--color-success: #15803d;--color-warning: #c2410c;--color-danger: #dc2626;--color-info: #2563eb;--gradient-page: radial-gradient(circle at top left, rgba(15, 23, 42, .08), transparent 28%), radial-gradient(circle at bottom right, rgba(185, 152, 90, .12), transparent 24%), linear-gradient(180deg, #f6f1e8 0%, #f8f4ed 48%, #fcfbf8 100%);--gradient-primary: #0f172a;--gradient-accent: #8b5cf6;--glow-accent: 0 0 0 1px rgba(139, 92, 246, .18), 0 10px 28px rgba(139, 92, 246, .22)}body.theme-dark{--color-bg: #090d14;--color-bg-alt: #0f1722;--color-surface: rgba(15, 23, 42, .74);--color-surface-strong: #111827;--color-surface-soft: #0f172a;--color-text: #f8fafc;--color-text-soft: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-primary: #e2e8f0;--color-primary-2: #cbd5e1;--color-accent: #c9a96d;--color-accent-strong: #e3bf7a;--color-success: #4ade80;--color-warning: #fb923c;--color-danger: #f87171;--color-info: #60a5fa;--gradient-page: radial-gradient(circle at top left, rgba(99, 102, 241, .14), transparent 25%), radial-gradient(circle at bottom right, rgba(185, 152, 90, .12), transparent 22%), linear-gradient(180deg, #090d14 0%, #0b1220 48%, #0f172a 100%);--gradient-primary: #c9a96d;--gradient-accent: #8b5cf6;--glow-accent: 0 0 0 1px rgba(139, 92, 246, .26), 0 12px 34px rgba(139, 92, 246, .26)}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:var(--gradient-page);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--transition-base),color var(--transition-base)}app-root,router-outlet{display:contents}h1,h2{margin:0;color:var(--color-text);font-family:var(--font-display);font-weight:400;font-style:normal;line-height:1.04;letter-spacing:-.01em}h3,h4,h5,h6{margin:0;color:var(--color-text);line-height:1.1;letter-spacing:-.025em;font-weight:700}p{margin:0 0 1rem;color:var(--color-text-soft)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#8b5cf638}.container{width:min(1200px,calc(100% - 32px));margin:0 auto}.surface{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface-strong{background:var(--color-surface-strong);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.btn,button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn:hover,button:hover{transform:translateY(-1px)}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn-outline:hover{background:var(--color-surface-strong);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-soft);border-color:transparent}.btn-ghost:hover{color:var(--color-text);background:#ffffff0a}.theme-toggle{width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;padding:0;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 52px;box-shadow:0 16px 28px #0f172a29;z-index:1200}body.theme-dark .theme-toggle{background:var(--color-accent);color:#07101f;border-color:#c9a96d6b}.theme-toggle:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 20px 32px #0f172a33}.theme-toggle-icon{font-size:1.12rem;line-height:1;transform:translateY(-1px)}.theme-toggle-global{position:fixed;top:16px;right:24px}@media(max-width:900px){.theme-toggle{width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;flex-basis:50px;border-radius:15px}.theme-toggle-global{top:16px;right:20px}}@media(max-width:768px){.theme-toggle{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;flex-basis:48px;border-radius:14px}.theme-toggle-global{top:14px;right:14px}}.form-group{margin-bottom:18px}label{display:block;margin-bottom:8px;color:var(--color-text);font-size:.92rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-strong);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}textarea{min-height:120px;padding:14px 16px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf624}.error-msg{display:block;margin-top:8px;color:var(--color-danger);font-size:.82rem;font-weight:600}.navbar-shell{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-title{font-size:clamp(2rem,4vw,3.5rem);line-height:.96;letter-spacing:-.05em}.section-copy{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75;color:var(--color-text-soft)}.page-shell{min-height:100vh;background:transparent;color:var(--color-text)}.muted{color:var(--color-text-muted)}.divider{height:1px;width:100%;background:var(--color-border)}@media(max-width:768px){.container{width:min(100% - 24px,1200px)}.card{padding:20px;border-radius:20px}.btn,button.btn,a.btn{min-height:46px;padding:0 18px}.theme-toggle{width:46px;min-width:46px;height:46px;border-radius:14px}}.app-control-dock{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:1400;display:flex;align-items:center;gap:12px}.app-control-btn{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease,background .2s ease}.app-control-btn:hover{transform:translateY(-1px)}.app-control-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.nav-control-btn{width:52px;min-width:52px;height:52px;border-radius:16px;background:#0f172ae0;border:1px solid rgba(148,163,184,.24);box-shadow:0 16px 28px #0f172a2e,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8fafc}.nav-control-btn:hover{filter:brightness(1.05);box-shadow:0 18px 32px #0f172a38,inset 0 1px #ffffff0d}.nav-control-btn .app-control-icon{font-size:1.1rem;font-weight:800}.theme-control-btn{width:52px;min-width:52px;height:52px;border-radius:16px;background:#0f172a;box-shadow:0 16px 28px #0f172a2e;color:#fff}body.theme-dark .theme-control-btn{background:#c9a96d;color:#07101f}.theme-control-btn:hover{filter:brightness(1.04);box-shadow:0 20px 34px #0f172a38}.theme-control-btn .app-control-icon{font-size:1.15rem;transform:translateY(-1px)}@media(max-width:768px){.app-control-dock{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:10px}.nav-control-btn,.theme-control-btn{width:48px;min-width:48px;height:48px;border-radius:14px}}body.theme-light :is(.btn-primary,.btn-continuar,.btn-sign,.btn-dashboard,.btn-pay,.btn-cs,.btn-new,.btn-tutela,button.mercado-method,.btn-refresh.primary,.btn-save-status,.btn-confirm-pay,.btn-action.petition,.btn-action.found,.btn-action.paid,.cta-button,.payment-button,.payment-link-row button,.coupon-row button,.selected-method-panel button){background:#0f172a!important;background-image:none!important;color:#fff!important;border-color:#0f172a!important;box-shadow:0 16px 32px #0f172a2e!important}body.theme-dark :is(.btn-primary,.btn-continuar,.btn-sign,.btn-dashboard,.btn-pay,.btn-cs,.btn-new,.btn-tutela,button.mercado-method,.btn-refresh.primary,.btn-save-status,.btn-confirm-pay,.btn-action.petition,.btn-action.found,.btn-action.paid,.cta-button,.payment-button,.payment-link-row button,.coupon-row button,.selected-method-panel button){background:#c9a96d!important;background-image:none!important;color:#07101f!important;border-color:#c9a96d!important;box-shadow:0 16px 32px #c9a96d38!important}body.theme-light :is(.btn-primary,.btn-continuar,.btn-sign,.btn-dashboard,.btn-pay,.btn-cs,.btn-new,.btn-tutela,button.mercado-method,.btn-refresh.primary,.btn-save-status,.btn-confirm-pay,.btn-action.petition,.btn-action.found,.btn-action.paid,.cta-button,.payment-button,.payment-link-row button,.coupon-row button,.selected-method-panel button):hover:not(:disabled){background:#162447!important;background-image:none!important}body.theme-dark :is(.btn-primary,.btn-continuar,.btn-sign,.btn-dashboard,.btn-pay,.btn-cs,.btn-new,.btn-tutela,button.mercado-method,.btn-refresh.primary,.btn-save-status,.btn-confirm-pay,.btn-action.petition,.btn-action.found,.btn-action.paid,.cta-button,.payment-button,.payment-link-row button,.coupon-row button,.selected-method-panel button):hover:not(:disabled){background:#d9b978!important;background-image:none!important}body :is(.btn-primary,.btn-continuar,.btn-sign,.btn-dashboard,.btn-pay,.btn-cs,.btn-new,.btn-tutela,button.mercado-method,.btn-refresh.primary,.btn-save-status,.btn-confirm-pay,.btn-action.petition,.btn-action.found,.btn-action.paid,.cta-button,.payment-button,.payment-link-row button,.coupon-row button,.selected-method-panel button):disabled{background:#64748b!important;background-image:none!important;color:#ffffffd1!important;border-color:#64748b!important;box-shadow:none!important}body.theme-light button.mercado-method{background:#fff!important;background-image:none!important;color:#0f172a!important;border-color:#0f172a24!important;box-shadow:0 12px 24px #0f172a0f!important}body.theme-dark button.mercado-method{background:#111827!important;background-image:none!important;color:#f8fafc!important;border-color:#c9a96d3d!important;box-shadow:0 14px 28px #02081742!important}body.theme-light button.mercado-method:is(:hover,:focus-visible,.active){background:#f8fafc!important;border-color:#c9a96d!important}body.theme-dark button.mercado-method:is(:hover,:focus-visible,.active){background:#182235!important;border-color:#c9a96d!important}body button.mercado-method .method-logo-frame{background:#f8fafc!important;background-image:none!important}body button.mercado-method:disabled{background:#64748b!important;background-image:none!important;color:#ffffffd1!important;border-color:#64748b!important;box-shadow:none!important}