@charset "UTF-8";
/* MAPA DEL CONGRESO · PÁGINA DEL VISOR
   La página que envuelve el mapa (mapa/index.html y en/mapa/index.html): papel, barra para volver al sitio y banda
   de paisaje. El mapa tiene su propia hoja, venue-map.css. Mismas reglas que styles.css: sin degradados, sin
   sombras, sin blanco. Dentro del diálogo del botón «Mapa» y de la página Industria (html.mapa-incrustado) solo
   queda el mapa. */

:root {
  --papel: #F8EFE1;
  --azul: #18355F;
  --oro: #EFAF21;
  --rojo: #CB3227;
  --font: "Crimson Pro", Georgia, "Times New Roman", serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { background: var(--papel); }
body {
  margin: 0; background: var(--papel); color: var(--azul); font: 17px/1.45 var(--font);
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  padding-block: 14px 28px;
}
.pagina { max-width: 1520px; margin: 0 auto; }
a:focus-visible { outline: 3px solid var(--oro); outline-offset: 2px; }

/* ---------- barra del visor: logo, volver al sitio, idioma ---------- */
.visor__barra {
  display: flex; align-items: center; gap: 12px 24px; padding-bottom: 12px; margin-bottom: 14px;
  border-bottom: 3px double var(--azul); font-size: 16px;
}
.visor__logo { display: block; margin-right: auto; }
.visor__logo img { display: block; height: 46px; width: auto; }
.visor__volver, .visor__idioma {
  color: var(--azul); font-weight: 600; text-decoration: none; border-bottom: 1.5px solid currentColor; padding-bottom: 1px;
}
.visor__volver:hover, .visor__idioma:hover { color: var(--rojo); }
.visor__volver::before { content: "← "; }

/* ---------- banda de paisaje con el sello de la sede ---------- */
.banda { position: relative; margin: 5px 5px 30px; border: 1.5px solid var(--azul); outline: 1px solid var(--oro); outline-offset: 4px; }
.banda img { display: block; width: 100%; height: clamp(104px, 12vw, 180px); object-fit: cover; object-position: 50% 62%; }
.banda__sello {
  position: absolute; left: clamp(12px, 2.4vw, 32px); bottom: -18px; margin: 0; display: grid; gap: 1px;
  background: var(--papel); border: 1.5px solid var(--azul); outline: 1px solid var(--rojo); outline-offset: -5px;
  padding: 10px 18px 9px; transform: rotate(-1.5deg);
}
.banda__sello span:first-child { font-weight: 700; font-size: 17px; letter-spacing: .06em; text-transform: uppercase; line-height: 1.15; }
.banda__sello span:last-child { font-style: italic; font-size: 15px; color: #465D7F; }

.mapa-incrustado body { padding: 0; }
.mapa-incrustado .visor__barra, .mapa-incrustado .banda { display: none; }

@media (max-width: 600px) {
  .visor__barra { font-size: 15px; gap: 10px 16px; }
  .visor__logo img { height: 38px; }
  .banda__sello { padding: 8px 12px 7px; }
  .banda__sello span:first-child { font-size: 14px; }
  .banda__sello span:last-child { font-size: 13px; }
}

@media print {
  .visor__barra, .banda, .vm-zoom, .vm-tip { display: none; }
}