/* Hero de Veracruz.cc y cuerpo editorial municipal de PAÍS MX. */
.barrio-section{--accent:#ff3d91;--barrio-pink:#ff3d91;--barrio-orange:#f49b28;--barrio-green:#80b546;--barrio-blue:#29a6c6;padding-top:0}.barrio-section .title-mark{background:var(--barrio-pink)}
.barrio-hero{position:relative;overflow:hidden;isolation:isolate;background:#102432;color:#fff;margin:0 0 26px;min-height:480px}.barrio-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transition:transform 1s}.barrio-hero:hover .barrio-hero-photo{transform:scale(1.015)}.barrio-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#021b2bf0 0%,#042b3bb0 38%,#082b3b30 72%,#08142665 100%)}
.barrio-hero-inner{position:relative;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px 50px;padding:22px 5% 88px;align-items:center}.barrio-breadcrumb{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0;color:#edf2f5;font-size:11px;letter-spacing:.04em}.barrio-breadcrumb a:hover{color:var(--accent)}.barrio-hero-copy{max-width:740px;min-width:0}.barrio-kicker{display:block;color:#ff79b2;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.barrio-hero h1{font:400 clamp(38px,5.4vw,76px)/1.06 MunicipalDisplay,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:16px 0 0;overflow-wrap:anywhere;text-shadow:0 3px 18px #0007}.barrio-rule{display:block;width:90px;height:3px;margin:20px 0;background:linear-gradient(90deg,var(--barrio-pink) 0 42%,var(--barrio-orange) 42% 62%,var(--barrio-green) 62% 80%,var(--barrio-blue) 80%)}.barrio-hero-copy p{font:17px/1.75 Georgia,serif;margin:0 0 18px;max-width:620px;color:#f0f6f7;text-shadow:0 1px 5px #0008}.barrio-location{display:block;font-size:13px;color:#e3ebee;margin:0 0 18px}
.barrio-button{display:inline-flex;align-items:center;gap:15px;padding:12px 18px;border:1px solid #ff3d9170;border-radius:7px;background:#26102185;color:#fff;font-size:13px;transition:background .2s,box-shadow .2s,transform .2s}.barrio-button:hover{background:#b81762;box-shadow:0 7px 25px #ff3d9125;transform:translateY(-2px)}.barrio-button svg{width:18px;height:18px}
.barrio-seal{width:240px;justify-self:end;border:1px solid #ff3d9185;background:linear-gradient(145deg,#081c2abd,#171226a6);backdrop-filter:blur(8px);border-radius:24px;padding:25px 20px;box-shadow:0 20px 55px #0004;transition:border-color .3s,transform .3s}.barrio-seal:hover{border-color:#ff80b6;transform:translateY(-3px)}.barrio-official-mark{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.barrio-official-mark img{width:104px;height:104px;object-fit:contain}.barrio-official-mark strong{font:500 30px/.92 Georgia,serif;color:#fff}.barrio-municipal-mark{margin-top:22px;padding-top:20px;border-top:1px solid #ff3d9140;display:flex;align-items:center;gap:14px}.barrio-municipal-mark img{width:60px;height:68px;object-fit:contain}.barrio-municipal-mark span{font-size:12px;line-height:1.6}.barrio-wave{position:absolute;bottom:-1px;left:0;width:100%;height:65px;pointer-events:none}
.barrio-states{scroll-margin-top:110px}.barrio-state-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.barrio-state-card{border-radius:10px;overflow:hidden;border:1px solid #ff3d9140;background:#101e23;display:block;transition:transform .25s,border-color .25s,box-shadow .25s}.barrio-state-card:nth-child(4n+2){border-color:#f49b2845}.barrio-state-card:nth-child(4n+3){border-color:#80b54645}.barrio-state-card:nth-child(4n+4){border-color:#29a6c645}.barrio-state-card img{width:100%;height:105px;object-fit:cover;display:block;transition:transform .5s}.barrio-state-card>div{position:relative;padding:15px 34px 15px 14px}.barrio-state-card h3{font:600 18px/1.25 Georgia,serif;margin:0 0 7px;overflow-wrap:anywhere}.barrio-state-card span{font-size:12px;color:#ccd5d8}.barrio-state-card svg{position:absolute;width:16px;right:12px;bottom:17px;color:var(--accent)}.barrio-state-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 28px #ff3d9115}.barrio-state-card:hover img{transform:scale(1.04)}
.barrio-browser{margin-top:38px;scroll-margin-top:110px}.barrio-tools{display:flex;align-items:center;justify-content:space-between;gap:25px}.barrio-tools h2{font:30px/1.2 Georgia,serif;margin:0}.barrio-tools form{width:min(430px,100%)}.barrio-tools label{font-size:12px;color:#becbd0}.barrio-tools form>div{display:flex;align-items:center;border:1px solid #ff3d9160;background:#0d1d25;border-radius:8px;overflow:hidden;padding-left:12px}.barrio-tools svg{width:18px;flex-shrink:0;color:var(--accent)}.barrio-tools input{min-width:0;flex:1;width:100%;background:transparent;border:0;box-shadow:none;padding:12px;color:#fff}.barrio-tools button{flex-shrink:0;background:#ad1a5b;color:white;border:0;border-radius:0;font-size:12px;padding:14px 15px}.barrio-tools button:hover{background:#d92e79}.barrio-count{font-size:13px;color:#c1cdd2;margin:15px 0}.barrio-browser [data-barrio-notice]:empty{display:none}.barrio-browser [aria-busy=true]{opacity:.55}.barrio-town-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.barrio-town-card{border:1px solid #ff3d9135;border-radius:12px;overflow:hidden;background:#101e23;transition:border-color .25s,transform .25s,box-shadow .25s}.barrio-card-photo{height:145px;overflow:hidden}.barrio-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.barrio-card-copy{padding:18px}.barrio-card-copy h3{font:600 22px/1.2 Georgia,serif;margin:0 0 8px;overflow-wrap:anywhere}.barrio-card-copy small{color:#e4a0c1;font-size:11px}.barrio-card-copy p{font:14px/1.6 Georgia,serif;color:#bfccd1;margin:12px 0 18px}.barrio-card-copy b{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ff80b8}.barrio-card-copy svg{width:17px}.barrio-town-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 15px 28px #ff3d9118}.barrio-town-card:hover img{transform:scale(1.045)}.barrio-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}.barrio-pagination a{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid #ff3d9150;border-radius:7px}.barrio-pagination a:hover,.barrio-pagination a[aria-current=page]{background:#ad1a5b;border-color:#ff3d91}.barrio-empty{color:#bbcbd2}.barrio-section .municipality-chapter:hover{border-color:#ff3d9150}.barrio-section .municipality-chapter-number{color:var(--accent)}.barrio-section .municipality-index a:hover{color:var(--accent)}
@media(max-width:1100px){.barrio-state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.barrio-hero-inner{grid-template-columns:minmax(0,1fr) 200px;gap:22px 30px}.barrio-seal{width:200px;padding:20px}.barrio-official-mark img{width:86px;height:86px}.barrio-official-mark strong{font-size:27px}.barrio-town-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.barrio-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.barrio-town-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barrio-tools{align-items:stretch;flex-direction:column;gap:18px}.barrio-tools form{width:100%}.barrio-hero-inner{padding:20px 25px 78px;grid-template-columns:minmax(0,1fr) 145px;gap:24px}.barrio-seal{width:145px;padding:18px 12px;border-radius:18px}.barrio-official-mark img{width:68px;height:68px}.barrio-official-mark strong{font-size:22px}.barrio-municipal-mark{flex-direction:column;text-align:center}.barrio-hero h1{font-size:clamp(34px,6vw,50px)}.barrio-hero-copy p{font-size:15px;line-height:1.65}}
@media(max-width:560px){.barrio-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.barrio-state-card img{height:92px}.barrio-state-card h3{font-size:17px}.barrio-state-card>div{padding:13px 26px 13px 11px}.barrio-state-card svg{right:9px;width:13px}.barrio-state-card span{font-size:11px}.barrio-hero-inner{grid-template-columns:minmax(0,1fr);padding:16px 18px 68px;gap:20px}.barrio-hero{min-height:0}.barrio-hero h1{font-size:clamp(34px,9.5vw,48px)}.barrio-hero-shade{background:linear-gradient(90deg,#021b2bd6,#042b3b60),linear-gradient(0deg,#071014cc,transparent)}.barrio-seal{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px}.barrio-official-mark{flex-direction:row;text-align:left;gap:12px}.barrio-official-mark img{width:58px;height:58px}.barrio-official-mark strong{font-size:21px}.barrio-municipal-mark{margin:0;padding:0 0 0 13px;border-top:0;border-left:1px solid #ff3d9140;flex-direction:row;gap:8px}.barrio-municipal-mark img{width:40px;height:48px}.barrio-municipal-mark span{font-size:10px;max-width:82px}.barrio-kicker{font-size:10px}.barrio-wave{height:40px}.barrio-card-photo{height:115px}.barrio-card-copy{padding:13px}.barrio-card-copy h3{font-size:19px}.barrio-card-copy p{font-size:13px}.barrio-town-grid{gap:12px}.barrio-tools h2{font-size:26px}}
@media(max-width:359px){.barrio-town-grid{grid-template-columns:minmax(0,1fr)}.barrio-municipal-mark span{display:none}.barrio-button{font-size:12px;gap:10px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.barrio-section *{transition:none!important;scroll-behavior:auto!important}.barrio-hero:hover .barrio-hero-photo,.barrio-town-card:hover,.barrio-state-card:hover,.barrio-seal:hover,.barrio-button:hover,.barrio-town-card:hover img,.barrio-state-card:hover img{transform:none}}

.barrio-hero .barrio-location{display:block;margin-top:12px}.barrio-state-card img{object-fit:cover}

.barrio-tools select{background:#0d1d25;color:#fff;border:1px solid #ff3d9160;border-radius:8px;padding:11px;width:100%;margin-top:8px}.barrio-state-name{display:block;margin-top:5px;font-size:12px;color:#e4a0c1}

/* Nombre y estado comparten una fila, manteniendo el formulario sin JS. */
.barrio-tools{align-items:flex-start}.barrio-tools form{width:min(800px,100%)}.barrio-tools h2{padding-top:22px}.barrio-tools .barrio-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,235px);gap:12px;align-items:center;border:0;background:none;padding:0;overflow:visible}.barrio-tools .barrio-search-row.single-field{grid-template-columns:minmax(0,1fr)}.barrio-search-input{display:flex;align-items:center;border:1px solid #ff3d9160;background:#0d1d25;border-radius:8px;overflow:hidden;padding-left:12px;min-width:0;height:46px}.barrio-tools .barrio-search-row select{height:46px;width:100%;min-width:0;margin:0;padding:10px 12px;border-radius:8px}.barrio-tools .barrio-search-input input{font-size:14px}.barrio-tools .barrio-search-input button{height:46px}@media(max-width:800px){.barrio-tools h2{padding-top:0}}@media(max-width:560px){.barrio-tools .barrio-search-row{grid-template-columns:minmax(0,1fr) minmax(115px,38%);gap:8px}.barrio-tools .barrio-search-input input{font-size:12px;padding:10px 6px}.barrio-tools .barrio-search-input button{font-size:11px;padding:10px 8px}.barrio-tools .barrio-search-row select{font-size:12px;padding:8px 6px}.barrio-search-input{padding-left:7px}.barrio-search-input svg{width:15px}}
/* Tarjetas uniformes: el acceso permanece al pie de cada fila. */
.barrio-town-grid{align-items:stretch}.barrio-town-card{display:flex;flex-direction:column;min-width:0;height:100%}.barrio-card-photo{flex:0 0 145px}.barrio-card-copy{display:flex;flex-direction:column;flex:1;min-width:0}.barrio-card-copy h3{min-height:2.4em}.barrio-card-copy>p{min-height:6.4em}.barrio-card-copy>b{margin-top:auto;padding-top:4px}