/* Ocuparche (landing y legales) — paleta y formato de Holbaph: degradado cian → violeta, fondo claro / oscuro / automático.
   La app (worker/public) tiene sus propios estilos; esto solo afecta a la página de presentación. */
:root{
  --bg:#fbfbfd;
  --surface:#ffffff;
  --surface-2:#f3f4f9;
  --ink:#14141f;
  --ink-soft:#5f647c;
  --ink-faint:#8a8ea3;
  --line:#e6e7f0;

  --brand:#7c5cf0;
  --brand-dark:#5b3fd0;
  --brand-soft:#ece7fd;
  --teal:#0aa5bf;
  --teal-dark:#0a5f70;
  --teal-soft:#dbf2f6;

  --success:#2f8f5b;
  --success-soft:#dff3e7;
  --warn:#b26a00;
  --danger:#c0293c;

  --boton:#14141f;
  --boton-txt:#ffffff;
  --shadow:0 18px 40px -24px rgba(20,20,40,.30);
  --shadow-sm:0 10px 24px -18px rgba(20,20,40,.30);
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
  color-scheme:light;
}
:root[data-tema="oscuro"]{
  --bg:#0d0f17; --surface:#141725; --surface-2:#11141f;
  --ink:#eef0fa; --ink-soft:#9aa0bd; --ink-faint:#7a809b; --line:#23273a;
  --brand:#a78bfa; --brand-dark:#c4b0ff; --brand-soft:#2a2347;
  --teal:#22d3ee; --teal-dark:#8be8f5; --teal-soft:#10303a;
  --success:#5fcf93; --success-soft:#14301f; --warn:#f5b94e; --danger:#ff7a8a;
  --boton:#eef0fa; --boton-txt:#0d0f17;
  --shadow:0 18px 40px -24px rgba(0,0,0,.65);
  --shadow-sm:0 10px 24px -18px rgba(0,0,0,.65);
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]):not([data-tema="oscuro"]){
    --bg:#0d0f17; --surface:#141725; --surface-2:#11141f;
    --ink:#eef0fa; --ink-soft:#9aa0bd; --ink-faint:#7a809b; --line:#23273a;
    --brand:#a78bfa; --brand-dark:#c4b0ff; --brand-soft:#2a2347;
    --teal:#22d3ee; --teal-dark:#8be8f5; --teal-soft:#10303a;
    --success:#5fcf93; --success-soft:#14301f; --warn:#f5b94e; --danger:#ff7a8a;
    --boton:#eef0fa; --boton-txt:#0d0f17;
    --shadow:0 18px 40px -24px rgba(0,0,0,.65);
    --shadow-sm:0 10px 24px -18px rgba(0,0,0,.65);
    color-scheme:dark;
  }
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{ scroll-behavior:smooth; scroll-padding-top:76px; -webkit-text-size-adjust:100%; }
body{
  background:var(--bg); color:var(--ink);
  font-family:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,-apple-system,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  transition:background .35s ease, color .35s ease;
}
h1,h2,h3{ margin:0; line-height:1.12; letter-spacing:-.03em; text-wrap:balance; font-weight:800; }
p{ margin:0; }
a{ color:inherit; }
button{ font-family:inherit; }
img{ max-width:100%; display:block; }
::selection{ background:var(--brand); color:#fff; }
:focus-visible{ outline:2px solid var(--teal); outline-offset:3px; border-radius:6px; }
.hidden{ display:none !important; }