/* Tokens: tema oscuro por defecto; el claro se redefine al final del bloque */
  :root{
    color-scheme:dark light;
    --color-bg:#161826;--color-surface:#232532;--color-surface-2:rgba(22,24,38,0.55);--color-text:#e9e9ed;
    --ink-rgb:233,233,237;
    --color-accent:#9184d9;--color-accent-300:#d2cefd;--color-accent-600:#796cbf;
    --color-accent-800:#423a6a;--color-accent-900:#2b2741;
    --color-accent-ink:#d2cefd;--color-accent-fill:#9184d9;--color-accent-fill-hover:#d2cefd;--color-on-accent:#161826;
    --color-divider:rgba(var(--ink-rgb),0.14);
    --color-error:#ff9aa8;--color-success:#8fe3b0;
    --nav-bg:rgba(22,24,38,0.9);
    --glass-bg:rgba(35,37,50,0.55);--glass-bg-solid:rgba(35,37,50,0.94);
    --glass-border:rgba(var(--ink-rgb),0.14);
    --glass-sheen:linear-gradient(135deg,rgba(255,255,255,0.10),rgba(255,255,255,0) 40%);
    --glass-blur:blur(18px) saturate(160%);
    --glass-shadow:0 10px 30px rgba(0,0,0,0.25);
    --glass-inset:rgba(255,255,255,0.08);
    --aurora-1:rgba(145,132,217,0.35);--aurora-2:rgba(99,102,241,0.25);--aurora-3:rgba(167,139,250,0.22);
    --font:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  }
  @media (prefers-color-scheme:light){
    :root:not([data-theme="dark"]){
      --color-bg:#f4f3fb;--color-surface:#ffffff;--color-surface-2:rgba(255,255,255,0.7);--color-text:#1c1a2e;
      --ink-rgb:28,26,46;
      --color-accent:#5b4fb5;--color-accent-300:#5b4fb5;--color-accent-600:#6a5cc4;
      --color-accent-800:#e3dffa;--color-accent-900:#ebe8fa;
      --color-accent-ink:#5b4fb5;--color-accent-fill:#5b4fb5;--color-accent-fill-hover:#463c99;--color-on-accent:#ffffff;
      --color-divider:rgba(28,26,46,0.14);
      --color-error:#b4233a;--color-success:#0e7a52;
      --nav-bg:rgba(244,243,251,0.8);
      --glass-bg:rgba(255,255,255,0.55);--glass-bg-solid:rgba(255,255,255,0.94);
      --glass-border:rgba(28,26,46,0.12);
      --glass-sheen:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(255,255,255,0) 45%);
      --glass-blur:blur(18px) saturate(160%);
      --glass-shadow:0 10px 30px rgba(60,50,120,0.12);
      --glass-inset:rgba(255,255,255,0.8);
      --aurora-1:rgba(145,132,217,0.30);--aurora-2:rgba(99,102,241,0.18);--aurora-3:rgba(167,139,250,0.20);
    }
  }
  :root[data-theme="light"]{
    color-scheme:light;
    --color-bg:#f4f3fb;--color-surface:#ffffff;--color-surface-2:rgba(255,255,255,0.7);--color-text:#1c1a2e;
    --ink-rgb:28,26,46;
    --color-accent:#5b4fb5;--color-accent-300:#5b4fb5;--color-accent-600:#6a5cc4;
    --color-accent-800:#e3dffa;--color-accent-900:#ebe8fa;
    --color-accent-ink:#5b4fb5;--color-accent-fill:#5b4fb5;--color-accent-fill-hover:#463c99;--color-on-accent:#ffffff;
    --color-divider:rgba(28,26,46,0.14);
    --color-error:#b4233a;--color-success:#0e7a52;
    --nav-bg:rgba(244,243,251,0.8);
    --glass-bg:rgba(255,255,255,0.55);--glass-bg-solid:rgba(255,255,255,0.94);
    --glass-border:rgba(28,26,46,0.12);
    --glass-sheen:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(255,255,255,0) 45%);
    --glass-blur:blur(18px) saturate(160%);
    --glass-shadow:0 10px 30px rgba(60,50,120,0.12);
    --glass-inset:rgba(255,255,255,0.8);
    --aurora-1:rgba(145,132,217,0.30);--aurora-2:rgba(99,102,241,0.18);--aurora-3:rgba(167,139,250,0.20);
  }
  :root[data-theme="dark"]{color-scheme:dark}
  *{box-sizing:border-box}
  body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font)}
  a{color:var(--color-accent-ink);text-decoration:none}
  a:hover{color:var(--color-text)}

  .aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
  .aurora:before,.aurora:after{content:"";position:absolute;border-radius:50%;will-change:transform}
  .aurora:before{left:-12vw;top:-22vh;width:72vw;height:78vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--aurora-1) 100.0%,transparent) 0%,color-mix(in srgb,var(--aurora-1) 96.1%,transparent) 10%,color-mix(in srgb,var(--aurora-1) 85.2%,transparent) 20%,color-mix(in srgb,var(--aurora-1) 69.7%,transparent) 30%,color-mix(in srgb,var(--aurora-1) 52.5%,transparent) 40%,color-mix(in srgb,var(--aurora-1) 36.2%,transparent) 50%,color-mix(in srgb,var(--aurora-1) 22.6%,transparent) 60%,color-mix(in srgb,var(--aurora-1) 12.4%,transparent) 70%,color-mix(in srgb,var(--aurora-1) 5.7%,transparent) 80%,color-mix(in srgb,var(--aurora-1) 1.8%,transparent) 90%,color-mix(in srgb,var(--aurora-1) 0.0%,transparent) 100%)}
  .aurora:after{right:-18vw;top:30vh;width:64vw;height:70vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--aurora-2) 100.0%,transparent) 0%,color-mix(in srgb,var(--aurora-2) 96.1%,transparent) 10%,color-mix(in srgb,var(--aurora-2) 85.2%,transparent) 20%,color-mix(in srgb,var(--aurora-2) 69.7%,transparent) 30%,color-mix(in srgb,var(--aurora-2) 52.5%,transparent) 40%,color-mix(in srgb,var(--aurora-2) 36.2%,transparent) 50%,color-mix(in srgb,var(--aurora-2) 22.6%,transparent) 60%,color-mix(in srgb,var(--aurora-2) 12.4%,transparent) 70%,color-mix(in srgb,var(--aurora-2) 5.7%,transparent) 80%,color-mix(in srgb,var(--aurora-2) 1.8%,transparent) 90%,color-mix(in srgb,var(--aurora-2) 0.0%,transparent) 100%)}
  .aurora{background:var(--noise),radial-gradient(40vw 40vh at 30% 105%,color-mix(in srgb,var(--aurora-3) 100.0%,transparent) 0%,color-mix(in srgb,var(--aurora-3) 96.1%,transparent) 10%,color-mix(in srgb,var(--aurora-3) 85.2%,transparent) 20%,color-mix(in srgb,var(--aurora-3) 69.7%,transparent) 30%,color-mix(in srgb,var(--aurora-3) 52.5%,transparent) 40%,color-mix(in srgb,var(--aurora-3) 36.2%,transparent) 50%,color-mix(in srgb,var(--aurora-3) 22.6%,transparent) 60%,color-mix(in srgb,var(--aurora-3) 12.4%,transparent) 70%,color-mix(in srgb,var(--aurora-3) 5.7%,transparent) 80%,color-mix(in srgb,var(--aurora-3) 1.8%,transparent) 90%,color-mix(in srgb,var(--aurora-3) 0.0%,transparent) 100%);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

  .vidrio,.feature-card,.industry-card,.form-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-inset),var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
  /* Muchas tarjetas con backdrop-filter sobre la aurora animada es lo más costoso de pintar: sin desenfoque */
  .feature-card,.industry-card{-webkit-backdrop-filter:none;backdrop-filter:none}
  .feature-card,.industry-card,.how-step{transition:opacity .3s ease}
  html:not(.i18n-ready) .feature-card,html:not(.i18n-ready) .industry-card,html:not(.i18n-ready) .how-step{opacity:0}
  nav.vidrio{border-width:0 0 1px;border-radius:0;background:var(--nav-bg)}
  :focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}
  h1,h2,h3{font-weight:600;letter-spacing:-0.01em;margin:0}
  p{margin:0}

  .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 56px;position:sticky;top:0;z-index:10}
  .nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .nav-name{font-size:18px;font-weight:600;letter-spacing:-0.01em}
  .nav-links{display:flex;align-items:center;gap:36px;font-size:14px;color:rgba(var(--ink-rgb),0.75)}
  .nav-links a{color:inherit}
  .nav-extra{display:none}
  .nav-right{display:flex;align-items:center;gap:20px}
  .lang{display:flex;gap:8px;font-size:12px;font-weight:600;align-items:center}
  .lang-sep{color:rgba(var(--ink-rgb),0.25)}
  .nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--color-text);cursor:pointer}
  .nav-toggle svg{width:22px;height:22px}
  .nav-toggle .b-close{display:none}
  .nav.open .nav-toggle .b-open{display:none}
  .nav.open .nav-toggle .b-close{display:inline}

  .theme-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--color-text);cursor:pointer}
  .theme-btn:hover{border-color:var(--color-accent-ink);color:var(--color-accent-ink)}
  .theme-btn svg{width:18px;height:18px;display:block}
  .theme-btn .i-moon{display:none}
  :root[data-effective="light"] .theme-btn .i-sun{display:none}
  :root[data-effective="light"] .theme-btn .i-moon{display:block}
  .lang-link{cursor:pointer;color:var(--color-accent-300)}
  .lang-link:hover{color:var(--color-text)}
  .lang-link.active{color:var(--color-text);font-weight:700}
  .demo-btn{border:1px solid var(--color-accent-ink);color:var(--color-accent-ink);padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600}
  .demo-btn:hover{background:rgba(145,132,217,0.18)}
  .cta-primary{background:var(--color-accent-fill);color:var(--color-on-accent);padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600;display:inline-block}
  .cta-primary:hover{background:var(--color-accent-fill-hover);color:var(--color-on-accent)}
  .cta-secondary{border:1px solid var(--color-divider);color:var(--color-text);padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600;display:inline-block}
  .cta-secondary:hover{border-color:var(--color-accent);color:var(--color-text)}
  .contact-cta{background:var(--color-accent-fill);color:var(--color-on-accent);padding:14px 30px;border-radius:8px;font-size:15px;font-weight:600;display:inline-block}
  .contact-cta:hover{background:var(--color-accent-fill-hover);color:var(--color-on-accent)}

  .forms-section{padding:90px 32px}
  .forms-head{max-width:600px;margin:0 auto 48px;text-align:center;display:flex;flex-direction:column;gap:14px}
  .forms-head h2{font-size:32px}
  .forms-head p{color:rgba(var(--ink-rgb),0.7);font-size:15px;line-height:1.6}
  .forms-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  .form-card{border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:90px}
  .form-card h3{font-size:20px}
  .form-sub{font-size:14px;color:rgba(var(--ink-rgb),0.7);line-height:1.5}
  .form-card form{display:flex;flex-direction:column;gap:16px;margin-top:6px}
  .field{display:flex;flex-direction:column;gap:6px}
  .field label{font-size:13px;font-weight:600}
  .field .optional{font-weight:400;color:rgba(var(--ink-rgb),0.6)}
  .field input,.field select,.field textarea{width:100%;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-divider);border-radius:8px;padding:11px 12px;font:inherit;font-size:14px}
  .field textarea{resize:vertical}
  .field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.contact-cta:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}
  .field [aria-invalid="true"]{border-color:var(--color-error)}
  .field-error{font-size:12.5px;color:var(--color-error);min-height:0}
  .form-privacy{font-size:12px;color:rgba(var(--ink-rgb),0.6);line-height:1.5}
  .form-card .contact-cta{border:0;cursor:pointer;font-family:inherit}
  .form-card .contact-cta:disabled{opacity:.6;cursor:progress}
  .form-status{font-size:14px;line-height:1.5}
  .form-status[data-state="success"]{color:var(--color-success)}
  .form-status[data-state="failure"]{color:var(--color-error)}
  .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

  .feature-card{border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:12px}
  .how-step{display:flex;flex-direction:column;gap:10px}
  .industry-card{border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}

  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .grid-4-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

  @media (max-width:900px){
    .grid-3{grid-template-columns:1fr 1fr}
    .grid-4,.grid-4-cards{grid-template-columns:1fr 1fr}
    .nav{padding:14px 24px}
    .nav-toggle{display:inline-flex}
    .nav-right{gap:12px}
    .nav-right .lang,.nav-right .demo-btn{display:none}
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 24px 22px;font-size:16px;background:var(--glass-bg-solid);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);max-height:calc(100vh - 70px);overflow-y:auto}
    .nav.open .nav-links{display:flex}
    .nav-links > a{padding:15px 4px;border-bottom:1px solid var(--color-divider)}
    .nav-extra{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:18px}
    .nav-extra .lang{justify-content:flex-start;font-size:14px;gap:6px}
    .nav-extra .lang-link{padding:8px 10px}
    .nav-extra .demo-btn{display:block;text-align:center;padding:13px 18px;font-size:15px}
    footer{padding-left:24px !important;padding-right:24px !important}
    section{padding-left:20px !important;padding-right:20px !important}
    .forms-grid{grid-template-columns:1fr}
    h1{font-size:38px !important}
  }

  @media (max-width:600px){
    .grid-3,.grid-4,.grid-4-cards{grid-template-columns:1fr}
    .nav{padding:12px 20px}
    .nav-links{padding-left:20px;padding-right:20px}
    .nav-name{font-size:16px}
    .form-card{padding:20px}
    section{padding-top:60px !important;padding-bottom:60px !important}
    h1{font-size:30px !important;line-height:1.15 !important}
    section h2{font-size:26px !important}
    section > p{font-size:15px !important}
    section[style*="text-align:center"] > div[style*="display:flex"][style*="gap:14px"]{flex-direction:column;width:100%;gap:12px !important}
    .cta-primary,.cta-secondary,.contact-cta{width:100%;text-align:center}
    footer{flex-direction:column;align-items:flex-start !important;gap:16px}
    footer > div:last-child{align-items:flex-start !important}
  }

  @media (prefers-reduced-motion:no-preference){
    .aurora:before{animation:aurora-a 48s ease-in-out infinite alternate}
    .aurora:after{animation:aurora-b 56s ease-in-out infinite alternate}
    @keyframes aurora-a{to{transform:translate3d(6vw,8vh,0)}}
    @keyframes aurora-b{to{transform:translate3d(-8vw,-6vh,0)}}
  }

  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .vidrio,.feature-card,.industry-card,.form-card{background:var(--glass-bg-solid)}
    nav.vidrio{background:var(--glass-bg-solid)}
  }

  @media (forced-colors:active){
    .vidrio,.feature-card,.industry-card,.form-card{border:1px solid CanvasText;background:Canvas;box-shadow:none}
    .aurora{display:none}
  }