:root{--rojo:#c1121f;--tinta:#111;--gris:#5a5a5a;--raya:#e4e4e4;--hueso:#fafafa}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--tinta);font:17px/1.7 Georgia,"Iowan Old Style","Times New Roman",serif}
a{color:var(--rojo);text-underline-offset:3px}
a:hover{color:var(--tinta)}
.calle{max-width:980px;margin:0 auto;padding:0 20px}
.cabecera{border-top:10px solid var(--rojo);border-bottom:1px solid var(--tinta)}
.cabecera .calle{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 24px;padding-top:18px;padding-bottom:12px}
.rotulo{font:900 30px/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;text-transform:uppercase;letter-spacing:.01em;color:var(--tinta);text-decoration:none}
.rotulo span{color:var(--rojo)}
.rutas{display:flex;flex-wrap:wrap;gap:2px 16px;font:600 14px/1.8 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.rutas a{color:var(--tinta);text-decoration:none}
.rutas a:hover{color:var(--rojo)}
.portada{padding:44px 0 20px;border-bottom:4px solid var(--tinta)}
.portada h1{font:900 clamp(34px,7vw,70px)/.98 "Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;text-transform:uppercase;margin:0 0 16px;max-width:14ch}
.portada p{font-size:19px;color:var(--gris);max-width:58ch;margin:0 0 18px}
.parrilla{counter-reset:n;padding:0 0 60px}
.ficha{counter-increment:n;display:grid;grid-template-columns:72px 1fr;gap:6px 18px;padding:22px 0;border-bottom:1px solid var(--raya);text-decoration:none;color:var(--tinta)}
.ficha::before{content:counter(n,decimal-leading-zero);font:900 40px/1 "Arial Narrow",Arial,sans-serif;color:var(--rojo)}
.ficha:hover{background:var(--hueso);color:var(--tinta)}
.ficha h2{font:700 23px/1.22 Georgia,serif;margin:4px 0 6px}
.ficha p{margin:0;color:var(--gris);font-size:16px;line-height:1.55}
.barrio{font:700 12px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--rojo)}
.cronica{max-width:690px;margin:0 auto;padding:40px 0 64px}
.cronica h1{font:900 clamp(28px,5.2vw,46px)/1.04 "Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;text-transform:uppercase;margin:12px 0 16px}
.entradilla{font-size:20px;line-height:1.5;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--tinta)}
.cronica h2{font:700 22px/1.25 Arial,Helvetica,sans-serif;margin:34px 0 8px}
.cronica ul{padding-left:20px}
.cronica li{margin:7px 0}
.firma{margin-top:42px;font:14px/1.5 Arial,Helvetica,sans-serif;color:var(--gris)}
.pie{border-top:1px solid var(--tinta);font:14px/1.6 Arial,Helvetica,sans-serif;color:var(--gris)}
.pie .calle{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding-top:20px;padding-bottom:28px}
@media(max-width:560px){body{font-size:16.5px}.ficha{grid-template-columns:48px 1fr;gap:4px 12px}.ficha::before{font-size:28px}.rotulo{font-size:25px}.portada{padding-top:28px}}