/* Sede · la piscina del Atanasio Girardot */

#sede {
  --sede-hud: 0px;
  --sede-agua-a: #8BEBE6;
  --sede-agua-b: #2CC3CC;
  --sede-agua-c: #0B98B4;
  --sede-baldosa: #E3F3F2;
  --sede-junta: rgba(12, 74, 86, .16);
  --sede-linea: #0A3A4A;
  padding-block: var(--esp-5) var(--esp-4);
}
@media (min-width: 1024px) {
  #sede { --sede-hud: 96px; }
  #sede .contenedor { padding-right: calc(var(--margen) + var(--sede-hud)); }
}

/* resplandor turquesa de la piscina en el agua del mar */
#sede .sede-resplandor {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 30%;
  width: min(1400px, 160vw);
  height: 70%;
  translate: -50% 0;
  background:
    radial-gradient(50% 45% at 50% 50%, rgba(95, 224, 217, .22), transparent 70%),
    radial-gradient(30% 25% at 30% 60%, rgba(139, 235, 230, .14), transparent 70%);
  pointer-events: none;
}

/* ─── Cabecera ─────────────────────────────────────────────────────────── */
#sede .sede-cabeza {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: var(--esp-4);
  align-items: center;
}
#sede .sede-cabeza__texto > * + * { margin-top: var(--esp-2); }
#sede .sede-cabeza__texto .kicker { --kicker-punto: var(--naranja); }
#sede .sede-titulo { max-width: 11ch; text-shadow: 0 2px 30px var(--sombra-texto); }
#sede .sede-pincel { color: var(--naranja-luz); }
#sede .sede-cabeza__nota {
  padding-left: 1.1em;
  border-left: 2px solid color-mix(in srgb, var(--turquesa-luz) 60%, transparent);
}

/* postal del Atanasio con borde de baldosa */
#sede .sede-postal { position: relative; margin: 0; }
#sede .sede-postal__marco {
  position: relative;
  padding: 12px;
  border-radius: 26px;
  background-color: var(--sede-baldosa);
  background-image:
    linear-gradient(var(--sede-junta) 1px, transparent 1px),
    linear-gradient(90deg, var(--sede-junta) 1px, transparent 1px);
  background-size: 12px 12px;
  background-position: 6px 6px;
  box-shadow: var(--sombra-2), inset 0 0 0 1px rgba(255, 255, 255, .6);
  rotate: 2deg;
  transition: rotate 1.2s var(--agua-ease);
}
@media (hover: hover) {
  #sede .sede-postal__marco:hover { rotate: .4deg; }
}
#sede .sede-postal__foto {
  aspect-ratio: 3 / 2;
  border-radius: 16px;
  --causticas-fuerza: .45;
  box-shadow: 0 0 0 3px rgba(10, 58, 74, .55);
}
#sede .sede-postal__coral {
  position: absolute;
  right: -34px;
  bottom: -30px;
  width: 112px;
  color: #0B4A57;
  --detalle: var(--turquesa-luz);
  --brillo: #EAFBFB;
  filter: drop-shadow(0 10px 14px rgba(2, 10, 17, .35));
  transform-origin: 50% 100%;
}
#sede .sede-postal__pie {
  display: flex;
  flex-wrap: wrap;
  gap: .4em 1.2em;
  align-items: baseline;
  margin-top: 1.1rem;
  padding: 0 96px 0 .4rem;
  font-size: var(--t-peque);
  color: var(--tinta-2);
}
#sede .sede-postal__coord { color: var(--turquesa-luz); font-size: var(--t-micro); letter-spacing: .14em; }

#sede .sede-altura {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-top: var(--esp-2);
  max-width: 26rem;
}
#sede .sede-altura__caballito {
  flex: none;
  width: 46px;
  color: #041826;
  --detalle: var(--turquesa-luz);
  --brillo: var(--bio);
}
#sede .sede-altura__dato { display: grid; gap: .25rem; line-height: 1.45; }
#sede .sede-altura__num {
  font-size: clamp(1.6rem, 2.6vw, 2.3rem);
  font-weight: 500;
  color: var(--tinta);
  letter-spacing: -.02em;
}
#sede .sede-altura__que { font-size: var(--t-peque); color: var(--tinta-2); }

#sede .sede-postal__coral { animation: sede-mecer 6.5s ease-in-out infinite; }
#sede .sede-altura__caballito { animation: sede-caballito 7s ease-in-out infinite; }
@keyframes sede-caballito {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(-4deg); }
}

