/* BVQ Mercado en Línea — Visión AMERCA.
 * Hereda los tokens de marca de bvq-mercado.css y la tabla de bvq-tabla.css. */

.bvq-vision{border:0;background:none;box-shadow:none;border-radius:0;overflow:visible}
.bvq-vision-intro{
	margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--bvq-ink-2);max-width:74ch;
}
.bvq-vision-nota{margin:10px 0 0;font-size:12px;color:var(--bvq-muted)}

/* La fila de la bolsa propia: se marca con una pleca y un fondo suave, no
   solo con color, para que se distinga también impresa. */
.bvq-t .bvq-t-row.is-propia td{background:var(--bvq-azul-soft);font-weight:500}
.bvq-t .bvq-t-row.is-propia td:first-child{box-shadow:inset 3px 0 0 var(--bvq-rojo)}
.bvq-t .bvq-t-row.is-destacado td:first-child{box-shadow:inset 3px 0 0 var(--bvq-amarillo)}

/* ------------------------- tabla de indicadores ----------------------- */
.bvq-vision-ind{min-width:820px}
.bvq-vision-grupos th{
	padding:9px 12px 7px;font-size:10px;font-weight:700;letter-spacing:.07em;
	text-transform:uppercase;color:var(--bvq-muted);text-align:center;
	border-bottom:1px solid var(--bvq-line);background:var(--bvq-surface-2);
}
.bvq-vision-grupos .bvq-vision-g + .bvq-vision-g{border-left:1px solid var(--bvq-line)}
.bvq-vision-ind thead tr:last-child th{padding:9px 12px}
/* La clase va en el <td>: NO puede ser flex, porque una celda con display
   distinto de table-cell deja de estirarse al alto de la fila y su fondo
   (fila alterna, fila de BVQ) queda recortado. El punto se alinea en línea. */
.bvq-c-pais{white-space:nowrap}
.bvq-c-pais .bvq-vision-punto{vertical-align:middle;margin:-2px 8px 0 0}

/* Punto de color de cada país: la misma identidad en la tabla, en la
   leyenda y en el gráfico. */
.bvq-vision-punto{
	display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;
	box-shadow:0 0 0 1px rgba(255,255,255,.9);
}

/* ------------------------------ gráfico ------------------------------- */
.bvq-vision-grafico{
	position:relative;background:var(--bvq-surface);
	border:1px solid var(--bvq-line);border-radius:var(--bvq-radius);
	padding:12px 10px 4px;margin-bottom:12px;
}
.bvq-vision-svg{display:block;width:100%;height:auto;overflow:visible}
.bvq-g-rejilla{stroke:var(--bvq-line);stroke-width:1}
.bvq-g-rejilla-v{stroke-dasharray:2 4}
.bvq-g-eje{font-size:11px;fill:var(--bvq-muted);font-variant-numeric:tabular-nums}
.bvq-g-titulo-eje{font-size:11px;fill:var(--bvq-muted);letter-spacing:.03em}
.bvq-g-etiqueta{font-size:12.5px;font-weight:700;letter-spacing:.01em}
.bvq-g-cruz{stroke:var(--bvq-azul);stroke-width:1;stroke-dasharray:3 3;opacity:.5;pointer-events:none}
.bvq-g-punto{pointer-events:none}
/* La serie propia va por delante de las demás y nunca queda tapada. */
.bvq-g-serie.is-propia{filter:drop-shadow(0 1px 2px rgba(4,30,66,.18))}

.bvq-vision-tip{
	position:absolute;z-index:5;pointer-events:none;min-width:168px;
	background:var(--bvq-surface);border:1px solid var(--bvq-line-2);
	border-radius:7px;padding:9px 11px;box-shadow:0 6px 20px rgba(4,30,66,.14);
	font-size:12.5px;color:var(--bvq-ink-2);
}
.bvq-tip-t{
	font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
	color:var(--bvq-muted);margin-bottom:6px;
}
.bvq-tip-f{display:flex;align-items:center;gap:7px;padding:2px 0;font-variant-numeric:tabular-nums}
.bvq-tip-f.is-propia{font-weight:700;color:var(--bvq-azul)}
.bvq-tip-p{flex:1;white-space:nowrap}
.bvq-tip-v{font-weight:500}

