.hero-barrios::before{background:radial-gradient(650px 310px at 86% 0%,rgba(200,16,46,.32),transparent 65%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 55%)}
.etiqueta-barrios{display:inline-block;margin:0 0 10px!important;color:#ffccd4!important;font-size:.78rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.intro-barrios{max-width:880px;background:#fff;border-left:5px solid var(--rojo);border-radius:var(--radio-s);padding:20px 24px;margin:0 0 28px;box-shadow:var(--sombra)}
.intro-barrios p{margin:0;color:var(--texto)}
.grilla-barrios{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.tarjeta-barrio{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;box-shadow:0 10px 24px -22px rgba(20,20,20,.6);transition:var(--tr)}
.tarjeta-barrio:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:#d8c6c6}
.foto-barrio{aspect-ratio:16/9;display:block;overflow:hidden;background:#eee}
.foto-barrio img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.tarjeta-barrio:hover .foto-barrio img{transform:scale(1.05)}
.cuerpo-barrio{padding:18px 20px 20px}
.cuerpo-barrio span{display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);margin-bottom:8px}
.cuerpo-barrio h2{font-size:1.2rem;line-height:1.25;margin-bottom:9px}
.cuerpo-barrio h2 a{color:var(--tinta)}
.cuerpo-barrio h2 a:hover{color:var(--rojo)}
.cuerpo-barrio p{font-size:.93rem;margin:0 0 14px}
.leer-barrio{font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.perfil-barrio{max-width:900px}
.portada-barrio{margin:0 0 26px}
.portada-barrio img{width:100%;max-height:440px;object-fit:cover;border-radius:var(--radio);border:1px solid var(--linea);box-shadow:var(--sombra)}
.portada-barrio figcaption{font-size:.82rem;color:var(--suave);margin-top:8px}
.ficha-barrio{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:2px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;margin:24px 0 30px}
.ficha-barrio div{background:#fff;padding:16px 18px}
.ficha-barrio dt{font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rojo);margin-bottom:4px}
.ficha-barrio dd{margin:0;font-size:1rem;color:var(--tinta);font-weight:700}
.claves-barrio{background:#fff;border:1px solid var(--linea);border-top:5px solid var(--rojo);border-radius:var(--radio);padding:20px 24px;margin:0 0 28px;box-shadow:var(--sombra)}
.claves-barrio h2{font-size:1.15rem;margin:0 0 10px}
.claves-barrio ul{margin:0;padding-left:1.1rem}
.claves-barrio li{margin-bottom:.5rem}
.bloque-barrio{margin:0 0 28px}
.bloque-barrio h2{border-bottom:1px solid var(--linea);padding-bottom:8px}
.mirada-futura{background:#141414;color:#ddd;border-radius:var(--radio);padding:24px 26px;margin:36px 0}
.mirada-futura h2{color:#fff;margin-top:0}
.mirada-futura li{color:#ddd}
.fuentes-barrio{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:22px 24px;margin:34px 0}
.fuentes-barrio h2{margin-top:0}
.fuentes-barrio p{font-size:.92rem;color:#666}
.fuentes-barrio ul{overflow-wrap:anywhere}
.enlaces-barrio{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0}
.enlaces-barrio a{display:block;background:#fff;border:1px solid var(--linea);border-radius:var(--radio-s);padding:14px 16px;color:var(--tinta);font-weight:800}
.enlaces-barrio a small{display:block;font-weight:500;color:var(--suave);margin-top:3px}
.enlaces-barrio a:hover{border-color:var(--rojo);color:var(--rojo)}
@media(max-width:720px){.grilla-barrios{grid-template-columns:1fr}.portada-barrio img{max-height:none}.claves-barrio,.fuentes-barrio,.mirada-futura{padding:18px 20px}}