:root{
  --tinta:#16110f;
  --tinta-media:#2b2320;
  --papel:#f6f0e7;
  --papel-hondo:#ece3d6;
  --escaque-claro:#efe4d3;
  --escaque-oscuro:#3b2e29;
  --brasa:#ff3900;
  --brasa-honda:#b32800;
  --brasa-tenue:#ffe3d6;
  --ceniza:#6b605a;
  --trazo:#d6c9b8;
  --f-titulo:"Gloock","Iowan Old Style",Georgia,"Times New Roman",serif;
  --f-texto:"Inria Sans","Segoe UI","Trebuchet MS",Arial,sans-serif;
  --ancho:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1.5rem}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.66 var(--f-texto);overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--brasa-honda);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--brasa);outline-offset:2px}
h1,h2,h3{font-family:var(--f-titulo);font-weight:400;line-height:1.16;letter-spacing:-.005em;margin:0}
h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.15rem)}
h2{font-size:clamp(1.5rem,1.15rem + 1.1vw,2.05rem);margin:0 0 .9rem}
h3{font-size:1.22rem;margin:1.6rem 0 .5rem}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1.1rem;padding-left:1.25rem}
li{margin:.3rem 0}
strong{font-weight:700}

._saltar{position:absolute;left:-999px;top:0;background:var(--brasa);color:var(--tinta);padding:.6rem 1rem;z-index:30}
._saltar:focus{left:1rem}

