/* Índice Burgeralia — estilos propios (usa las variables de /herramientas/assets/estilos.css) */

.b-indice-hero{text-align:center;padding:36px 16px 8px;max-width:760px;margin:0 auto}
.b-indice-hero .b-badge-mes{display:inline-block;background:#FFF7F3;border:1px solid var(--b-naranja);
  color:var(--b-naranja);font-weight:700;font-size:13px;letter-spacing:.02em;padding:5px 14px;
  border-radius:999px;margin-bottom:14px}
.b-indice-hero h1{font-size:clamp(24px,5.5vw,36px);line-height:1.25;margin:0 0 8px}
.b-indice-hero .b-sub{color:var(--b-texto2);font-size:15.5px}

/* Tabla principal — mobile-first: se convierte en tarjetas apiladas en pantallas chicas */
.b-indice-tabla{width:100%;border-collapse:collapse;margin:22px 0 6px;font-size:15px}
.b-indice-tabla th{text-align:left;padding:10px 8px;border-bottom:2px solid var(--b-naranja);font-size:13px;
  text-transform:uppercase;letter-spacing:.02em;color:var(--b-texto2)}
.b-indice-tabla td{padding:12px 8px;border-bottom:1px solid var(--b-borde);vertical-align:middle}
.b-indice-tabla td.b-col-normal, .b-indice-tabla th.b-col-normal{background:#FFF7F3;font-weight:700;color:var(--b-naranja)}
.b-indice-tabla .b-nombre-insumo{font-weight:600}
.b-tendencia{font-size:13px;font-weight:700;white-space:nowrap}
.b-tendencia.sube{color:var(--b-rojo)}
.b-tendencia.baja{color:var(--b-verde)}
.b-tendencia.igual{color:var(--b-micro)}
.b-pendiente{color:var(--b-micro);font-style:italic;font-weight:400}

@media (max-width:640px){
  .b-indice-tabla thead{display:none}
  .b-indice-tabla, .b-indice-tabla tbody, .b-indice-tabla tr, .b-indice-tabla td{display:block;width:100%}
  .b-indice-tabla tr{border:1px solid var(--b-borde);border-radius:10px;margin-bottom:12px;padding:6px 4px;overflow:hidden}
  .b-indice-tabla td{border-bottom:none;padding:6px 12px;display:flex;justify-content:space-between;align-items:center}
  .b-indice-tabla td::before{content:attr(data-label);font-size:12px;color:var(--b-texto2);font-weight:600}
  .b-indice-tabla td.b-col-normal{background:transparent;border-radius:6px}
  .b-indice-tabla tr td:first-child{background:#FAFAFA;font-weight:700}
  .b-indice-tabla tr td:first-child::before{content:none}
}

.b-hamb-venta{background:#FAFAFA;border:1px solid var(--b-borde);border-radius:10px;padding:14px 16px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:15px;margin-bottom:26px}
.b-hamb-venta strong{color:var(--b-naranja)}

/* Ciudades */
.b-ciudad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0 30px}
.b-ciudad-card{border:1px solid var(--b-borde);border-radius:10px;padding:16px}
.b-ciudad-card h4{margin:0 0 4px;font-size:16px}
.b-ciudad-card .n{font-size:13px;color:var(--b-texto2)}
.b-ciudad-card .valor{font-size:22px;font-weight:700;color:var(--b-naranja);margin-top:8px}
.b-ciudad-card.sin-datos{background:#FAFAFA;opacity:.85}
.b-ciudad-card.sin-datos .valor{font-size:14px;color:var(--b-micro);font-weight:600}

/* Interpretación */
.b-interpretacion{background:#FFF7F3;border:2px solid var(--b-naranja);border-radius:12px;padding:22px 24px;margin:28px 0}
.b-interpretacion h2{margin-top:0;font-size:19px}
.b-interpretacion p:last-child{margin-bottom:0}

/* Metodología */
.b-metodologia{background:#FAFAFA;border-radius:10px;padding:18px 20px;font-size:14.5px;color:var(--b-texto2);margin:20px 0}

/* Botones lado a lado */
.b-botones-doble{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.b-botones-doble a{flex:1;min-width:220px;text-align:center;text-decoration:none;padding:14px 18px;border-radius:8px;
  font-weight:700;font-size:15px}
.b-btn-primario{background:var(--b-naranja);color:#fff}
.b-btn-secundario{background:#fff;color:var(--b-naranja);border:2px solid var(--b-naranja)}

/* Archivo */
.b-archivo-lista{list-style:none;padding:0;margin:0}
.b-archivo-lista li{border-bottom:1px solid var(--b-borde);padding:12px 4px}
.b-archivo-lista a{font-weight:600;text-decoration:none;color:var(--b-texto)}
.b-archivo-lista a:hover{color:var(--b-naranja)}