
*{box-sizing:border-box}
body{margin:0;font:15px/1.6 -apple-system,Segoe UI,Roboto,sans-serif;color:#1b2733;background:#fff}
.wrap{display:flex;min-height:100vh}
.side{width:320px;flex:0 0 320px;background:#0f2733;color:#cfe;overflow:auto;height:100vh;position:sticky;top:0;padding:14px}
.side a{color:#bfe3f0;text-decoration:none;display:block;padding:2px 6px;border-radius:5px}
.side a:hover{background:#163847;color:#fff}
.side .top{font-weight:700;color:#fff;margin:4px 0}
.side .leaf{font-size:13px;padding-left:16px;color:#9fc6d6}
.side summary{cursor:pointer;font-weight:600;color:#fff;margin-top:8px;padding:2px 0}
.side summary a{display:inline}
.main{flex:1;max-width:900px;padding:28px 48px}
.main h1{border-bottom:2px solid #1f4e5f;padding-bottom:6px}
.main code{background:#eef3f6;padding:1px 5px;border-radius:4px}
.main pre{background:#0f2733;color:#cfe;padding:12px;border-radius:8px;overflow:auto}
.main table{border-collapse:collapse} .main td,.main th{border:1px solid #d6e2ea;padding:5px 9px}
.main th{background:#eef3f6}
.deadlink{color:#9aa;border-bottom:1px dotted #bbb}
a{color:#1f6f8f}
.draftbar{position:sticky;top:0;z-index:9;background:repeating-linear-gradient(45deg,#7a5901,#7a5901 12px,#664b01 12px,#664b01 24px);color:#ffe9a8;font-weight:700;padding:8px 14px;text-align:center;font-size:12.5px;border-bottom:2px solid #ffcf4d}

:root{--side-width:280px;--content-width:1400px;--page-pad:56px}
body{font-size:16px;line-height:1.68;background:#f8fafb}
.side{width:var(--side-width);flex-basis:var(--side-width);padding:18px 16px}
.side .nav{padding-bottom:28px}
.side a{padding:4px 7px}
.side .leaf{font-size:13.5px;line-height:1.45;padding:5px 8px 5px 18px}
img,svg,video{max-width:100%;height:auto}
.main{min-width:0;width:100%;max-width:var(--content-width);margin:0 auto;padding:44px var(--page-pad) 80px}
.main>h1{font-size:2.15rem;line-height:1.18;letter-spacing:-.035em;margin:18px 0 28px;padding-bottom:12px}
.main h2{font-size:1.55rem;line-height:1.28;letter-spacing:-.018em;margin:2.2rem 0 1rem}
.main h3{font-size:1.22rem;line-height:1.35;margin:1.9rem 0 .85rem}
.main p{margin:.85rem 0}
.main>p,.main>ul,.main>ol,.main>blockquote{width:100%;max-width:none}
.main li{margin:.22rem 0}
.main p,.main li,.main td,.main th{overflow-wrap:anywhere}
.main table{display:block;width:100%;max-width:100%;margin:1.45rem 0 1.75rem;overflow-x:auto;border-collapse:separate;border-spacing:0;font-size:.95rem}
.main td,.main th{padding:9px 12px;vertical-align:top;line-height:1.55}
.main blockquote{margin:1.45rem 0;padding:2px 0 2px 20px;border-left:4px solid #1f6f8f;color:#33454f}
.main hr{margin:2.25rem 0;border:0;border-top:1px solid #d6e2ea}
.main img{display:block;margin:1.35rem auto}
.main pre{background:#f6f8fa;color:#1b2733;border:1px solid #d6e2ea;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.main pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-weight:inherit}
.nav-toggle{display:none}
.side .tier{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7fb0c4;margin:16px 6px 4px;font-weight:700}
.as-toc{padding:15px 18px;margin:0 0 28px}
.as-toc ul{column-gap:34px}
.as-crumb{margin-bottom:16px}
@media (min-width: 1200px){
  .as-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 34px;padding-left:20px}
  .as-toc .l3{padding-left:0}
}
@media (min-width: 761px) and (max-width: 1100px){
  :root{--side-width:260px;--page-pad:36px}
  .main{padding-top:36px}
}
@media (max-width: 760px){
  body{font-size:16px;line-height:1.55}
  .wrap{display:block;min-height:100vh}
  .side{width:100%;height:auto;max-height:none;position:sticky;top:0;z-index:10;padding:0;border-bottom:1px solid #d6e2ea}
  .nav-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:#0f2733;color:#fff;font:900 19px/1.2 -apple-system,Segoe UI,Roboto,sans-serif;padding:13px 15px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
  .nav-toggle:after{content:"Menú";font-weight:700;color:#bfe3f0}
  .side .nav{display:none;max-height:68vh;overflow:auto;padding:8px 12px 12px;background:#0f2733}
  .side.nav-open .nav{display:block}
  .side.nav-open .nav-toggle:after{content:"Cerrar"}
  .side a{padding:8px 8px}
  .side .top{font-size:17px;margin:0 0 4px}
  .side .leaf{font-size:16px;line-height:1.35;padding:10px 8px 10px 20px;margin:2px 0}
  .side summary{font-size:16px;padding:8px 0}
  .side details{border-top:1px solid rgba(214,226,234,.16);padding-top:2px}
  .side details[open]{padding-bottom:8px}
  .side .tier{font-size:12px;margin:14px 8px 2px}
  .main{max-width:none;width:100%;padding:18px 16px 36px}
  .main h1{font-size:1.55rem;line-height:1.2}
  .main h2{font-size:1.28rem;line-height:1.25}
  .main h3{font-size:1.08rem;line-height:1.3}
  .main table{font-size:14px}
  .main td,.main th{min-width:140px;padding:6px 8px}
  .main code{white-space:normal}
}
@media (max-width: 420px){
  .main{padding:16px 12px 32px}
  .main h1{font-size:1.35rem}
}

:root[data-theme=dark] body{background:#0e1519;color:#dce6ea}
:root[data-theme=dark] .side{background:#0a161c}
:root[data-theme=dark] .main pre{background:#14202a;color:#dce6ea;border-color:#243139}
:root[data-theme=dark] .main pre code{color:inherit}
:root[data-theme=dark] .main code{background:#1b2831;color:#dce6ea}
:root[data-theme=dark] .main th{background:#1b2831}
:root[data-theme=dark] .main td,:root[data-theme=dark] .main th{border-color:#243139}
:root[data-theme=dark] .main h1{border-bottom-color:#3fb6d6}
:root[data-theme=dark] .main blockquote{background:#141d23;color:#eef5f7;border-left-color:#55c7e3}
:root[data-theme=dark] .main blockquote strong,:root[data-theme=dark] .main blockquote em{color:inherit}
:root[data-theme=dark] .main hr{border-top-color:#243139}
:root[data-theme=dark] a{color:#6fd0ea}
:root[data-theme=dark] .deadlink{color:#8aa0ab;border-bottom-color:#ff7a6b}
:root[data-theme=dark] .as-box{background:#141d23;border-color:#243139}
:root[data-theme=dark] .as-res a{color:#dce6ea}
:root[data-theme=dark] .as-res a:hover,:root[data-theme=dark] .as-res a.sel{background:#1b2831}
.as-skip{position:absolute;left:-9999px;top:0;background:#1f6f8f;color:#fff;padding:10px 14px;z-index:30}
.as-skip:focus{left:0}
.as-search{width:100%;padding:8px 10px;margin:2px 0 4px;border-radius:6px;border:1.5px solid #1f6f8f;background:#fff;color:#1b2733;font-size:14px}
.as-kbd{font-size:11px;color:#9fc6d6;margin:0 0 8px}
.as-kbd b{background:#163847;border-radius:3px;padding:1px 5px}
.as-res{background:#fff;border:1px solid #d6e2ea;border-radius:7px;margin-bottom:10px;max-height:50vh;overflow:auto}
.as-res a{display:block;padding:7px 9px;border-bottom:1px solid #d6e2ea;color:#1b2733;font-size:13px}
.as-res a:hover,.as-res a.sel{background:#eef3f6;text-decoration:none}
.as-res .t{font-weight:700;color:#1f6f8f;display:block}
.as-res .s{color:#5a6b76;font-size:12px}
.as-res .s b{background:#ffe680;color:#10202b}
.as-res .none{padding:9px;color:#5a6b76;font-size:13px}
.as-toc{background:#f6f8fa;border:1px solid #d6e2ea;border-left:4px solid #1f6f8f;border-radius:8px;padding:9px 13px;margin:0 0 20px}
:root[data-theme=dark] .as-toc{background:#141d23;border-color:#243139;border-left-color:#55c7e3}
:root[data-theme=dark] .as-toc b{color:#b7c8d0}
.as-toc b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5a6b76;margin-bottom:3px}
.as-toc ul{margin:3px 0 0;padding-left:18px}.as-toc li{margin:1px 0}
.as-toc .l3{padding-left:14px;list-style:circle}
.as-crumb{font-size:13px;color:#5a6b76;margin:0 0 12px}
.as-pager{display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:14px;border-top:1px solid #d6e2ea}
.as-pager a{flex:1;border:1px solid #d6e2ea;border-radius:8px;padding:10px 13px;font-weight:650;text-decoration:none}
.as-pager a:hover{border-color:#1f6f8f}
.as-pager .nx{text-align:right}
.as-pager i{display:block;font-size:12px;color:#5a6b76;font-style:normal}
:root[data-theme=dark] .as-pager a{border-color:#243139}
.hlink{opacity:0;margin-left:8px;font-size:.7em;text-decoration:none;color:#5a6b76}
h1:hover .hlink,h2:hover .hlink,h3:hover .hlink,.hlink:focus{opacity:1}
.as-top{position:fixed;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;border:1px solid #d6e2ea;background:#fff;color:#1b2733;cursor:pointer;font-size:17px;opacity:0;transition:opacity .2s}
.as-top.show{opacity:.9}
:root[data-theme=dark] .as-top{background:#141d23;color:#dce6ea;border-color:#243139}
.as-theme{width:100%;margin-top:12px;padding:7px;border:1px solid #163847;background:transparent;color:#bfe3f0;border-radius:6px;cursor:pointer;font-size:13px}
@media print{
 .side,.as-pager,.as-top,.as-toc,.as-skip,.hlink,.as-res,.as-search,.as-kbd{display:none!important}
 .wrap{display:block}.main{max-width:none;padding:0}
 details>*{display:block!important}
 body{background:#fff;color:#000}
 .main pre{background:#f4f4f4;color:#000;border:1px solid #bbb}
 a{color:#000;text-decoration:none}
 h1,h2,h3{break-after:avoid}table,pre,tr{break-inside:avoid}
}

