:root {
  
  --mcci-navy:      #0D2651;  
  --mcci-navy-deep: #070F2A;  
  --mcci-ink:       #203263;  
  --mcci-red:       #E51428;  
  --mcci-gold:      #FFD300;  
  --mcci-blue-soft: #668AC6;  
  --mcci-gray:      #6D6D6E;  
  --mcci-border:    #DEE2E6;  
  --mcci-bg:        #FFFFFF;  
  --mcci-bg-soft:   #F2F5FA;  
  --mcci-ink-soft:  #5A6B8C;  

  
  --mcci-dato-bien:   #1E7A46;
  --mcci-dato-medio:  #D9A400;  
  --mcci-dato-alerta: #E07B2E;
  --mcci-dato-mal:    #C0182B;  
  
  --mcci-participacion: #C31C78;
  --mcci-dato-sd:     #ADB5BD;  

  
  
  --mcci-font-sans: "proxima-nova", -apple-system, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, sans-serif;
  --mcci-font-alt:  "asap", -apple-system, "Segoe UI", Roboto, sans-serif;

  
  --mcci-radius: 6px;          
  --mcci-max-width: 1080px;
}


.mcci * { box-sizing: border-box; }
.mcci {
  margin: 0; background: var(--mcci-bg); color: var(--mcci-ink);
  font-family: var(--mcci-font-sans); font-size: 16px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.mcci-envoltura { max-width: var(--mcci-max-width); margin: 0 auto; padding: 0 20px; }


.mcci-barra {
  background: var(--mcci-navy); color: #fff;
  padding: 14px 0;
}
.mcci-barra .mcci-envoltura {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.mcci-barra .unidad {
  font-size: .78rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: #fff; opacity: .92;
}
.mcci-logo { width: 150px; height: auto; display: block; }


.mcci-hero {
  background: linear-gradient(160deg, var(--mcci-navy) 0%, var(--mcci-navy-deep) 100%);
  color: #fff; padding: 40px 0 44px;
}
.mcci-hero .kicker {
  font-family: var(--mcci-font-alt); font-size: .85rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--mcci-gold);
  margin: 0 0 10px;
}
.mcci-hero h1 {
  margin: 0 0 12px; font-size: clamp(1.9rem, 4.5vw, 3rem); line-height: 1.08;
  font-weight: 900; letter-spacing: -.01em; color: #fff;
}
.mcci-hero .bajada {
  font-size: 1.05rem; font-weight: 400; line-height: 1.5; max-width: 720px;
  margin: 0 0 10px; color: #fff; opacity: .94;
}
.mcci-hero .fecha {
  font-family: var(--mcci-font-alt); font-weight: 700; color: var(--mcci-gold);
  font-size: .95rem;
}


.mcci-seccion-titulo {
  font-family: var(--mcci-font-sans); font-weight: 900; text-transform: uppercase;
  color: var(--mcci-red); font-size: clamp(1.2rem, 2.6vw, 1.7rem);
  letter-spacing: .01em; margin: 38px 0 12px; line-height: 1.15;
}
.mcci-seccion-titulo small {
  display: block; font-size: .58em; color: var(--mcci-ink-soft);
  font-weight: 700; text-transform: none; letter-spacing: 0; margin-top: 2px;
}


.mcci p { color: var(--mcci-ink); }
.mcci .lede { font-size: 1.15rem; font-weight: 700; line-height: 1.45; }
.mcci a { color: var(--mcci-ink); font-weight: 700; }
.mcci a:hover { color: var(--mcci-red); }


.mcci-card {
  background: var(--mcci-bg); border: 1px solid var(--mcci-border);
  border-radius: var(--mcci-radius); padding: 18px 20px;
}
.mcci-card h3 {
  margin: 0 0 8px; font-size: .82rem; font-weight: 900; letter-spacing: .07em;
  text-transform: uppercase; color: var(--mcci-red);
}
.mcci-card p, .mcci-card li { font-size: .92rem; margin: .4em 0; }


.mcci-cinta {
  background: var(--mcci-red); color: #fff; text-align: center;
  font-size: .76rem; font-weight: 800; letter-spacing: .09em;
  text-transform: uppercase; padding: 8px 12px;
}


.mcci-autor { font-size: 1rem; color: var(--mcci-ink); }
.mcci-autor strong { font-weight: 900; }
.mcci-fecha-nota { font-size: 1.05rem; color: var(--mcci-ink); } 


.mcci-pie {
  background: var(--mcci-navy); color: #fff; margin-top: 48px;
  padding: 26px 0; font-size: .85rem; line-height: 1.6;
}
.mcci-pie a { color: var(--mcci-gold); font-weight: 700; text-decoration: none; }
.mcci-pie .leyenda { opacity: .85; }






.mcci .mcci-pastilla {
  display: inline-block; background: rgba(255,255,255,.1); color: #fff;
  border-radius: 10px; padding: 8px 15px; font-size: 14px; font-weight: 700;
  line-height: 17px; text-transform: uppercase; text-decoration: none;
  transition: background .15s ease;
}
.mcci .mcci-pastilla:hover { background: rgba(255,255,255,.22); color: #fff; }


.mcci .mcci-boton {
  display: inline-block; background: var(--mcci-red); color: #fff;
  border-radius: 10px; padding: 10px 18px; font-size: 14px; font-weight: 800;
  line-height: 17px; text-transform: uppercase; text-decoration: none;
  transition: filter .15s ease;
}
.mcci .mcci-boton:hover { filter: brightness(1.12); color: #fff; }


.mcci .mcci-kicker-xl {
  color: var(--mcci-gold); font-size: 24px; font-weight: 800;
  text-transform: uppercase; margin: 0 0 10px; letter-spacing: 0;
}



:root {
  
  
  
  
  

  
  --mccipc-rosa:        #EA72A2;  
  --mccipc-rosa-claro:  #F6B4CC;  
  --mccipc-rosa-panel:  #FBE9F1;  

  
  --mccipc-dato-ad:     #D21224;  
  --mccipc-dato-ccs:    #FCA83C;  
  --mccipc-dato-lp:     #0D2651;  
  --mccipc-dato-azul:   #1E60CC;  
  --mccipc-dato-ambar-claro: #FCC67E; 
  --mccipc-dato-sd:     #ADB5BD;  

  
  --mccipc-tinta-sobre-navy: #FFFFFF;
  --mccipc-suave-sobre-navy: rgba(255,255,255,.82);

  
  --mccipc-font-titulo: "Archivo Black", "Arial Black", "Helvetica Neue",
                        Arial, sans-serif;
  --mccipc-font-cuerpo: "Poppins", -apple-system, "Segoe UI", Roboto,
                        "Helvetica Neue", Arial, sans-serif;

  
  --mccipc-radius-pildora: 999px; 
  --mccipc-radius: 10px;
  --mccipc-max-width: 1180px;
}


.mccipc * { box-sizing: border-box; }
.mccipc {
  margin: 0; background: var(--mcci-bg, #FFFFFF); color: var(--mcci-ink, #203263);
  font-family: var(--mccipc-font-cuerpo); font-size: 16px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.mccipc-envoltura { max-width: var(--mccipc-max-width); margin: 0 auto; padding: 0 22px; }


.mccipc-lamina {
  background: var(--mcci-navy, #0D2651); color: var(--mccipc-tinta-sobre-navy);
  padding: 34px 0 40px;
}
.mccipc-lamina p { color: var(--mccipc-suave-sobre-navy); }


.mccipc-pildora {
  display: inline-block; background: var(--mccipc-rosa); color: #fff;
  font-family: var(--mccipc-font-titulo); font-weight: 400;
  font-size: clamp(1.15rem, 2.6vw, 1.65rem); line-height: 1.15;
  letter-spacing: .01em; padding: 12px 30px;
  border-radius: var(--mccipc-radius-pildora);
}
.mccipc-pildora--suave { background: var(--mccipc-rosa-claro); color: var(--mcci-navy, #0D2651); }
.mccipc-pildora--navy  { background: var(--mcci-navy, #0D2651); color: #fff; }


.mccipc-cifra {
  font-family: var(--mccipc-font-titulo);
  font-size: clamp(1.7rem, 4.2vw, 2.8rem); line-height: 1.05;
  letter-spacing: -.01em;
}
.mccipc-cifra--placa {
  display: inline-block; padding: 6px 16px; color: #fff;
  background: var(--mcci-navy, #0D2651); border-radius: 4px;
}
.mccipc-cifra--placa.ad  { background: var(--mccipc-dato-ad); }
.mccipc-cifra--placa.ccs { background: var(--mccipc-dato-ccs); color: var(--mcci-navy, #0D2651); }


.mccipc-recibo {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .72rem; font-weight: 600; letter-spacing: .02em;
  color: var(--mcci-ink-soft, #5A6B8C);
  border: 1px solid var(--mcci-border, #DEE2E6);
  border-radius: var(--mccipc-radius-pildora); padding: 3px 12px;
}
.mccipc-recibo::before { content: "✓"; font-weight: 900; color: #1E7A46; }


.mccipc-tabla { width: 100%; border-collapse: collapse; font-size: .88rem; }
.mccipc-tabla th {
  background: var(--mcci-navy, #0D2651); color: #fff; text-align: left;
  font-weight: 700; padding: 10px 12px; white-space: nowrap;
}
.mccipc-tabla td { padding: 9px 12px; border-bottom: 1px solid var(--mcci-border, #DEE2E6); }
.mccipc-tabla tr.total td {
  background: var(--mccipc-dato-ad); color: #fff; font-weight: 800;
}


.mccipc-lockup {
  display: inline-flex; align-items: center; gap: 26px;
  background: #fff; border-radius: var(--mccipc-radius);
  padding: 12px 24px;
}
.mccipc-lockup img { height: 44px; width: auto; display: block; }
.mccipc-lockup .separador { width: 1px; height: 36px; background: var(--mcci-border, #DEE2E6); }


.mccipc-descarga {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--mcci-navy, #0D2651); color: #fff; border: 0;
  font-family: var(--mccipc-font-cuerpo); font-weight: 700; font-size: .9rem;
  padding: 10px 20px; border-radius: var(--mccipc-radius-pildora);
  cursor: pointer; text-decoration: none;
}
.mccipc-descarga:hover { background: var(--mccipc-dato-azul); }
.mccipc-descarga--suave {
  background: transparent; color: var(--mcci-navy, #0D2651);
  border: 1.5px solid var(--mcci-navy, #0D2651);
}


.mccipc-leyenda { display: flex; gap: 0; flex-wrap: wrap; font-size: .8rem; font-weight: 700; }
.mccipc-leyenda span { display: inline-flex; align-items: center; gap: 0; padding: 7px 14px; color: #fff; }
.mccipc-leyenda .ad  { background: var(--mccipc-dato-ad); }
.mccipc-leyenda .ccs { background: var(--mccipc-dato-ccs); color: var(--mcci-navy, #0D2651); }
.mccipc-leyenda .lp  { background: var(--mccipc-dato-lp); }