:root{
  --papel:#f2ebd9;
  --papel-2:#e7dcc2;
  --papel-3:#fbf7ec;
  --tinta:#0c1528;
  --tinta-2:#38425c;
  --rojo:#d2290b;
  --rojo-osc:#97200a;
  --cesped:#2f5d3a;
  --laton:#a9843a;
  --raya:rgba(12,21,40,.16);
  --letra-titulo:"Bevan",Georgia,"Times New Roman",serif;
  --letra-texto:"Pathway Extreme","Trebuchet MS",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background-color:var(--papel);
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(12,21,40,.035) 31px 32px);
  color:var(--tinta);
  font-family:var(--letra-texto);
  font-size:17.5px;
  line-height:1.62;
}
img,svg{max-width:100%;height:auto}
a{color:var(--rojo-osc);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--rojo)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--laton);outline-offset:2px}

.yute-atajo{position:absolute;left:-999px;top:0;background:var(--tinta);color:var(--papel);padding:8px 14px;z-index:20}
.yute-atajo:focus{left:12px;top:12px}

.yute-faja{
  background:var(--tinta);color:#e9e2cf;
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  padding:7px 20px;text-align:center;
}
.yute-faja b{color:#ffb39f;font-weight:700}

.laton-marquilla{
  background:var(--papel-3);
  border-bottom:4px double var(--tinta);
  position:relative;
}
.laton-marquilla::after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:6px;
  background:repeating-linear-gradient(90deg,#fff 0 22px,var(--cesped) 22px 26px);
  opacity:.9;
}
.laton-marquilla > div{
  max-width:1240px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
}
.laton-divisa{
  display:flex;align-items:baseline;text-decoration:none;color:var(--tinta);
  font-family:var(--letra-titulo);font-size:30px;line-height:1;letter-spacing:.01em;
}
.laton-divisa span{color:var(--rojo)}
.laton-divisa small{
  font-family:var(--letra-texto);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tinta-2);border-left:1px solid var(--raya);padding-left:10px;margin-left:12px;
}
.fieltro-tecla{
  display:none;margin-left:auto;
  font:700 15px/1 var(--letra-texto);letter-spacing:.08em;text-transform:uppercase;
  background:transparent;color:var(--tinta);border:2px solid var(--tinta);padding:10px 16px;cursor:pointer;
}
.cuero-riendas{margin-left:auto}
.cuero-riendas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 2px}
.cuero-riendas a{
  display:flex;align-items:center;gap:6px;padding:6px 9px;
  color:var(--tinta);text-decoration:none;font-size:15px;font-weight:600;border-bottom:2px solid transparent;
}
.cuero-riendas a i{
  font-style:normal;font-family:var(--letra-titulo);font-size:12px;min-width:20px;height:20px;
  display:inline-grid;place-items:center;background:var(--tinta);color:var(--papel);
}
.cuero-riendas a:hover,.cuero-riendas a[aria-current="page"]{border-bottom-color:var(--rojo)}
.cuero-riendas a[aria-current="page"] i{background:var(--rojo)}

.cobre-largada{
  display:inline-flex;align-items:center;gap:10px;
  font:400 15px/1.15 var(--letra-titulo);letter-spacing:.02em;
  color:#fff;text-decoration:none;
  background:linear-gradient(180deg,#ef3a14 0%,var(--rojo-osc) 100%);
  border:2px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);
  padding:12px 18px;transition:transform .12s,box-shadow .12s;
}
.cobre-largada::after{content:"\2197";font-family:var(--letra-texto);font-weight:700}
.cobre-largada:hover{color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--tinta)}
.laton-marquilla .cobre-largada{font-size:14px;padding:10px 14px;box-shadow:3px 3px 0 var(--tinta)}

.arena-pista{
  max-width:1240px;margin:0 auto;padding:40px 24px 64px;
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start;
}
.arena-recta{max-width:760px;width:100%;justify-self:center}
.arena-recta > p,.arena-recta > ul,.arena-recta > ol{margin:0 0 1.05em}
.arena-recta ul{padding-left:1.2em}
.arena-recta li{margin-bottom:.4em}

