/* Jaén24h Pueblos — pueblo pages (approved v5 design). Scoped to .j24p */
.j24p{max-width:1400px;margin:0 auto;padding:24px 10px 48px;box-sizing:border-box;color:#181A1B;font-family:Roboto,sans-serif}
.j24p *,.j24p *::before,.j24p *::after{box-sizing:border-box}
.j24p a{text-decoration:none}
.j24p-bc{font:400 14px/21px "Roboto Condensed",sans-serif;color:#7a7a7a;margin:0 0 18px}
.j24p-bc a{color:#7a7a7a}
.j24p-bc a:hover{color:#181A1B;text-decoration:underline}
.j24p-head h1{font:600 44px/1.1 Lato,sans-serif;color:#181A1B;margin:0 0 10px}
.j24p-rule{height:3px;width:100%;background:linear-gradient(to right,#181A1B 0 214px,var(--c,#181A1B) 214px)}
.j24p-rule-dark{width:214px;background:#181A1B}
.j24p-intro{font:400 17px/1.55 Roboto,sans-serif;color:#333;margin:14px 0 14px;max-width:820px}
.j24p-intro a{color:#CA4AA0;text-decoration:underline}
.j24p-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.j24p-jump a{font:400 14px/21px "Roboto Condensed",sans-serif;color:#fff;padding:2px 8px}
.j24p-jump a:hover,.j24p-jump a:focus-visible{filter:brightness(.9);text-decoration:underline}
.j24p-sec{margin:40px 0 0}
.j24p-h{margin:0 0 22px;scroll-margin-top:90px}
.j24p-h h2,.j24p-h h1{font:600 35.2px/1.1 Lato,sans-serif;margin:0 0 10px}
.j24p-more .j24p-h h2{color:#181A1B}
/* cards (as listing 343) */
.j24p-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
.j24p-card{min-width:0}
.j24p-img{position:relative;display:block;height:160px;overflow:hidden;background:#eee}
.j24p-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.j24p-card:hover .j24p-img img{transform:scale(1.04)}
.j24p-noimg{display:block;width:100%;height:100%;background:#e9e9e9}
.j24p-chip{position:absolute;top:10px;left:10px;font:400 14px/21px "Roboto Condensed",sans-serif;color:#fff;padding:2px 8px}
.j24p-meta{display:flex;align-items:center;gap:6px;font:400 14px/21px "Roboto Condensed",sans-serif;color:#181A1B;margin:10px 0 4px}
.j24p-sep{color:#bbb}
.j24p-cal{flex:0 0 auto}
.j24p-t{font:600 18px/1.3 Lato,sans-serif;margin:10px 0 0;color:#181A1B}
.j24p-meta+.j24p-t{margin-top:0}
.j24p-t a{color:#181A1B}
.j24p-t a:hover,.j24p-t a:focus-visible{text-decoration:underline}
/* events list (as Eventos rows) */
.j24p-evwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.j24p-evwrap.j24p-noban{grid-template-columns:minmax(0,1fr)}
.j24p-ev{display:grid;grid-template-columns:272px minmax(0,1fr);gap:18px;align-items:center;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #e5e5e5}
.j24p-ev-img{display:block;height:90px;overflow:hidden;background:#eee}
.j24p-ev-img img{width:100%;height:100%;object-fit:cover;display:block}
.j24p-ev .j24p-t{margin:0 0 8px}
.j24p-ev-d{display:flex;flex-wrap:wrap;gap:6px}
.j24p-ev-d span{font:500 14px/21px "Roboto Condensed",sans-serif;color:#fff;padding:2px 5px}
.j24p-ini{background:#A4AFB7}
.j24p-fin{background:#181A1B}
.j24p-side{display:flex;flex-direction:column;gap:20px}
.j24p-ban{display:block}
.j24p-ban img{width:100%;height:auto;display:block}
/* buttons */
.j24p-btnrow{display:flex;justify-content:flex-end;margin:26px 0 0}
.j24p-btn{display:inline-block;font:700 15px/21px Roboto,sans-serif;padding:12px 24px;border-radius:4px;min-height:44px}
.j24p-btn:hover,.j24p-btn:focus-visible{filter:brightness(.92);text-decoration:underline}
/* nearby pueblos */
.j24p-chips{display:flex;flex-wrap:wrap;gap:6px}
.j24p-chips a{font:400 15px/21px "Roboto Condensed",sans-serif;padding:6px 10px;min-height:33px}
.j24p-chips a:hover,.j24p-chips a:focus-visible{text-decoration:underline}
/* pagination */
.j24p-pag{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0 0}
.j24p-pag a,.j24p-pag span{font:600 15px/21px Roboto,sans-serif;padding:10px 14px;border:1px solid #ddd;color:#181A1B;min-width:44px;text-align:center}
.j24p-pag span{background:#181A1B;color:#fff;border-color:#181A1B}
.j24p a:focus-visible{outline:3px solid #181A1B;outline-offset:2px}
@media (max-width:1024px){
 .j24p-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .j24p-evwrap{grid-template-columns:minmax(0,1fr) 220px}
 .j24p-ev{grid-template-columns:200px minmax(0,1fr)}
}
@media (max-width:767px){
 .j24p{padding:16px 12px 36px}
 .j24p-head h1{font-size:34px}
 .j24p-h h2,.j24p-h h1{font-size:27px}
 .j24p-intro{font-size:16px}
 .j24p-sec{margin-top:32px}
 .j24p-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .j24p-grid .j24p-card{flex:0 0 72%;scroll-snap-align:start}
 .j24p-grid-full{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
 .j24p-grid-full .j24p-card{flex:none}
 .j24p-img{height:170px}
 .j24p-evwrap,.j24p-evwrap.j24p-noban{grid-template-columns:minmax(0,1fr)}
 .j24p-ev{grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}
 .j24p-ev-img{height:80px}
 .j24p-ev .j24p-t{font-size:16px}
 .j24p-side{max-width:300px;margin:0 auto}
 .j24p-btnrow{justify-content:stretch}
 .j24p-btn{width:100%;text-align:center}
}
@media (max-width:767px){.j24p-jump a{padding:6px 10px}.j24p-jump{gap:8px}}