:root{--color-primary-50:#f3f6f4;--color-primary-100:#e2ebe4;--color-primary-200:#c6d6ca;--color-primary-300:#a1bba7;--color-primary-400:#789980;--color-primary-500:#54785c;--color-primary-600:#3d5a45;--color-primary-700:#324939;--color-primary-800:#293b2e;--color-primary-900:#223027;--color-accent-50:#ecfdf5;--color-accent-100:#d1fae5;--color-accent-200:#a7f3d0;--color-accent-300:#6ee7b7;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-accent-800:#065f46;--color-accent-900:#064e3b;--surface-body:#faf9f6;--surface-card:#fff;--surface-card-alt:#f4f3ee;--surface-elevated:#fff;--surface-input:#fff;--surface-modal:#fff;--surface-hover:#3d5a450f;--border-subtle:#0000000d;--border-default:#00000014;--border-strong:#00000026;--border-accent:var(--color-primary-600);--text-primary:#2c2c2c;--text-secondary:#5a5a5a;--text-muted:#8e8e8e;--text-inverse:#faf9f6;--text-accent:var(--color-primary-600);--text-success:var(--color-accent-600);--text-error:#c2410c;--text-warning:#b45309;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1200px;--container-narrow:800px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001f;--shadow-glow:0 0 30px #3d5a451a;--shadow-glow-accent:0 0 30px #10b9811a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-splash:9999}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-body);min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold);text-wrap:balance}p{text-wrap:pretty}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-body)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-600);color:#fff}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section{padding-block:var(--space-20);position:relative}.section--compact{padding-block:var(--space-12)}.section__title{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);text-align:center;margin-bottom:var(--space-4);color:var(--text-primary)}.section__title span{background:linear-gradient(135deg, var(--color-primary-800), var(--color-primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section__subtitle{text-align:center;color:var(--text-secondary);font-size:var(--text-md);max-width:640px;margin-inline:auto;margin-bottom:var(--space-12);line-height:var(--leading-relaxed)}.section__title--left{text-align:left}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;line-height:1.4;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));color:var(--text-inverse);border-color:var(--color-primary-500);box-shadow:var(--shadow-md), 0 0 20px #3d5a4526}.btn--primary:hover{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-400));box-shadow:var(--shadow-lg), 0 0 30px #3d5a4540;transform:translateY(-2px)}.btn--secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn--secondary:hover{background:var(--surface-hover);border-color:var(--color-primary-500);color:var(--color-primary-600);transform:translateY(-2px)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn__icon{fill:currentColor;width:18px;height:18px}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--color-primary-600);background:#3d5a451a;border:1px solid #3d5a4533;display:inline-flex}.badge__dot{background:var(--color-accent-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media (width<=1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding-block:var(--space-12)}.section__title{font-size:var(--text-3xl)}.section__subtitle{font-size:var(--text-base)}.container{padding-inline:var(--space-4)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media (width<=480px){.section__title{font-size:var(--text-2xl)}.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}.splash{z-index:var(--z-splash);justify-content:center;align-items:center;gap:var(--space-6);background:var(--surface-body);flex-direction:column;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash__logo{width:auto;height:64px;animation:2s ease-in-out infinite splash-float}.splash__loader{border:3px solid var(--border-subtle);border-top-color:var(--color-primary-500);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes splash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.reveal-scale{opacity:0;transition:opacity .7s,transform .7s;transform:scale(.95)}.reveal.active,.reveal-left.active,.reveal-right.active,.reveal-scale.active{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background-size:200% 200%;animation:6s infinite gradient-shift}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #3385ff1a}50%{box-shadow:0 0 40px #3385ff40}}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.navbar{z-index:var(--z-sticky);padding-block:var(--space-4);transition:all var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.navbar.is-scrolled{-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border-subtle);padding-block:var(--space-3);box-shadow:var(--shadow-md);background:#faf9f6d9}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.navbar__logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-.02em;transition:opacity var(--transition-fast);display:flex}.navbar__logo:hover{opacity:.85}.navbar__logo-img{border-radius:var(--radius-sm);width:auto;height:36px}.navbar__logo span{color:var(--color-primary-600)}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__links a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast)}.navbar__links a:hover{color:var(--text-primary);background:var(--surface-hover)}.navbar__cta{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-inverse);background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));border-radius:var(--radius-md);border:1px solid var(--color-primary-500);transition:all var(--transition-base)}.navbar__cta:hover{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-400));transform:translateY(-1px);box-shadow:0 0 20px #3d5a4533}.navbar__hamburger{padding:var(--space-2);cursor:pointer;flex-direction:column;gap:5px;display:none}.navbar__hamburger span{background:var(--text-primary);border-radius:var(--radius-full);width:22px;height:2px;transition:all var(--transition-base);display:block}.navbar__hamburger.is-active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger.is-active span:nth-child(2){opacity:0}.navbar__hamburger.is-active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar__links,.navbar__cta{display:none}.navbar__hamburger{display:flex}.navbar__links.is-open{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);gap:var(--space-1);background:#faf9f6f2;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.navbar__links.is-open a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);width:100%}.navbar__cta.is-open{top:calc(100% + 200px);left:var(--space-6);right:var(--space-6);text-align:center;justify-content:center;display:inline-flex;position:absolute}}.hero{padding-top:calc(var(--space-24) + var(--space-8));padding-bottom:var(--space-20);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3d5a451a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;left:-150px}.hero__inner{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero__content{z-index:1;position:relative}.hero__title{font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-6);letter-spacing:-.03em}.hero__title span{background:linear-gradient(135deg, var(--color-primary-800), var(--color-primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:540px}.hero__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__visual{z-index:1;position:relative}.hero__window{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl), var(--shadow-glow);overflow:hidden}.hero__window-bar{padding:var(--space-3) var(--space-4);background:var(--surface-card-alt);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.hero__window-title{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.hero__window-dots{gap:var(--space-2);display:flex}.hero__window-dot{border-radius:50%;width:10px;height:10px}.hero__window-dot--close{background:#ef4444}.hero__window-dot--min{background:#eab308}.hero__window-dot--max{background:#22c55e}.hero__screenshot{width:100%;height:auto;display:block}@media (width<=1024px){.hero__title{font-size:var(--text-4xl)}.hero__inner{gap:var(--space-8)}}@media (width<=768px){.hero{padding-top:calc(var(--space-20) + var(--space-4));padding-bottom:var(--space-12);min-height:auto}.hero__inner{text-align:center;grid-template-columns:1fr}.hero__title{font-size:var(--text-3xl)}.hero__description{font-size:var(--text-md);margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{order:-1}}@media (width<=480px){.hero__title{font-size:var(--text-2xl)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}}.services{position:relative}.services__grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.service-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-slow);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-500));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-6px)}.service-card:hover:before{opacity:1}.service-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-5);color:var(--color-primary-600);transition:all var(--transition-base);background:#3d5a451a;justify-content:center;align-items:center;display:flex}.service-card:hover .service-card__icon{background:#3d5a452e;transform:scale(1.05)}.service-card__icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.service-card--web .service-card__icon{color:var(--color-accent-400);background:#10b9811a}.service-card--billing .service-card__icon{color:var(--text-warning);background:#fbbf241a}.service-card--support .service-card__icon{color:#a855f7;background:#a855f71a}.service-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--text-primary)}.service-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.service-card__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-600);transition:gap var(--transition-fast), color var(--transition-fast);display:inline-flex}.service-card__link:hover{gap:var(--space-3);color:var(--color-primary-800)}.service-card__link svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px;transition:transform var(--transition-fast)}.service-card:hover .service-card__link svg{transform:translate(3px)}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services__grid{grid-template-columns:1fr}.service-card{padding:var(--space-6)}}.about{position:relative}.about__card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-12);gap:var(--space-12);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.about__content h2{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.about__content h2 span{background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about__content p{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.about__content p strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.about__stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.about__stat{text-align:center;padding:var(--space-6);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about__stat:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.about__stat-value{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));-webkit-text-fill-color:transparent;margin-bottom:var(--space-1);-webkit-background-clip:text;background-clip:text}.about__stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.about__values{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.about__value{text-align:center;padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about__value:hover{border-color:var(--border-default);transform:translateY(-3px)}.about__value-icon{width:40px;height:40px;margin:0 auto var(--space-4);border-radius:var(--radius-md);color:var(--color-primary-400);background:#3385ff1a;justify-content:center;align-items:center;display:flex}.about__value-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:20px;height:20px}.about__value-title{font-size:var(--text-md);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.about__value-text{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}@media (width<=1024px){.about__card{padding:var(--space-8);grid-template-columns:1fr}.about__stats{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.about__card{padding:var(--space-6)}.about__stats{grid-template-columns:repeat(2,1fr)}.about__values{grid-template-columns:1fr}}.portfolio{background:var(--surface-card-alt);position:relative}.portfolio-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-6px)}.portfolio-card__image-container{background:var(--surface-card-alt);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.portfolio-card__badge{top:var(--space-3);left:var(--space-3);z-index:2;font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;-webkit-backdrop-filter:blur(4px);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:#050a18bf;position:absolute}.portfolio-card__mockup-bg{width:100%;height:100%;transition:transform var(--transition-slow);justify-content:center;align-items:center;display:flex}.portfolio-card:hover .portfolio-card__mockup-bg{transform:scale(1.05)}.garden-mock{background:linear-gradient(135deg,#1b3d2b 0%,#0c1c14 100%);position:relative}.garden-mock:after{content:"🌿 El Jardinero";font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:var(--color-accent-300);text-shadow:0 4px 10px #00000080;letter-spacing:-.02em}.alvear-mock{background:linear-gradient(135deg,#182a54 0%,#0c1428 100%);position:relative}.alvear-mock:after{content:"📦 Alvear Portal B2B";font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:var(--color-primary-300);text-shadow:0 4px 10px #00000080;letter-spacing:-.02em}.camelias-mock{background:linear-gradient(135deg,#3d1b32 0%,#1c0c17 100%);position:relative}.camelias-mock:after{content:"🌸 Las Camelias";font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:#f472b6;text-shadow:0 4px 10px #00000080;letter-spacing:-.02em}.portfolio-card__content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.portfolio-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.portfolio-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-4);flex:1}.portfolio-card__tags{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.portfolio-card__tags span{font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--surface-card-alt);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);padding:2px 8px}.portfolio-card:hover .portfolio-card__tags span{border-color:var(--border-default)}.portfolio-card__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-600);transition:gap var(--transition-fast), color var(--transition-fast);display:inline-flex}.portfolio-card__link:hover{gap:var(--space-3);color:var(--color-primary-800)}.portfolio-card__link svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px;transition:transform var(--transition-fast)}.portfolio-card:hover .portfolio-card__link svg{transform:translate(3px)}.simulator{--color-primary-50:#eef6ff;--color-primary-100:#d9ecff;--color-primary-200:#bcddff;--color-primary-300:#8ec8ff;--color-primary-400:#59a8ff;--color-primary-500:#3385ff;--color-primary-600:#1b65f5;--color-primary-700:#1450e1;--color-primary-800:#1741b6;--color-primary-900:#193a8f;--color-accent-50:#ecfdf5;--color-accent-100:#d1fae5;--color-accent-200:#a7f3d0;--color-accent-300:#6ee7b7;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-accent-800:#065f46;--color-accent-900:#064e3b;--surface-body:#050a18;--surface-card:#0c1428;--surface-card-alt:#111c35;--surface-elevated:#162040;--surface-input:#0e1730;--surface-modal:#0c1428;--surface-hover:#3385ff0f;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-accent:var(--color-primary-500);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-accent:var(--color-primary-400);--text-success:var(--color-accent-400);--text-error:#f87171;--text-warning:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #0000004d;--shadow-xl:0 16px 50px #0006;--shadow-glow:0 0 30px #3385ff26;--shadow-glow-accent:0 0 30px #10b98126;position:relative}.simulator__wrapper{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-height:500px;max-height:620px;display:flex;overflow:hidden}.sim-sidebar{background:var(--surface-card-alt);border-right:1px solid var(--border-subtle);width:200px;min-width:200px;padding-top:var(--space-4);flex-direction:column;display:flex}.sim-sidebar__logo{padding:var(--space-2) var(--space-4);justify-content:center;align-items:center;display:flex}.sim-sidebar__logo img{border-radius:var(--radius-xs);height:32px}.sim-sidebar__tagline{text-align:center;padding:0 var(--space-3) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.sim-sidebar__divider{background:var(--border-subtle);height:1px;margin:var(--space-2) var(--space-4)}.sim-menu{padding:var(--space-2) var(--space-3);flex:1}.sim-menu li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.sim-menu li:hover{background:var(--surface-hover);color:var(--text-primary)}.sim-menu li.active{color:var(--color-primary-400);font-weight:var(--weight-semibold);background:#3385ff1f}.sim-menu li svg{stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0;width:16px;height:16px}.sim-sidebar__bottom{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.sim-sidebar__user{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) var(--space-3)}.sim-sidebar__logout{font-size:var(--text-xs);color:var(--text-error);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sim-sidebar__logout:hover{background:#f871711a}.sim-main{padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sim-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.sim-header__title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.sim-header__badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent-400);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;display:inline-flex}.sim-header__badge .badge__dot{background:var(--color-accent-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.sim-view{flex:1;display:none}.sim-view.active{display:block}.sim-dashboard-cards{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.sim-stat-card{padding:var(--space-4);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.sim-stat-card__title{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.sim-stat-card__value{font-size:var(--text-xl);font-weight:var(--weight-bold)}.sim-stat-card__value--success{color:var(--color-accent-400)}.sim-stat-card__value--primary{color:var(--color-primary-400)}.sim-form{gap:var(--space-4);flex-direction:column;display:flex}.sim-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.sim-form__group{gap:var(--space-1);flex-direction:column;display:flex}.sim-form__group label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.sim-input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}.sim-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3385ff1a}.sim-select{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none}.sim-select:focus{border-color:var(--color-primary-500)}.sim-input-with-btn{gap:var(--space-2);display:flex}.sim-input-with-btn .sim-input{flex:1}.sim-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.sim-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.sim-table thead{background:var(--surface-card-alt)}.sim-table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle)}.sim-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.sim-table tbody tr:hover{background:var(--surface-hover)}.sim-table tbody tr:last-child td{border-bottom:none}.sim-input-table{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-primary);outline:none}.sim-input-table:focus{border-color:var(--color-primary-500)}.sim-table-actions{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.btn-add-item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary-400);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#3385ff14;border:1px solid #3385ff33;display:inline-flex}.btn-add-item:hover{background:#3385ff26}.btn-remove{width:22px;height:22px;font-size:var(--text-md);color:var(--text-error);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:#f8717114;border:1px solid #f8717126;justify-content:center;align-items:center;display:flex}.btn-remove:hover{background:#f8717133}.sim-invoice-totals{gap:var(--space-2);padding:var(--space-4);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:var(--space-4);flex-direction:column;display:flex}.sim-total-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.sim-total-row.grand-total{padding-top:var(--space-3);border-top:1px solid var(--border-default);font-size:var(--text-md);color:var(--text-primary)}.sim-total-row.grand-total strong{color:var(--color-accent-400);font-size:var(--text-lg)}.sim-actions{margin-top:var(--space-4)}.sim-btn-facturar{width:100%;padding:var(--space-3);font-weight:var(--weight-bold)}.sim-filters-row{align-items:center;gap:var(--space-3);display:flex}.sim-dashboard-recent h4{font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--space-3);color:var(--text-primary)}@media (width<=768px){.simulator__wrapper{flex-direction:column;max-height:none}.sim-sidebar{width:100%;min-width:unset;padding:var(--space-2) var(--space-3);border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;align-items:center;overflow-x:auto}.sim-sidebar__logo,.sim-sidebar__tagline,.sim-sidebar__divider,.sim-sidebar__bottom{display:none}.sim-menu{gap:var(--space-1);padding:0;display:flex}.sim-menu li{white-space:nowrap;font-size:var(--text-xs);padding:var(--space-2);margin-bottom:0}.sim-form__row{grid-template-columns:1fr}}.testimonials{position:relative}.testimonials__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.testimonial-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative}.testimonial-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.testimonial-card__stars{gap:var(--space-1);margin-bottom:var(--space-5);display:flex}.testimonial-card__stars svg{fill:#fbbf24;width:16px;height:16px}.testimonial-card__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);font-style:italic}.testimonial-card__text:before{content:"\"";font-size:var(--text-3xl);color:var(--color-primary-500);opacity:.5;margin-right:var(--space-1);vertical-align:-.3em;line-height:0}.testimonial-card__profile{align-items:center;gap:var(--space-3);display:flex}.testimonial-card__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-400));width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testimonial-card__name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.testimonial-card__role{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=768px){.testimonials__grid{grid-template-columns:1fr}.testimonial-card{padding:var(--space-6)}}.faq{position:relative}.faq__list{max-width:var(--container-narrow);gap:var(--space-3);flex-direction:column;margin-inline:auto;display:flex}.faq__item{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-base);overflow:hidden}.faq__item.active{border-color:var(--color-primary-500)}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;display:flex}.faq__question:hover{color:var(--color-primary-600)}.faq__question svg{width:20px;height:20px;stroke:var(--text-muted);fill:none;stroke-width:2px;transition:transform var(--transition-base);flex-shrink:0}.faq__item.active .faq__question svg{stroke:var(--color-primary-600);transform:rotate(180deg)}.faq__answer{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.faq__answer-inner{padding:0 var(--space-6) var(--space-5)}.faq__answer p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media (width<=768px){.faq__question{padding:var(--space-4) var(--space-5);font-size:var(--text-base)}.faq__answer-inner{padding:0 var(--space-5) var(--space-4)}}.contact{position:relative}.contact__card{background:linear-gradient(135deg, var(--surface-card-alt), var(--surface-card));border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center;position:relative;overflow:hidden}.contact__card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3d5a451a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.contact__title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-4);color:var(--text-primary)}.contact__text{font-size:var(--text-md);color:var(--text-secondary);max-width:600px;margin-inline:auto;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.contact__info{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.contact__info-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-body)}.contact__info-label{font-weight:var(--weight-bold);color:var(--color-primary-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.contact__info-value{font-size:var(--text-sm);font-weight:var(--weight-bold)}.contact__info-value a{color:var(--text-primary);transition:color var(--transition-fast)}.contact__info-value a:hover{color:var(--color-primary-600)}.contact__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.whatsapp-float{bottom:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);width:56px;height:56px;z-index:var(--z-sticky);transition:all var(--transition-base);background:#25d366;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 16px #25d36659}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36673}.whatsapp-float svg{fill:#fff;width:28px;height:28px}@media (width<=768px){.contact__card{padding:var(--space-8) var(--space-6)}.contact__title{font-size:var(--text-2xl)}.contact__actions{flex-direction:column;align-items:center}.contact__actions .btn{width:100%}.whatsapp-float{bottom:var(--space-4);right:var(--space-4);width:50px;height:50px}}.footer{padding-block:var(--space-8);border-top:1px solid var(--border-subtle);background:var(--surface-card-alt)}.footer__inner{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.footer__logo{opacity:.7;width:auto;height:40px;transition:opacity var(--transition-fast)}.footer__logo:hover{opacity:1}.footer__links{align-items:center;gap:var(--space-6);display:flex}.footer__links a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-primary-600)}.footer__copy{font-size:var(--text-xs);color:var(--text-muted);text-align:center;max-width:600px}@media (width<=768px){.footer__links{gap:var(--space-3);flex-direction:column}}.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);padding:var(--space-6);transition:opacity var(--transition-base), visibility var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background:var(--surface-modal);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;padding:var(--space-6);animation:.3s modal-enter;position:relative;overflow-y:auto}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:none}}.modal-close{top:var(--space-4);right:var(--space-4);width:28px;height:28px;font-size:var(--text-lg);color:var(--text-muted);background:var(--surface-card-alt);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{color:var(--text-error);background:#f8717126}.modal-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-header h4{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.ticket-modal-content{max-width:420px}.invoice-ticket{color:#1a1a1a;font-family:var(--font-mono);padding:var(--space-5);border-radius:var(--radius-md);background:#fff;font-size:11px;line-height:1.5}.ticket-header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px dashed #ccc}.ticket-header-logo{letter-spacing:1px;font-size:18px;font-weight:800}.ticket-header-logo span{font-weight:400}.ticket-org-subtitle{letter-spacing:2px;color:#666;margin-bottom:var(--space-2);font-size:8px}.ticket-invoice-type{margin:var(--space-2) 0;letter-spacing:2px;font-size:16px;font-weight:800}.ticket-meta-grid{gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px dashed #ccc;grid-template-columns:1fr 1fr;display:grid}.ticket-client-info{padding:var(--space-3) 0;border-bottom:1px dashed #ccc}.ticket-section-title{text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:var(--space-2);font-size:9px;font-weight:700}.ticket-client-row{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.ticket-items-list{padding:var(--space-3) 0}.ticket-item-row{gap:var(--space-1);padding:var(--space-1) 0;grid-template-columns:2fr .5fr 1fr 1fr;font-size:10px;display:grid}.ticket-item-row.headers{text-transform:uppercase;color:#666;padding-bottom:var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid #ddd;font-size:9px;font-weight:700}.ticket-item-row .col-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-totals{padding:var(--space-3) 0;border-top:2px dashed #ccc}.ticket-total-row{padding:var(--space-1) 0;justify-content:space-between;display:flex}.ticket-total-row.grand-total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:2px solid #333;font-size:14px;font-weight:800}.ticket-afip-info{padding:var(--space-3) 0;margin-top:var(--space-2);border-top:1px dashed #ccc;justify-content:space-between;align-items:flex-end;display:flex}.ticket-cae-block{font-size:9px}.ticket-cae-bold{font-weight:700}.ticket-qr-block{flex-shrink:0}.ticket-qr-placeholder{border-radius:var(--radius-xs);text-align:center;color:#333;border:2px solid #333;justify-content:center;align-items:center;width:60px;height:60px;font-size:7px;font-weight:700;display:flex}.ticket-footer-msg{text-align:center;color:#999;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed #ccc;font-size:8px}.sim-result-actions{gap:var(--space-3);margin-top:var(--space-5);justify-content:center;display:flex}@media print{body *{visibility:hidden}.invoice-ticket,.invoice-ticket *{visibility:visible}.invoice-ticket{width:80mm;position:absolute;top:0;left:0}}