/* Página Sede (/sede) — medidas de los artboards 3-SedeCONGISP (móvil, 480 pt)
 * y 3-SedeCONGISP-Desktop (1025 pt); 1rem = 10pt en ambos cortes.
 *
 * Capas: cada sección es su propio lienzo (position:relative + overflow:hidden);
 * los patrones decorativos (.st-sede-pt-*) van DENTRO de la sección que cruzan,
 * al fondo (z 0), y el contenido encima (z 1). Un mismo motivo que cruza dos
 * secciones se repite en ambas con la posición equivalente. Las bandas oscuras
 * de las composiciones también llevan sus patrones (el diseño los pinta sobre
 * el color). Saltos de línea: .st-br-m sólo móvil, .st-br-e sólo escritorio.
 */
.st-sede-pagina { position: relative; overflow: hidden; }
.st-sede-pagina section,
.st-sede-compuesto,
.st-sede-compuesto__banda { position: relative; overflow: hidden; }
.st-sede-pagina section > *,
.st-sede-compuesto > *,
.st-sede-compuesto__banda > * { position: relative; z-index: 1; }
.st-sede-pagina span.st-sede-pt { position: absolute; z-index: 0; }
/* Cada fragmento existe sólo en el corte donde el artboard lo pinta visible
   (el diseño mete varios patrones debajo de fotos y bandas; esos no se dibujan). */
.st-sede-pagina .st-sede-pt-b1, .st-sede-pagina .st-sede-pt-c4, .st-sede-pagina .st-sede-pt-d3,
.st-sede-pagina .st-sede-pt-e2, .st-sede-pagina .st-sede-pt-g2, .st-sede-pagina .st-sede-pt-h2 { display: none; }

.st-br-e { display: none; }

/* ---------- A: cabecera + foto del campus + párrafos grandes ---------- */
.st-sede-a { padding: 0 0 2.45rem; }
.st-sede-a__cabeza { padding: 3rem 3.15rem 0 2.5rem; }
.st-sede-a__cabeza .st-etiqueta--chica + .st-titulo { margin-top: -0.37rem; }
.st-sede-a__cabeza .st-titulo { white-space: nowrap; }
.st-sede-foto {
  display: block;
  width: 100%;
  object-fit: cover;
}
.st-sede-foto--campus { height: 27rem; margin-top: 5.67rem; }
.st-sede-grande {
  margin: 3.2rem 2.5rem 0 2.5rem;
  font-size: 2.3rem;
  line-height: 3.2rem;
  color: var(--st-tinta);
  white-space: nowrap;
}
.st-sede-foto--campus + .st-sede-grande { margin-top: 5.75rem; }
.st-sede-grande strong { font-weight: 700; }

/* ---------- B: transporte (franja #f6fafa, 4 iconos circulares) ---------- */
.st-sede-transporte {
  padding: 2.5rem 3rem 5.68rem 2.5rem;
  background: var(--st-fondo-suave);
}
.st-sede-transporte__iconos {
  position: relative;
  height: 8.5rem;
}
.st-sede-transporte__iconos img {
  position: absolute;
  top: 0;
  width: 8.5rem;
  height: 8.5rem;
}
.st-sede-transporte__iconos img:nth-child(1) { left: 0; }
.st-sede-transporte__iconos img:nth-child(2) { left: 11.5rem; }
.st-sede-transporte__iconos img:nth-child(3) { left: 22.5rem; }
.st-sede-transporte__iconos img:nth-child(4) { left: 34.5rem; }
.st-sede-transporte__textos p {
  margin-top: 1.84rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: var(--st-tinta-2);
}
.st-sede-transporte__textos p + p { margin-top: 2.5rem; }
.st-sede-transporte strong { color: var(--st-azul); }

