/* ============================
   PAGE CLUSTERS – Estilo "lista de estados"
   (solo enlaces, sin imágenes ni tarjetas)
============================ */

/* Ocultar cualquier imagen que genere el shortcode */
.pcv-wrapper img,
.pcv-card img,
.pcv-card picture,
.pcv-card figure {
  display: none !important;
}

/* Contenedor principal */
.pcv-wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 1.5rem 0 2rem;
}

/* Grid de enlaces en columnas */
.pcv-child-grid {
  display: grid;
  column-gap: 4rem;
  row-gap: 0.5rem;
}

/* Respetamos las columnas que marque el shortcode */
.pcv-child-grid.pcv-columns-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.pcv-child-grid.pcv-columns-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.pcv-child-grid.pcv-columns-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pcv-child-grid.pcv-columns-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
/* si usas 5-6 columnas, puedes añadirlas igual */

/* Cada item sin caja ni sombra */
.pcv-card {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0;
}

/* Enlace “puro” tipo lista de estados */
.pcv-card a,
.pcv-title {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid transparent;
  transition: color 0.18s ease, border-color 0.18s ease;
}

/* Hover: subrayado con línea de color arena/dorado */
.pcv-card a:hover {
  color: #111827;
  border-bottom-color: #f2b556;  /* ajusta el color si lo necesitas */
}

/* Opcional: marca el primer enlace como “activo” como en el ejemplo */
.pcv-card:first-child a {
  border-bottom-color: #f2b556;
}

/* Oculta excerpts o contenido extra del plugin */
.pcv-card p,
.pcv-content {
  display: none !important;
}

/* Responsive: reducimos columnas en pantallas pequeñas */
@media (max-width: 768px) {
  .pcv-child-grid.pcv-columns-3,
  .pcv-child-grid.pcv-columns-4 {
    grid-template-columns: repeat(2, minmax(0,1fr));
    column-gap: 2.5rem;
  }
}

@media (max-width: 520px) {
  .pcv-child-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0;
  }
}