/* Estilos específicos de mapa.html — usar junto a style.css */

section#mapa-diagrama{
  padding:48px 0;
}

.diagram-card{
  background:var(--surface);
  border-radius:var(--radius-lg);
  padding:20px;
  box-shadow:0 1px 0 rgba(11,42,74,0.05);
}

.diagram-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius-md);
}

@media (max-width:640px){
  .diagram-card{padding:12px}
}
/* Resalta el botón de la página en la que estás */
body[data-page="webapp"] .nav-btn[data-target="webapp"],
body[data-page="jt03"] .nav-btn[data-target="jt03"],
body[data-page="mapa"] .nav-btn[data-target="mapa"],
body[data-page="plan"] .nav-btn[data-target="plan"] {
  background: var(--surface-alt);
  color: var(--primary);
  box-shadow: inset 0 0 0 2px var(--primary);
  opacity: 1;
  pointer-events: none;
  cursor: default;
}

.nav-btn-ghost {
  background: var(--primary);
  color: var(--surface-alt);
}

.nav-btn-ghost:hover {
  background: var(--surface-alt);
  color: var(--ink);
  opacity: 1;
}
/* DATOS ACADEMICOS */
#datos-academicos{padding:8px 0 56px}
.datos-grid{
  display:flex;margin-top:28px;
}
.datos-grid .datos-card{margin-right:20px}
.datos-grid .datos-card:last-child{margin-right:0}
@media (max-width:860px){
  .datos-grid{flex-direction:column}
  .datos-grid .datos-card{margin-right:0;margin-bottom:20px}
  .datos-grid .datos-card:last-child{margin-bottom:0}
}

.datos-card{
  flex:1;min-width:0;
  background:var(--surface);border-radius:var(--radius-lg);
  padding:34px 26px;text-align:center;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:0 1px 0 rgba(11,42,74,0.05);
}

.datos-logo{
  height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;
}
.datos-logo img{max-height:100%;max-width:190px;width:auto;object-fit:contain}
.datos-logo-dgpc img{max-height:46px}

.datos-text{flex:1;margin-bottom:22px}
.datos-line{font-size:14.5px;color:var(--ink);line-height:1.55;margin:0 0 4px}
.datos-line strong{font-weight:700}

.datos-btn{
  display:inline-block;background:var(--primary);color:#fff;
  font-weight:600;font-size:14px;text-decoration:none;
  padding:10px 24px;border-radius:999px;transition:opacity .15s;
}
.datos-btn:hover{opacity:0.88}