:root{
  --linksur-azul:#0D1B5E;     /* corporativo */
  --linksur-amarillo:#F5B800; /* corporativo */
  --linksur-radius:16px;
  --linksur-border:#e5e7eb;
  --linksur-muted:#6b7280;
  --linksur-bg:#fff;
  --linksur-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* ===== Layout: mapa + panel ===== */
.linksur-wrap{
  display:flex;
  width:100%;
  height:100%;
  gap:24px;
}
/* Mapa más angosto para Chile (40%) */
#linksur-map{
  flex:0 1 40%;
  height:100%;
  border-radius:var(--linksur-radius);
  overflow:hidden;
  box-shadow:var(--linksur-shadow);
}
/* Panel más ancho (60%) */
.linksur-panel{
  flex:0 1 60%;
  height:100%;
  overflow-y:auto;
}

/* ===== Card (sin borde, sólo sombra) ===== */
.linksur-card{
  display:none;
  background:var(--linksur-bg);
  border:none;
  border-radius:var(--linksur-radius);
  box-shadow:var(--linksur-shadow);
  padding:16px;
  height:100%;
  overflow-y:auto;
}
.linksur-card.visible{ display:block; }

/* ===== Tipografía ===== */
.linksur-title{
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:27px;
  font-weight:800;
  line-height:1.2;
  color:var(--linksur-azul);
  margin:0;
}
.linksur-card,
.linksur-meta,
.linksur-desc{
  font-family:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  color:var(--linksur-azul);
}

/* Énfasis (amarillo) */
.accent{ color:var(--linksur-amarillo); font-weight:600; letter-spacing:.15px; }
.linksur-desc b,
.linksur-desc strong{ color:var(--linksur-amarillo); font-weight:600; }

/* ===== Header ===== */
.linksur-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.linksur-meta{ font-size:.95rem; color:var(--linksur-muted); }
.linksur-meta .accent{ color:var(--linksur-amarillo); }

/* ===== Subtítulo de la intro ===== */
.linksur-subtitle{
  font-family:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:14px;
  font-weight:700;
  color:var(--linksur-amarillo);
  margin-bottom:4px;
  letter-spacing:.2px;
}
/* Head de la intro con más aire respecto del cuerpo */
.linksur-head--intro{ margin-bottom:12px; }  /* <-- espacio pedido */

/* ===== Botón (si se usa en cards de proyecto) ===== */
.linksur-btn{
  --btn-bg: var(--linksur-amarillo);
  --btn-fg: var(--linksur-azul);
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:var(--btn-bg); color:var(--btn-fg);
  border:2px solid rgba(13,27,94,.25);
  border-radius:999px; padding:10px 20px;
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:14px; font-weight:800; letter-spacing:.3px; text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .1s ease;
}
.linksur-btn::after{ content:"\203A"; display:inline-block; transform:translateY(-1px); }
.linksur-btn:hover{
  --btn-bg:#fff; --btn-fg:var(--linksur-azul);
  background:var(--btn-bg); color:var(--btn-fg); border-color:var(--linksur-azul);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.linksur-btn:active{ transform:translateY(1px); }

/* ===== Galería en cards de proyecto ===== */
.linksur-gallery{
  display:flex;
  overflow:hidden;
  border-radius:12px;
  margin:12px 0 16px;
  gap:12px;
  scroll-behavior:smooth;
}
.linksur-gallery img{
  flex:0 0 calc(50% - 6px);
  height:180px;
  object-fit:cover;
  border-radius:12px;
}

/* ===== Texto ===== */
.linksur-desc{ line-height:1.55; }
.linksur-desc p{ margin:0 0 10px; }
.linksur-placeholder{ color:var(--linksur-muted); }

/* Bullets */
.linksur-bullets{
  margin:10px 0 6px 20px;
  line-height:1.55;
}

/* ===== Hero de la intro ===== */
.linksur-hero{
  margin:18px 8px 0;         /* separación respecto del texto */
  padding:8px;               /* “gutter” interno */
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.07);
  background:#fff;
}
.linksur-hero img{
  display:block;
  width:100%;
  height:240px;              /* ajustable */
  object-fit:cover;
  border-radius:10px;
}

/* ===== Intro body (sin subrayado forzado) ===== */
.linksur-intro{
  /* sin border-top para evitar subrayado extraño */
  padding-top:0;
  border-radius:0;
  margin-bottom:12px;
}

/* ===== Responsivo ===== */
@media (max-width:1024px){
  .linksur-wrap{ flex-direction:column; }
  #linksur-map{ flex-basis:auto; height:60vh; }
  .linksur-panel, .linksur-card{ height:auto; }
}