.bronce-dorsal{
  display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
  border:2px solid var(--tinta);background:var(--papel-3);padding:14px 16px;margin-bottom:22px;
}
.seda-mandil{
  font-family:var(--letra-titulo);font-size:44px;line-height:1;color:#fff;
  width:74px;height:74px;display:grid;place-items:center;background:var(--rojo);
  border:3px solid var(--tinta);
}
.bronce-dorsal p{margin:0}
.bronce-dorsal p:first-child{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--tinta-2)}
.bronce-dorsal p strong{font-family:var(--letra-titulo);font-weight:400;font-size:20px;display:block;line-height:1.25;color:var(--tinta)}
.bronce-dorsal dl{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;font-size:14px}
.bronce-dorsal dt{font-weight:700;display:inline}
.bronce-dorsal dd{display:inline;margin:0 0 0 4px}
.seda-chaqueta{width:86px;height:auto;display:block}

.arena-recta h1{
  font-family:var(--letra-titulo);font-weight:400;
  font-size:clamp(30px,4.2vw,46px);line-height:1.14;margin:0 0 18px;letter-spacing:-.005em;
}
.arena-recta h2{
  counter-increment:partidor;
  font-family:var(--letra-titulo);font-weight:400;font-size:clamp(22px,2.6vw,29px);line-height:1.22;
  margin:2.1em 0 .7em;padding-top:26px;position:relative;
  display:flex;gap:14px;align-items:flex-start;
}
.arena-recta h2::before{
  content:counter(partidor);flex:0 0 auto;
  font-size:18px;line-height:1;width:38px;height:38px;display:grid;place-items:center;margin-top:-2px;
  border:2px solid var(--tinta);background:#c8102e;color:#fff;
}
.arena-recta h2[data-poste]::after{
  content:attr(data-poste);position:absolute;top:0;left:0;
  font-family:var(--letra-texto);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cesped);
  border-top:2px solid var(--cesped);padding-top:4px;min-width:150px;
}
.arena-recta{counter-reset:partidor}
.arena-recta h2:nth-of-type(8n+2)::before{background:#fff;color:var(--tinta)}
.arena-recta h2:nth-of-type(8n+3)::before{background:#1f4fbf}
.arena-recta h2:nth-of-type(8n+4)::before{background:#f2c81e;color:var(--tinta)}
.arena-recta h2:nth-of-type(8n+5)::before{background:#1d7a3b}
.arena-recta h2:nth-of-type(8n+6)::before{background:#111}
.arena-recta h2:nth-of-type(8n+7)::before{background:#ef7d16;color:var(--tinta)}
.arena-recta h2:nth-of-type(8n+8)::before{background:#f29bc0;color:var(--tinta)}
.arena-recta h3{font-size:19px;font-weight:700;margin:1.5em 0 .45em}

.lona-grilla{overflow-x:auto;margin:1.2em 0 1.5em;border:2px solid var(--tinta);background:var(--papel-3)}
.lona-grilla table{border-collapse:collapse;width:100%;min-width:540px;font-size:15.5px;line-height:1.45}
.lona-grilla caption{caption-side:top;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.1em;padding:9px 12px;border-bottom:1px solid var(--raya);color:var(--tinta-2)}
.lona-grilla th,.lona-grilla td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--raya)}
.lona-grilla thead th{background:var(--tinta);color:var(--papel);font-weight:700;font-size:14px;letter-spacing:.04em}
.lona-grilla tbody th{font-weight:700;white-space:nowrap}
.lona-grilla tbody tr:nth-child(even){background:rgba(169,132,58,.08)}
.lona-grilla td small{color:var(--tinta-2)}

.pino-mojon{
  margin:1.4em 0;padding:14px 16px 14px 26px;background:var(--papel-3);position:relative;border:1px solid var(--raya);
}
.pino-mojon::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:10px;
  background:repeating-linear-gradient(180deg,var(--rojo) 0 14px,var(--papel-2) 14px 28px);
  border-right:1px solid var(--tinta);
}
.pino-mojon p{margin:0 0 .5em}
.pino-mojon p:last-child{margin-bottom:0}

.tiza-aclara{border:2px dashed var(--tinta-2);padding:12px 16px;margin:1.3em 0;font-size:16px;background:rgba(255,255,255,.35)}
.tiza-aclara p{margin:0}

.cobre-puente{
  margin:2em 0;padding:18px 20px;background:var(--tinta);color:var(--papel);
  display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between;
  border-top:6px solid var(--cesped);
}
.cobre-puente p{margin:0;flex:1 1 300px;font-size:16.5px}
.cobre-puente .cobre-largada{border-color:#fff;box-shadow:4px 4px 0 #000}

.hierro-tramo{list-style:none;counter-reset:tramo;padding:0;margin:1.2em 0 1.6em}
.hierro-tramo > li{counter-increment:tramo;position:relative;padding:12px 14px 12px 74px;border-bottom:1px solid var(--raya);margin:0}
.hierro-tramo > li::before{
  content:"T" counter(tramo);position:absolute;left:8px;top:12px;
  font-family:var(--letra-titulo);font-size:17px;width:50px;height:34px;display:grid;place-items:center;
  border:2px solid var(--tinta);background:var(--papel-3);
}
.hierro-tramo strong{display:block}

.grafito-cuestion{border-top:2px solid var(--tinta);margin:1.2em 0}
.grafito-cuestion details{border-bottom:1px solid var(--raya);padding:2px 0}
.grafito-cuestion summary{cursor:pointer;font-weight:700;padding:12px 30px 12px 0;position:relative;list-style:none}
.grafito-cuestion summary::-webkit-details-marker{display:none}
.grafito-cuestion summary::after{content:"+";position:absolute;right:4px;top:8px;font-family:var(--letra-titulo);font-size:20px;color:var(--rojo)}
.grafito-cuestion details[open] summary::after{content:"\2212"}
.grafito-cuestion details p{margin:0 0 14px}
.grafito-cuestion dl{margin:0}
.grafito-cuestion dt{font-weight:700;margin-top:14px}
.grafito-cuestion dd{margin:4px 0 12px;padding-left:14px;border-left:3px solid var(--laton)}

.cesped-baranda{border:0;height:10px;margin:2.4em 0;background:repeating-linear-gradient(90deg,var(--cesped) 0 4px,transparent 4px 40px),linear-gradient(#fff,#fff) center/100% 4px no-repeat}

.bronce-tablilla{position:sticky;top:20px;border:2px solid var(--tinta);background:var(--papel-3);font-size:15px}
.bronce-tablilla > div{padding:14px 16px;border-bottom:1px solid var(--raya)}
.bronce-tablilla > div:last-child{border-bottom:0}
.bronce-epigrafe{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--tinta-2);font-weight:700}
.cuero-estribo{margin:0;padding:0;list-style:none;counter-reset:orden}
.cuero-estribo li{counter-increment:orden;display:flex;gap:8px;margin:0 0 6px;line-height:1.35}
.cuero-estribo li::before{content:counter(orden);font-family:var(--letra-titulo);font-size:12px;min-width:22px;height:22px;display:inline-grid;place-items:center;border:1.5px solid var(--tinta)}
.cuero-estribo a{color:var(--tinta);text-decoration:none}
.cuero-estribo a:hover{text-decoration:underline}
.bronce-tablilla p{margin:0 0 6px}
.seda-colores{display:flex;gap:12px;align-items:center}
.seda-colores svg{width:64px;flex:0 0 auto}

.esmalte-pie{background:var(--tinta);color:#ddd6c3;font-size:15px;border-top:6px solid var(--rojo)}
.esmalte-pie > div{max-width:1240px;margin:0 auto;padding:34px 24px 28px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px 56px}
.esmalte-pie p{margin:0 0 10px}
.esmalte-pie a{color:#fff}
.esmalte-pie ol{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.esmalte-pie li{margin:0 0 6px}
.esmalte-pie .laton-divisa{color:#fff;font-size:24px;margin-bottom:10px}
.esmalte-pie .laton-divisa small{color:#b9b29e;border-left-color:rgba(255,255,255,.25)}
.esmalte-pie > p{max-width:1240px;margin:0 auto;padding:0 24px 26px;font-size:13px;color:#a9a391}
.esmalte-pie > p:only-child{padding-top:24px}

.lino-tapa{max-width:820px;margin:0 auto;padding:56px 24px 72px;text-align:center}
.lino-tapa .seda-chaqueta{margin:0 auto 18px;width:120px}
.lino-tapa h1{font-family:var(--letra-titulo);font-weight:400;font-size:clamp(30px,5vw,48px);line-height:1.15;margin:0 0 14px}
.lino-tapa ol{list-style:none;padding:0;margin:26px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px}
.lino-tapa ol a{display:block;padding:12px;border:2px solid var(--tinta);background:var(--papel-3);text-decoration:none;color:var(--tinta);font-weight:700}
.lino-tapa ol a:hover{background:var(--tinta);color:var(--papel)}

@media (max-width:1400px){
  .laton-marquilla .laton-divisa small{display:none}
  .cuero-riendas a{font-size:14.5px;padding:6px 7px}
}
@media (min-width:901px) and (max-width:1180px){
  .cuero-riendas{order:5;flex:1 0 100%;margin:0}
  .cuero-riendas ol{justify-content:center}
  .laton-marquilla .cobre-largada{margin-left:auto}
}
@media (max-width:1100px){
  .arena-pista{grid-template-columns:minmax(0,1fr);gap:36px;max-width:820px}
  .bronce-tablilla{position:static}
}
@media (max-width:900px){
  .fieltro-tecla{display:inline-block}
  .laton-marquilla > div{gap:12px}
  .cuero-riendas{order:5;flex:1 0 100%;margin:0}
  .cuero-riendas ol{flex-direction:column;gap:0;border-top:1px solid var(--raya)}
  .cuero-riendas a{padding:11px 4px;border-bottom:1px solid var(--raya);font-size:16px}
  [data-largador="listo"] .cuero-riendas:not([data-abierto="si"]){display:none}
  .laton-marquilla .cobre-largada{order:4;flex:1 0 100%;justify-content:center}
  .esmalte-pie > div{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:17px}
  .yute-faja{font-size:11.5px;padding:6px 12px}
  .laton-marquilla > div{padding:12px 16px}
  .laton-divisa{font-size:26px}
  .laton-divisa small{display:none}
  .arena-pista{padding:28px 16px 48px}
  .bronce-dorsal{grid-template-columns:auto 1fr;padding:12px}
  .bronce-dorsal .seda-chaqueta{display:none}
  .seda-mandil{width:58px;height:58px;font-size:34px}
  .cobre-puente{padding:16px}
  .cobre-puente .cobre-largada{width:100%;justify-content:center}
  .hierro-tramo > li{padding-left:66px}
  .lona-grilla table{min-width:0;font-size:15px}
  .lona-grilla thead{position:absolute;left:-9999px}
  .lona-grilla tbody tr{display:block;padding:10px 12px;border-bottom:1px solid var(--raya)}
  .lona-grilla tbody th,.lona-grilla tbody td{display:block;border:0;padding:2px 0;white-space:normal}
  .lona-grilla tbody th{font-size:16px;margin-bottom:2px}
  .lona-grilla td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:var(--tinta-2);font-size:13px}
  .lino-tapa ol{grid-template-columns:1fr}
  .esmalte-pie ol{columns:1}
}
@media (min-width:1800px){
  body{font-size:18.5px}
  .arena-pista,.laton-marquilla > div,.esmalte-pie > div,.esmalte-pie > p{max-width:1360px}
  .arena-pista{grid-template-columns:minmax(0,1fr) 330px;gap:72px}
  .arena-recta{max-width:800px}
}
@media (min-width:2300px){
  body{font-size:20px}
  .arena-pista,.laton-marquilla > div,.esmalte-pie > div,.esmalte-pie > p{max-width:1560px}
  .arena-pista{grid-template-columns:minmax(0,1fr) 380px;gap:88px}
  .arena-recta{max-width:900px}
  .bronce-tablilla{font-size:16.5px}
}