/* Estilos comunes de las páginas nuevas de la maqueta. Paleta de prolime.cl. */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --surface-2:#F5F5F5; --ink:#1A1A1A; --ink-2:#3A4250; --muted:#5F6670; --line:#E0E0E0;
  --navy:#1E3A5F; --navy-2:#0F2440; --blue:#2F6FA3; --gold:#A67C00; --gold-bg:#D4A62A; --gold-light:#F2D15C; --gold-soft:#FFFDF5;
  --ia:#2F6FA3; --ia-soft:#E7EFF7; --favor:#2E7D4F; --favor-soft:#E3F1E6; --contra:#B4451F; --contra-soft:#FBEDE6; --wait:#8A6D1F; --wait-soft:#FFF3D6;
  --sans:'Inter','Inter Fallback','Segoe UI',system-ui,sans-serif; --mono:'IBM Plex Mono','Plex Fallback',ui-monospace,monospace;
  --shadow:0 1px 2px rgba(30,58,95,.06),0 10px 30px rgba(30,58,95,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blue)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
h1,h2,h3{font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--navy)}
.ia{color:var(--ia)}


.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:56px 0 48px}
.hero h1{color:#fff;font-size:clamp(30px,4.6vw,48px);max-width:780px}
.hero p{color:#D9D9D9;font-size:18px;max-width:720px;margin-top:14px}
.hero .ia{color:var(--gold-light)}

section{padding:56px 0;border-bottom:1px solid var(--line)}
section.alt{background:#FAFAFA}
section h2{font-size:clamp(24px,3vw,30px);margin-bottom:10px}
.lead{font-size:16px;color:var(--ink-2);max-width:740px;margin-bottom:24px}
.muted{color:var(--muted)}

.btn{display:inline-block;font:700 15px var(--sans);text-decoration:none;border:0;border-radius:8px;padding:11px 20px;cursor:pointer;background:var(--navy);color:#fff}
.btn.oro{background:var(--gold-bg);color:var(--navy)}
.btn.oro:hover{background:var(--gold-light)}
.btn.sec{background:#fff;color:var(--navy);border:1px solid var(--line)}

.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.tag.ia{background:var(--ia-soft);color:var(--ia)}
.tag.on{background:var(--favor-soft);color:var(--favor)}
.tag.pend{background:var(--wait-soft);color:var(--wait)}
.tag.no{background:var(--contra-soft);color:var(--contra)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.chips button{font:600 13px var(--sans);color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.ejemplo{font-family:var(--mono);font-size:11px;padding:3px 7px;border-radius:4px;background:#FFF6D6;color:var(--gold);border:1px solid #F0DFA0;white-space:nowrap}

.tabla-wrap{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.t th{font-size:12.5px;color:var(--muted);font-weight:600;text-align:left;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line)}
table.t td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
table.t td:first-child{color:var(--ink);font-weight:600}
table.t td.num{text-align:right;font-family:var(--mono);white-space:nowrap}