/* ── MAPA PAGE STYLES — MODERN MINIMAL ── */

/* MAPA HEADER */
.mapa-header{
  padding:var(--sp-xxxl) var(--sp-xl);
  background:var(--ink);
  color:var(--white);
  border-bottom:none;
  min-height:35vh;
  display:flex;flex-direction:column;justify-content:center;
}

.mapa-title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:var(--size-h1);
  line-height:1.15;
  letter-spacing:var(--ls-tight);
  margin-bottom:var(--sp-lg);
}

.mapa-subtitle{
  font-size:var(--size-p);
  line-height:var(--lh-relaxed);
  color:rgba(255,255,255,0.65);
  max-width:65ch;
}

/* MAPA CONTENT */
.mapa-content{
  background:var(--bg-primary);
  padding:var(--sp-xxxl) 0;
}

.mapa-section{
  max-width:1200px;
  margin:0 auto;
  padding:var(--sp-xxxl) var(--sp-xl);
  background:var(--bg-secondary);
}

.mapa-section:nth-child(odd){background:var(--bg-primary)}

.mapa-section h2{
  font-family:var(--font-display);
  font-weight:700;
  font-size:var(--size-h2);
  line-height:1.15;
  letter-spacing:var(--ls-tight);
  margin-bottom:var(--sp-lg);
  color:var(--text-primary);
}

.mapa-description{
  font-size:var(--size-p);
  line-height:var(--lh-relaxed);
  color:var(--text-secondary);
  margin-bottom:var(--sp-xxl);
  max-width:75ch;
}

/* MAPA EMBED */
.mapa-embed-container{
  margin:var(--sp-xxl) 0;
  border-radius:var(--border-radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-md);
  background:var(--white);
  border:1px solid var(--border);
  transition:all var(--tr-base);
}

.mapa-embed-container:hover{
  box-shadow:0 12px 24px rgba(0,0,0,0.12);
  transform:translateY(-2px);
}

/* MAPA INFO */
.mapa-info{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--border-radius-md);
  padding:var(--sp-xxl) var(--sp-xl);
  margin-top:var(--sp-xxl);
  box-shadow:var(--shadow-sm);
  transition:all var(--tr-base);
}

.mapa-info:hover{
  box-shadow:var(--shadow-md);
}

.mapa-info h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:var(--size-h3);
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
  margin-bottom:var(--sp-lg);
}

.mapa-list{
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:var(--sp-lg);
}

.mapa-list li{
  font-size:var(--size-sm);
  color:var(--text-secondary);
  padding:var(--sp-lg);
  background:var(--bg-tertiary);
  border-radius:var(--border-radius-md);
  border-left:3px solid var(--blue);
  transition:all var(--tr-base);
  cursor:default;
}

.mapa-list li:nth-child(1){border-left-color:var(--red)}
.mapa-list li:nth-child(2){border-left-color:var(--blue)}
.mapa-list li:nth-child(3){border-left-color:var(--yellow)}
.mapa-list li:nth-child(4){border-left-color:var(--red)}
.mapa-list li:nth-child(5){border-left-color:var(--blue)}
.mapa-list li:nth-child(6){border-left-color:var(--yellow)}
.mapa-list li:nth-child(7){border-left-color:var(--red)}
.mapa-list li:nth-child(8){border-left-color:var(--blue)}

.mapa-list li:hover{
  background:var(--white);
  box-shadow:var(--shadow-sm);
  transform:translateY(-2px);
  padding-left:var(--sp-xl);
}

/* MAPA FOOTER */
.mapa-footer{
  padding:var(--sp-xxxl) var(--sp-xl);
  background:var(--ink);
  color:rgba(255,255,255,0.45);
  text-align:center;
  font-size:var(--size-label);
  letter-spacing:var(--ls-caps);
  text-transform:uppercase;
  border-top:none;
}

/* RESPONSIVE */
@media(max-width:720px){
  .mapa-header{padding:var(--sp-xxl) var(--sp-lg);min-height:auto}
  .mapa-section{padding:var(--sp-xxl) var(--sp-lg)}
  .mapa-info{padding:var(--sp-xl)}
  .mapa-list{grid-template-columns:1fr}
}