/* ---------- Composiciones foto + banda oscura ---------- */
.st-sede-compuesto__foto {
  display: block;
  width: 100%;
  object-fit: cover;
}
.st-sede-compuesto__banda {
  background: var(--st-tinta);
  color: #fff;
}
.st-sede-compuesto__banda p {
  position: absolute;
  left: 2.5rem;
  right: 2.5rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #fff;
}
.st-sede-compuesto--campus { margin-top: 1.25rem; }
.st-sede-compuesto--campus .st-sede-compuesto__foto { height: 35.25rem; }
.st-sede-compuesto--campus .st-sede-compuesto__banda { height: 22rem; }
.st-sede-compuesto--campus .st-sede-compuesto__banda p { top: 1.75rem; }
.st-sede-compuesto--escalera { margin-top: 4.65rem; }
.st-sede-compuesto--escalera .st-sede-compuesto__foto { height: 32rem; }
.st-sede-compuesto--escalera .st-sede-compuesto__banda { height: 18.5rem; }
.st-sede-compuesto--escalera .st-sede-compuesto__banda p { top: 2.24rem; }
.st-sede-compuesto--columna { margin-top: 5.5rem; }
.st-sede-compuesto--columna .st-sede-compuesto__foto { height: 32rem; }
.st-sede-compuesto--columna .st-sede-compuesto__banda { height: 14.4rem; }
.st-sede-compuesto--columna .st-sede-compuesto__banda p { top: 2.25rem; }

/* ---------- D: tarjetas de instalaciones (franja suave) ---------- */
.st-sede-tarjetas {
  padding: 3.5rem 3rem 4rem 2.5rem;
  background: var(--st-fondo-suave);
}
.st-sede-tarjetas .st-tarjeta { width: 42.5rem; }
.st-sede-tarjetas .st-tarjeta + .st-tarjeta { margin-top: 2rem; }
.st-sede-tarjetas .st-tarjeta__cuerpo { padding: 2.34rem 2rem 2.66rem; }
.st-sede-tarjetas .st-tarjeta--alta .st-tarjeta__cuerpo { padding-bottom: 3.16rem; }
.st-sede-tarjetas .st-tarjeta__cuerpo p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: var(--st-tinta);
}

/* ---------- E: alberca + hospedaje ---------- */
.st-sede-foto--alberca { height: 26rem; }
.st-sede-cierre__texto { padding: 2.82rem 3rem 0 2.5rem; }
.st-sede-cierre .st-boton { margin-top: 5.68rem; width: 29.5rem; }

/* ---------- F: obras de Sebastián + cierre ---------- */
.st-sede-b { padding: 0 0 6.16rem; }
.st-sede-grande--p2 { line-height: 3.4rem; margin-top: 12.65rem; }
.st-sede-b__texto { margin: 2.44rem 3rem 0 2.5rem; }
.st-sede-b__texto p { color: var(--st-tinta-2); }

/* ---------- Patrones, posiciones MÓVIL (pt del artboard − 110 de barra) ---------- */
.st-sede-pt-a1 { left: -5.14rem; top: -5rem; }
.st-sede-pt-a2 { left: 21.5rem; top: 24.5rem; }
.st-sede-pt-a3 { left: -5.14rem; top: 63.01rem; }
.st-sede-pt-a4 { left: 14rem; top: 92.51rem; }
.st-sede-pt-b2 { left: 14rem; top: -8.49rem; }
.st-sede-pt-c2 { left: -5.14rem; top: -2.59rem; }
.st-sede-pt-g1 { left: -5.14rem; top: -4.49rem; }
.st-sede-pt-h1 { left: -5.14rem; top: -9.49rem; }

/* =====================================================================
   ESCRITORIO (≥ 768 px) — artboard 3-SedeCONGISP-Desktop (1025 × 4780 pt)
   ===================================================================== */
