/*
 * KOE — Base compartida para páginas interiores
 * Los estilos de cada página se cargan después de esta hoja y conservan
 * prioridad sobre estos valores base.
 */
:root{
  --koe-ui-blue:#0736bf;
  --koe-ui-blue-dark:#061f75;
  --koe-ui-cyan:#08b7d5;
  --koe-ui-magenta:#e31b64;
  --koe-ui-yellow:#f2bd00;
  --koe-ui-green:#54b948;
  --koe-ui-ink:#10245f;
  --koe-ui-text:#43527d;
  --koe-ui-muted:#66749a;
  --koe-ui-surface:#fff;
  --koe-ui-soft:#f4f7ff;
  --koe-ui-border:#dce5f6;
  --koe-ui-shadow:0 16px 40px rgba(11,42,112,.12);
  --koe-ui-radius:22px;
  --koe-ui-shell:1180px;
}

:where(.koe-page){min-width:0}
:where(.koe-shell){margin-left:auto;margin-right:auto;max-width:var(--koe-ui-shell);width:calc(100% - 40px)}
:where(.koe-section){padding:76px 0}
:where(.koe-heading){margin:0 auto 34px;max-width:780px;text-align:center}
:where(.koe-heading h1,.koe-heading h2,.koe-heading h3){color:var(--koe-ui-blue-dark);line-height:1.08;margin-top:0}
:where(.koe-kicker){color:var(--koe-ui-blue);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
:where(.koe-panel){background:var(--koe-ui-surface);border:1px solid var(--koe-ui-border);border-radius:var(--koe-ui-radius);box-shadow:var(--koe-ui-shadow)}
:where(.koe-btn){align-items:center;background:var(--koe-ui-blue);border:2px solid var(--koe-ui-blue);border-radius:11px;color:#fff;display:inline-flex;font-weight:800;gap:9px;justify-content:center;min-height:48px;padding:11px 22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
:where(.koe-btn:hover){box-shadow:0 12px 26px rgba(7,54,191,.25);transform:translateY(-2px)}
:where(.koe-badge){align-items:center;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;gap:7px;padding:6px 11px}
:where(.koe-breadcrumb){align-items:center;display:flex;flex-wrap:wrap;gap:8px}
:where(.koe-page button,.koe-page a,.koe-page input,.koe-page select,.koe-page textarea):focus-visible{outline:3px solid rgba(242,189,0,.78);outline-offset:3px}
:where(.koe-sr-only){clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

@media(max-width:767px){
  :where(.koe-shell){width:calc(100% - 28px)}
  :where(.koe-section){padding:54px 0}
}

@media(prefers-reduced-motion:reduce){
  :where(.koe-page *,.koe-page *:before,.koe-page *:after){scroll-behavior:auto!important;transition-duration:.01ms!important}
}