/* ─── La piscina desde arriba ──────────────────────────────────────────── */
#sede .sede-vista { margin-top: var(--esp-5); }
#sede .sede-vista__cabeza {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: var(--esp-2);
}
#sede .sede-vista__titulo .serif { color: var(--turquesa-luz); }
#sede .sede-vista__ayuda {
  font-size: var(--t-micro);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--tinta-3);
}
html.es-movil #sede .sede-vista__ayuda,
html.es-reducido #sede .sede-vista__ayuda { display: none; }

#sede .sede-piscina {
  position: relative;
  padding: 30px 18px 18px;
  border-radius: 34px;
  background-color: var(--sede-baldosa);
  background-image:
    linear-gradient(var(--sede-junta) 1px, transparent 1px),
    linear-gradient(90deg, var(--sede-junta) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(180, 214, 214, .4));
  background-size: 15px 15px, 15px 15px, 100% 100%;
  box-shadow: var(--sombra-2), 0 0 90px -20px rgba(95, 224, 217, .45), inset 0 1px 0 #fff;
}
#sede .sede-piscina__marcas {
  position: absolute;
  top: 7px;
  left: 18px;
  right: 18px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0 .4rem;
  font-size: .68rem;
  letter-spacing: .12em;
  color: #0B4A57;
}

#sede .sede-agua {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 20px;
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(255, 255, 255, .35), transparent 55%),
    linear-gradient(165deg, var(--sede-agua-a), var(--sede-agua-b) 45%, var(--sede-agua-c));
  box-shadow: inset 0 0 0 4px rgba(10, 58, 74, .55), inset 0 18px 40px -20px rgba(2, 10, 17, .45);
  touch-action: pan-y;
}
/* luz de piscina: dos capas de cáusticas que derivan */
#sede .sede-agua__luz { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
#sede .sede-agua__luz i {
  position: absolute;
  top: -300px; left: -300px; right: 0; bottom: 0;
  background-image:
    radial-gradient(closest-side, rgba(255, 255, 255, .55), transparent),
    radial-gradient(closest-side, rgba(255, 255, 255, .35), transparent);
  background-size: 140px 90px, 90px 130px;
  background-position: 0 0, 60px 40px;
  mix-blend-mode: overlay;
  opacity: .5;
  animation: sede-deriva-a 22s linear infinite;
  will-change: transform;
}
html.causticas-listas #sede .sede-agua__luz i {
  background-image: var(--causticas-img);
  background-size: 300px 300px;
  mix-blend-mode: soft-light;
  opacity: .8;
}
#sede .sede-agua__luz i + i {
  top: -420px; left: 0; right: -420px;
  animation: sede-deriva-b 30s linear infinite;
  opacity: .6;
}
html.causticas-listas #sede .sede-agua__luz i + i { background-size: 420px 420px; opacity: .55; mix-blend-mode: overlay; }
@keyframes sede-deriva-a { to { transform: translate3d(300px, 300px, 0); } }
@keyframes sede-deriva-b { to { transform: translate3d(-420px, 420px, 0); } }

/* ondas al tocar */
#sede .sede-agua__ondas { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
#sede .sede-onda {
  position: absolute;
  left: -60px; top: -60px;
  width: 120px; height: 120px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .7);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .12), inset 0 0 18px rgba(255, 255, 255, .25);
  opacity: 0;
  will-change: transform, opacity;
}

/* carriles */
#sede .sede-carril {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: var(--esp-3);
  align-items: center;
  padding: clamp(2rem, 4vw, 3.6rem) clamp(1.4rem, 4vw, 3.6rem) clamp(2.6rem, 4.4vw, 4rem);
}
#sede .sede-carril__texto { position: relative; z-index: 2; }
#sede .sede-carril__texto > * + * { margin-top: .9rem; }
/* la línea negra del fondo, con la T del final */
#sede .sede-carril__linea {
  position: absolute;
  z-index: 0;
  left: 7%;
  right: 7%;
  bottom: 22px;
  height: 10px;
  border-radius: 3px;
  background: var(--sede-linea);
  opacity: .5;
}
#sede .sede-carril__linea::before,
#sede .sede-carril__linea::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 10px;
  height: 46px;
  translate: 0 -50%;
  border-radius: 3px;
  background: inherit;
}
#sede .sede-carril__linea::before { left: 0; }
#sede .sede-carril__linea::after { right: 0; }