@media (min-width: 768px) {
  .st-br-e { display: inline; }
  .st-br-m { display: none; }
  /* Cada sección ya recorta sus patrones; el lienzo deja pasar las sangres. */
  .st-sede-pagina { overflow: visible; }
  .st-sede-transporte,
  .st-sede-tarjetas { --st-sangre: var(--st-fondo-suave); }

  /* A: 90–845. Texto a la izquierda (x 25), foto del campus a la derecha. */
  .st-sede-a { padding: 0 0 7.85rem; }
  .st-sede-a__cabeza { padding: 1rem 0 0 2.5rem; width: 54rem; }
  .st-sede-intro { white-space: nowrap; }
  .st-sede-pagina .st-sede-foto--campus { /* más específico que "section > *" */
    position: absolute;
    left: 54.5rem;
    top: 6.5rem;
    width: 48rem;
    height: 27rem;
    margin: 0;
  }
  .st-sede-grande { margin-left: 2.5rem; margin-right: 0; }
  .st-sede-foto--campus + .st-sede-grande { margin-top: 15.95rem; } /* 542.5 − fin de la cabeza (383) */
  .st-sede-grande + .st-sede-grande { margin-top: 3.2rem; }

  /* B: 845–1330. Iconos centrados, dos columnas de texto. */
  .st-sede-transporte { padding: 5rem 0 6.66rem 2.5rem; }
  .st-sede-transporte__iconos img:nth-child(1) { left: 27.5rem; }
  .st-sede-transporte__iconos img:nth-child(2) { left: 39rem; }
  .st-sede-transporte__iconos img:nth-child(3) { left: 50rem; }
  .st-sede-transporte__iconos img:nth-child(4) { left: 62rem; }
  .st-sede-transporte__textos {
    display: grid;
    grid-template-columns: 46rem 48rem;
    column-gap: 5rem;
    margin-top: 3.34rem;
    white-space: nowrap;
  }
  .st-sede-transporte__textos p { margin-top: 0; }
  .st-sede-transporte__textos p + p { margin-top: 0; }

  /* Composiciones: foto 480 pt a un lado, banda al otro. */
  /* Las bandas de color de los compuestos sangran hacia su lado; para que el
     pseudo-elemento no quede recortado, los contenedores dejan de recortar en
     horizontal (siguen recortando arriba/abajo). */
  .st-sede-pagina,
  .st-sede-pagina section,
  .st-sede-compuesto,
  .st-sede-compuesto__banda { overflow: visible; clip-path: inset(0 -100vmax); }
  .st-sede-compuesto__banda { --st-sangre: var(--st-tinta); }
  .st-sede-compuesto { display: flex; }
  .st-sede-compuesto > picture,
  .st-sede-compuesto > .st-sede-compuesto__foto { flex: none; width: 48rem; }
  .st-sede-compuesto__foto { height: 100%; }
  .st-sede-compuesto__banda { flex: 1; }
  .st-sede-compuesto__banda p { right: auto; white-space: nowrap; }
  .st-sede-compuesto--campus { margin-top: 0; height: 34rem; }
  .st-sede-compuesto--campus .st-sede-compuesto__foto { height: 34rem; }
  .st-sede-compuesto--campus .st-sede-compuesto__banda { height: auto; }
  .st-sede-compuesto--campus .st-sede-compuesto__banda p { left: 5.5rem; top: 9.75rem; }
  .st-sede-compuesto--escalera { margin-top: 9.25rem; height: 32rem; }
  .st-sede-compuesto--escalera .st-sede-compuesto__banda { height: auto; }
  .st-sede-compuesto--escalera .st-sede-compuesto__banda p { left: 3.5rem; top: 8.75rem; }
  .st-sede-compuesto--columna { flex-direction: row-reverse; margin-top: 8.5rem; height: 32rem; }
  .st-sede-compuesto--columna .st-sede-compuesto__banda { height: auto; }
  .st-sede-compuesto--columna .st-sede-compuesto__banda p { left: 2.5rem; top: 11.25rem; }

  /* D: 1670–2115. Dos tarjetas lado a lado. */
  .st-sede-tarjetas {
    display: flex;
    gap: 6rem;
    padding: 3.5rem 0 2.5rem 2.5rem;
  }
  .st-sede-tarjetas .st-tarjeta + .st-tarjeta { margin-top: 0; }
  .st-sede-tarjetas .st-tarjeta__cuerpo { height: 23.5rem; padding-bottom: 0; }
  .st-sede-tarjetas .st-tarjeta--alta .st-tarjeta__cuerpo { padding-top: 2.84rem; }

  /* E: 2115–2551.5. Alberca a la izquierda, texto + botón a la derecha. */
  .st-sede-cierre { height: 43.65rem; }
  .st-sede-pagina .st-sede-foto--alberca {
    position: absolute;
    left: 0;
    top: 8.5rem;
    width: 48rem;
    height: 26rem;
  }
  .st-sede-pagina .st-sede-cierre__texto {
    position: absolute;
    left: 51rem;
    top: 10.33rem;
    padding: 0;
    white-space: nowrap;
  }
  .st-sede-cierre .st-boton { margin-top: 2.18rem; }

  /* F: desde 2551.5. */
  .st-sede-b { padding-bottom: 11.8rem; }
  .st-sede-grande--p2 { margin: 0 0 0 3rem; }
  .st-sede-b__texto { margin: 6.65rem 0 0 3rem; white-space: nowrap; }
  .st-sede-b__texto .st-sede-b__ambas {
    font-size: 2.3rem;
    line-height: 3.4rem;
    color: var(--st-tinta);
  }
  .st-sede-b__texto .st-sede-b__ambas + p { margin-top: 2.35rem; }

  /* Patrones, posiciones ESCRITORIO (pt del artboard, sin barra). */
  .st-sede-pagina .st-sede-pt-a4, .st-sede-pagina .st-sede-pt-c2,
  .st-sede-pagina .st-sede-pt-g1, .st-sede-pagina .st-sede-pt-h1 { display: none; }
  .st-sede-pagina .st-sede-pt-b1, .st-sede-pagina .st-sede-pt-c4, .st-sede-pagina .st-sede-pt-d3,
  .st-sede-pagina .st-sede-pt-e2, .st-sede-pagina .st-sede-pt-g2, .st-sede-pagina .st-sede-pt-h2 { display: block; }
  .st-sede-pt-a1 { left: -5.14rem; top: -12.08rem; }
  .st-sede-pt-a2 { left: 76rem; top: 16rem; }
  .st-sede-pt-a3 { left: -5.14rem; top: 54.51rem; }
  .st-sede-pt-b1 { left: -5.14rem; top: -20.99rem; }
  .st-sede-pt-b2 { left: 76rem; top: 8.51rem; }
  .st-sede-pt-c4 { left: 28.5rem; top: 24rem; }
  .st-sede-pt-d3 { left: 76.5rem; top: -10rem; }
  .st-sede-pt-e2 { left: 21.5rem; top: 13.51rem; }
  .st-sede-pt-g2 { left: -8rem; top: 3.01rem; }
  .st-sede-pt-h2 { left: -4.64rem; top: 3.51rem; }
}

