/* ===== ¿Qué sucede en Coahuila? — usa las variables de site.css ===== */

/* nav: estado activo (se activa con aria-current="page") */
header nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--electrico)}

.coa section{padding:80px 0}
.coa .titulo{font-size:clamp(2rem,4.4vw,3.2rem);margin:0 0 16px}
.coa .kicker{font-family:var(--datos);font-size:1.05rem;color:var(--electrico);margin:0 0 14px}
.coa .meta{font-family:var(--datos);font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acero-600);margin:0 0 10px}
.coa .meta .sep{opacity:.5;margin:0 6px}

/* hero */
.coa-hero{background:var(--grafito);color:#fff;position:relative;overflow:hidden;padding:72px 0 0}
.coa-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(102deg,rgba(255,255,255,.032) 0 2px,transparent 2px 9px);pointer-events:none}
.coa-hero .wrap{position:relative}
.coa-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end;padding-bottom:54px}
.coa-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.92;margin:0 0 22px;color:#fff}
.coa-hero h1 span{color:var(--electrico)}
.coa-hero .lead{color:var(--acero-300);margin:0}
.coa-fuente{border:1px solid rgba(255,255,255,.18);padding:22px 24px;font-family:var(--datos)}
.coa-fuente b{display:block;font-family:var(--display);font-weight:400;font-size:1.25rem;color:#fff;margin-bottom:8px;letter-spacing:-.01em}
.coa-fuente p{margin:0;color:var(--acero-300);font-size:1.02rem;line-height:1.45}
.coa-fuente a{color:var(--electrico-cl)}
.franja{height:14px;background:repeating-linear-gradient(45deg,var(--electrico) 0 18px,var(--grafito) 18px 36px)}

/* indicadores */
.coa-ind{background:var(--galvan)}
.coa-ind-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.coa-ind .celda{padding:30px 26px;border-right:1px solid rgba(23,31,35,.14)}
.coa-ind .celda:last-child{border-right:none}
.coa-ind .celda b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1;letter-spacing:-.035em;color:var(--grafito)}
.coa-ind .celda:first-child b{color:var(--electrico-dp)}
.coa-ind .celda small{display:block;font-family:var(--datos);font-size:1.02rem;color:var(--acero-600);margin-top:8px}
.coa-ind-pie{font-family:var(--datos);font-size:.95rem;color:var(--acero-600);padding:14px 26px;border-top:1px solid rgba(23,31,35,.14);margin:0}

/* foto de nota */
.coa-foto{display:block;position:relative;overflow:hidden;background:var(--acero-900);aspect-ratio:2/1}
.coa-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
a:hover .coa-foto img,.coa-foto:hover img{transform:scale(1.035)}
.coa-tag{position:absolute;left:0;top:0;background:var(--grafito);color:#fff;font-family:var(--datos);font-weight:600;font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px}

/* cifras dentro de nota */
.coa-cifras{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--linea);margin-top:auto}
.coa-cifras div{padding:12px 18px 0 0;margin-right:18px;font-family:var(--datos);font-size:.92rem;color:var(--acero-600);line-height:1.2}
.coa-cifras div + div{padding-left:18px;border-left:1px solid var(--linea)}
.coa-cifras b{display:block;font-family:var(--display);font-weight:400;font-size:1.35rem;letter-spacing:-.02em;color:var(--grafito)}
.coa-cifras .dinero b{color:var(--electrico-dp)}

/* destacada */
.coa-dest{background:var(--papel);padding:64px 0 0 !important}
.coa-dest-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start;text-decoration:none;color:inherit}
.coa-dest-grid .coa-foto{aspect-ratio:2/1}
.coa-dest-txt{display:flex;flex-direction:column;border-top:3px solid var(--electrico);padding-top:20px}
.coa-dest h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:0 0 16px}
.coa-dest-grid:hover h2{color:var(--electrico-dp)}
.coa-dest-txt p.res{font-size:1.1rem;color:var(--acero-600);margin:0 0 16px}
.coa-clave{font-family:var(--datos);font-size:1.05rem;color:var(--grafito);background:rgba(27,140,245,.10);border-left:3px solid var(--electrico);padding:10px 14px;margin:0 0 20px}
.coa-dest .coa-cifras b{font-size:1.8rem}
.coa-leer{font-family:var(--datos);font-weight:600;color:var(--electrico-dp);margin-top:18px;display:inline-block}

