/* Gráficos y mapas interactivos — compartido por el sitio y el aula. */
.gfx{margin:2rem 0;padding:1.3rem 1.4rem 1.1rem;background:#fff;border:1px solid #E2E6EA;border-radius:6px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0E1A26}
.gfx__head{margin-bottom:.8rem}
.gfx__t{margin:0;font-family:"Archivo","Helvetica Neue",sans-serif;font-weight:600;font-size:1.02rem;line-height:1.3;color:#08121C}
.gfx__s{margin:.25rem 0 0;font-size:.84rem;color:#6C7B87;line-height:1.5}
.gfx__svg svg{display:block;width:100%;height:auto;overflow:visible}
.gfx__svg--mapa{max-width:520px;margin:0 auto}
.gfx__grid{stroke:#EDF0F2;stroke-width:1}
.gfx__tick,.gfx__cat{font-size:11.5px;fill:#6C7B87}
.gfx__cat{font-size:12px}
.gfx__unidad{font-size:10.5px;fill:#A5B0B9;letter-spacing:.06em;text-transform:uppercase}
.gfx__valor{font-size:11px;fill:#41525F;font-weight:600}
.gfx__barra{transition:opacity .2s;cursor:default;outline:none}
.gfx__barra:hover,.gfx__barra:focus{opacity:.78}
.gfx__linea{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.gfx__punto{stroke:#fff;stroke-width:2;cursor:default;outline:none;transition:r .15s}
.gfx__punto:hover,.gfx__punto:focus{r:7}
.gfx__pais{stroke:#fff;stroke-width:.8;stroke-linejoin:round;transition:filter .2s,opacity .2s;outline:none;cursor:default}
.gfx__pais:hover,.gfx__pais:focus{filter:brightness(.88)}
.gfx__leg{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.78rem;color:#41525F}
.gfx__leg i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.4rem;vertical-align:-1px}
.gfx__foot{margin-top:.9rem;padding-top:.7rem;border-top:1px solid #EDF0F2}
.gfx__nota{margin:0 0 .35rem;font-size:.78rem;color:#6C7B87;line-height:1.5}
.gfx__fuente{margin:0;font-size:.74rem;color:#6C7B87;letter-spacing:.02em}
.gfx__fuente a{color:#14688A;text-decoration:underline;text-decoration-color:#D5EDF7;text-underline-offset:3px}
.gfx__fuente a:hover{text-decoration-color:currentColor}
.gfx-tip{position:fixed;z-index:1000;pointer-events:none;background:#08121C;color:#fff;padding:.5rem .7rem;border-radius:4px;
  font-size:.8rem;line-height:1.35;box-shadow:0 10px 30px -10px rgba(8,18,28,.5);max-width:240px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gfx-tip b{display:block;font-weight:600}
.gfx-tip span{display:block;color:#B3C4D0;font-size:.74rem}
.gfx-tip em{display:block;font-style:normal;font-family:"Archivo",sans-serif;font-weight:600;font-size:1rem;margin-top:.15rem;color:#63C2E4}
/* Foto de referencia con crédito */
.foto-ref{margin:2rem 0}
.foto-ref img{width:100%;height:auto;display:block;border-radius:6px;background:#12283C}
.foto-ref figcaption{margin-top:.6rem;font-size:.84rem;line-height:1.5;color:#41525F}
.foto-ref .credito{display:block;margin-top:.2rem;font-size:.72rem;color:#8A97A2;letter-spacing:.02em}
.foto-ref .credito a{color:inherit;text-decoration:underline;text-decoration-color:#D5EDF7;text-underline-offset:3px}
@media (prefers-color-scheme:dark){
  .aula-oscura .gfx{background:#0F2234;border-color:#1F3A50;color:#DCE6ED}
}