/* ===== Sitio público de ORAMA MCP (Cómo funciona, Tecnología y la barra/pie del ingreso). Paleta propia del panel. ===== */
:root{--bg:#f2f5fa;--surface:#fff;--surface-2:#f6f8fc;--fg:#0e1a33;--muted:#5a6a86;--line:#e2e8f2;--primary:#0176d3;--primary-soft:#edf5fc;
  --side:#08152d;--good:#12a150;--good-soft:#e6f6ec;--warn:#e38a00;--warn-soft:#fff4e0;--violet:#7c3aed;--violet-soft:#f1eafe;
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:16px;--shadow:0 1px 2px rgba(14,26,51,.05),0 8px 28px rgba(14,26,51,.07);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a1120;--surface:#111b2f;--surface-2:#0d1628;--fg:#e7eefb;--muted:#93a3c0;--line:#22314d;
  --primary:#1b96ff;--primary-soft:#0c2740;--side:#1b2c4f;--good:#34c77b;--good-soft:#0f2e20;--warn:#f5a524;--warn-soft:#33250c;--violet:#a78bfa;--violet-soft:#2a1d4a;
  --shadow:0 1px 2px rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0a1120;--surface:#111b2f;--surface-2:#0d1628;--fg:#e7eefb;--muted:#93a3c0;--line:#22314d;--primary:#1b96ff;--primary-soft:#0c2740;--side:#1b2c4f;color-scheme:dark}
*{box-sizing:border-box}
body.s-pagina{margin:0;background:radial-gradient(1200px 500px at 15% -10%,var(--primary-soft),transparent 60%),var(--bg);color:var(--fg);font:16px/1.6 var(--font)}
.s-pagina a{color:inherit}
.s-envoltura{max-width:1160px;margin:0 auto;padding:16px}
/* Barra superior */
.s-nav{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 10px 10px 22px;box-shadow:var(--shadow);min-width:0}
.s-marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--fg);white-space:nowrap}
.s-marca b{color:var(--primary);font-weight:800}
.s-logo{display:inline-block;width:30px;height:30px;border-radius:9px;overflow:hidden;flex:none}.s-logo img{display:block;width:100%;height:100%}
.s-links{display:flex;gap:6px 16px;margin:0 auto;flex-wrap:wrap;justify-content:center;min-width:0}
.s-links a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
.s-links a:hover,.s-links a[aria-current=page]{color:var(--fg)}
.s-btn{display:inline-flex;align-items:center;gap:8px;background:var(--side);color:#fff !important;text-decoration:none;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:999px;white-space:nowrap;border:0}
.s-btn:hover{filter:brightness(1.15)}
/* En modo oscuro el azul de la barra lateral se pierde contra el fondo: el botón usa el azul de marca (texto blanco 4,63:1). */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-btn{background:#0176d3}:root:not([data-theme="light"]) .s-cta .s-btn{background:#fff}}
:root[data-theme="dark"] .s-btn{background:#0176d3}:root[data-theme="dark"] .s-cta .s-btn{background:#fff}
.s-btn-2{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--fg) !important;text-decoration:none;font-weight:700;font-size:14.5px;padding:10px 18px;border-radius:999px;border:1px solid var(--line)}
/* Secciones */
.s-hero{text-align:center;padding:72px 0 40px}
.s-ceja{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.s-ceja::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--good)}
.s-h1{font-size:clamp(34px,6vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:22px auto 0;max-width:900px}
.s-h1 span{color:var(--primary)}
.s-lead{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:720px;margin:18px auto 0}
.s-acciones{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.s-sec{padding:44px 0}
.s-h2{font-size:clamp(26px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:800;margin:0 0 10px}
.s-sub{color:var(--muted);margin:0 0 26px;max-width:720px}
.s-grid{display:grid;gap:16px}
.s-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.s-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.s-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.s-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);min-width:0}
.s-card h3{margin:6px 0 8px;font-size:18px;letter-spacing:-.01em}
.s-card p{margin:0;color:var(--muted);font-size:15px}
.s-num{font-family:var(--mono);font-weight:500;color:var(--primary);font-size:14px}
.s-chip{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);margin:10px 6px 0 0}
.s-tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.s-tabla th,.s-tabla td{padding:13px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.s-tabla thead th{border-top:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.s-tabla td:first-child{font-weight:700;width:22%}
.s-tabla td.si{color:var(--fg)} .s-tabla td.no{color:var(--muted)}
.s-codigo{background:#0b1426;color:#d7e3f8;border-radius:12px;padding:18px;overflow:auto;font:13px/1.55 var(--mono);margin:0;max-height:440px}
.s-cta{text-align:center;background:var(--side);color:#fff;border-radius:24px;padding:48px 20px;margin:24px 0 8px}
.s-cta .s-h2{color:#fff}.s-cta p{color:#c9d5ea;max-width:620px;margin:0 auto}
.s-cta .s-btn{background:#fff;color:var(--side) !important}
.s-cta .s-btn-2{background:transparent;color:#fff !important;border-color:rgba(255,255,255,.35)}
.s-diagrama{width:100%;height:auto;display:block}
/* Pie */
.s-pie{margin-top:40px;border-top:1px solid var(--line);background:var(--surface)}
.s-pie-in{max-width:1160px;margin:0 auto;padding:44px 16px 24px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:28px}
.s-pie-marca p{color:var(--muted);font-size:15px;max-width:380px;margin:14px 0 0}
.s-col h4{margin:4px 0 12px;font-size:15px}
.s-col a{display:block;text-decoration:none;color:var(--muted);font-size:14.5px;padding:4px 0}
.s-col a:hover{color:var(--fg)}
.s-pie-base{max-width:1160px;margin:0 auto;padding:18px 16px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
@media (max-width:980px){.s-links{display:none}.s-nav{justify-content:space-between}.s-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.s-pie-in{grid-template-columns:repeat(2,minmax(0,1fr))}.s-pie-marca{grid-column:1/-1}}
@media (max-width:640px){.s-g3,.s-g2,.s-g4{grid-template-columns:minmax(0,1fr)}.s-nav{padding:8px 8px 8px 14px;gap:10px}.s-nav .s-btn{padding:9px 12px;font-size:13px}
  .s-hero{padding:44px 0 24px}.s-tabla td:first-child{width:auto}.s-pie-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.s-nav .s-btn{font-size:0;gap:0;padding:10px}.s-nav .s-btn svg{width:18px;height:18px}}