/* =====================================================================
   LAPTOP Y ESCRITORIO (≥ 1200 px) — composición propia sobre el
   contenedor de sitio.css (`--st-lado`): texto e imagen en rejillas, los
   compuestos foto + banda oscura de borde a borde, sin saltos de línea
   del artboard (el texto fluye en su columna).
   ===================================================================== */
@media (min-width: 1200px) {
  .st-sede-pagina br { display: none; }
  .st-sede-pagina .st-sede-intro,
  .st-sede-pagina .st-sede-grande,
  .st-sede-pagina .st-sede-transporte__textos,
  .st-sede-pagina .st-sede-compuesto__banda p,
  .st-sede-pagina .st-sede-cierre__texto,
  .st-sede-pagina .st-sede-b__texto,
  .st-sede-a__cabeza .st-titulo { white-space: normal; }

  /* A: cabecera | foto del campus; los dos párrafos grandes en pareja */
  .st-sede-a {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 8rem;
    align-items: center;
    padding: 10rem var(--st-lado) 9rem;
  }
  .st-sede-a__cabeza { width: auto; padding: 0; }
  .st-sede-a__cabeza .st-titulo {
    margin-top: 1.6rem;
    font-size: 3.4rem;
    line-height: 4.2rem;
  }
  .st-sede-a__cabeza .st-sede-intro { margin-top: 2.4rem; }
  .st-sede-pagina .st-sede-foto--campus {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 1.6rem;
    box-shadow: 0 2.4rem 5rem rgba(19, 51, 62, .16);
  }
  .st-sede-a .st-sede-grande,
  .st-sede-a .st-sede-foto--campus + .st-sede-grande,
  .st-sede-a .st-sede-grande + .st-sede-grande {
    align-self: start;
    margin: 8rem 0 0;
    font-size: 2.6rem;
    line-height: 3.8rem;
    letter-spacing: -0.005em;
    color: var(--st-azul);
  }

  /* B: transporte — iconos en fila, dos columnas de texto */
  .st-sede-transporte { padding: 9rem var(--st-lado) 10rem; }
  .st-sede-transporte__iconos {
    display: flex;
    justify-content: center;
    gap: 4rem;
    height: auto;
  }
  .st-sede-transporte__iconos img,
  .st-sede-transporte__iconos img:nth-child(n) {
    position: static;
    width: 8.5rem;
    height: 8.5rem;
  }
  .st-sede-transporte__textos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8rem;
    margin-top: 5.6rem;
  }
  .st-sede-transporte__textos p { font-size: 1.8rem; line-height: 3rem; }

  /* Compuestos foto + banda: la foto llega al borde de la ventana, el texto
     queda alineado con el contenedor del lado de la banda */
  .st-sede-compuesto,
  .st-sede-compuesto--campus,
  .st-sede-compuesto--escalera,
  .st-sede-compuesto--columna { height: auto; min-height: 44rem; }
  .st-sede-compuesto > picture,
  .st-sede-compuesto > .st-sede-compuesto__foto { width: 50%; }
  .st-sede-compuesto > picture { display: block; }
  .st-sede-compuesto > picture .st-sede-compuesto__foto,
  .st-sede-compuesto--campus .st-sede-compuesto__foto,
  .st-sede-compuesto .st-sede-compuesto__foto { height: 100%; min-height: 44rem; }
  .st-sede-compuesto__banda,
  .st-sede-compuesto--campus .st-sede-compuesto__banda,
  .st-sede-compuesto--escalera .st-sede-compuesto__banda,
  .st-sede-compuesto--columna .st-sede-compuesto__banda {
    display: flex;
    align-items: center;
    height: auto;
    padding: 7rem var(--st-lado) 7rem 7rem;
  }
  .st-sede-compuesto--columna .st-sede-compuesto__banda { padding: 7rem 7rem 7rem var(--st-lado); }
  .st-sede-compuesto__banda p,
  .st-sede-compuesto--campus .st-sede-compuesto__banda p,
  .st-sede-compuesto--escalera .st-sede-compuesto__banda p,
  .st-sede-compuesto--columna .st-sede-compuesto__banda p {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    max-width: 52rem;
    font-size: 2.4rem;
    line-height: 3.7rem;
  }
  .st-sede-compuesto--escalera { margin-top: 8rem; }
  .st-sede-compuesto--columna { margin-top: 0; }

  /* D: dos tarjetas lado a lado en el contenedor */
  .st-sede-tarjetas {
    gap: 3.2rem;
    padding: 10rem var(--st-lado);
  }
  .st-sede-tarjetas .st-tarjeta {
    flex: 1;
    width: auto;
    border-radius: 1.6rem 1.6rem 3.2rem 3.2rem;
    box-shadow: 0 0.2rem 0.4rem rgba(19, 51, 62, .08), 0 1rem 2.4rem rgba(19, 51, 62, .1);
  }
  .st-sede-tarjetas .st-tarjeta__foto { height: auto; aspect-ratio: 16 / 7; }
  .st-sede-tarjetas .st-tarjeta__cuerpo,
  .st-sede-tarjetas .st-tarjeta--alta .st-tarjeta__cuerpo { height: auto; padding: 3.2rem 3.6rem 4rem; }
  .st-sede-tarjetas .st-tarjeta__cuerpo p { font-size: 1.8rem; line-height: 3rem; }

  /* E: alberca | texto + botón */
  .st-sede-cierre {
    display: grid;
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    column-gap: 8rem;
    align-items: center;
    height: auto;
    padding: 10rem var(--st-lado);
  }
  .st-sede-pagina .st-sede-foto--alberca {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 1.6rem;
    box-shadow: 0 2.4rem 5rem rgba(19, 51, 62, .16);
  }
  .st-sede-pagina .st-sede-cierre__texto {
    position: relative;
    left: auto;
    top: auto;
  }
  .st-sede-cierre .st-boton { margin-top: 4rem; width: 32rem; }

  /* F: Sebastián — enunciado, compuestos, cierre en dos columnas */
  .st-sede-b { padding: 0 0 11rem; }
  .st-sede-grande--p2,
  .st-sede-b .st-sede-grande--p2 {
    max-width: calc(88rem + var(--st-lado));
    margin: 0;
    padding: 0 var(--st-lado);
    font-size: 3rem;
    line-height: 4.4rem;
    letter-spacing: -0.01em;
    color: var(--st-azul);
  }
  .st-sede-grande--p2 strong { color: var(--st-tinta); }
  .st-sede-b__texto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8rem;
    margin: 9rem 0 0;
    padding: 0 var(--st-lado);
  }
  .st-sede-b__texto .st-sede-b__ambas {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: var(--st-azul);
  }
  .st-sede-b__texto .st-sede-b__ambas + p { margin-top: 0; }

  /* Patrones: sólo los que caen en márgenes o detrás de bandas */
  .st-sede-pagina .st-sede-pt-a3, .st-sede-pagina .st-sede-pt-c4,
  .st-sede-pagina .st-sede-pt-e2 { display: none; }
  .st-sede-pt-a1 { left: -8rem; top: -12rem; }
  .st-sede-pt-a2 { left: auto; right: -12rem; top: auto; bottom: -14rem; }
  .st-sede-pt-b1 { left: -8rem; top: -18rem; }
  .st-sede-pt-b2 { left: auto; right: -20rem; top: 4rem; }
  .st-sede-pt-d3 { left: auto; right: -10rem; top: -10rem; }
  .st-sede-pt-g2 { left: -8rem; top: 2rem; }
  .st-sede-pt-h2 { left: -4.64rem; top: 3.51rem; }
}