#sede .sede-carril__num {
  display: inline-block;
  padding: .32em .8em;
  border-radius: var(--r-pildora);
  background: rgba(10, 58, 74, .85);
  color: #EAFBFB;
  font-size: var(--t-micro);
  letter-spacing: .16em;
  text-transform: uppercase;
}
#sede .sede-carril__nombre {
  font-size: clamp(2.6rem, 5.4vw, 5.4rem);
  line-height: .9;
  color: #031722;
}
#sede .sede-carril__lema { font-size: clamp(1.35rem, 2.1vw, 1.9rem); line-height: 1.05; color: #0A4F5F; margin-top: .3rem !important; }
#sede .sede-carril__desc { max-width: 34rem; color: #082A33; font-weight: 400; }
#sede .sede-carril__temas {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding: 0;
}
#sede .sede-carril__temas li {
  padding: .4em .9em;
  border-radius: var(--r-pildora);
  background: rgba(255, 255, 255, .42);
  border: 1px solid rgba(255, 255, 255, .7);
  font-size: var(--t-peque);
  font-weight: 450;
  color: #062A35;
}
#sede .sede-carril__cta { margin-top: 1.4rem !important; }

#sede .sede-carril__medio { position: relative; z-index: 2; margin: 0; justify-self: center; width: min(100%, 300px); }
#sede .sede-carril__video,
#sede .sede-carril__foto {
  aspect-ratio: 4 / 5;
  border-radius: 18px;
  box-shadow: 0 24px 50px -24px rgba(2, 10, 17, .65), 0 0 0 4px rgba(255, 255, 255, .55);
}
#sede .sede-carril--semillero .sede-carril__medio { rotate: -2.5deg; }
#sede .sede-carril__pie {
  margin-top: .7rem;
  font-size: .7rem;
  letter-spacing: .1em;
  color: #0A4F5F;
  text-align: center;
}

/* Semillero: brotes y burbujitas */
#sede .sede-carril__brotes {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 46%;
  height: 46%;
  pointer-events: none;
}
#sede .sede-brote {
  position: absolute;
  bottom: -6px;
  color: #0B6B5C;
  --detalle: #8BF0C9;
  --brillo: #EAFBFB;
  transform-origin: 50% 100%;
  opacity: .5;
}
#sede .sede-brote--a { left: 3%; width: 96px; opacity: .62; }
#sede .sede-brote--b { left: 15%; width: 58px; opacity: .45; }
#sede .sede-brote--c { left: 80%; width: 70px; opacity: .4; scale: -1 1; }
html.js:not(.es-reducido) #sede .sede-brote { transform: scaleY(0); transition: transform 2.2s var(--agua-ease); }
html.js:not(.es-reducido) #sede .sede-carril--semillero.es-vivo .sede-brote { transform: scaleY(1); }
html.js:not(.es-reducido) #sede .sede-brote--b { transition-delay: .35s; }
html.js:not(.es-reducido) #sede .sede-brote--c { transition-delay: .7s; }
#sede .sede-carril--semillero.es-vivo .sede-brote { animation: sede-mecer 6s ease-in-out 2.2s infinite; }
#sede .sede-carril--semillero.es-vivo .sede-brote--b { animation-duration: 7.5s; }
#sede .sede-carril--semillero.es-vivo .sede-brote--c { animation-duration: 5.4s; }
@keyframes sede-mecer {
  0%, 100% { rotate: -3deg; }
  50% { rotate: 4deg; }
}
#sede .sede-burbujitas { position: absolute; left: 6%; bottom: 20px; width: 90px; height: 220px; }
#sede .sede-burbujitas i {
  position: absolute;
  bottom: 0;
  width: 7px; height: 7px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .85);
  opacity: 0;
}
#sede .sede-carril--semillero.es-vivo .sede-burbujitas i { animation: sede-sube 5.5s cubic-bezier(.3, .1, .4, 1) infinite; }
#sede .sede-burbujitas i:nth-child(1) { left: 10%; animation-delay: 0s !important; }
#sede .sede-burbujitas i:nth-child(2) { left: 40%; width: 5px; height: 5px; animation-delay: -1.2s !important; }
#sede .sede-burbujitas i:nth-child(3) { left: 70%; width: 9px; height: 9px; animation-delay: -2.8s !important; }
#sede .sede-burbujitas i:nth-child(4) { left: 25%; width: 4px; height: 4px; animation-delay: -3.9s !important; }
#sede .sede-burbujitas i:nth-child(5) { left: 55%; animation-delay: -4.6s !important; }
#sede .sede-burbujitas i:nth-child(6) { left: 85%; width: 5px; height: 5px; animation-delay: -2s !important; }
@keyframes sede-sube {
  0% { transform: translate3d(0, 0, 0); opacity: 0; }
  12% { opacity: .9; }
  50% { transform: translate3d(8px, -110px, 0); }
  85% { opacity: .7; }
  100% { transform: translate3d(-4px, -220px, 0); opacity: 0; }
}