._flanco-alto{background:var(--tinta);color:var(--papel)}
._franja{max-width:var(--ancho);margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;gap:1.4rem}
._insignia{display:flex;align-items:center;gap:.7rem;color:var(--papel);text-decoration:none;flex-shrink:0}
._insignia:hover{color:var(--papel)}
._insignia svg{width:2.3rem;height:2.3rem}
._insignia-texto{display:flex;flex-direction:column;line-height:1.1}
._nombre-ed{font-family:var(--f-titulo);font-size:1.4rem}
._lema{font-size:.78rem;color:#cdbfae;letter-spacing:.02em}
._diagonales{display:flex;gap:.15rem;margin-left:auto;flex-wrap:wrap}
._diagonales a{color:#efe4d3;text-decoration:none;font-size:.95rem;padding:.4rem .6rem;border-bottom:2px solid transparent}
._diagonales a:hover,._diagonales a[aria-current="page"]{color:#fff;border-bottom-color:var(--brasa)}
._jaque{display:inline-flex;align-items:center;gap:.55rem;background:var(--brasa);color:var(--tinta);font:700 1rem/1.2 var(--f-texto);text-decoration:none;padding:.78rem 1.15rem;border:2px solid var(--brasa);border-radius:2px;box-shadow:4px 4px 0 var(--tinta);transition:transform .12s,box-shadow .12s}
._jaque::after{content:"";width:.6rem;height:.6rem;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
._jaque:hover{color:var(--tinta);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--tinta)}
._jaque--alto{box-shadow:none;padding:.6rem .95rem;font-size:.93rem;flex-shrink:0}
._jaque--alto:hover{transform:none;box-shadow:none;background:#fff;border-color:#fff}
._desplegable{display:none;border-top:1px solid #3a302c}
._desplegable summary{cursor:pointer;list-style:none;padding:.75rem 1.5rem;font-weight:700;color:var(--papel);display:flex;justify-content:space-between;align-items:center}
._desplegable summary::-webkit-details-marker{display:none}
._desplegable summary::after{content:"+";font-family:var(--f-titulo);font-size:1.5rem;line-height:1;color:var(--brasa)}
._desplegable[open] summary::after{content:"\2212"}
._desplegable nav{display:grid;grid-template-columns:1fr 1fr;padding:0 1.5rem 1rem;gap:.1rem}
._desplegable nav a{color:#efe4d3;text-decoration:none;padding:.55rem .5rem;border-left:3px solid #3a302c}
._desplegable nav a[aria-current="page"]{border-left-color:var(--brasa);color:#fff}
._regla{background:var(--tinta-media);color:#bba996;font:400 .78rem/1 var(--f-titulo)}
._regla div{max-width:var(--ancho);margin:0 auto;padding:.35rem 1.5rem;display:grid;grid-template-columns:repeat(8,1fr);text-align:center;letter-spacing:.1em}

._partida{max-width:var(--ancho);margin:0 auto;padding:2.4rem 1.5rem 3.5rem}
._apertura-pag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:3rem;align-items:center;padding-bottom:2.2rem;border-bottom:1px solid var(--trazo);margin-bottom:2.4rem}
._apertura-pag--simple{grid-template-columns:minmax(0,1fr);max-width:52rem}
._antetitulo{font:700 .8rem/1.3 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--brasa-honda);margin:0 0 .9rem;display:flex;flex-wrap:wrap;gap:.35rem .8rem}
._antetitulo span+span::before{content:"\25AA";margin-right:.8rem;color:var(--ceniza)}
._bajada{font-size:1.16rem;line-height:1.6;margin:1.2rem 0 1rem;max-width:44rem}
._fechado{font-size:.88rem;color:var(--ceniza);margin:0}

._damero{display:grid;grid-template-columns:1.3rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) 1.3rem;width:100%;max-width:25rem;justify-self:end}
._escaques{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1/1;background:repeating-conic-gradient(var(--escaque-oscuro) 0 25%,var(--escaque-claro) 0 50%) 0 0/25% 25%;border:6px solid var(--tinta);box-shadow:10px 10px 0 var(--papel-hondo)}
._escaques svg{width:100%;height:100%;padding:3%}
._huella{background:rgba(255,57,0,.62)}
._filas,._columnas{display:grid;font:400 .78rem/1 var(--f-titulo);color:var(--ceniza)}
._filas{grid-column:1;grid-row:1;grid-template-rows:repeat(8,1fr);align-items:center;padding:6px 0}
._columnas{grid-column:2;grid-row:2;grid-template-columns:repeat(8,1fr);text-align:center;align-items:end;padding:0 6px}
._leyenda-tablero{grid-column:1/-1;font-size:.82rem;color:var(--ceniza);margin:.9rem 0 0;text-align:right}

._pieza{display:block}
._pieza--blanca{fill:#fffaf1;stroke:var(--tinta);stroke-width:1.5;stroke-linejoin:round}
._pieza--negra{fill:var(--tinta);stroke:#f6efe4;stroke-width:1.3;stroke-linejoin:round}

._reticula{display:grid;grid-template-columns:minmax(0,47rem) minmax(15rem,17.5rem);gap:3rem;justify-content:space-between}
._texto>section{margin:0 0 2.8rem}
._texto>section:last-child{margin-bottom:0}
._movida{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;color:var(--brasa-honda);font:400 1rem/1 var(--f-titulo)}
._movida svg{width:2.1rem;height:2.1rem;background:var(--escaque-oscuro);padding:.2rem;border-radius:2px}
._movida--clara svg{background:var(--escaque-claro)}

._registro-mov{position:sticky;top:1.5rem;align-self:start;border:1px solid var(--trazo);background:#fbf7f1;padding:1.2rem 1.3rem 1rem}
._registro-mov p{font:400 1.15rem/1.2 var(--f-titulo);margin:0 0 .7rem}
._registro-mov ol{list-style:none;margin:0;padding:0;counter-reset:mov}
._registro-mov li{counter-increment:mov;display:grid;grid-template-columns:1.7rem 3.4rem 1fr;gap:.2rem;margin:0;padding:.42rem 0;border-top:1px dashed var(--trazo);font-size:.93rem}
._registro-mov li::before{content:counter(mov) ".";color:var(--ceniza);font-family:var(--f-titulo)}
._registro-mov li span{font-family:var(--f-titulo);color:var(--brasa-honda)}
._registro-mov a{color:var(--tinta);text-decoration:none}
._registro-mov a:hover{color:var(--brasa-honda);text-decoration:underline}
._registro-mov small{display:block;margin-top:.8rem;color:var(--ceniza);font-size:.8rem;line-height:1.45}

._desplazable{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--trazo);background:#fffdf9}
._planilla{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem}
._planilla caption{caption-side:bottom;text-align:left;font-size:.8rem;color:var(--ceniza);padding:.55rem .8rem}
._planilla th,._planilla td{padding:.6rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--trazo)}
._planilla thead th{background:var(--tinta);color:var(--papel);font-weight:700;font-size:.85rem;letter-spacing:.02em}
._planilla tbody tr:nth-child(even){background:#f4ece0}
._planilla tbody th{font-weight:700}
._planilla--corta{min-width:0}
._coord{display:inline-block;min-width:1.9rem;margin-right:.45rem;padding:.08rem .3rem;background:var(--escaque-oscuro);color:var(--escaque-claro);font:400 .78rem/1.35 var(--f-titulo);text-align:center}

._anotacion{position:relative;margin:1.3rem 0;padding:.9rem 1rem .9rem 3.4rem;background:var(--brasa-tenue);border-left:4px solid var(--brasa)}
._anotacion p:last-child{margin-bottom:0}
._signo{position:absolute;left:.8rem;top:.75rem;font:400 1.25rem/1 var(--f-titulo);color:var(--brasa-honda)}
._anotacion--sobria{background:var(--papel-hondo);border-left-color:var(--tinta)}
._anotacion--sobria ._signo{color:var(--tinta)}

._puente{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin:2.2rem 0 2.8rem;padding:1.3rem 1.4rem;background:var(--tinta);color:var(--papel)}
._puente p{margin:0;flex:1 1 18rem;font-size:1rem}

._pasos{list-style:none;padding:0;counter-reset:paso}
._pasos li{counter-increment:paso;position:relative;padding:.2rem 0 .9rem 3rem;margin:0}
._pasos li::before{content:counter(paso);position:absolute;left:0;top:.05rem;width:2.1rem;height:2.1rem;display:grid;place-items:center;background:var(--escaque-oscuro);color:var(--escaque-claro);font-family:var(--f-titulo)}
._pasos li:nth-child(even)::before{background:var(--escaque-claro);color:var(--tinta);outline:1px solid var(--trazo)}

._balanza{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:0 0 1.2rem}
._balanza>div{padding:1rem 1.1rem;border:1px solid var(--trazo);background:#fffdf9}
._balanza h3{margin-top:0}
._balanza ul{margin-bottom:0}

._variantes details{border-top:1px solid var(--trazo);padding:.2rem 0}
._variantes details:last-of-type{border-bottom:1px solid var(--trazo)}
._variantes summary{cursor:pointer;list-style:none;padding:.85rem 2rem .85rem 0;position:relative;font-weight:700;font-size:1.05rem}
._variantes summary::-webkit-details-marker{display:none}
._variantes summary::after{content:"";position:absolute;right:.3rem;top:1.15rem;width:.75rem;height:.75rem;background:var(--escaque-oscuro);transition:transform .15s}
._variantes details[open] summary::after{background:var(--brasa);transform:rotate(45deg)}
._variantes details>div{padding:0 0 .6rem}

._flanco-bajo{background:var(--tinta);color:#ddd0bf;margin-top:1rem;position:relative}
._flanco-bajo::before{content:"";display:block;height:10px;background:repeating-linear-gradient(90deg,var(--brasa) 0 10px,var(--tinta) 10px 20px,var(--escaque-claro) 20px 30px,var(--tinta) 30px 40px)}
._franja--pie{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:2.4rem;align-items:start;padding-top:2.4rem;padding-bottom:2rem}
._franja--pie p{font-size:.92rem;line-height:1.6}
._franja--pie a{color:#ffd0bc}
._pie-titulo{font:400 1.05rem/1.2 var(--f-titulo);color:#fff;margin:0 0 .7rem}
._pie-lista{list-style:none;margin:0;padding:0;font-size:.92rem}
._pie-lista li{margin:.25rem 0}
._pie-cierre{max-width:var(--ancho);margin:0 auto;padding:1rem 1.5rem 1.6rem;border-top:1px solid #352b27;font-size:.82rem;color:#a89a8c;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between}

._fuera{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:3rem;align-items:center;max-width:56rem;margin:1rem auto 0}
._fuera ._damero{max-width:17rem}
._tachada{background:var(--brasa);position:relative}
._tachada::before,._tachada::after{content:"";position:absolute;left:18%;right:18%;top:46%;height:9%;background:var(--tinta);transform:rotate(45deg)}
._tachada::after{transform:rotate(-45deg)}

@media (max-width:1080px){
  ._reticula{grid-template-columns:minmax(0,1fr);gap:2rem}
  ._registro-mov{position:static;order:-1}
  ._apertura-pag{grid-template-columns:minmax(0,1fr) minmax(0,19rem);gap:2rem}
}
@media (max-width:980px){
  ._diagonales{display:none}
  ._desplegable{display:block}
  ._franja{justify-content:space-between}
}
@media (max-width:760px){
  body{font-size:1.02rem}
  ._franja{padding:.7rem 1rem;gap:.8rem}
  ._lema{display:none}
  ._nombre-ed{font-size:1.2rem}
  ._insignia svg{width:1.9rem;height:1.9rem}
  ._jaque--alto{font-size:.85rem;padding:.5rem .7rem}
  ._desplegable summary{padding:.7rem 1rem}
  ._desplegable nav{padding:0 1rem 1rem}
  ._regla div{padding:.3rem 1rem}
  ._partida{padding:1.6rem 1rem 2.5rem}
  ._apertura-pag{grid-template-columns:minmax(0,1fr)}
  ._damero{justify-self:center;max-width:19rem}
  ._balanza{grid-template-columns:1fr}
  ._franja--pie{grid-template-columns:1fr;gap:1.6rem;padding-left:1rem;padding-right:1rem}
  ._pie-cierre{padding:1rem}
  ._puente{padding:1.1rem}
  ._fuera{grid-template-columns:1fr}
  ._fuera ._damero{max-width:14rem}
}
@media (max-width:640px){
  ._desplazable{overflow:visible;border:0;background:none}
  ._planilla{min-width:0;display:block}
  ._planilla caption{display:block;padding:0 0 .7rem}
  ._planilla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  ._planilla tbody{display:block}
  ._planilla tr{display:block;border:1px solid var(--trazo);background:#fffdf9;margin:0 0 .75rem}
  ._planilla tbody tr:nth-child(even){background:#fbf5ec}
  ._planilla th,._planilla td{display:block;border:0;padding:.4rem .9rem}
  ._planilla tbody th{background:var(--escaque-oscuro);color:var(--escaque-claro);padding:.55rem .9rem}
  ._planilla tbody th ._coord{background:var(--brasa);color:var(--tinta)}
  ._planilla td::before{content:attr(data-label);display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ceniza)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
._numeral{white-space:nowrap}
