/* =========================================================
   NOVO aplicado a Sedes — usa el shell de novo-baile.css
   (header, hero, footer) y añade las fichas de cada sede.
   ========================================================= */

.sedes-list{ display:flex; flex-direction:column; gap:36px; }

.sede-location{
  display:grid; grid-template-columns:1fr 1.15fr; gap:0;
  background:#fff; border:1px solid var(--line); border-radius:28px;
  overflow:hidden; scroll-margin-top:32px;
  box-shadow:0 24px 40px -32px rgba(31,27,28,.3);
}
.sede-location:nth-child(even) .sede-info{ order:2; }

.sede-info{ position:relative; padding:40px 40px 36px; }
.sede-info .sede-tag{ position:static; display:inline-block; margin-bottom:14px; }
.sede-info h2{ font-size:clamp(1.5rem,2.4vw,2rem); margin:0 0 12px; }
.sede-info .sede-badge{ margin-bottom:22px; color:var(--purple-deep); background:var(--lav-100); }

.sede-data{ list-style:none; margin:0 0 26px; padding:0; display:flex; flex-direction:column; gap:16px; }
.sede-data li{ display:flex; gap:14px; align-items:flex-start; color:var(--ink-soft); font-size:.95rem; line-height:1.5; }
.sede-data svg{
  flex:0 0 38px; width:38px; height:38px; padding:9px; border-radius:50%;
  background:var(--lav-100); stroke:var(--purple-deep); fill:none;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
.sede-data strong{
  display:block; color:var(--ink); font-family:'Jost',sans-serif; font-size:.74rem;
  font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:2px;
}
.sede-data a{ color:var(--purple-deep); font-weight:700; }
.sede-data a:hover{ text-decoration:underline; }

/* El mapa va enmarcado dentro de la tarjeta, sin tocar su tamaño */
.sede-map{ display:flex; padding:36px 36px 36px 0; }
.sede-location:nth-child(even) .sede-map{ padding:36px 0 36px 36px; }
.sede-map iframe{
  display:block; flex:1; width:100%; min-height:300px; border:0;
  border-radius:20px; box-shadow:0 0 0 1px var(--line);
}

@media (max-width:860px){
  .sede-location{ grid-template-columns:1fr; }
  .sede-location:nth-child(even) .sede-info{ order:0; }
  .sede-info{ padding:32px 24px 28px; }
  .sede-map, .sede-location:nth-child(even) .sede-map{ padding:0 24px 24px; }
  .sede-map iframe{ min-height:240px; }
}