/* corchera entre carriles */
#sede .sede-corchera {
  position: relative;
  z-index: 2;
  height: 20px;
  margin-inline: -4px;
  overflow: hidden;
  filter: drop-shadow(0 6px 5px rgba(2, 30, 43, .35));
}
#sede .sede-corchera::before {          /* el cable */
  content: "";
  position: absolute;
  left: 0; right: 0; top: 50%;
  height: 2px;
  background: rgba(255, 255, 255, .55);
}
#sede .sede-corchera i {
  position: absolute;
  top: 0; bottom: 0;
  left: -44px; right: -44px;
  background:
    radial-gradient(ellipse 9px 9px at 11px 50%, #F2F7F7 0 92%, transparent 100%) 0 0 / 44px 100% repeat-x,
    radial-gradient(ellipse 9px 9px at 33px 50%, #1C6FD1 0 92%, transparent 100%) 0 0 / 44px 100% repeat-x;
  animation: sede-corcha 9s linear infinite, sede-flota 3.6s ease-in-out infinite;
  will-change: transform;
}
/* a cinco metros de cada pared la corchera cambia a rojo */
#sede .sede-corchera::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(214, 49, 51, .78) 0 9%, transparent 9% 91%, rgba(214, 49, 51, .78) 91%);
  mix-blend-mode: multiply;
  pointer-events: none;
}
@keyframes sede-corcha { to { translate: 44px 0; } }
@keyframes sede-flota {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(1.5px); }
}

/* Pulmón: koru que respira, foto y el makara que recorre el carril */
#sede .sede-pulmon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}
#sede .sede-carril--pulmon .sede-carril__medio { width: min(100%, 250px); }
#sede .sede-koru { display: grid; justify-items: center; gap: .6rem; }
#sede .sede-koru__svg {
  --espiral-tam: clamp(80px, 9vw, 120px);
  --espiral-trazo: 2.3;
  color: #0A3A4A;
  transform-origin: 50% 50%;
}
#sede .sede-carril--pulmon.es-vivo .sede-koru__svg { animation: sede-respira 10s cubic-bezier(.45, 0, .55, 1) infinite; }
@keyframes sede-respira {
  0% { transform: scale(.78) rotate(-12deg); }
  40% { transform: scale(1.08) rotate(6deg); }
  100% { transform: scale(.78) rotate(-12deg); }
}
#sede .sede-koru__fase {
  display: grid;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #062A35;
  text-align: center;
}
#sede .sede-koru__fase span + span { opacity: .55; }
#sede .sede-carril--pulmon.es-vivo .sede-koru__fase span { animation: sede-fase 10s steps(1, end) infinite; }
#sede .sede-carril--pulmon.es-vivo .sede-koru__fase span + span { animation-name: sede-fase-b; }
@keyframes sede-fase { 0% { opacity: 1; } 40% { opacity: .45; } }
@keyframes sede-fase-b { 0% { opacity: .45; } 40% { opacity: 1; } }
#sede .sede-rodear { white-space: nowrap; font-weight: 600; color: #031722; }