/* =====================================================================
   G: Recomendaciones durante su estancia (texto del comité, 2026-11-09).
   Sin artboard: banda suave al final de la página con el vocabulario de la
   propia página (icono + etiqueta + título + lista). Móvil primero.
   ===================================================================== */
.st-sede-recom {
  padding: 5rem 3rem 5.5rem 2.5rem;
  background: var(--st-fondo-suave);
  --st-sangre: var(--st-fondo-suave);
}
.st-sede-recom__cabeza .st-titulo { margin-top: 0; }
.st-sede-recom__emergencia {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: 2.5rem;
  padding: 1.4rem 1.8rem 1.4rem 1.4rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0.4rem 1.6rem rgba(19, 51, 62, .08);
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: var(--st-tinta);
}
.st-sede-recom__emergencia strong { color: var(--st-azul); }
.st-sede-recom__911 {
  flex: none;
  min-width: 5.4rem;
  padding: 0.6rem 0.9rem;
  border-radius: 0.7rem;
  background: var(--st-tinta);
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .06em;
  text-align: center;
}
.st-sede-recom__lista {
  margin: 3.2rem 0 0;
  padding: 0;
  list-style: none;
}
.st-sede-recom__lista li {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: var(--st-tinta-2);
}
.st-sede-recom__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--st-verde);
}
.st-sede-recom__lista li + li { margin-top: 2.2rem; }
.st-sede-recom__lista strong { color: var(--st-azul); }
.st-sede-recom__lista a {
  color: var(--st-teal);
  text-decoration: underline;
  text-underline-offset: 0.25em;
  overflow-wrap: anywhere;
}
.st-sede-recom__lista a:hover,
.st-sede-recom__lista a:focus-visible { color: var(--st-azul); }
.st-sede-recom__cierre { margin-top: 3.6rem; }
.st-sede-recom__despedida {
  margin-top: 2.2rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.8rem;
  color: var(--st-azul);
}

