@font-face{font-family:'Nutmeg';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/nutmeg-regular.woff2') format('woff2');}
@font-face{font-family:'Nutmeg';font-weight:900;font-style:normal;font-display:swap;
  src:url('../fonts/nutmeg-ultrablack.woff2') format('woff2');}
@font-face{font-family:'Nutmeg';font-weight:300;font-style:italic;font-display:swap;
  src:url('../fonts/nutmeg-ultralightitalic.woff2') format('woff2');}
@font-face{font-family:'Nutmeg';font-weight:400;font-style:italic;font-display:swap;
  src:url('../fonts/nutmeg-bookitalic.woff2') format('woff2');}

@font-face{font-family:'Azo Sans';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/azosans-regular.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-weight:500;font-style:normal;font-display:swap;
  src:url('../fonts/azosans-medium.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-weight:700;font-style:normal;font-display:swap;
  src:url('../fonts/azosans-bold.woff2') format('woff2');}
@font-face{font-family:'Azo Sans';font-weight:900;font-style:normal;font-display:swap;
  src:url('../fonts/azosans-black.woff2') format('woff2');}

@font-face{font-family:'Century Gothic';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/centurygothic-regular.woff2') format('woff2');}
@font-face{font-family:'Century Gothic';font-weight:700;font-style:normal;font-display:swap;
  src:url('../fonts/centurygothic-bold.woff2') format('woff2');}

.aviso-egeli,.banner-strip,.hero,.filtros-bar,#egeli-main{
  --azul-900:#01152E; --azul-700:#1E3A63; --azul-600:#002E52;
  --dorado-500:#A18343; --dorado-400:#C1A25D; --dorado-300:#E3C177;
  --rojo:#8C3B37; --tinta:#1B1B18; --gris-medio:#8a8579; --gris-claro:#DCD8CC; --papel:#FCFBF8;
  font-family:'Azo Sans',sans-serif; color:var(--tinta); line-height:1.6; font-weight:400;
}
#egeli-main h1,#egeli-main h2,#egeli-main h3,.hero h1,.hero h3{font-family:'Nutmeg',sans-serif;font-weight:900}

.aviso-egeli{background:#FFF7E6;border-bottom:1px solid var(--dorado-400);color:#5c4a1f;font-size:12.5px;text-align:center;padding:8px 16px}

.banner-strip{background:#fff;border-bottom:1px solid var(--gris-claro)}
.banner-wrap{max-width:1180px;margin:0 auto;padding:16px 28px}
.banner-wrap img{width:100%;height:auto;display:block;max-width:820px}

.hero{background:var(--azul-900);color:#fff;position:relative;overflow:hidden}
.hero-marca{position:absolute;top:50%;right:2%;width:480px;height:480px;transform:translateY(-50%);opacity:.14;pointer-events:none;z-index:0}
.hero-marca img{width:100%;height:100%;object-fit:contain}
.hero-inner{max-width:1180px;margin:0 auto;padding:56px 28px 40px;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:36px}
.hero-titulo .eyebrow{font-family:'Century Gothic';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dorado-300);margin-bottom:14px;font-weight:700}
.hero-titulo h1{font-size:34px;font-weight:900;line-height:1.2;max-width:15ch;color:#fff}
.hero-titulo .sub{font-size:14px;color:#C9CDD6;margin-top:14px;max-width:44ch;font-weight:400}
.hero-stat{text-align:right}
.hero-stat .num{font-family:'Nutmeg';font-size:72px;font-weight:900;color:var(--dorado-300);line-height:1}
.hero-stat .lab{font-size:12.5px;color:#C9CDD6;letter-spacing:.04em;margin-top:2px}
.hero-mini{display:flex;gap:26px;margin-top:16px;justify-content:flex-end;flex-wrap:wrap}
.hero-mini div{text-align:right;border-left:1px solid rgba(255,255,255,.18);padding-left:16px}
.hero-mini .v{font-family:'Nutmeg';font-size:18px;color:#fff;font-weight:900}
.hero-mini .l{font-size:10.5px;color:#9AA3B4;text-transform:uppercase;letter-spacing:.04em;margin-top:1px}

.filtros-bar{background:#fff;border-bottom:1px solid var(--gris-claro)}
.filtros-inner{max-width:1180px;margin:0 auto;padding:16px 28px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.fcampo{display:flex;flex-direction:column;gap:3px}
.fcampo label{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris-medio)}
.fcampo select{font-family:'Azo Sans';font-size:13px;color:var(--azul-900);border:none;border-bottom:1.5px solid var(--gris-claro);background:transparent;padding:3px 0;cursor:pointer;min-width:150px}
.fcampo select:focus{outline:none;border-color:var(--dorado-500)}
.vista-pills{display:flex;gap:4px;margin-left:auto}
.pill{font-family:'Azo Sans';font-size:11.5px;padding:6px 13px;border-radius:20px;border:1px solid var(--gris-claro);background:transparent;color:var(--gris-medio);cursor:pointer;transition:.15s}
.pill:hover{border-color:var(--azul-900);color:var(--azul-900)}
.pill.active{background:var(--azul-900);border-color:var(--azul-900);color:#fff}
.breadcrumb{font-size:12px;color:var(--gris-medio);display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:100%}
.breadcrumb .on{color:var(--azul-900);font-weight:700}
.breadcrumb .quitar{font-size:10.5px;color:var(--rojo);cursor:pointer;text-decoration:underline;margin-left:6px}

#egeli-main{max-width:1180px;margin:0 auto;padding:44px 28px 70px;background:var(--papel)}
.eyebrow-sec{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.eyebrow-sec .linea{flex:1;height:1px;background:var(--gris-claro)}
.eyebrow-sec span{font-family:'Century Gothic';font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dorado-500);font-weight:700;white-space:nowrap}

.cgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;margin-bottom:56px}
@media(max-width:860px){.cgrid{grid-template-columns:1fr;gap:32px}}
.cc h3{font-family:'Azo Sans';font-size:13px;font-weight:500;color:var(--azul-900);margin-bottom:16px}
.chart-wrap{position:relative;width:100%;height:270px}
.leyenda{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;color:var(--gris-medio);justify-content:center}
.leyenda span{display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}

.tendencia-box{margin-bottom:56px}
.chart-wrap-w{position:relative;width:100%;height:220px}

table.registro{width:100%;border-collapse:collapse;font-size:13px}
table.registro thead th{text-align:left;font-weight:500;color:var(--gris-medio);padding:10px 6px;border-bottom:1.5px solid var(--azul-900);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
table.registro th.n, table.registro td.n{text-align:right}
table.registro tbody td{padding:12px 6px;border-bottom:1px solid var(--gris-claro);vertical-align:middle;font-weight:400}
table.registro tbody tr:hover td{background:#FAF7F0}
.nombre-fila{font-weight:700;color:var(--azul-900)}
.descarga{color:var(--dorado-500);text-decoration:none;font-weight:700;font-size:12px;white-space:nowrap;border-bottom:1px solid transparent}
.descarga:hover{color:var(--azul-900);border-color:var(--azul-900)}
.sin-descarga{color:var(--gris-medio);font-size:11.5px}
.conteo{font-size:11.5px;color:var(--gris-medio);padding:12px 6px 0}
.sin-datos{background:#FAF7F0;border:1px dashed var(--gris-claro);padding:26px;text-align:center;color:#4a4638;font-size:13px;margin-top:16px}
