@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');
/* Layout: cabecera de dos filas (franja de contacto + nav negro con menús desplegables), barra de URL, panel lateral oscuro con índice de la página y contenido tipo artículo. */
:root{
  --bg:#f6f5f1; --surface:#ffffff; --fg:#14140f; --muted:#5c5b52; --line:#dcdad0;
  --ink:#111110; --ink-2:#1c1c1a; --on-ink:#f1efe6; --on-ink-muted:#a6a498;
  --accent:#ffc400; --accent-ink:#111110; --link:#7a5a00;
  --f-display:'Newsreader',Georgia,'Times New Roman',serif;
  --f-body:'Libre Franklin','Helvetica Neue',Arial,sans-serif;
}

:root[data-theme="dark"]{
  --bg:#0f0f0d; --surface:#181816; --fg:#efede3; --muted:#a5a396; --line:#2e2d28;
  --ink:#000000; --ink-2:#0b0b0a; --link:#ffd24a; color-scheme:dark;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6}
a{color:var(--link)}
h1,h2,h3,h4,aside .h4{font-family:var(--f-display);text-wrap:balance;line-height:1.15;margin:0}
.proto{background:var(--accent);color:var(--accent-ink);font-size:12px;padding:6px 16px;text-align:center;font-weight:600}
.util{background:var(--ink-2);color:var(--on-ink-muted);font-size:13px;padding:8px 16px;display:flex;gap:6px 24px;flex-wrap:wrap;justify-content:center}
.util b{color:var(--accent);font-weight:600}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--ink);color:var(--on-ink);border-bottom:3px solid var(--accent)}
.nav-in{max-width:1320px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:60px}
.logo{font-family:var(--f-display);font-weight:700;font-size:22px;color:var(--on-ink);text-decoration:none;display:flex;align-items:center;gap:10px;padding:8px 0}
.logo i{width:22px;height:22px;border-radius:50%;border:5px solid var(--accent);display:inline-block}
nav.menu{display:flex;gap:0;flex:1;flex-wrap:wrap;justify-content:center}
.mi{position:relative}
.mi>a{display:block;color:var(--on-ink);text-decoration:none;font-size:14px;font-weight:500;padding:20px 13px;border-bottom:3px solid transparent;margin-bottom:-3px}
.mi>a:hover,.mi:focus-within>a{color:var(--accent)}
.mi>a[aria-current="page"]{border-bottom-color:var(--accent);color:var(--accent)}
.dd{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);background:var(--ink);border:1px solid #333;border-top:3px solid var(--accent);padding:18px 20px;min-width:260px;max-width:92vw;box-shadow:0 14px 30px rgba(0,0,0,.35);gap:6px 26px;columns:var(--cols,1);column-gap:26px;max-height:78vh;overflow:auto}
.mi:hover .dd,.mi:focus-within .dd{display:block}
.dd .g{break-inside:avoid;margin-bottom:12px}
.dd .dh{margin:0 0 4px;font:600 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.dd a{display:block;color:var(--on-ink);text-decoration:none;font-size:13.5px;padding:3px 0;line-height:1.35;white-space:nowrap}
.dd a:hover{color:var(--accent)}
.dd a.par{font-weight:700}
.dd a.sub{margin-left:14px;padding-left:12px;border-left:2px solid rgba(230,255,0,.45);font-size:13px;opacity:.92}
.dd a.sub+a:not(.sub){margin-top:6px}
.cta{background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px;padding:10px 18px;border-radius:2px;text-decoration:none;border:0;font-family:var(--f-body);cursor:pointer}
.cta:hover{filter:brightness(1.07)}
.theme{background:transparent;border:1px solid #444;color:var(--on-ink);padding:8px 10px;border-radius:2px;cursor:pointer;font:500 13px var(--f-body)}
.urlbar{background:var(--ink-2);color:var(--on-ink-muted);font:500 13px ui-monospace,Menlo,Consolas,monospace;padding:8px 16px;border-bottom:1px solid #2a2a27;overflow-x:auto;white-space:nowrap}
.urlbar b{color:var(--on-ink);font-weight:600}.urlbar span{color:var(--accent)}
.shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr)}
aside.toc{background:var(--ink);color:var(--on-ink);position:sticky;top:calc(64px + env(safe-area-inset-top,0px));align-self:start;height:calc(100vh - 70px);overflow:auto;padding:24px 18px}
aside.toc .h4{font:600 11px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted);margin:0 0 14px}
aside.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
aside.toc li{counter-increment:t}
aside.toc a{display:grid;grid-template-columns:28px 1fr;gap:6px;color:var(--on-ink-muted);text-decoration:none;font-size:13.5px;line-height:1.35;padding:8px;border-left:2px solid #2a2a27}
aside.toc a::before{content:counter(t,decimal-leading-zero);font-variant-numeric:tabular-nums;color:#6d6b62;font-size:12px}
aside.toc a:hover{color:var(--on-ink)}
aside.toc a.on{color:var(--accent-ink);background:var(--accent);border-left-color:var(--accent)}
aside.toc a.on::before{color:var(--accent-ink)}
main{padding:34px clamp(16px,4vw,56px) 64px;min-width:0}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted)}
.level{display:inline-block;font:600 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:2px;background:var(--accent);color:var(--accent-ink);margin:0 8px 12px 0}
.cod{display:inline-block;font:600 11px var(--f-body);letter-spacing:.1em;color:var(--muted)}
h1{font-size:clamp(32px,4.6vw,52px);font-weight:700;letter-spacing:-.01em;max-width:22ch}
.lead{font-size:19px;max-width:64ch;color:var(--muted);margin:16px 0 0}
section.blk{margin-top:46px;scroll-margin-top:90px}
section.blk>h2{font-size:clamp(25px,3vw,32px);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:16px}
section.blk h3{font-size:22px;margin:26px 0 8px;font-weight:600}
section.blk h4{font-size:18px;margin:18px 0 6px;font-weight:600;font-family:var(--f-body)}
section.blk p,section.blk li{max-width:70ch}
section.blk p{margin:0 0 13px}
section.blk ul,section.blk ol{margin:0 0 14px;padding-left:22px}
p.small{font-size:14px;color:var(--muted)}
.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.lk{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-decoration:none;padding:8px 14px;border:1px solid var(--fg);color:var(--fg);border-radius:2px;background:transparent}
.lk:hover{background:var(--fg);color:var(--bg)}
.lk small{font:600 10px var(--f-body);letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.lk.y{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.lk.y:hover{filter:brightness(1.07);background:var(--accent);color:var(--accent-ink)}
.path{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:12px 14px}
.path .lbl{font:600 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.path a{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--fg);padding:5px 10px;border:1px solid var(--line);border-radius:2px}
.path a:hover{border-color:var(--fg)}
.path a.cur{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:14px 0 6px}
.card{background:var(--surface);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;color:var(--fg)}
.card:hover{border-color:var(--fg)}
.card .cod{margin:0}
.card h3{font-size:19px;font-weight:600;margin:0}
.card p{font-size:14px;color:var(--muted);margin:0}
.gh{font:600 12px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:28px 0 0}
.dn-lead{max-width:70ch;color:var(--muted);margin:6px 0 14px}
.dnx{background:#1a1b1d;margin:12px 0;padding:22px 0 18px}
.dnx-row{list-style:none;margin:0;padding:12px 18px 14px;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.dnx-row::-webkit-scrollbar{display:none}
.dnx-row li{flex:0 0 172px;scroll-snap-align:start}
html body a.dnx-card{position:relative;display:block;height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#3b3e43 0%,#232427 100%);border:4px solid #fff;color:#fff!important;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
html body a.dnx-card:hover,html body a.dnx-card:focus-visible{border-color:#e6ff00;transform:translateY(-8px);box-shadow:0 0 0 1px #e6ff00,0 10px 28px rgba(230,255,0,.28);outline:none}
.dnx-card svg{position:absolute;left:0;top:26px;width:100%;height:62%}
.dnx-us{position:absolute;left:12px;top:12px;right:10px;z-index:2;font:600 10px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#d6d6d0}
.dnx-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,0) 48%);pointer-events:none}
.dnx-nm{position:absolute;left:12px;right:8px;bottom:12px;z-index:2;display:block}
.dnx-nm u{display:block;width:18px;height:2px;background:#e6ff00;margin-bottom:8px}
.dnx-nm b{display:block;font:600 24px/1.05 'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.dnx-nm small{display:block;margin-top:5px;font-size:11.5px;line-height:1.35;color:#cfcfc8}
.dnx-nm small.dnx-pn{margin-top:2px;color:#e6ff00;font-weight:600}
.dnx-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 18px 4px}
html body .dnx-chip{border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;border-radius:999px;padding:10px 16px;font:600 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
html body .dnx-chip:hover,html body .dnx-chip:focus-visible{border-color:#e6ff00;color:#e6ff00}
html body .dnx-chip.on{background:#e6ff00;border-color:#e6ff00;color:#111}
.dnx-sel{margin-left:auto;display:flex;align-items:center;gap:8px;color:#d6d6d0;font:600 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase}
html body .dnx-sel select{background:#232427!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.6)!important;border-radius:999px!important;padding:9px 14px;font:600 13px var(--f-body);width:auto;min-width:120px}
.dnx-sel{white-space:nowrap}
.dnx-row li{transition:opacity .25s}
.dnx-row li.dim{opacity:.32}
.dnx-row li.dim:hover,.dnx-row li.dim:focus-within{opacity:1}
.dnx-row li.flash a.dnx-card{border-color:#e6ff00;transform:translateY(-8px);box-shadow:0 0 0 1px #e6ff00,0 10px 28px rgba(230,255,0,.28)}
@media(max-width:560px){.dnx-sel{margin-left:0;width:100%}.dnx-sel select{flex:1}}
.dnx-ctl{display:flex;align-items:center;gap:14px;padding:6px 18px 0}
.dnx-ar{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;font-size:20px;cursor:pointer;flex:none}
.dnx-ar:hover,.dnx-ar:focus-visible{background:#e6ff00;border-color:#e6ff00;color:#111}
.dnx-bar{flex:1;height:2px;background:rgba(255,255,255,.28);position:relative}
.dnx-bar i{position:absolute;left:0;top:0;bottom:0;width:8%;background:#e6ff00;transition:width .25s}
@media(max-width:560px){.dnx-row li{flex-basis:148px}html body a.dnx-card{height:262px}.dnx-nm b{font-size:21px}}
@media(prefers-reduced-motion:reduce){html body a.dnx-card{transition:none}}
.dn-nota{margin:10px 0 0;font-size:14px}
@media(max-width:560px){a.dn{width:calc(50% - 5px)}}
@media(prefers-reduced-motion:reduce){a.dn{transition:none}}
.pgx{position:relative;overflow:hidden;background:#1a1b1d;color:#fff;min-height:max(460px,calc(100vh - 220px));display:flex;align-items:stretch}
.pgx-bg{position:absolute;inset:0;z-index:0}
.pgx-bg img{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block}
.pgx-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,16,17,.9) 0%,rgba(15,16,17,.62) 48%,rgba(15,16,17,.4) 100%),linear-gradient(0deg,rgba(15,16,17,.7) 0%,rgba(15,16,17,0) 40%)}
.pgx-in{position:relative;z-index:2;width:100%;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,5vh,64px) var(--gut,clamp(16px,4vw,56px))}
.pgx-cr{font-size:13px;color:#d6d6d0;margin:0 0 clamp(10px,2vh,20px)}
.pgx-cr a{color:#d6d6d0!important;text-decoration:none}
.pgx-cr a:hover{color:#e6ff00!important}
html body h1.pgx-h1{margin:0 0 14px;font:700 clamp(34px,5.4vw,84px)/.96 'Oswald','Arial Narrow','Roboto Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#fff!important;border:0;padding:0;max-width:none}
.pgx-r{display:block;margin-top:8px;font-size:.45em;letter-spacing:.06em;color:#e6ff00}
.pgx .gx-sub{margin:0 0 8px;font:600 14px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#e6ff00}
.pgx-p{max-width:48ch;margin:0 0 clamp(16px,3vh,28px);font-size:15px;line-height:1.7;color:#d6d6d0}
html body .pgx a.gx-go{width:58px;height:58px;border-radius:50%;background:#e6ff00;color:#111!important;display:grid;place-items:center;font-size:22px;text-decoration:none;transition:transform .2s}
html body .pgx a.gx-go:hover{transform:translateX(4px)}
html body .pgx a.gx-pill{border:1.5px solid rgba(255,255,255,.75);color:#fff!important;border-radius:999px;padding:17px 30px;font:600 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
html body .pgx a.gx-pill:hover{background:#fff;color:#111!important}
.pgx .gx-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pgx-lg{display:flex;align-items:center;gap:14px;margin:0 0 16px;font:600 13px/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase;color:#e6ff00}
.pgx-lg:before{content:"";width:46px;height:2px;background:#e6ff00}
.pgx-tags{display:flex;flex-wrap:wrap;gap:12px}
html body a.pgx-tag{border:1.5px solid rgba(255,255,255,.75);background:rgba(15,16,17,.35);color:var(--tc)!important;animation:pgxWave 10s ease-in-out infinite;border-radius:999px;padding:0 24px;min-height:44px;display:inline-flex;align-items:center;font:600 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
html body a.pgx-tag:hover,html body a.pgx-tag:focus-visible{--tc:#111;background:#e6ff00;border-color:#e6ff00;outline:none}
@property --tc{syntax:'<color>';inherits:false;initial-value:#fff}
@keyframes pgxWave{0%,16%{--tc:#fff;background:rgba(15,16,17,.35);border-color:rgba(255,255,255,.75)}4%,10%{--tc:#111;background:#e6ff00;border-color:#e6ff00}}
.pgx-tag:nth-child(1){animation-delay:0.00s}
.pgx-tag:nth-child(2){animation-delay:0.30s}
.pgx-tag:nth-child(3){animation-delay:0.60s}
.pgx-tag:nth-child(4){animation-delay:0.90s}
.pgx-tag:nth-child(5){animation-delay:1.20s}
.pgx-tag:nth-child(6){animation-delay:1.50s}
.pgx-tag:nth-child(7){animation-delay:1.80s}
.pgx-tag:nth-child(8){animation-delay:2.10s}
.pgx-tag:nth-child(9){animation-delay:2.40s}
.pgx-tag:nth-child(10){animation-delay:2.70s}
.pgx-tag:nth-child(11){animation-delay:3.00s}
.pgx-tag:nth-child(12){animation-delay:3.30s}
.pgx-tag:nth-child(13){animation-delay:3.60s}
.pgx-tag:nth-child(14){animation-delay:3.90s}
.pgx-tag:nth-child(15){animation-delay:4.20s}
.pgx-tag:nth-child(16){animation-delay:4.50s}
.pgx-tags:hover a.pgx-tag,.pgx-tags:focus-within a.pgx-tag{animation:none}
@media(prefers-reduced-motion:reduce){html body a.pgx-tag{animation:none}}
@media(max-width:900px){.pgx-in{grid-template-columns:minmax(0,1fr);align-items:start}}
@media(max-width:560px){html body a.pgx-tag{padding:0 18px}.pgx-tags{gap:9px}}
.tbl td.n,.tbl td{white-space:nowrap}
.tbl td[colspan]{white-space:normal}
.tbl.wrap td{white-space:normal;min-width:110px}
.tbl.wrap table{min-width:0}
.pg-upd{margin:0 0 10px;font-size:13px;color:#54595d}
.pg-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;background:#1a1b1d;color:#fff;border-left:6px solid #e6ff00;padding:18px 20px;margin:20px 0}
.pg-cta p{margin:0;flex:1 1 280px;color:#fff!important}
html body a.pg-cta-b{background:#e6ff00;color:#111!important;border-radius:999px;padding:0 24px;min-height:44px;display:inline-flex;align-items:center;font:700 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
html body a.pg-cta-w{border:1.5px solid rgba(255,255,255,.75);color:#fff!important;border-radius:999px;padding:0 22px;min-height:44px;display:inline-flex;align-items:center;font:600 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
html body a.pg-cta-b:hover,html body a.pg-cta-w:hover{background:#fff;color:#111!important;border-color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{border:1px solid var(--line);background:var(--surface);padding:7px 13px;font-size:14px;border-radius:2px;text-decoration:none;color:var(--fg);font-weight:500}
.chip:hover{border-color:var(--fg)}
.tbl{overflow-x:auto;margin:14px 0;border:1px solid var(--line);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:480px}
caption{caption-side:top;text-align:left;font-weight:600;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--line)}
th,td{padding:9px 13px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:top}
th{font:600 12px var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
td.n,th.n{text-align:right}
tr:last-child td{border-bottom:0}
.note{border-left:4px solid var(--accent);background:var(--surface);padding:12px 18px;margin:16px 0;max-width:72ch;font-size:15px}
.note p{margin:4px 0}
.ph{background:#fff3b0;color:#4a3b00;padding:1px 6px;border-radius:2px;font-weight:600;font-size:.92em}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.ring{width:100%;max-width:320px;justify-self:center}
.ring text{fill:var(--fg);font:600 12px var(--f-body)}
.calc{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--surface);border:1px solid var(--line);padding:18px;margin-top:22px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
input,select{font:500 16px var(--f-body);padding:9px 10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:2px;min-width:0;width:100%}
input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.out{grid-column:1/-1;background:var(--ink);color:var(--on-ink);padding:14px 16px;font-size:15px}
.out b{color:var(--accent);font-size:22px;font-family:var(--f-display)}
.dl{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.gl{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:8px 18px;margin:0}
.gl dt{font-weight:700}.gl dd{margin:0;max-width:62ch}
@media(max-width:560px){.gl{grid-template-columns:1fr}}
footer{background:var(--ink);color:var(--on-ink-muted);padding:34px 16px 28px;font-size:14px;border-top:3px solid var(--accent)}
.foot-in{max-width:1320px;margin:0 auto;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
footer h5{margin:0 0 8px;color:var(--on-ink);font:600 12px var(--f-body);letter-spacing:.12em;text-transform:uppercase}
footer a{display:block;color:var(--on-ink-muted);text-decoration:none;padding:3px 0}
footer a:hover{color:var(--accent)}
.map-g{margin-top:26px}
.map-g h2{font-size:24px;margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:6px}
.map-r{display:grid;grid-template-columns:62px minmax(0,1.1fr) minmax(0,1fr);gap:4px 14px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;align-items:baseline}
.map-r code{font:12.5px ui-monospace,Menlo,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:640px){.map-r{grid-template-columns:50px 1fr}.map-r code{grid-column:2}}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--on-ink);border:1px solid var(--accent);padding:10px 16px;font-size:14px;z-index:60;max-width:92vw}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  aside.toc{display:none}
  nav.menu{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .mi>a{padding:12px;white-space:nowrap}
  .dd{display:none!important}
}
@media(max-width:560px){.util,.proto{display:none}.cta{padding:8px 12px;font-size:13px}.nav-in{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Aspecto de los artículos Word: Calibri, blanco, negro #111111, amarillo #F2B705, gris #F3F3F1 ===== */
:root{--bg:#ffffff;--surface:#ffffff;--fg:#111111;--muted:#444444;--line:#bfbfbf;--ink:#111111;--ink-2:#111111;--accent:#f2b705;--accent-ink:#111111;--link:#0b5ca5;--grey:#f3f3f1;--callout:#fff7db;
 --f-display:Calibri,Carlito,'Segoe UI',Arial,sans-serif;--f-body:Calibri,Carlito,'Segoe UI',Arial,sans-serif}

:root[data-theme="dark"]{--bg:#141414;--surface:#1c1c1c;--fg:#eeeeee;--muted:#b5b5b5;--line:#444;--grey:#232323;--callout:#2b2512;--link:#f2b705;--ink:#000}
body{font-size:16.5px;line-height:1.55}
.proto{background:var(--grey);color:var(--fg);border-bottom:1px solid var(--line);font-weight:400}
.util{background:var(--ink);color:#d8d8d8}
.urlbar{background:var(--grey);color:var(--muted);border-bottom:1px solid var(--line)}
.urlbar b{color:var(--fg)}.urlbar span{color:#8a6a00}
:root[data-theme="dark"] .urlbar span{color:var(--accent)}
.logo{font-weight:700;letter-spacing:.02em}
aside.toc{background:var(--grey);color:var(--fg);border-right:1px solid var(--line)}
aside.toc .h4{color:var(--fg);border-bottom:3px solid var(--accent);padding-bottom:6px}
aside.toc a{color:var(--muted);border-left:3px solid transparent}
aside.toc a::before{color:var(--muted)}
aside.toc a:hover{color:var(--fg);background:#fff}
:root[data-theme="dark"] aside.toc a:hover{background:#111}
aside.toc a.on{background:var(--callout);color:var(--fg);border-left-color:var(--accent);font-weight:700}
aside.toc a.on::before{color:var(--fg)}
.crumbs a{color:var(--muted)}
.level{background:var(--ink);color:#fff;border-radius:0}
h1{font-size:clamp(34px,5vw,52px);font-weight:700;max-width:none;letter-spacing:0;line-height:1.1}
main>h1,main h1{display:block}
.lead{font-size:19px;color:var(--muted);max-width:none;margin-top:12px;padding-bottom:14px;border-bottom:9px solid var(--accent)}
section.blk>h2{font-size:clamp(25px,3vw,32px);font-weight:700;border-bottom:3px solid var(--accent);padding-bottom:6px}
section.blk h3{font-size:22px;font-weight:700;color:var(--muted)}
section.blk h4{font-size:18px;font-weight:700}
section.blk p,section.blk li{max-width:none}
.tbl{border:1px solid var(--line);background:var(--surface)}
caption{font-weight:700;font-size:14px;color:var(--muted);border-bottom:0;padding:8px 10px}
th{background:var(--ink);color:#fff;font:700 14px var(--f-body);letter-spacing:0;text-transform:none;border:1px solid var(--line)}
:root[data-theme="dark"] th{background:#000}
td{border:1px solid var(--line)}
tbody tr:nth-child(even) td{background:var(--grey)}
.note{background:var(--callout);border-left:6px solid var(--accent);max-width:none}
.card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent)}
.card:hover{border-color:var(--ink);border-top-color:var(--accent);background:var(--grey)}
.card h3{font-weight:700}
.path{background:var(--grey);border:1px solid var(--line);border-left:6px solid var(--accent)}
.path a{background:var(--surface)}
.path a.cur{background:var(--accent);color:#111}
.chip{background:var(--grey)}
.lk{border-color:var(--ink);border-radius:0}
.calc{background:var(--grey);border:1px solid var(--line);border-left:6px solid var(--accent)}
input,select{background:var(--surface);border-radius:0}
.out{background:var(--ink);color:#fff}.out b{font-family:var(--f-body)}
.ph{background:#fff200;color:#111}
.gh{color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:4px}
.map-g h2{border-bottom:3px solid var(--accent)}
footer{background:var(--ink);border-top:6px solid var(--accent)}

/* ===== Fondos claros ===== */
:root:not([data-theme="dark"]){--on-ink:#111111;--on-ink-muted:#444444}

:root:not([data-theme="dark"]) .util{background:var(--grey);color:#444;border-bottom:1px solid var(--line)}
:root:not([data-theme="dark"]) .util b{color:#8a6a00}
:root:not([data-theme="dark"]) header.nav{background:#fff;color:#111;border-bottom:4px solid var(--accent)}
:root:not([data-theme="dark"]) .logo,:root:not([data-theme="dark"]) .mi>a{color:#111}
:root:not([data-theme="dark"]) .mi>a:hover,:root:not([data-theme="dark"]) .mi:focus-within>a{color:#111;background:var(--callout)}
:root:not([data-theme="dark"]) .mi>a[aria-current="page"]{color:#111;font-weight:700;border-bottom-color:var(--accent)}
:root:not([data-theme="dark"]) .dd{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);box-shadow:0 8px 20px rgba(0,0,0,.12)}
:root:not([data-theme="dark"]) .dd .dh{color:#8a6a00}
:root:not([data-theme="dark"]) .dd a{color:#111}
:root:not([data-theme="dark"]) .dd a:hover{color:#111;background:var(--callout)}
:root:not([data-theme="dark"]) .theme{border-color:var(--line);color:#111}
:root:not([data-theme="dark"]) .level{background:var(--accent);color:#111}
:root:not([data-theme="dark"]) th{background:#f6e7a8;color:#111;border-color:var(--line)}
:root:not([data-theme="dark"]) .out{background:var(--callout);color:#111;border-left:6px solid var(--accent)}
:root:not([data-theme="dark"]) .out b{color:#111}
:root:not([data-theme="dark"]) footer{background:var(--grey);color:#444;border-top:6px solid var(--accent)}
:root:not([data-theme="dark"]) footer h5{color:#111}
:root:not([data-theme="dark"]) footer a{color:#444}
:root:not([data-theme="dark"]) footer a:hover{color:#111;text-decoration:underline}
:root:not([data-theme="dark"]) .toast{background:#fff;color:#111}

/* ===== Hero oscuro (carbón), resto blanco y grises con texto carbón ===== */
:root:not([data-theme="dark"]){--fg:#2b2d2f;--muted:#55585b;--hero:#25272a}

:root[data-theme="dark"]{--hero:#000}
:root:not([data-theme="dark"]) h1,:root:not([data-theme="dark"]) h2,:root:not([data-theme="dark"]) .logo,:root:not([data-theme="dark"]) .mi>a,:root:not([data-theme="dark"]) .dd a,:root:not([data-theme="dark"]) footer h5{color:#2b2d2f}
:root:not([data-theme="dark"]) th{background:#e4e4e1;color:#2b2d2f}
:root:not([data-theme="dark"]) .out,:root:not([data-theme="dark"]) .out b{color:#2b2d2f}
.herob{background:var(--hero);color:#fff;margin:-34px calc(-1*clamp(16px,4vw,56px)) 8px;padding:34px clamp(16px,4vw,56px) 34px;border-bottom:8px solid var(--accent)}
.herob h1{color:#fff!important}
.herob .crumbs,.herob .crumbs a,.herob .cod{color:#c9cacb}
.herob .lead{color:#dcdddd;border-bottom:0;padding-bottom:0}
.herob .level{background:var(--accent)!important;color:#111!important}
.hero.herob{align-items:center}
.herob .lk{border-color:#fff;color:#fff;background:transparent}
.herob .lk:hover{background:#fff;color:#25272a}
.herob .lk.y{background:var(--accent);border-color:var(--accent);color:#111}
.herob .ring circle[fill="var(--ink)"]{fill:#3a3d40}
.herob .ring text{fill:#25272a}
.herob .ring+*{color:#fff}

/* ===== Estilo tipo Wikipedia, sin brillo: fondo gris claro, encabezado carbón, panel lateral en tono del artículo ===== */
:root:not([data-theme="dark"]){--bg:#e4e4e0;--surface:#f6f6f3;--grey:#ebebe7;--line:#c4c4bf;--callout:#f6ecc4;--fg:#2b2d2f;--muted:#55585b;--link:#2a5d93}
:root:not([data-theme="dark"]) body{background:var(--bg)}
:root:not([data-theme="dark"]) .proto{background:#d6d6d1;color:#2b2d2f;border-bottom:1px solid var(--line)}
:root:not([data-theme="dark"]) .util{background:#1b1c1e;color:#c9cacb;border-bottom:0}
:root:not([data-theme="dark"]) .util b{color:var(--accent)}
:root:not([data-theme="dark"]) header.nav{background:#25272a;color:#fff;border-bottom:4px solid var(--accent)}
:root:not([data-theme="dark"]) .logo,:root:not([data-theme="dark"]) .mi>a{color:#fff}
:root:not([data-theme="dark"]) .mi>a:hover,:root:not([data-theme="dark"]) .mi:focus-within>a{color:var(--accent);background:transparent}
:root:not([data-theme="dark"]) .mi>a[aria-current="page"]{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}
:root:not([data-theme="dark"]) .dd{background:#2f3235;border:1px solid #44474a;border-top:4px solid var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.35)}
:root:not([data-theme="dark"]) .dd .dh{color:var(--accent)}
:root:not([data-theme="dark"]) .dd a{color:#f1f1ef}
:root:not([data-theme="dark"]) .dd a:hover{color:var(--accent);background:transparent}
:root:not([data-theme="dark"]) .theme{border-color:#5a5d60;color:#fff}
:root:not([data-theme="dark"]) .urlbar{background:#d6d6d1;color:#55585b;border-bottom:1px solid var(--line)}
:root:not([data-theme="dark"]) .shell{background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line)}
:root:not([data-theme="dark"]) aside.toc{background:#f6e7a8;color:#2b2d2f;border-right:1px solid #e0cf8a}
:root:not([data-theme="dark"]) aside.toc .h4{color:#2b2d2f;border-bottom:3px solid #25272a}
:root:not([data-theme="dark"]) aside.toc a{color:#3a3c3e;border-left:3px solid transparent}
:root:not([data-theme="dark"]) aside.toc a::before{color:#6b6540}
:root:not([data-theme="dark"]) aside.toc a:hover{background:#f0dc8c;color:#111}
:root:not([data-theme="dark"]) aside.toc a.on{background:#25272a;color:#fff;border-left-color:var(--accent)}
:root:not([data-theme="dark"]) aside.toc a.on::before{color:var(--accent)}
:root:not([data-theme="dark"]) main{background:var(--surface)}
:root:not([data-theme="dark"]) .tbl,:root:not([data-theme="dark"]) .card,:root:not([data-theme="dark"]) .chip,:root:not([data-theme="dark"]) .path a,:root:not([data-theme="dark"]) input,:root:not([data-theme="dark"]) select{background:#fbfbf9}
:root:not([data-theme="dark"]) .card:hover{background:var(--grey)}
:root:not([data-theme="dark"]) th{background:#d9d9d4;color:#2b2d2f}
:root:not([data-theme="dark"]) tbody tr:nth-child(even) td{background:var(--grey)}
:root:not([data-theme="dark"]) .calc,:root:not([data-theme="dark"]) .path{background:var(--grey)}
:root:not([data-theme="dark"]) .ph{background:#f4de7c;color:#2b2d2f}
:root:not([data-theme="dark"]) .lk{border-color:#2b2d2f;color:#2b2d2f}
:root:not([data-theme="dark"]) .lk:hover{background:#2b2d2f;color:#fff}
:root:not([data-theme="dark"]) .herob .lk{border-color:#fff;color:#fff}
:root:not([data-theme="dark"]) .herob .lk:hover{background:#fff;color:#25272a}
:root:not([data-theme="dark"]) footer{background:#25272a;color:#c9cacb;border-top:6px solid var(--accent)}
:root:not([data-theme="dark"]) footer h5{color:#fff}
:root:not([data-theme="dark"]) footer a{color:#c9cacb}
:root:not([data-theme="dark"]) footer a:hover{color:var(--accent);text-decoration:none}
:root:not([data-theme="dark"]) .herob .ring text{fill:#25272a}

/* ===== Índice integrado al artículo: mismo fondo y mismos títulos ===== */
:root:not([data-theme="dark"]) aside.toc{background:var(--surface);border-right:0;padding-right:8px}
:root:not([data-theme="dark"]) aside.toc .h4{font:700 20px/1.2 var(--f-display);letter-spacing:0;text-transform:none;color:#2b2d2f;border-bottom:3px solid var(--accent);padding-bottom:6px;margin:6px 0 12px}
:root:not([data-theme="dark"]) aside.toc a{color:#2b2d2f;border-left:3px solid transparent;font-size:14.5px}
:root:not([data-theme="dark"]) aside.toc a::before{color:#6b6e71}
:root:not([data-theme="dark"]) aside.toc a:hover{background:var(--grey);color:#111}
:root:not([data-theme="dark"]) aside.toc a.on{background:var(--callout);color:#111;border-left-color:var(--accent);font-weight:700}
:root:not([data-theme="dark"]) aside.toc a.on::before{color:#111}
@media(min-width:901px){:root:not([data-theme="dark"]) main{border-left:0}}

/* ===== Estilo Wikipedia (según imagen adjunta) ===== */
:root{--fs:16px}
:root:not([data-theme="dark"]){--bg:#ffffff;--surface:#ffffff;--grey:#f8f9fa;--line:#a2a9b1;--fg:#202122;--muted:#54595d;--link:#3366cc;--callout:#f8f9fa}
body{font-size:var(--fs)}
:root:not([data-theme="dark"]) .proto{background:#f8f9fa;color:#54595d}
:root:not([data-theme="dark"]) .urlbar{background:#f8f9fa;color:#54595d}
:root:not([data-theme="dark"]) .shell{background:#fff;border:0;max-width:1400px;grid-template-columns:230px minmax(0,1fr) 210px;gap:0 28px;padding:0 20px}
body.wide .shell{max-width:none}
body.toc-off .shell{grid-template-columns:0 minmax(0,1fr) 210px}
body.toc-off aside.toc{display:none}
:root:not([data-theme="dark"]) aside.toc,:root:not([data-theme="dark"]) aside.appear{background:#fff;border:0;padding:26px 0;color:#202122}
aside.appear{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));align-self:start;height:calc(100vh - 70px);overflow:auto;font-size:14px}
aside.toc .h4,aside.appear .h4{display:flex;justify-content:space-between;align-items:center;font:700 14px var(--f-body);letter-spacing:0;text-transform:none;color:#202122;border:0;margin:0 0 12px;padding:0 0 0 0}
.hide{background:#eaecf0;border:0;border-radius:2px;padding:2px 8px;font:400 12px var(--f-body);color:#202122;cursor:pointer}
:root:not([data-theme="dark"]) aside.toc ol{border-left:1px solid #c8ccd1;margin-top:6px}
:root:not([data-theme="dark"]) aside.toc a{display:block;color:#3366cc;font-size:14px;padding:5px 0 5px 14px;border-left:3px solid transparent;margin-left:-1px;background:transparent}
:root:not([data-theme="dark"]) aside.toc a::before{content:none}
:root:not([data-theme="dark"]) aside.toc a:hover{background:transparent;text-decoration:underline;color:#3366cc}
:root:not([data-theme="dark"]) aside.toc a.on{background:transparent;color:#202122;font-weight:700;border-left-color:#3366cc}
.ag{padding:10px 0;border-bottom:1px solid #eaecf0}.ag b{display:block;font-weight:400;color:#54595d;margin-bottom:6px}
.ag label{flex-direction:row;align-items:center;gap:8px;font-weight:400;font-size:14px;color:#202122;margin:4px 0}.ag input{width:auto;accent-color:#3366cc}
:root:not([data-theme="dark"]) main{background:#fff;color:#202122;padding:26px 8px 64px}
:root:not([data-theme="dark"]) a{color:#3366cc}
:root:not([data-theme="dark"]) .herob{background:transparent;color:#202122;margin:0 0 8px;padding:0;border:0;display:block}
:root:not([data-theme="dark"]) .herob h1{font:400 clamp(28px,3.2vw,36px)/1.25 'Linux Libertine',Georgia,'Times New Roman',serif;color:#000!important;letter-spacing:0;max-width:none;border-bottom:1px solid #a2a9b1;padding-bottom:4px;margin:0}
.wk-tabs{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;border-bottom:1px solid #eaecf0;margin-bottom:8px}
.wk-tabs div{display:flex;gap:18px}
.wk-tabs span{padding:10px 0 7px;color:#3366cc;border-bottom:3px solid transparent}
.wk-tabs span.on{color:#202122;border-bottom-color:#202122}
:root:not([data-theme="dark"]) .herob .crumbs,:root:not([data-theme="dark"]) .herob .crumbs a{color:#54595d;font-size:13px;margin:6px 0}
:root:not([data-theme="dark"]) .herob .crumbs a{color:#3366cc}
.meta{margin:0 0 10px}
:root:not([data-theme="dark"]) .herob .level{background:#eaecf0!important;color:#202122!important;border-radius:2px;margin-right:8px}
:root:not([data-theme="dark"]) .herob .cod{color:#54595d}
:root:not([data-theme="dark"]) .herob .lead{color:#202122;font-size:1em;margin:0 0 14px;padding:0;border:0;max-width:none}
:root:not([data-theme="dark"]) .hero.herob{display:flex;gap:28px;align-items:flex-start}
.hero.herob>div:first-child{flex:1;min-width:0}
.hero.herob>div:last-child{flex:0 0 240px;background:#f8f9fa;border:1px solid #a2a9b1;padding:10px;margin-top:8px}
@media(max-width:900px){.hero.herob{flex-direction:column}.hero.herob>div:last-child{align-self:center}}
:root:not([data-theme="dark"]) .herob .ring circle[fill="var(--ink)"]{fill:#202122}
:root:not([data-theme="dark"]) .herob .ring circle[fill="var(--bg)"]{fill:#fff}
:root:not([data-theme="dark"]) .herob .ring text{fill:#202122}
:root:not([data-theme="dark"]) section.blk{margin-top:28px}
:root:not([data-theme="dark"]) section.blk>h2{font:400 clamp(24px,2.6vw,28px)/1.3 'Linux Libertine',Georgia,'Times New Roman',serif;color:#000;border-bottom:1px solid #a2a9b1;padding-bottom:3px;margin-bottom:12px}
:root:not([data-theme="dark"]) section.blk h3{font:700 1.2em var(--f-body);color:#000;margin:20px 0 6px}
:root:not([data-theme="dark"]) section.blk h4{font-weight:700;color:#000}
:root:not([data-theme="dark"]) section.blk p,:root:not([data-theme="dark"]) section.blk li{line-height:1.65}
:root:not([data-theme="dark"]) .tbl{border:0;background:transparent;margin:12px 0}
:root:not([data-theme="dark"]) table{border:1px solid #a2a9b1;font-size:.93em}
:root:not([data-theme="dark"]) caption{text-align:center;font-weight:700;color:#202122;padding:6px}
:root:not([data-theme="dark"]) th{background:#eaecf0;color:#202122;border:1px solid #a2a9b1;text-align:left}
:root:not([data-theme="dark"]) td{background:#f8f9fa;border:1px solid #a2a9b1}
:root:not([data-theme="dark"]) tbody tr:nth-child(even) td{background:#f8f9fa}
:root:not([data-theme="dark"]) .note{background:#f8f9fa;border:1px solid #a2a9b1;border-left:8px solid #f2b705;max-width:none}
:root:not([data-theme="dark"]) .card{background:#f8f9fa;border:1px solid #a2a9b1;border-top:1px solid #a2a9b1}
:root:not([data-theme="dark"]) .card:hover{background:#eaf3ff;border-color:#3366cc}
:root:not([data-theme="dark"]) .card h3{color:#3366cc;font-family:var(--f-body)}
:root:not([data-theme="dark"]) .path,:root:not([data-theme="dark"]) .calc{background:#f8f9fa;border:1px solid #a2a9b1;border-left:6px solid #f2b705}
:root:not([data-theme="dark"]) .path a,:root:not([data-theme="dark"]) .chip{background:#fff;color:#3366cc;border:1px solid #a2a9b1}
:root:not([data-theme="dark"]) .path a.cur{background:#f2b705;color:#111;border-color:#f2b705}
:root:not([data-theme="dark"]) .lk{background:#f8f9fa;color:#3366cc;border:1px solid #a2a9b1}
:root:not([data-theme="dark"]) .lk:hover{background:#eaf3ff;color:#3366cc}
:root:not([data-theme="dark"]) .lk.y{background:#f2b705;border-color:#f2b705;color:#111}
:root:not([data-theme="dark"]) .herob .lk{border-color:#a2a9b1;color:#3366cc}
:root:not([data-theme="dark"]) .herob .lk:hover{background:#eaf3ff;color:#3366cc}
:root:not([data-theme="dark"]) .herob .lk.y{color:#111}
:root:not([data-theme="dark"]) .gh{border-bottom:1px solid #eaecf0}
:root:not([data-theme="dark"]) .out{background:#f8f9fa;border-left:6px solid #f2b705;color:#202122}
@media(max-width:1180px){.shell{grid-template-columns:210px minmax(0,1fr)}aside.appear{display:none}body.toc-off .shell{grid-template-columns:0 minmax(0,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr;padding:0 12px}}
:root:not([data-theme="dark"]) aside.toc .h4,:root:not([data-theme="dark"]) aside.appear .h4{font:700 14px var(--f-body);border:0;padding:0;margin:0 0 12px;color:#202122}@media(max-width:1180px){:root:not([data-theme="dark"]) .shell{grid-template-columns:210px minmax(0,1fr)}:root:not([data-theme="dark"]) body.toc-off .shell{grid-template-columns:0 minmax(0,1fr)}}@media(max-width:900px){:root:not([data-theme="dark"]) .shell,:root:not([data-theme="dark"]) body.toc-off .shell{grid-template-columns:minmax(0,1fr);padding:0 12px}aside.appear{display:none}}
#cForm{display:flex;flex-direction:column;gap:10px}
#cForm label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:400;color:#54595d}
#cForm input,#cForm textarea{font:400 14px var(--f-body);padding:7px 8px;border:1px solid #a2a9b1;border-radius:2px;background:#fff;color:#202122;width:100%;min-width:0;resize:vertical}
#cForm input:focus-visible,#cForm textarea:focus-visible{outline:2px solid #3366cc;outline-offset:0;border-color:#3366cc}
.cbtn{align-self:flex-start;padding:8px 18px}
.cnote{margin:0;font-size:12px;color:#54595d;line-height:1.4}.cok{margin:0;font-size:13px;color:#2b5d2b;line-height:1.4}.cok.err{color:#b32424}

.crumbrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0}
.crumbrow .crumbs{margin:0!important}
.srch{position:relative;flex:0 1 300px;min-width:200px;margin-left:auto}
.srch input{width:100%;font:400 14px var(--f-body);padding:6px 10px 6px 30px;border:1px solid #a2a9b1;border-radius:2px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2354595d' stroke-width='1.8'%3E%3Ccircle cx='6.5' cy='6.5' r='4.8'/%3E%3Cpath d='M10 10l4.5 4.5'/%3E%3C/svg%3E") no-repeat 8px center;color:#202122}
.srch input:focus-visible{outline:2px solid #3366cc;border-color:#3366cc}
.sres{position:absolute;right:0;left:0;top:100%;z-index:30;background:#fff;border:1px solid #a2a9b1;box-shadow:0 6px 16px rgba(0,0,0,.18);max-height:60vh;overflow:auto;min-width:280px}
.sres a{display:block;padding:8px 10px;text-decoration:none;color:#3366cc;border-bottom:1px solid #eaecf0;line-height:1.3}
.sres a:hover,.sres a:first-child{background:#f8f9fa}
.sres a b{display:block;font-weight:600}.sres a span{display:block;font-size:12px;color:#54595d}
.sres p{margin:0;padding:10px;font-size:13px;color:#54595d}

/* ===== Barra superior estilo Wikipedia: logo + buscador amplio ===== */
.topbar{background:#fff;border-bottom:1px solid #c8ccd1}
.tb-in{max-width:1400px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:24px}
.topbar .logo{color:#202122!important;font-family:'Linux Libertine',Georgia,'Times New Roman',serif;font-size:24px;line-height:1.05;padding:0;flex-direction:row;flex-wrap:wrap;align-items:center;max-width:220px}
.topbar .logo i{border-color:#f2b705}
.topbar .logo span{font-weight:400;margin-left:-4px}
.topbar .logo small{flex-basis:100%;font:400 11px var(--f-body);color:#54595d;margin-left:32px;margin-top:-2px}
.tb-in .srch{flex:1 1 420px;max-width:560px;margin:0;display:flex;position:relative}
.tb-in .srch input{flex:1;border-right:0;border-radius:2px 0 0 2px;padding:9px 12px 9px 34px;font-size:15px;background-position:10px center}
.sbtn{font:600 14px var(--f-body);padding:0 16px;border:1px solid #a2a9b1;background:#f8f9fa;color:#202122;border-radius:0 2px 2px 0;cursor:pointer}
.sbtn:hover{background:#eaecf0}
.tb-in .sres{top:100%;left:0;right:0}
.sres a.all{background:#f8f9fa;border-bottom:0}.sres a.all b{color:#3366cc}
.tright{display:flex;gap:12px;align-items:center;margin-left:auto}
:root:not([data-theme="dark"]) .tright .theme{border:1px solid #a2a9b1;color:#202122;background:#fff}
:root:not([data-theme="dark"]) .tright .theme:hover{background:#f8f9fa}
.nav-in{min-height:0;gap:0}
nav.menu{justify-content:flex-start;flex:1}
.mi>a{padding:15px 16px}
.dd{left:0;transform:none}
.mi:last-child .dd,.mi:nth-last-child(2) .dd{left:auto;right:0}
aside.toc,aside.appear{top:70px}
@media(max-width:900px){.tb-in{flex-wrap:wrap;gap:10px;padding:10px 12px}.tb-in .srch{order:3;flex-basis:100%;max-width:none}.topbar .logo small{display:none}.tright{margin-left:auto}}
@media(max-width:560px){.tright .theme{display:none}}
.rsum{font-size:15px;color:#54595d;margin:0 0 16px}
.rr{padding:12px 0;border-bottom:1px solid #eaecf0;max-width:780px}
.rt{font:400 19px/1.3 var(--f-body);color:#3366cc;text-decoration:none}.rt:hover{text-decoration:underline}
.rt mark,.rs mark{background:#fff2a8;color:inherit;padding:0 1px}
.ru{font-size:12.5px;color:#54595d;margin:2px 0 4px;overflow-wrap:anywhere}
.rs{margin:0 0 4px!important;font-size:.95em;color:#202122}
.rm{font-size:13px;color:#54595d}
:root:not([data-theme="dark"]) .tb-in .srch input{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2354595d' stroke-width='1.8'%3E%3Ccircle cx='6.5' cy='6.5' r='4.8'/%3E%3Cpath d='M10 10l4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center}
.topbar{position:relative;z-index:60}
.seo{margin:24px 0 8px;border:1px dashed #a2a9b1;border-radius:4px;padding:8px 12px;background:#fff;font-size:13px}.seo summary{cursor:pointer;font-weight:600;color:#54595d}.serp{margin:10px 0;max-width:620px}.serp .st{color:#1a0dab;font-size:18px;line-height:1.3}.serp .su{color:#006621;font-size:12px}.serp .sm{color:#4d5156;font-size:13px}.sk{border-collapse:collapse;width:100%;margin-top:8px}.sk th{text-align:left;width:190px;vertical-align:top;color:#54595d;font-weight:600;padding:3px 8px 3px 0}.sk td{padding:3px 0}
:root[data-theme="dark"] .seo{background:transparent}:root[data-theme="dark"] .serp .st{color:#8ab4f8}:root[data-theme="dark"] .serp .su{color:#81c995}:root[data-theme="dark"] .serp .sm{color:#bdc1c6}

/* ===== Cabecera estilo plataforma: carbón, blanco y amarillo flúor ===== */
:root{--neon:#e6ff00;--carbon:#2b2d30;--carbon-2:#2b2d30}
html body .util{background:var(--carbon-2)!important;color:#fff!important;border-bottom:0!important;padding:0!important;font-size:13px}
.ut-in{width:100%;max-width:1320px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ut-l,.ut-r{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
html body .util a,html body .util .ut-ad{color:#fff!important;text-decoration:none;font-weight:500;opacity:.92}
html body .util a:hover{color:var(--neon)!important;opacity:1}
html body .util .theme{display:inline-flex;align-items:center;gap:8px;background:transparent!important;border:0!important;color:#fff!important;padding:0;font:500 13px var(--f-body);cursor:pointer}
html body .util .theme:hover{color:var(--neon)!important}
.util .srch{position:relative;display:flex;align-items:center;margin:0;flex:none;max-width:none;background:#222427;border:1px solid #44474b;border-radius:999px;padding:0 4px 0 12px}
.util .srch input{background:transparent!important;border:0!important;color:#fff!important;font:500 13px var(--f-body);width:150px;padding:6px 4px!important;box-shadow:none;outline-offset:3px}
.util .srch input::placeholder{color:#a9abb0}
html body .util .sbtn{background:transparent!important;border:0!important;color:#fff!important;padding:4px 6px;display:inline-flex;cursor:pointer}
html body .util .sbtn:hover{color:var(--neon)!important}
.util .sres{top:calc(100% + 8px);left:auto;right:0;width:min(440px,92vw);text-align:left;z-index:60}
html body header.nav.hs{background:var(--carbon)!important;color:#fff!important;border-bottom:0!important;box-shadow:none}
header.nav.hs .nav-in{max-width:1320px;padding:0 20px;min-height:88px;gap:34px;flex-wrap:nowrap;align-items:center}
html body header.nav.hs .logo{color:#fff!important;font:800 38px/1 var(--f-display);letter-spacing:.01em;padding:0;max-width:none;flex:none;display:flex;align-items:center;gap:10px}
header.nav.hs .logo i{width:24px;height:24px;border:6px solid var(--neon);border-radius:50%;display:inline-block}
header.nav.hs .logo span{color:var(--neon);font-weight:800;margin:0}
header.nav.hs nav.menu{flex:1;justify-content:flex-start;gap:2px;flex-wrap:nowrap}
html body header.nav.hs .mi>a{color:#fff!important;font-size:16px;font-weight:600;padding:28px 14px;border-bottom:0;margin:0;background:transparent!important;display:flex;align-items:center;gap:7px}
html body header.nav.hs .mi>a:hover,html body header.nav.hs .mi:focus-within>a{color:var(--neon)!important}
html body header.nav.hs .mi>a[aria-current="page"]{color:var(--neon)!important;font-weight:700}
header.nav.hs .mi:has(.dd)>a::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block}
html body header.nav.hs .dd{background:var(--carbon)!important;border:1px solid #34353a!important;border-top:3px solid var(--neon)!important;border-radius:0 0 8px 8px;box-shadow:0 18px 36px rgba(0,0,0,.5)}
html body header.nav.hs .dd .dh{color:var(--neon)!important}
html body header.nav.hs .dd a{color:#fff!important;background:transparent!important}
html body header.nav.hs .dd a:hover{color:var(--neon)!important}
header.nav.hs .tright{display:flex;gap:12px;align-items:center;margin-left:auto;flex:none}
html body header.nav.hs .cta{background:var(--neon)!important;color:#111!important;border:2px solid var(--neon);border-radius:6px;font-weight:700;font-size:15px;padding:11px 20px;white-space:nowrap}
html body header.nav.hs .cta:hover{filter:brightness(1.06)}
html body header.nav.hs .cta.ghost{background:transparent!important;color:var(--neon)!important;border-color:var(--neon)}
html body header.nav.hs .cta.ghost:hover{background:var(--neon)!important;color:#111!important}
aside.toc,aside.appear{top:108px}
@media(max-width:1100px){header.nav.hs .cta.ghost{display:none}header.nav.hs .nav-in{gap:18px}}
@media(max-width:900px){html body header.nav.hs .logo{font-size:30px}header.nav.hs .nav-in{flex-wrap:wrap;gap:6px 14px;min-height:0;padding:10px 16px}header.nav.hs nav.menu{order:3;flex-basis:100%;overflow-x:auto}html body header.nav.hs .mi>a{padding:12px 10px;font-size:15px;white-space:nowrap}header.nav.hs .mi:has(.dd)>a::after{display:none}header.nav.hs .tright{margin-left:auto}.ut-ad,.util .ut-l a[href^="mailto"]{display:none}}
@media(max-width:560px){html body .util{display:block!important}.ut-in{padding:8px 14px;gap:6px 12px}.ut-l,.ut-r{gap:14px}.ut-l .theme{font-size:12px}.ut-l a[href^="tel"]{display:none}.util .srch input{width:110px}}

/* buscador grande entre franja superior y menú */
.sbar{background:var(--carbon);padding:10px 20px 0}
.sbar .srch{position:relative;display:flex;align-items:center;max-width:560px;margin:0 auto;background:#222427;border:1px solid #4a4d52;border-radius:999px;padding:0 5px 0 18px;flex:none}
.sbar .srch:focus-within{border-color:var(--neon);box-shadow:0 0 0 3px rgba(230,255,0,.25)}
.sbar .srch input{flex:1;background:transparent!important;border:0!important;color:#fff!important;font:500 15px var(--f-body);padding:9px 6px!important;box-shadow:none!important;outline:0!important;width:auto;min-width:0}
.sbar .srch input::placeholder{color:#a9abb0}
.sbar .sbtn svg{width:17px;height:17px}
html body .sbar .sbtn{background:var(--neon)!important;color:#111!important;border:0!important;border-radius:999px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.sbar .sres{top:calc(100% + 8px);left:0;right:0;width:auto;text-align:left;z-index:60}
@media(max-width:560px){.sbar{padding:12px 14px 0}.sbar .srch input{font-size:16px;padding:12px 6px!important}.sbar .sbtn svg{width:17px;height:17px}
html body .sbar .sbtn{width:38px;height:38px}}

/* ===== Portada: panel oscuro con carrusel numerado ===== */
section.portada{background:#18191b;color:#fff;border-radius:14px;padding:clamp(22px,3.4vw,44px);margin:0 0 28px;overflow:hidden}
.portada .pt-hero{display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.portada .pt-txt{flex:1 1 440px;min-width:0}
html body .portada h1{font:800 clamp(32px,4.4vw,56px)/1.08 var(--f-display);color:#fff!important;letter-spacing:-.01em;margin:0 0 16px;border:0!important;padding:0!important;max-width:18ch}
.portada .pt-y{color:#e6ff00}
html body .portada .lead{color:#d3d4d6!important;font-size:clamp(16px,1.6vw,19px);line-height:1.5;margin:0 0 22px;padding:0;border:0;max-width:56ch}
.pt-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
html body .portada a.pt-btn{display:inline-block;border:2px solid #fff;color:#fff!important;border-radius:6px;padding:12px 22px;font-weight:700;font-size:16px;text-decoration:none;background:transparent}
html body .portada a.pt-btn:hover{background:#fff;color:#111!important}
html body .portada a.pt-btn.y{background:#e6ff00;border-color:#e6ff00;color:#111!important}
html body .portada a.pt-btn.y:hover{filter:brightness(1.07)}
html body .portada a.pt-lnk{color:#e6ff00!important;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-left:6px}
.portada .pt-ring{flex:0 0 auto;width:min(240px,60vw)}.portada .pt-ring text{fill:#fff;font:600 13px var(--f-body)}
.pt-row{margin-top:38px}
html body .portada .pt-h{font:700 clamp(20px,2.2vw,26px) var(--f-display);color:#fff!important;margin:0 0 14px;border:0!important;padding:0!important}
.pt-wrap{position:relative}
.pt-track{list-style:none;margin:0;padding:6px 4px 12px;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.pt-track::-webkit-scrollbar{display:none}
.pt-item{display:flex;align-items:flex-end;flex:none;scroll-snap-align:start;position:relative;margin:0;padding:0}
.pt-n{font:800 150px/.78 var(--f-display);color:#18191b;-webkit-text-stroke:3px #fff;margin-right:-12px;z-index:2;pointer-events:none;letter-spacing:-.04em;padding-bottom:4px}
html body .portada a.pt-card{display:block;position:relative;width:190px;height:262px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#3b3d41,#202123);color:#fff!important;text-decoration:none;border:1px solid #3a3c40;transition:transform .18s,border-color .18s}
html body .portada a.pt-card:hover,html body .portada a.pt-card:focus-visible{transform:translateY(-4px);border-color:#e6ff00}
.pt-card svg{position:absolute;left:0;top:10px;width:100%;height:190px}
.pt-nm{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px 30px;background:linear-gradient(transparent,rgba(0,0,0,.82) 55%)}
.pt-nm b{display:block;font:700 15px/1.2 var(--f-body);color:#fff}
.pt-nm small{display:block;font:400 12px/1.3 var(--f-body);color:#c4c5c8;margin-top:3px}
.pt-next{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:34px;height:110px;border:0;border-radius:8px;background:rgba(60,62,66,.92);color:#fff;font:400 30px/1 var(--f-body);cursor:pointer;z-index:3}
.pt-next:hover{background:#e6ff00;color:#111}
.pt-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pt-rs{background:linear-gradient(150deg,#2c2e33,#1f2023);border:1px solid #34363a;border-radius:16px;padding:22px 20px;min-height:170px}
.pt-rs::before{content:"";display:block;width:34px;height:4px;background:#e6ff00;border-radius:2px;margin-bottom:16px}
html body .portada .pt-rs h3{font:700 clamp(18px,1.7vw,22px)/1.2 var(--f-display);color:#fff!important;margin:0 0 10px;border:0;padding:0}
html body .portada .pt-rs p{color:#b9bbbf!important;font-size:15px;line-height:1.45;margin:0;max-width:none}
@media(max-width:1100px){.pt-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pt-n{font-size:104px;margin-right:-8px}.pt-nm{padding-left:22px}html body .portada a.pt-card{width:150px;height:216px}.pt-card svg{height:150px}.pt-why{grid-template-columns:1fr}.pt-next{display:none}}

/* ===== Home: sin índice lateral ni formulario; portada a todo el ancho ===== */
html body.is-home .shell{max-width:none!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:0!important;border:0!important;background:transparent!important}
body.is-home aside.toc{display:none!important}
body.is-home .shell>aside.appear{display:none!important}
html body.is-home main{padding:0 0 64px!important;background:transparent!important}
html body.is-home section.portada{border-radius:0;margin:0;padding:clamp(28px,4vw,60px) 0}
body.is-home .portada>*{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
body.is-home .portada .pt-row{margin-top:44px}

body.is-home main>section.blk{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
body.is-home main>section.blk:first-of-type{margin-top:48px}
body.is-home .pt-next{right:20px}
html body.is-home .portada .pt-track{padding-left:4px}
html body.is-home .portada h1{max-width:20ch}
body.is-home .portada .pt-card{width:clamp(170px,15vw,220px)}

/* buscador en la franja superior (lugar original), más largo; cabecera y portada a todo el ancho */
:root{--gut:clamp(20px,3.2vw,56px)}
html body .util .srch{position:relative;display:flex;align-items:center;margin:0;flex:none;max-width:none;background:#222427;border:1px solid #44474b;border-radius:999px;padding:0 4px 0 14px}
html body .util .srch input{background:transparent!important;border:0!important;color:#fff!important;font:500 13px var(--f-body);width:300px;padding:6px 4px!important;box-shadow:none!important;outline:0!important}
html body .util .srch:focus-within{border-color:var(--neon);box-shadow:0 0 0 2px rgba(230,255,0,.25)}
html body .util .sbtn{background:transparent!important;color:#fff!important;border:0!important;width:auto;height:auto;padding:4px 6px;display:inline-flex}
html body .util .sbtn svg{width:16px;height:16px}
html body .util .sres{top:calc(100% + 8px);left:auto;right:0;width:min(460px,92vw)}
html body .ut-in{max-width:none!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
html body header.nav.hs .nav-in{max-width:none!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
html body.is-home .portada>*{max-width:none!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
html body.is-home .pt-next{right:var(--gut)}
@media(max-width:560px){html body .util .srch input{width:110px}}

/* ===== Portada con fondo blanco ===== */
html body section.portada{background:#fff;color:#1a1b1d}
html body .portada h1{color:#1a1b1d!important}
html body .portada .pt-y{color:#1a1b1d;background:#e6ff00;padding:0 .14em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
html body .portada .lead{color:#44474b!important}
html body .portada a.pt-btn{border-color:#1a1b1d;color:#1a1b1d!important}
html body .portada a.pt-btn:hover{background:#1a1b1d;color:#fff!important}
html body .portada a.pt-btn.y{background:#e6ff00;border-color:#e6ff00;color:#111!important}
html body .portada a.pt-lnk{color:#1a1b1d!important;text-decoration-color:#c7e000;text-decoration-thickness:3px}
.portada .pt-ring text{fill:#1a1b1d}
html body .portada .pt-h{color:#1a1b1d!important}
.pt-n{color:#fff;-webkit-text-stroke:3px #1a1b1d}
html body .portada a.pt-card{border-color:#1a1b1d;background:linear-gradient(160deg,#3b3d41,#1c1d1f)}
.pt-next{background:#fff;color:#1a1b1d;border:2px solid #1a1b1d;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.pt-next:hover{background:#e6ff00;color:#111}
.pt-rs{background:#f3f4f5;border:1px solid #dfe1e3}
html body .portada .pt-rs h3{color:#1a1b1d!important}
html body .portada .pt-rs p{color:#55585b!important}

/* ===== Portada centrada, estilo editorial ===== */
html body .portada .pt-hero.pt-center{display:block;text-align:center;padding-top:clamp(18px,3vw,44px);padding-bottom:clamp(8px,2vw,24px)}
.pt-eyebrow{margin:0 0 22px;font:600 13px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#1a1b1d}
html body .portada .pt-center h1{font:400 clamp(40px,5.6vw,80px)/1.1 'Source Serif 4','Linux Libertine',Georgia,'Times New Roman',serif;letter-spacing:-.01em;max-width:21ch;margin:0 auto 26px!important;color:#1a1b1d!important}
.pt-dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:#e6ff00;margin-left:.06em;box-shadow:0 0 0 .02em #1a1b1d}
html body .portada .pt-center .lead{margin:0 auto 34px;max-width:64ch;font-size:clamp(17px,1.5vw,20px);color:#2f3236!important;text-align:center}
.portada .pt-center .pt-links{justify-content:center;gap:16px}
html body .portada .pt-center a.pt-btn{padding:18px 34px;font-size:18px;border-radius:8px;border-width:2px}
html body .portada .pt-center .pt-btn.y{box-shadow:0 0 0 0 #1a1b1d}
body.is-home .portada .pt-row:first-of-type{margin-top:clamp(36px,5vw,72px)}

/* ===== Portada tipo hero a pantalla completa (Globe Express) ===== */
html body.is-home section.portada.gx{position:relative;overflow:hidden;margin:0;padding:0!important;min-height:max(440px,calc(100vh - 164px));background:#1a1b1d;color:#fff;display:flex;align-items:stretch;border-radius:0}
html body.is-home .portada.gx>*{max-width:none!important}
.gx-bg{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:flex-end;background:radial-gradient(1100px 700px at 78% 40%,#3a3d42 0%,#2b2d30 45%,#1a1b1d 100%)}
.gx-bg svg{height:130%;width:auto;margin-right:-4%;opacity:.4;transform:scale(1.15);transition:opacity .5s}
.gx-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,16,17,.88) 0%,rgba(15,16,17,.55) 45%,rgba(15,16,17,.25) 100%),linear-gradient(0deg,rgba(15,16,17,.75) 0%,rgba(15,16,17,0) 40%)}
html body.is-home section.portada.gx>.gx-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,64px);padding:clamp(24px,5vh,80px) var(--gut) clamp(20px,4vh,48px)!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
.gx-txt{align-self:center;padding-bottom:clamp(0px,4vh,48px)}
html body.is-home section.portada.gx h1.gx-eb{display:flex;align-items:center;gap:14px;margin:0 0 clamp(8px,2vh,18px);font:500 13px/1 var(--f-body)!important;letter-spacing:.22em;text-transform:uppercase;color:#e9e9e4!important;max-width:none}
h1.gx-eb:before{content:"";width:46px;height:2px;background:#e6ff00}
html body .portada.gx p.gx-sub{margin:0 0 8px;font:600 14px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#e6ff00}
html body.is-home section.portada.gx div.gx-h1,html body.is-home section.portada.gx div.gx-h1 .gx-t{color:#fff!important}
html body .portada.gx div.gx-h1{white-space:nowrap;font:700 clamp(40px,min(7.2vw,13vh),128px)/.92 'Oswald','Arial Narrow','Roboto Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#fff;margin:0 0 clamp(12px,2.4vh,22px);max-width:none;text-wrap:initial}
.gx-sr{position:absolute;left:-9999px}
.gx-p{max-width:46ch;margin:0 0 clamp(16px,3.4vh,30px);font-size:15px;line-height:1.7;color:#d6d6d0}
.gx-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
html body .portada.gx a.gx-go{width:58px;height:58px;border-radius:50%;background:#e6ff00;color:#111;display:grid;place-items:center;font-size:22px;text-decoration:none;transition:transform .2s}
html body .portada.gx a.gx-go:hover{transform:translateX(4px)}
html body .portada.gx a.gx-pill{border:1.5px solid rgba(255,255,255,.75);color:#fff;border-radius:999px;padding:17px 30px;font:600 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
html body .portada.gx a.gx-pill:hover{background:#fff;color:#111}
.gx-side{min-width:0;display:flex;flex-direction:column;gap:clamp(14px,3vh,26px)}
.gx-cards{list-style:none;margin:-10px 0 0;padding:10px 0 6px;display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.gx-cards::-webkit-scrollbar{display:none}
.gx-cards li{flex:1 1 0;min-width:128px;max-width:210px;scroll-snap-align:start}
html body .portada.gx a.gx-card{position:relative;display:block;height:clamp(190px,36vh,340px);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#3b3e43 0%,#232427 100%);border:4px solid #fff;color:#fff;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
html body .portada.gx a.gx-card.on{border-color:#e6ff00;transform:translateY(-8px);box-shadow:0 0 0 1px #e6ff00,0 10px 28px rgba(230,255,0,.28)}
.gx-card svg{position:absolute;left:0;top:0;width:100%;height:78%;opacity:.95}
.gx-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.1) 55%)}
.gx-nm{position:absolute;left:10px;right:8px;bottom:10px;z-index:2;display:block}
.gx-nm u{display:block;width:18px;height:2px;background:#e6ff00;margin-bottom:8px}
.gx-nm b{display:block;letter-spacing:0;font:600 clamp(12.5px,1vw,16px)/1.1 'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.gx-nm small{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#cfcfc8}
.gx-ctl{display:flex;align-items:center;gap:14px}
.gx-ar{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;font-size:20px;cursor:pointer;flex:none}
.gx-ar:hover{background:#e6ff00;border-color:#e6ff00;color:#111}
.gx-bar{flex:1;height:2px;background:rgba(255,255,255,.28);position:relative;margin:0 6px}
.gx-bar i{position:absolute;left:0;top:0;bottom:0;background:#e6ff00;transition:width .4s}
.gx-num{display:flex;align-items:baseline;gap:6px;font-family:'Oswald','Arial Narrow',sans-serif;flex:none}
.gx-num b{font-size:clamp(44px,min(6vw,11vh),92px);font-weight:600;line-height:.9;color:#fff}
.gx-num em{font-style:normal;font-size:14px;color:#a9a9a2;letter-spacing:.1em}
html body.is-home section.gx-why{background:#2b2d30;color:#fff;padding:clamp(40px,6vw,80px) var(--gut)}
html body.is-home .gx-why .gx-wh{color:#fff;font:700 clamp(32px,4vw,56px)/1 'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;margin:0 0 28px}
html body.is-home .gx-why .pt-rs{background:#1a1b1d;border:1px solid rgba(255,255,255,.12);color:#d6d6d0}
html body.is-home .gx-why .pt-rs h3{color:#e6ff00}
html body.is-home .gx-why .pt-rs p{color:#d6d6d0}
html body.is-home main{padding-bottom:0!important}
@media(max-width:900px){html body.is-home section.portada.gx>.gx-in{grid-template-columns:minmax(0,1fr);align-items:start}.gx-txt{padding-bottom:0}.gx-side{margin-top:8px}}
@media(max-width:560px){html body.is-home section.portada.gx{min-height:0}.gx-cards li{flex-basis:140px}html body .portada.gx a.gx-card{height:220px}.gx-ar{width:44px;height:44px}.gx-num b{font-size:48px}}

.gx-bar i{width:100%;transform-origin:left center;transform:scaleX(0);transition:none}
.gx-bar.run i{animation:gxfill 4s linear forwards}
@keyframes gxfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gx-bg{transition:opacity .4s}
@media(prefers-reduced-motion:reduce){.gx-bar.run i{animation:none;transform:scaleX(1)}}

/* ===== Bloque artículo: índice fijo a la izquierda, foto y texto a la derecha ===== */
html body.is-home section.art{background:#fff;color:#1a1b1d;padding:clamp(36px,5vw,72px) var(--gut)}
.art-in{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:1280px;margin:0 auto;align-items:start}
.art-toc{position:sticky;top:108px;align-self:start;max-height:calc(100vh - 128px);overflow:auto;padding:4px 22px 4px 0;border-right:1px solid #e3e3df}
.art-tt{margin:0 0 14px;font:600 11px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:#6b6c70}
.art-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
html body .art-toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px 8px 12px;border-left:3px solid transparent;font:500 14px/1.3 var(--f-body);color:#55565a!important;text-decoration:none!important;border-radius:0 6px 6px 0}
.art-toc a i{font-style:normal;font-size:11px;color:#9a9ba0;min-width:18px}
html body .art-toc a:hover{color:#1a1b1d!important;background:#f4f4f1}
html body .art-toc a.on{color:#1a1b1d!important;font-weight:700;border-left-color:#e6ff00;background:#f4f6e0}
.art-body{min-width:0;max-width:860px}
.art-fig{margin:0 0 clamp(24px,3vw,40px)}
.art-ph{width:100%;aspect-ratio:16/8;border-radius:14px;background-color:#1a1b1d}
.art-fig figcaption{margin-top:10px;font-size:13px;color:#6b6c70}
html body.is-home .art-body section.blk{max-width:none;margin:0 0 clamp(32px,4vw,52px);padding:0!important;scroll-margin-top:110px;background:transparent!important;border:0!important}
html body.is-home .art-body section.blk:first-of-type{margin-top:0}
html body.is-home .art-body section.blk>h2{font-size:clamp(26px,2.6vw,36px);margin:0 0 14px}
@media(max-width:900px){.art-in{grid-template-columns:minmax(0,1fr)}.art-toc{position:static;max-height:none;border-right:0;border:1px solid #e3e3df;border-radius:12px;padding:14px}.art-toc ol{max-height:210px;overflow:auto}}

html body .art-more{margin:18px 0 0}
html body a.art-rm{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #1a1b1d;border-radius:999px;font:700 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#1a1b1d!important;text-decoration:none!important;transition:background .2s,box-shadow .2s}
html body a.art-rm{background:#e6ff00;border-color:#e6ff00}
html body a.art-rm:hover{background:#1a1b1d;border-color:#1a1b1d;color:#e6ff00!important;box-shadow:0 0 0 3px rgba(230,255,0,.35)}

/* Formulario fijo a la derecha, desde el bloque del artículo */
@media(min-width:1181px){
 html body.is-home section.art .art-in{grid-template-columns:minmax(200px,250px) minmax(0,1fr) 300px;max-width:1500px}
 html body.is-home .art-in aside.appear{display:block!important;position:sticky;top:108px;align-self:start;height:auto;max-height:calc(100vh - 128px);overflow:auto;padding:20px;border:1px solid #e3e3df!important;border-radius:14px;background:#fff!important;box-shadow:0 6px 24px rgba(0,0,0,.06)}
}
@media(max-width:1180px){html body.is-home .art-in aside.appear{display:none!important}}
html body.is-home .art-in aside.appear .cbtn{background:#e6ff00!important;color:#111!important;border-radius:999px;padding:12px 26px;font-weight:700}
html body.is-home .art-in aside.appear .cbtn:hover{background:#1a1b1d!important;color:#e6ff00!important}

/* ===== Pie de página ===== */
html body footer{background:#1a1b1d!important;color:#c9cacb!important;border-top:4px solid #e6ff00!important;padding:0!important}
html body footer .foot-in{display:block!important;max-width:none;padding:0}
html body footer a{display:inline;padding:0;color:#c9cacb!important;text-decoration:none}
html body footer a:hover{color:#e6ff00!important;text-decoration:none}
.fcta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(28px,4vw,48px) var(--gut);background:#2b2d30;border-bottom:1px solid rgba(255,255,255,.08)}
.fcta-t{margin:0 0 4px;font:700 clamp(22px,2.6vw,32px)/1.15 'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;color:#fff}
.fcta-s{margin:0;color:#c9cacb;font-size:15px}
.fcta-b{display:flex;gap:12px;flex-wrap:wrap}
html body footer a.fbtn{display:inline-block;padding:14px 26px;border:2px solid rgba(255,255,255,.7);border-radius:999px;font:700 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#fff!important}
html body footer a.fbtn:hover{background:#fff;color:#111!important;border-color:#fff}
html body footer a.fbtn.fy{background:#e6ff00;border-color:#e6ff00;color:#111!important}
html body footer a.fbtn.fy:hover{background:#fff;border-color:#fff;color:#111!important}
.fgrid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(130px,1fr));gap:clamp(20px,3vw,40px);padding:clamp(32px,4vw,56px) var(--gut)}
.flogo{margin:0 0 12px;font:700 28px/1 var(--f-display);color:#fff}
.flogo span{color:#e6ff00}
.fdesc{margin:0 0 16px;font-size:14px;line-height:1.6;max-width:30ch}
footer address{font-style:normal;display:flex;flex-direction:column;gap:6px;font-size:14px}
.fh{margin:0 0 12px;font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.fcol{display:flex;flex-direction:column;gap:8px;font-size:14px}
.fcol .fh{margin-bottom:6px}
.fbot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px var(--gut);border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#8d8e92}
.flinks{display:flex;gap:20px}
@media(max-width:1100px){.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fbrand{grid-column:1/-1}}
@media(max-width:560px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body details.faq{border-bottom:1px solid #d9dadc;margin:0}
html body details.faq:first-of-type{border-top:1px solid #d9dadc}
html body details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px}
html body details.faq summary::-webkit-details-marker{display:none}
html body details.faq summary h3{margin:0;font:600 19px/1.3 var(--f-body);color:#1a1b1d}
html body details.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:#1a1b1d;color:#e6ff00;font:600 20px/32px var(--f-body);text-align:center}
html body details.faq[open] summary::after{content:"\2212";background:#e6ff00;color:#1a1b1d}
html body details.faq summary:hover h3{text-decoration:underline;text-decoration-color:#e6ff00;text-decoration-thickness:3px;text-underline-offset:4px}
html body details.faq summary:focus-visible{outline:3px solid #e6ff00;outline-offset:2px}
html body details.faq .faq-a{padding:0 4px 22px}
html body details.faq .faq-a p{margin:0 0 12px}
html body details.faq .faq-a ul{margin:0 0 14px;padding-left:20px}
html body details.faq .faq-a li{margin:0 0 8px}
html body details.faq p.faq-cta{margin:16px 0 0;padding:14px 16px;background:#f4f5f0;border-left:4px solid #e6ff00;border-radius:4px}
html body details.faq p.faq-cta a{font-weight:700;color:#1a1b1d;text-decoration:underline;text-decoration-color:#e6ff00;text-decoration-thickness:3px;white-space:nowrap}
html body details.faq p.faq-more{margin:12px 0 0}
html body details.faq p.faq-more a{font-weight:700;color:#1a1b1d;text-decoration:underline;text-decoration-color:#e6ff00;text-decoration-thickness:3px;text-underline-offset:3px}
html body .portada.gx .gx-bg img.gx-hi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
html body .portada.gx .gx-bg img.gx-hi.on{opacity:1}
html body .portada.gx a.gx-card img.gx-ci{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
html body a.wa{position:fixed;left:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 16px;border-radius:999px;background:#e6ff00;color:#1a1b1d!important;text-decoration:none!important;font:700 14px/1 var(--f-body);box-shadow:0 6px 22px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s}
html body a.wa:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.45)}
html body a.wa:focus-visible{outline:3px solid #1a1b1d;outline-offset:3px}
@media(max-width:560px){html body a.wa{right:14px;bottom:14px;width:56px;padding:0;justify-content:center}html body a.wa span{display:none}}
html body section.trust{background:#fff;border-bottom:1px solid #e3e4e6;padding:44px 0 34px}
html body .trust-in{max-width:none;margin:0;padding:0 46px;position:relative}
html body .trust-ex{margin:0 0 18px;display:inline-block;padding:4px 10px;border-radius:4px;background:#fff3b0;color:#5a4a00;font:600 12px/1.3 var(--f-body)}
html body ul.trust-st{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
html body ul.trust-st li{border-left:4px solid #e6ff00;padding:2px 0 2px 16px}
html body ul.trust-st b{display:block;font:700 clamp(34px,4vw,54px)/1 'Oswald','Arial Narrow',sans-serif;color:#1a1b1d;letter-spacing:.01em}
html body ul.trust-st span{display:block;margin-top:6px;font:500 15px/1.35 var(--f-body);color:#4a4c50}
html body .trust-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 14px}
html body .trust-lb{margin:0;flex:0 0 250px;font:700 12px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:#4a4c50}
html body ul.trust-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
html body ul.trust-chips li{padding:8px 16px;border:1px solid #cfd1d4;border-radius:999px;font:600 14px/1 var(--f-body);color:#1a1b1d;background:#f6f7f4}
html body ul.trust-br li{border-radius:6px;padding:10px 22px;color:#7a7c80;letter-spacing:.06em;text-transform:uppercase;background:#fff}
html body .trust-rv{margin:18px 0 0;padding-top:16px;border-top:1px solid #e3e4e6;font:400 13px/1.5 var(--f-body);color:#5a5c60}
@media(max-width:900px){html body .trust-in{padding:0 20px}html body ul.trust-st{grid-template-columns:repeat(2,1fr)}html body .trust-lb{flex-basis:100%}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html body .portada.gx .gx-pz{font-size:13px;letter-spacing:-1px}
html body .portada.gx .gx-ar:focus-visible,html body .portada.gx a.gx-card:focus-visible,html body .portada.gx .gx-go:focus-visible,html body .portada.gx .gx-pill:focus-visible{outline:3px solid #e6ff00;outline-offset:3px}
html body figure.pg-fig{margin:18px 0 26px;padding:0}
html body figure.pg-fig img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:14px;background:#1a1b1d}
html body aside.appear .cbtn{background:#e6ff00!important;color:#111!important;border-radius:999px;padding:12px 26px;font-weight:700;border:0}
html body aside.appear .cbtn:hover{background:#1a1b1d!important;color:#e6ff00!important}

/* cotizador */
.cq{margin:22px 0;border:1px solid var(--line);background:var(--surface)}
.cq-f{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;padding:14px 16px;background:var(--grey);border-bottom:1px solid var(--line)}
.cq-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 100%}
.cq-chip{border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;min-height:40px;padding:0 16px;font:600 14px/1 var(--f-body);cursor:pointer}
.cq-chip[aria-pressed=true]{background:#e6ff00;color:#111;border-color:#111}
.cq label,.cq-sum label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.cq select,.cq input,.cq-sum input,.cq-sum textarea{font:400 15px/1.2 var(--f-body);min-height:40px;padding:6px 8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:2px;width:100%;box-sizing:border-box;min-width:0}
.cq-f label{flex:1 1 160px}
.cq-r{display:grid;grid-template-columns:minmax(150px,1.1fr) 3fr minmax(150px,.9fr);gap:10px 14px;align-items:end;padding:12px 16px;border-bottom:1px solid var(--line)}
.cq-r:last-child{border-bottom:0}
.cq-n{font-weight:700;font-size:15px;align-self:center}.cq-n small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}
.cq-fl{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.cq-q{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.cq-add{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:#e6ff00;color:#111;font:700 13px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.cq-add:hover{background:#111;color:#e6ff00}
.cq-empty{padding:18px 16px;color:var(--muted)}
.cq-sum{border:1px solid var(--line);border-left:6px solid #e6ff00;background:var(--surface);padding:16px;margin:18px 0;display:grid;gap:12px}
.cq-sum h2{margin:0;font-size:20px}
.cq-li{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cq-li li{display:grid;grid-template-columns:1fr 92px auto;gap:8px;align-items:center;padding:8px 10px;background:var(--grey);border:1px solid var(--line)}
.cq-li li span small{display:block;color:var(--muted);font-size:12px}
.cq-rm{border:0;background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;min-width:40px;min-height:40px}
.cq-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cq-b{display:flex;flex-wrap:wrap;gap:10px}
.cq-wa{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#e6ff00;color:#111!important;font:700 14px/1 var(--f-body);text-decoration:none;border:0;cursor:pointer}
.cq-wa[aria-disabled=true]{opacity:.45;pointer-events:none}
.cq-sec{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink)!important;font:600 14px/1 var(--f-body);text-decoration:none;cursor:pointer}
.cq-bar{position:fixed;right:20px;bottom:20px;z-index:55;display:none;min-height:48px;padding:0 22px;border-radius:999px;background:#111;color:#e6ff00;border:2px solid #e6ff00;font:700 14px/1 var(--f-body);cursor:pointer}
.cq-bar.on{display:inline-flex;align-items:center}
.cq-note{font-size:13px;color:var(--muted);margin:0}
@media(max-width:760px){.cq-r{grid-template-columns:1fr}.cq-li li{grid-template-columns:1fr 80px auto}}

.urlbar,.cod,.meta{display:none!important}