@media (min-width: 768px) {
  .st-sede-recom { padding: 7rem 3rem 7.5rem; }
  .st-sede-recom__cabeza { max-width: 72rem; }
  .st-sede-recom__emergencia { display: inline-flex; margin-top: 2.8rem; }
  .st-sede-recom__lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.6rem 5rem;
    margin-top: 4rem;
  }
  .st-sede-recom__lista li + li { margin-top: 0; }
  .st-sede-recom__cierre { max-width: 80rem; margin-top: 4.5rem; }
}

@media (min-width: 1200px) {
  /* Cabecera | lista en dos columnas; cierre debajo, a lo ancho. */
  .st-sede-recom {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 8rem;
    align-items: start;
    padding: 10rem var(--st-lado) 11rem;
  }
  .st-sede-recom__cabeza { max-width: none; }
  .st-sede-recom__cabeza .st-titulo {
    margin-top: 1.6rem;
    font-size: 3.4rem;
    line-height: 4.2rem;
  }
  .st-sede-recom__cabeza .st-sede-recom__emergencia { margin-top: 3.2rem; }
  .st-sede-recom__lista {
    grid-template-columns: 1fr;
    gap: 2.6rem;
    margin-top: 0;
  }
  .st-sede-recom__lista li { font-size: 1.7rem; line-height: 2.7rem; }
  .st-sede-recom__cierre {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 8rem;
    align-items: start;
    max-width: none;
    margin-top: 5rem;
  }
  .st-sede-recom__despedida {
    margin-top: 0;
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
}