/* Minimal block styles are intentionally light; theme handles most tokens */
.wp-block-jesusbaena-terapia-online-block a {
  text-decoration: none;
}

/* Masonry con columnas */
.jb-masonry__title{ margin: 0 0 .75rem; font-size: clamp(1.125rem, 2.5vw, 1.5rem); }

.jb-masonry__cols{
  column-gap: 1rem;
  column-count: 1; /* móvil */
}
@media (min-width: 640px){ .jb-masonry__cols{ column-count: 2; } }    /* min 2 por vista */
@media (min-width: 1024px){ .jb-masonry__cols{ column-count: 3; } }   /* 3 en desktop */

.jb-masonry__item{
  display: inline-block;
  width: 100%;
  margin: 0 0 1rem;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.jb-card{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.jb-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.jb-card__text{
  margin: 0;
  line-height: 1.6;
  font-style: italic;
  color: var(--color-text-main);
}
.jb-card__meta{ font-size: .9rem; opacity: .85; display: flex; gap: .5rem; align-items: center; }
.jb-card__rating{ letter-spacing: .12em; }

/* Responsive adjustments */
@media (max-width: 640px) {
  .jb-masonry__cols {
    column-gap: 0.75rem;
  }
  .jb-card {
    padding: 1.25rem;
  }
}