:root{--font-display: "Montserrat", "Inter", system-ui, sans-serif;--content-reading: 72ch;--page-gutter: clamp(1rem, 4vw, 4rem);--section-space: clamp(4.5rem, 9vw, 8.5rem);--surface-shadow: 0 18px 46px -30px rgba(15, 23, 42, .38);--surface-shadow-hover: 0 24px 58px -30px rgba(15, 23, 42, .52)}[data-theme=dark]{--surface-shadow: 0 20px 52px -32px rgba(0, 0, 0, .92);--surface-shadow-hover: 0 26px 64px -34px rgba(0, 0, 0, .96)}html{scrollbar-color:var(--border-strong, var(--line)) var(--bg-color, var(--ink-900));text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}::selection{background:var(--primary-color, var(--iron));color:var(--text-on-primary, var(--text-on-iron))}h1,h2,h3,.auth-brand-title,.auth-form-title,.topbar h1,.legal-header h1,.error-wrap h1{font-family:var(--font-display);text-wrap:balance}p,li,blockquote{text-wrap:pretty}button,a,input,select,textarea{accent-color:var(--primary-color, var(--iron))}button,[role=button],a[class*=btn],.menu a{touch-action:manipulation}@media (pointer: coarse){button,[role=button],input,select,a[class*=btn],.menu a{min-height:44px}}@media (hover: hover){button:not(:disabled),a[class*=btn],.menu a,.doc-card,.faq-question{transition-duration:.22s}}button:active:not(:disabled),a[class*=btn]:active{transform:translateY(1px) scale(.985)}.navbar{position:relative;width:100%;min-height:72px;padding-inline:var(--page-gutter);background:color-mix(in srgb,var(--ink-900, var(--bg-color)) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--line, var(--border-color)) 75%,transparent)}.navbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);pointer-events:none;z-index:-1}.navbar>*:first-child{margin-left:max(0px,calc((100vw - 1440px)/2))}.navbar>.nav-links{margin-right:max(0px,calc((100vw - 1440px)/2))}.logo{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.nav-links a:not(.btn-nav){position:relative;font-weight:600;letter-spacing:-.01em}.nav-links a:not(.btn-nav):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--iron, var(--primary-color));transition:right .24s cubic-bezier(.2,0,0,1)}.nav-links a:not(.btn-nav):hover:after,.nav-links a:not(.btn-nav):focus-visible:after{right:0}.hero{width:min(100%,1440px);margin-inline:auto;min-height:min(860px,calc(100dvh - 72px));display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;padding:clamp(3.5rem,8vw,7rem) var(--page-gutter) clamp(4.5rem,9vw,8rem);gap:clamp(2.5rem,7vw,7rem)}.hero:before{content:"";position:absolute;left:var(--page-gutter);top:clamp(3rem,8vw,7rem);width:clamp(3.25rem,7vw,6.5rem);height:3px;background:var(--iron, var(--primary-color));transform-origin:left;animation:apex-line-in .68s cubic-bezier(.16,1,.3,1) both}@keyframes apex-line-in{0%{transform:scaleX(.08);opacity:.25}to{transform:scaleX(1);opacity:1}}.hero-left,.hero-right{width:auto;max-width:none}.hero-left h1{max-width:10.5ch;margin-top:clamp(1.5rem,4vw,3rem);font-size:clamp(3.1rem,6.2vw,6.4rem);line-height:.9;letter-spacing:-.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hero-left h1 mark{padding-inline:0}.hero-left h1 mark:after{height:.14em;bottom:-.01em;opacity:.8}.hero-left h1 mark.hero-scramble,.hero-scramble{position:relative;display:inline-block;vertical-align:baseline;animation:apex-title-in .76s cubic-bezier(.16,1,.3,1) both}.hero-scramble:nth-of-type(2){animation-delay:90ms}.hero-scramble-ghost{display:inline-block;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:normal}.hero-scramble-live{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;white-space:normal;pointer-events:none}@keyframes apex-title-in{0%{opacity:.01;clip-path:inset(0 100% 0 0);transform:translateY(.18em)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}.hero-sub{max-width:52ch;margin-top:clamp(1.5rem,3vw,2.25rem);font-size:clamp(1rem,1.3vw,1.15rem)}.hero-buttons{align-items:center}.btn-primary,.btn-secondary,.btn-nav,.plan-cta{border-radius:var(--r-sm, var(--radius-sm));font-weight:700;letter-spacing:-.01em}.btn-primary,.btn-nav{box-shadow:var(--surface-shadow)}.btn-primary:hover,.btn-nav:hover,.plan-cta:hover,.btn-primary-cta:hover{box-shadow:var(--surface-shadow-hover)}.board{border-width:1px;border-radius:var(--r-lg, var(--radius-lg)) var(--r-lg, var(--radius-lg)) var(--r-sm, var(--radius-sm)) var(--r-lg, var(--radius-lg));padding:clamp(1.25rem,2.6vw,2rem);box-shadow:var(--surface-shadow)}.board-header{align-items:baseline}.board-grid{grid-template-columns:1.15fr .85fr;gap:.75rem}.board-stat{border-radius:var(--r-sm, var(--radius-sm));padding:clamp(.9rem,1.7vw,1.25rem)}.board-stat:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.board-stat:first-child .board-value{font-size:clamp(2rem,4vw,3rem)}.board-stat:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;column-gap:1rem}.board-stat:last-child .board-bars{grid-column:1 / -1}.ticker{transform:none}.ticker-track{width:auto;justify-content:center;flex-wrap:wrap;animation:none}.live-dot{animation:none}.hero-texture{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M-6 6L6-6M0 44L44 0M38 50L50 38' fill='none' stroke='%23eab308' stroke-opacity='.52' stroke-width='.7'/%3E%3Cpath d='M38-6L50 6M0 0L44 44M-6 38L6 50' fill='none' stroke='%2394a3b8' stroke-opacity='.18' stroke-width='.7'/%3E%3C/svg%3E")}.features,.planes,.cita,.cta,.site-footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.features,.planes{padding-top:var(--section-space);padding-bottom:var(--section-space)}.section-header{max-width:820px;margin:0 0 clamp(3rem,7vw,5.75rem);text-align:left}.section-header h2{max-width:16ch;font-size:clamp(2.35rem,5.2vw,5rem);line-height:.96;letter-spacing:-.04em}.section-sub{max-width:57ch;margin-top:1.5rem}.js-reveal .section-header,.js-reveal .feature,.js-reveal .plan,.js-reveal .cita-content{opacity:1;transform:none}.features-grid{max-width:1280px;margin-inline:auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--line, var(--border-color));border-block:1px solid var(--line, var(--border-color))}.feature{grid-column:span 5;min-height:18rem;padding:clamp(2rem,4vw,3.5rem);background:var(--ink-900, var(--bg-color));border:0;border-radius:0;box-shadow:none}.feature:nth-child(1),.feature:nth-child(4){grid-column:span 7}.feature:nth-child(2),.feature:nth-child(3){background:var(--ink-800, var(--bg-surface))}.feature h3{max-width:15ch;margin-top:clamp(2.5rem,7vw,5rem);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.05}.feature p{max-width:46ch}.feature:hover{transform:none;box-shadow:inset 0 -3px 0 var(--iron, var(--primary-color))}.plate-icon{width:2.4rem;height:2.4rem;border-width:2px}.cita{background:var(--ink-800, var(--bg-surface))}.cita-content{max-width:1120px;margin-inline:auto}.cita blockquote{max-width:24ch;font-size:clamp(2rem,4.4vw,4.6rem);line-height:1.03;letter-spacing:-.04em}.planes-grid{max-width:1180px;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);grid-template-areas:"pro basic" "pro enterprise";align-items:stretch;gap:1rem}.plan:nth-child(1){grid-area:basic}.plan:nth-child(2){grid-area:pro}.plan:nth-child(3){grid-area:enterprise}.plan{border-radius:var(--r-sm, var(--radius-sm)) var(--r-lg, var(--radius-lg)) var(--r-sm, var(--radius-sm)) var(--r-sm, var(--radius-sm));box-shadow:var(--surface-shadow)}.plan.destacado{justify-content:center;padding:clamp(2.25rem,5vw,5rem);border-radius:var(--r-lg, var(--radius-lg)) var(--r-sm, var(--radius-sm)) var(--r-lg, var(--radius-lg)) var(--r-lg, var(--radius-lg))}.plan.destacado h3{font-size:clamp(2.25rem,4vw,4rem)}.plan.destacado .precio{font-size:clamp(3rem,5.2vw,5.2rem)}.plan:hover{transform:translateY(-3px);box-shadow:var(--surface-shadow-hover)}.plan-tag,.save-badge{border-radius:var(--r-sm, var(--radius-sm))}.cta-content{max-width:860px}.cta-content h2{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.95;letter-spacing:-.04em}.site-footer{padding-bottom:max(1.875rem,env(safe-area-inset-bottom))}.auth-brand-logo,.auth-mobile-logo{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.auth-brand-title{max-width:12ch;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;letter-spacing:-.04em}.auth-form-container{border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-lg);box-shadow:var(--surface-shadow)}.auth-form-title{letter-spacing:-.04em}.flushed-input{min-height:3.25rem;font-size:1rem}.btn-primary-cta,.btn-social-ghost{min-height:3.25rem;border-radius:var(--radius-sm)}.dashboard,.content{min-height:100vh;min-height:100dvh}.sidebar .logo,.topbar h1{font-family:var(--font-display)}.content{padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.topbar h1{font-size:clamp(1.85rem,3vw,3rem);letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.cards>.card{grid-column:span 3;min-width:0;border-radius:var(--radius-sm);box-shadow:none}.cards>.card:nth-child(1){grid-column:span 4}.cards>.card:nth-child(2){grid-column:span 3}.cards>.card:nth-child(3){grid-column:span 3}.cards>.card:nth-child(4){grid-column:span 2}.card:after{left:1rem;right:auto;width:2.5rem;height:3px;background:var(--primary-color);opacity:.9}.card:hover{transform:translateY(-2px);box-shadow:var(--surface-shadow)}.table-container,.ajustes-card,.reporte-card{border-radius:var(--radius-sm) var(--radius-lg) var(--radius-sm) var(--radius-sm)}.table-scroll{overscroll-behavior-inline:contain;scrollbar-gutter:stable}table{font-variant-numeric:tabular-nums}.modal-content{width:min(94vw,42rem);max-height:min(88dvh,54rem);overflow:auto;overscroll-behavior:contain}.legal-header,.legal-content,.doc-container,.status-container,.contact-container{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.legal-page{overflow-x:visible}.legal-header{padding-top:clamp(4.5rem,10vw,8rem);padding-bottom:clamp(3rem,7vw,5.5rem)}.legal-header h1{max-width:16ch;margin-inline:auto;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.96;letter-spacing:-.04em}.legal-content{max-width:var(--content-reading)}.legal-content p,.legal-content li{font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.78}.doc-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.doc-card{grid-column:span 5}.doc-card:nth-child(1),.doc-card:nth-child(4){grid-column:span 7}.footer-col h2{display:block;position:static;margin-bottom:18px;color:var(--chalk, var(--text-primary));font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:1.5px;line-height:1.3;text-transform:uppercase}@media (max-width: 1024px){.hero{grid-template-columns:1fr;min-height:auto;text-align:left}.hero-left,.hero-right{max-width:760px;margin-inline:auto}.hero-sub{margin-left:0;margin-right:0}.hero-buttons{justify-content:flex-start}.features-grid{grid-template-columns:1fr 1fr}.feature,.feature:nth-child(n){grid-column:auto}.cards>.card,.cards>.card:nth-child(n){grid-column:span 6}}@media (max-width: 768px){:root{--page-gutter: clamp(1rem, 5vw, 1.5rem);--section-space: clamp(4rem, 18vw, 6rem)}.navbar{min-height:64px;z-index:1050}.navbar>*:first-child,.navbar>.nav-links{margin-left:0;margin-right:0}.nav-links{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.hero{padding-top:3.5rem;padding-bottom:4.5rem;gap:2.5rem}.hero:before{top:2.5rem}.hero-left h1{margin-top:1.25rem;font-size:clamp(2.75rem,14vw,4.25rem)}.hero-buttons{display:grid;grid-template-columns:1fr}.board-grid{grid-template-columns:1fr 1fr}.board-stat:first-child{grid-row:auto}.board-stat:first-child .board-value{font-size:1.65rem}.board-stat:last-child{grid-column:auto;display:block}.board-stat:last-child .board-bars{grid-column:auto}.section-header h2{font-size:clamp(2.4rem,11vw,3.8rem)}.legal-header h1{font-size:clamp(1.9rem,9.5vw,3rem)}.features-grid{grid-template-columns:1fr}.feature{min-height:auto;padding:2rem 1.25rem 2.5rem}.feature h3{margin-top:2rem}.planes-grid{grid-template-columns:1fr;grid-template-areas:"pro" "basic" "enterprise"}.plan,.plan.destacado{padding:2rem 1.35rem;border-radius:var(--r-sm, var(--radius-sm)) var(--r-lg, var(--radius-lg)) var(--r-sm, var(--radius-sm)) var(--r-sm, var(--radius-sm))}.plan.destacado .precio{font-size:clamp(2.7rem,14vw,4rem)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.auth-split-grid{min-height:100dvh}.auth-form-panel{padding:max(4.25rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom));align-items:stretch}.auth-form-container{width:100%;max-width:34rem;margin-inline:auto;padding:clamp(1.5rem,7vw,2.4rem);border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-lg)}.cards>.card,.cards>.card:nth-child(n){grid-column:span 6}.content{padding-inline:1rem}.topbar{align-items:flex-start;gap:1rem}.user-box{max-width:100%}.doc-grid{grid-template-columns:1fr;min-width:0}.doc-card,.doc-card:nth-child(n){grid-column:auto;min-width:0;overflow-wrap:anywhere}.cookie-banner{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));width:auto}}@media (max-width: 480px){.hero-left h1{font-size:clamp(1.85rem,8.5vw,2.35rem);line-height:1.05;overflow-wrap:break-word}.board{padding:1rem}.board-stat{min-width:0;padding:.85rem}.board-value{font-size:1.2rem}.board-trend{font-size:.64rem}.pricing-toggle{justify-content:flex-start}.footer-grid,.cards{grid-template-columns:1fr}.cards>.card,.cards>.card:nth-child(n){grid-column:auto}.table-header{align-items:stretch}.table-header button{width:100%;justify-content:center}.auth-form-panel{padding-inline:.75rem}.auth-form-container{padding:1.35rem;border-radius:var(--radius-md) var(--radius-sm) var(--radius-md) var(--radius-md)}.auth-form-title{font-size:clamp(1.85rem,10vw,2.4rem)}}@media (prefers-reduced-motion: reduce){.hero:before{animation:none}.hero-left h1 mark.hero-scramble,.hero-scramble{animation:none}}.cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:480px;background:var(--bg-surface, var(--ink-800, #18181b));color:var(--text-primary, var(--chalk, #f8fafc));border:1px solid var(--border-color, var(--line, #27272a));padding:16px 24px;border-radius:var(--radius-lg, var(--r-lg, 14px));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));display:flex;flex-direction:column;gap:16px;z-index:var(--z-modal, 2000);transform:translateY(120%);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.cookie-banner.visible{transform:translateY(0);opacity:1}.cookie-content p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-muted, var(--steel-dim, #94a3b8))}.cookie-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cookie{padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm, var(--r-sm, 6px));cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid transparent}.btn-cookie.btn-primary{background:var(--primary-color, var(--iron, #eab308));color:var(--text-on-primary, var(--text-on-iron, #0f172a));border-color:var(--primary-color, var(--iron, #eab308))}.btn-cookie.btn-primary:hover{background:var(--primary-hover, var(--iron-bright, #ca8a04));border-color:var(--primary-hover, var(--iron-bright, #ca8a04))}.btn-cookie.btn-secondary{background:transparent;color:var(--text-primary, var(--chalk, #1e293b));border-color:var(--border-color, var(--line, #e2e8f0))}.btn-cookie.btn-secondary:hover{background:var(--bg-elevated, var(--ink-750, #f1f5f9))}@media (max-width: 768px){.cookie-banner{bottom:16px;left:16px;right:16px;max-width:100%;padding:12px 16px}}