/* listado */
.coa-lista{background:var(--papel)}
.coa-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding-top:28px;border-top:1px solid var(--linea)}
.coa-filtros button{font-family:var(--datos);font-size:1rem;font-weight:600;padding:8px 16px;background:transparent;border:2px solid rgba(23,31,35,.2);color:var(--grafito);cursor:pointer}
.coa-filtros button:hover{border-color:var(--grafito)}
.coa-filtros button[aria-pressed="true"]{background:var(--grafito);border-color:var(--grafito);color:#fff}
.coa-filtros button span{opacity:.6;font-weight:500;margin-left:4px}
.coa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.coa-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(23,31,35,.1)}
.coa-card[hidden]{display:none}
.coa-card-txt{display:flex;flex-direction:column;flex:1;padding:20px 22px 20px}
.coa-card h3{font-size:1.4rem;line-height:1.02;margin:0 0 10px;transition:color .2s}
.coa-card:hover h3{color:var(--electrico-dp)}
.coa-card p.res{font-size:.98rem;color:var(--acero-600);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.coa-card .coa-cifras{padding-bottom:2px}
.coa-vacio{font-family:var(--datos);color:var(--acero-600)}

/* dónde se invierte */
.coa-donde{background:var(--grafito);color:#fff}
.coa-donde .titulo{color:#fff}
.coa-donde .lead{color:var(--acero-300)}
.coa-donde .lead b{color:var(--electrico-cl);font-weight:600}
.coa-mun{list-style:none;margin:40px 0 0;padding:0;border-top:2px solid var(--electrico)}
.coa-mun li{display:grid;grid-template-columns:190px 1fr 140px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.coa-mun .nom{font-family:var(--display);font-size:1.15rem;letter-spacing:-.01em}
.coa-mun .nom small{display:block;font-family:var(--datos);font-size:.9rem;color:var(--acero-300);letter-spacing:0;margin-top:4px;line-height:1.3}
.coa-mun .barra{height:14px;background:rgba(255,255,255,.07);position:relative}
.coa-mun .barra i{position:absolute;inset:0 auto 0 0;background:var(--electrico)}
.coa-mun li.sureste .barra i{background:linear-gradient(90deg,var(--electrico-dp),var(--electrico))}
.coa-mun li:not(.sureste) .barra i{background:var(--acero-300)}
.coa-mun .monto{font-family:var(--display);font-size:1.3rem;text-align:right;letter-spacing:-.02em}
.coa-mun .monto.sin{font-family:var(--datos);font-size:.98rem;color:var(--acero-300)}
.coa-leyenda{display:flex;gap:24px;flex-wrap:wrap;font-family:var(--datos);font-size:.98rem;color:var(--acero-300);margin-top:20px}
.coa-leyenda i{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:8px;background:var(--electrico)}
.coa-leyenda span + span i{background:var(--acero-300)}

/* antecedentes */
.coa-ant{background:var(--galvan)}
.coa-ant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.coa-ant-card{text-decoration:none;color:inherit;border-top:2px solid var(--grafito);padding-top:14px}
.coa-ant-card .coa-foto{margin-bottom:12px}
.coa-ant-card h3{font-size:1.1rem;line-height:1.05;margin:0 0 8px}
.coa-ant-card:hover h3{color:var(--electrico-dp)}
.coa-ant-card p{font-family:var(--datos);font-size:.98rem;color:var(--acero-600);margin:0;line-height:1.4}

/* cierre */
.coa-cierre{background:var(--electrico-dp);color:#fff;padding:70px 0}
.coa-cierre .titulo{color:#fff;max-width:22ch}
.coa-cierre p{max-width:56ch;font-size:1.1rem}
.coa-cierre .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.coa-cierre .btn.ghost{color:#fff;border-color:#fff}
.coa-cierre .btn.ghost:hover{background:#fff;color:var(--grafito)}

/* teaser en el Home */
.coa-teaser{background:var(--papel)}
.coa-teaser-top{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.coa-teaser-top .titulo{margin:0}

/* responsive */
@media (max-width:1000px){
  .coa-grid{grid-template-columns:1fr 1fr}
  .coa-ant-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:940px){
  .coa-hero-grid,.coa-dest-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .coa-dest-grid .coa-foto{aspect-ratio:2/1;min-height:0}
  .coa-ind-grid{grid-template-columns:1fr 1fr}
  .coa-ind .celda:nth-child(2){border-right:none}
  .coa-ind .celda:nth-child(-n+2){border-bottom:1px solid rgba(23,31,35,.14)}
  .coa-mun li{grid-template-columns:1fr 120px;gap:10px 16px}
  .coa-mun .barra{grid-column:1/-1;grid-row:2}
}
@media (max-width:760px){
  .coa section{padding:58px 0}
  .coa-dest{padding-top:44px !important}
  .coa-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .coa-ind .celda{padding:22px 16px}
  .coa-ind-pie{padding:14px 16px}
  .coa-ant-grid{grid-template-columns:minmax(0,1fr)}
  .coa-cifras div{margin-right:12px;padding-right:12px}
  .coa-cifras div + div{padding-left:12px}
}

/* movimiento (mismo patrón que el Home) */
.coa .entrada{animation:coa-sube .7s cubic-bezier(.2,.7,.3,1) both}
.coa .entrada.d2{animation-delay:.16s}
@keyframes coa-sube{from{opacity:0;transform:translateY(14px)}}