/* ------------------------------ leyenda ------------------------------- */
/* Con siete series el color no basta como identidad: la leyenda siempre
   está presente y la serie propia va además rotulada sobre el gráfico. */
.bvq-vision-leyenda{
	list-style:none;margin:0 0 14px;padding:0;
	display:flex;flex-wrap:wrap;gap:7px 18px;
}
.bvq-vision-li{
	display:flex;align-items:center;gap:7px;
	font-size:12.5px;color:var(--bvq-ink-2);
}
.bvq-vision-li.is-propia{font-weight:700;color:var(--bvq-azul)}
.bvq-vision-li .bvq-u{font-size:12px}

.bvq-vision-datos{margin:0 0 4px;font-size:13px}
.bvq-vision-datos summary{
	cursor:pointer;color:var(--bvq-azul);font-weight:500;padding:7px 0;
	font-size:12.5px;
}
.bvq-vision-datos summary:focus-visible{outline:2px solid var(--bvq-azul);outline-offset:2px}
.bvq-vision-datos .bvq-scroll{margin-top:8px;border:1px solid var(--bvq-line);border-radius:var(--bvq-radius)}

/* ------------------------- filtros por país --------------------------- */
.bvq-vision-filtros{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bvq-chipf{
	font:inherit;font-size:12px;font-weight:500;
	color:var(--bvq-ink-2);background:var(--bvq-surface);
	border:1px solid var(--bvq-line-2);border-radius:20px;
	padding:5px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
	transition:background .14s,color .14s,border-color .14s;
}
.bvq-chipf:hover{border-color:var(--bvq-azul);color:var(--bvq-azul)}
.bvq-chipf:focus-visible{outline:2px solid var(--bvq-azul);outline-offset:2px}
.bvq-chipf.is-on{background:var(--bvq-azul);border-color:var(--bvq-azul);color:#fff}
.bvq-chipf.is-propia{border-color:var(--bvq-rojo);color:var(--bvq-rojo);font-weight:700}
.bvq-chipf.is-propia.is-on{background:var(--bvq-rojo);color:#fff}
.bvq-chipf .bvq-count{font-size:10.5px;opacity:.75;font-variant-numeric:tabular-nums}

.bvq-vision-tabla{min-width:880px}
.bvq-vision .bvq-toolbar{align-items:flex-start;gap:12px}

/* Respaldo: el widget original de AMERCA incrustado, cuando el servidor
   no puede traer los datos por su cuenta. */
.bvq-vision-respaldo{
	border:1px solid var(--bvq-line);border-radius:var(--bvq-radius);
	overflow:hidden;background:var(--bvq-surface);
}
.bvq-vision-respaldo iframe{display:block;width:100%;height:var(--bvq-alto,700px);border:0}

/* ------------------------------- móvil -------------------------------- */
@media (max-width:760px){
	.bvq-vision-grafico{padding:10px 6px 2px}
	.bvq-vision-respaldo iframe{height:calc(var(--bvq-alto,700px) - 80px)}
	.bvq-vision-leyenda{gap:6px 13px}
	.bvq-vision-tip{min-width:0;font-size:12px;padding:8px 9px}
	.bvq-g-eje,.bvq-g-titulo-eje{font-size:13px}
}

/* ------------------------- impresión y PDF ---------------------------- */
@media print{
	body *{visibility:hidden!important}
	.bvq-vision,.bvq-vision *{visibility:visible!important}
	.bvq-vision{position:absolute;left:0;top:0;width:100%}
	.bvq-tabs,.bvq-vision-filtros,.bvq-busca,.bvq-export,.bvq-vision-tip{display:none!important}
	.bvq-panel[hidden]{display:block!important}
	.bvq-scroll{overflow:visible!important}
	.bvq-t{min-width:0;font-size:9pt}
	.bvq-t tbody tr{page-break-inside:avoid}
	.bvq-vision-grafico{border:1px solid #ccc;page-break-inside:avoid}
	.bvq-vision-datos[open] .bvq-scroll{display:block}
}