#sede .sede-apnea {
  position: absolute;
  z-index: 1;
  left: 7%;
  right: 7%;
  bottom: 27px;
  height: 0;
  pointer-events: none;
}
#sede .sede-apnea__viaje { position: absolute; left: 0; top: 0; width: 100%; height: 0; }
#sede .sede-apnea__buzo {
  position: absolute;
  left: 0;
  top: -9px;
  width: 26px;
  height: 18px;
  translate: -50% 0;
  border-radius: 50% 60% 60% 50% / 50%;
  background: radial-gradient(circle at 72% 50%, #061E2B 0 40%, #0A3A4A 41%);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .5), 0 6px 14px rgba(2, 10, 17, .35);
}
#sede .sede-apnea__estela {
  position: absolute;
  right: 100%;
  top: 50%;
  width: 90px;
  height: 14px;
  translate: -6px -50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .9) 0 2px, transparent 2.5px) 0 2px / 14px 7px,
    radial-gradient(circle, rgba(255, 255, 255, .6) 0 1.5px, transparent 2px) 7px 0 / 11px 9px;
  -webkit-mask: linear-gradient(90deg, transparent, #000);
  mask: linear-gradient(90deg, transparent, #000);
  opacity: .85;
}
#sede .sede-apnea__metros {
  position: absolute;
  right: 0;
  bottom: 14px;
  padding: .3em .7em;
  border-radius: 8px;
  background: rgba(3, 23, 34, .82);
  color: #EAFBFB;
  font-size: .78rem;
  letter-spacing: .06em;
}
#sede .sede-apnea__metros b { font-weight: 600; color: var(--turquesa-luz); display: inline-block; min-width: 2ch; text-align: right; }

/* ─── Cómo llegar ──────────────────────────────────────────────────────── */
#sede .sede-llegar { margin-top: var(--esp-5); }
#sede .sede-tarjeta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--esp-3);
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: color-mix(in srgb, var(--noche) 42%, transparent);
}
#sede .sede-mapa {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #0A2F3E;
  aspect-ratio: 7 / 5;
}
#sede .sede-mapa__svg { width: 100%; height: 100%; }
#sede .sede-mapa__manzanas rect { fill: rgba(234, 251, 251, .06); }
#sede .sede-mapa__calles path { fill: none; stroke: rgba(234, 251, 251, .2); stroke-width: 7; stroke-linecap: round; }
#sede .sede-mapa__calles .sede-mapa__diagonal { stroke-width: 4; stroke: rgba(234, 251, 251, .12); }
#sede .sede-mapa__parque rect { fill: rgba(30, 92, 91, .55); stroke: rgba(95, 224, 217, .25); stroke-dasharray: 3 5; }
#sede .sede-mapa__estadio ellipse { fill: rgba(234, 251, 251, .1); stroke: rgba(234, 251, 251, .45); stroke-width: 2; }
#sede .sede-mapa__estadio .sede-mapa__cancha { fill: rgba(95, 224, 217, .14); stroke-width: 1; stroke-dasharray: 2 3; }
#sede .sede-mapa__pisc { fill: #5FE0D9; stroke: #EAFBFB; stroke-width: 2; }
#sede .sede-mapa__pisc--b { fill: #2CC3CC; }
#sede .sede-mapa__carriles { stroke: rgba(6, 30, 43, .45); stroke-width: 1; }
#sede .sede-mapa__rotulo { fill: rgba(234, 251, 251, .7); font: 500 10px/1 var(--f-mono); letter-spacing: .18em; }
#sede .sede-mapa__norte path { fill: var(--naranja); }
#sede .sede-mapa__norte text { fill: rgba(234, 251, 251, .7); font: 600 9px var(--f-mono); }

#sede .sede-pin {
  position: absolute;
  left: 66.9%;
  top: 43.3%;
  width: 0; height: 0;
}
#sede .sede-pin__gota {
  position: absolute;
  left: -26px;
  bottom: 4px;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50% 50% 50% 0;
  rotate: -45deg;
  background: var(--naranja);
  box-shadow: 0 10px 24px -8px rgba(2, 10, 17, .7), inset 0 1px 0 rgba(255, 255, 255, .4);
  animation: sede-pin 4.5s ease-in-out infinite;
}
#sede .sede-pin__mascara { width: 30px; height: 30px; rotate: 45deg; color: var(--abismo); }
@keyframes sede-pin {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(3px, -3px); }
}
#sede .sede-pin__sonar i {
  position: absolute;
  left: -40px; top: -12px;
  width: 80px; height: 24px;
  border-radius: 50%;
  border: 1.5px solid var(--naranja-luz);
  opacity: 0;
  animation: sede-sonar 3.6s cubic-bezier(.22, 1, .36, 1) infinite;
}
#sede .sede-pin__sonar i:nth-child(2) { animation-delay: 1.2s; }
#sede .sede-pin__sonar i:nth-child(3) { animation-delay: 2.4s; }
@keyframes sede-sonar {
  0% { transform: scale(.2); opacity: .9; }
  100% { transform: scale(2.2); opacity: 0; }
}

