/* Sedes — 4 oficinas reales + mapa de Colombia, fondo blanco. */

.sed-band{background:#fff;color:var(--navy);min-height:60vh;}
.sed-inner{max-width:1320px;margin:0 auto;padding:56px 28px 80px;}
@media (max-width:899px){ .sed-inner{padding:32px 20px 56px;} }

.sed-head{max-width:680px;margin-bottom:44px;}
.sed-eyebrow{color:var(--blue);font-weight:700;font-size:13px;margin-bottom:10px;}
.sed-head h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:48px;line-height:1.02;
  letter-spacing:-.02em;text-transform:uppercase;margin:0 0 16px;color:var(--navy);}
@media (max-width:899px){ .sed-head h1{font-size:32px;} }
.sed-head p{font-size:16px;line-height:1.6;color:#4a5a70;margin:0;}

.sed-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media (max-width:899px){ .sed-layout{grid-template-columns:1fr;gap:32px;} .sed-map{order:-1;} }

.sed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media (max-width:640px){ .sed-grid{grid-template-columns:1fr;} }

.sed-card{background:#fff;border:1px solid var(--border-light);border-radius:14px;padding:24px;cursor:default;
  transition:border-color .2s,box-shadow .2s;outline:none;}
.sed-card.active,.sed-card:hover,.sed-card:focus-visible{border-color:var(--blue);box-shadow:0 12px 28px rgba(0,29,63,.08);}
.sed-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.sed-pin-ico{width:30px;height:30px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.sed-card h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;letter-spacing:-.01em;margin:0;color:var(--navy);}
.sed-addr{font-size:14.5px;line-height:1.5;color:#4a5a70;margin-bottom:4px;}
.sed-phone{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--navy2);font-weight:600;margin-bottom:14px;}
.sed-emails{display:flex;flex-direction:column;gap:4px;}
.gsl .sed-emails a{font-size:13.5px;color:var(--blue);word-break:break-all;}

/* Mapa */
.sed-map{position:sticky;top:110px;}
@media (max-width:899px){ .sed-map{position:static;} }
.sed-map-wrap{position:relative;width:100%;max-width:520px;margin:0 auto;}
.sed-map-wrap svg{width:100%;height:auto;display:block;}
.sed-dot .halo{fill:rgba(10,110,211,.16);transition:r .3s ease,fill .3s ease;}
.sed-dot .core{fill:var(--blue);stroke:#fff;stroke-width:2.5;}
.sed-dot.active .halo{r:26px;fill:rgba(10,110,211,.28);}
.sed-dot-cob{fill:#fff;stroke:var(--blue);stroke-width:2;}
.sed-label{position:absolute;z-index:2;pointer-events:none;white-space:nowrap;font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:13px;color:var(--navy2);transition:color .2s;}
.sed-label.active{color:var(--blue);}
.sed-label.is-cob{font-weight:500;color:var(--muted-light);font-size:12px;}
@media (min-width:900px){ .sed-label{font-size:15px;} .sed-label.is-cob{font-size:13px;} }
.sed-legend{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:13px;color:#4a5a70;}
.sed-legend span{display:inline-flex;align-items:center;gap:8px;}
.sed-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;}
.sed-legend .lg-of{background:var(--blue);box-shadow:0 0 0 4px rgba(10,110,211,.18);}
.sed-legend .lg-cob{background:#fff;border:2px solid var(--blue);}

/* Sede activa en dorado y más visible (pedido del cliente 2026-10-20). */
.sed-card.active{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold),0 12px 28px rgba(0,29,63,.08);}
.sed-card.active .sed-pin-ico{background:var(--gold);}
.sed-dot.active .halo{r:30px;fill:rgba(230,178,62,.32);}
.sed-dot.active .core{fill:var(--gold);r:9px;filter:drop-shadow(0 0 6px rgba(230,178,62,.9));}
.sed-dot.active .halo{animation:sedPulso 1.8s ease-in-out infinite;}
@keyframes sedPulso{0%,100%{fill:rgba(230,178,62,.32);}50%{fill:rgba(230,178,62,.12);}}
.sed-label.active{color:#9A6B0F;}
@media (prefers-reduced-motion:reduce){ .sed-dot.active .halo{animation:none;} }