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

/* Tarjetas estatales con descripción y enlaces alineados. */
.magic-state-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px}.magic-state-card{display:flex;flex-direction:column;height:100%;min-width:0;border-radius:12px}.magic-state-card>img{height:145px;flex:0 0 145px;object-fit:cover}.magic-state-card>.magic-state-copy{display:flex;flex-direction:column;flex:1;padding:18px;min-width:0}.magic-state-copy h3{font-size:22px;line-height:1.2;min-height:2.4em;margin:0 0 8px}.magic-state-copy>.magic-state-count{font-size:12px;color:#e4a0c1}.magic-state-copy>p{font:14px/1.6 Georgia,serif;color:#bfccd1;margin:12px 0 18px;min-height:6.4em}.magic-state-copy>.magic-state-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#ff80b8;margin-top:auto;padding-top:4px}.magic-state-cta svg{position:static;width:17px;height:17px;flex-shrink:0}@media(max-width:1100px){.magic-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.magic-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:359px){.magic-state-grid{grid-template-columns:minmax(0,1fr)}}