#sede .sede-tarjeta__datos { padding: clamp(.4rem, 1.6vw, 1.4rem); }
#sede .sede-tarjeta__datos > * + * { margin-top: 1rem; }
#sede .sede-tarjeta__titulo { margin-top: 1.2rem !important; }
#sede .sede-tarjeta__lugar {
  display: flex;
  gap: .7rem;
  align-items: flex-start;
  color: var(--tinta);
}
#sede .sede-tarjeta__lugar .ico { margin-top: .25em; color: var(--turquesa-luz); }
#sede .sede-tarjeta__nota { font-size: var(--t-peque); }
#sede .sede-tarjeta__botones { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem !important; }

/* ─── Cierre ───────────────────────────────────────────────────────────── */
#sede .sede-cierre {
  margin-top: var(--esp-5);
  text-align: center;
}
#sede .sede-cierre__frase { max-width: 17ch; margin-inline: auto; text-shadow: 0 2px 30px var(--sombra-texto); }
#sede .sede-cierre__sigue {
  display: inline-flex;
  align-items: center;
  gap: .6em;
  margin-top: var(--esp-3);
  font-size: var(--t-micro);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--tinta-2);
}
#sede .sede-cierre__sigue .ico { animation: sede-baja 2.4s var(--agua-ease) infinite; }
@keyframes sede-baja { 0%, 100% { translate: 0 -2px; } 50% { translate: 0 4px; } }

/* ─── Tablet y móvil ───────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  #sede .sede-cabeza { grid-template-columns: minmax(0, 1fr); }
  #sede .sede-postal { max-width: 640px; }
  #sede .sede-tarjeta { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  #sede { padding-block: var(--esp-4) var(--esp-4); }
  #sede .sede-titulo { max-width: none; }
  #sede .sede-postal__marco { padding: 8px; border-radius: 20px; rotate: 1.2deg; }
  #sede .sede-postal__foto { border-radius: 13px; }
  #sede .sede-postal__coral { width: 78px; right: -12px; bottom: -22px; }
  #sede .sede-piscina { padding: 26px 8px 8px; border-radius: 24px; background-size: 11px 11px, 11px 11px, 100% 100%; }
  #sede .sede-piscina__marcas { left: 12px; right: 12px; top: 6px; }
  #sede .sede-agua { border-radius: 16px; }
  #sede .sede-carril {
    grid-template-columns: minmax(0, 1fr);
    padding: 1.8rem 1.15rem 3.4rem;
    gap: 1.6rem;
  }
  #sede .sede-carril__nombre { font-size: clamp(2.5rem, 13vw, 3.4rem); }
  #sede .sede-carril__cta { width: 100%; white-space: normal; text-align: center; }
  #sede .sede-carril__medio { width: min(100%, 260px); }
  #sede .sede-carril__video, #sede .sede-carril__foto { aspect-ratio: 4 / 5; }
  #sede .sede-pulmon { flex-direction: row; gap: .9rem; }
  #sede .sede-carril--pulmon .sede-carril__medio { width: min(58vw, 220px); }
  #sede .sede-koru__svg { --espiral-tam: 72px; }
  #sede .sede-carril__brotes { width: 70%; height: 30%; }
  #sede .sede-carril__linea { left: 9%; right: 9%; bottom: 18px; height: 8px; }
  #sede .sede-carril__linea::before, #sede .sede-carril__linea::after { height: 34px; width: 8px; }
  #sede .sede-apnea { left: 9%; right: 9%; bottom: 22px; }
  #sede .sede-apnea__metros { bottom: 12px; font-size: .7rem; }
  #sede .sede-tarjeta { padding: .7rem; border-radius: 22px; }
  #sede .sede-mapa { aspect-ratio: 4 / 3; border-radius: 16px; }
  #sede .sede-tarjeta__botones .btn { width: 100%; }
  #sede .sede-cierre__frase { max-width: 12ch; }
}

/* ─── Movimiento reducido ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  #sede .sede-agua__luz i,
  #sede .sede-corchera i,
  #sede .sede-pin__gota,
  #sede .sede-pin__sonar i,
  #sede .sede-cierre__sigue .ico,
  #sede .sede-burbujitas i,
  #sede .sede-koru__svg,
  #sede .sede-brote,
  #sede .sede-postal__coral,
  #sede .sede-altura__caballito { animation: none !important; }
  #sede .sede-pin__sonar i:first-child { opacity: .5; transform: scale(1.4); }
  #sede .sede-apnea__viaje { transform: translateX(100%); }
}
html.es-reducido #sede .sede-apnea__viaje { transform: translateX(100%); }