/* Quiénes somos (CMS 12) — rejilla del equipo (steasycontent, textboxes):
   botón "Más sobre mí" al pie de cada tarjeta, que enlaza a la ficha del trabajador (CMS cat. 7).
   El botón va dentro del texto del elemento (st_el_text_<id_lang>); aquí solo el diseño.
   Las tarjetas se igualan en alto para que los botones queden alineados. */
.textboxes_grid > div:has(.ttp-team-more) { display: flex; flex-direction: column; }
.textboxes_grid > div:has(.ttp-team-more) > .steasy_element_item { flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; }
/* Mismo espacio entre filas que entre columnas (30 px = 2 × 15 px de padding de columna).
   Cada fila es un bloque steasycontent distinto con 10+10 px de padding propio: se anula y el hueco
   lo da el margin-bottom de cada tarjeta, que vale igual cuando las columnas se apilan en tablet/móvil. */
.steasy_element_block:has(.ttp-team-more) { padding-top: 0 !important; padding-bottom: 0 !important; }
.textboxes_grid > div:has(.ttp-team-more) { margin-bottom: 30px; }
/* La foto mantiene su tamaño original (120 px, circular): sin esto el flex la estira a todo el ancho */
.textboxes_grid > div:has(.ttp-team-more) > .steasy_element_item > .easy_image { align-self: center; flex: 0 0 auto; }
.steasy_element_item .easy_text:has(.ttp-team-more) { flex: 1 1 auto; display: flex; flex-direction: column; }

.easy_text .ttp-team-more { margin: auto 0 0 !important; padding-top: 12px; line-height: 1 !important; }
.easy_text .ttp-team-more a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px; background: #ededed; color: #000 !important;
  font-size: 15px; font-weight: 700; line-height: 20px !important; text-align: left;
  text-decoration: none !important; border-radius: 0 0 4px 4px;
}
.easy_text .ttp-team-more a:hover,
.easy_text .ttp-team-more a:focus-visible { color: #000 !important; text-decoration: none !important; }
.easy_text .ttp-team-more .ttp-team-arrow { display: inline-flex; line-height: 0; transition: transform .25s ease; }
.easy_text .ttp-team-more svg { display: block; }
.easy_text .ttp-team-more a:hover .ttp-team-arrow,
.easy_text .ttp-team-more a:focus-visible .ttp-team-arrow { transform: translateX(6px); }
@media (prefers-reduced-motion: reduce) { .easy_text .ttp-team-more .ttp-team-arrow { transition: none; } }