/* =========================
   CLUSTERS (provincias/municipios)
   ========================= */

.nc-cluster-abc,
.nc-cluster-abc-parents{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;
  margin:40px auto;
  max-width:1200px;
  padding:20px;
  background:#f6fbff;
  border-radius:24px;
  box-shadow:0 8px 32px rgba(0,0,0,.08);
}

.nc-cluster-abc a,
.nc-cluster-abc-parents a{
  display:inline-block;
  background:#fff;
  color:#03045e;
  padding:20px 32px;
  margin:10px;
  border-radius:20px;
  border:3px solid #03045e;
  font-weight:600;
  text-decoration:none;
  text-align:center;
  box-shadow:8px 8px 16px rgba(0,0,0,.15), -6px -6px 14px rgba(255,255,255,.6);
  transition:transform .3s ease, box-shadow .3s ease, background-color .3s ease, color .3s ease;
}

.nc-cluster-abc a:hover,
.nc-cluster-abc-parents a:hover{
  transform:translateY(-5px);
  box-shadow:10px 10px 24px rgba(0,0,0,.2), -8px -8px 18px rgba(255,255,255,.5);
  background:#e0f4ff;
  color:#023e8a;
}

div.child{
  background:#fff;
  border:3px solid #03045e;
  border-radius:20px;
  padding:18px 28px;
  margin:12px;
  display:inline-block;
  box-shadow:6px 6px 20px rgba(0,0,0,.15);
  transition:transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}

div.child:hover{
  transform:translateY(-6px);
  box-shadow:8px 8px 24px rgba(0,0,0,.25);
  background:#e0f4ff;
}

div.child a{
  color:#03045e;
  text-decoration:none;
  font-weight:600;
  font-size:1rem;
}

div.child a:hover{
  color:#023e8a;
}

@media (max-width:600px){
  .nc-cluster-abc,
  .nc-cluster-abc-parents{
    gap:16px;
    padding:16px;
  }

  .nc-cluster-abc a,
  .nc-cluster-abc-parents a,
  div.child{
    padding:14px 18px;
    font-size:.95rem;
    margin:8px;
  }
}


/* NicheCreator: cards de ciudades */
.clusterhijos .child{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.clusterhijos .child > a{
  display:block;
  width:100%;
}