/**
 * Estilos de frontend del bloque umivale/grid-imagen-texto.
 * Traduce a CSS plano SharedGridImagenTexto.vue, incluidos los estilos del
 * HTML enriquecido (.umivale-git__texto, equivalente a .texto-html del Vue).
 */

.umivale-grid-imagen-texto {
  padding: 32px 0;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}
/* contenedorAmplio: gana al cap de la card (.page__content > *) por especificidad. */
.umivale-grid-imagen-texto.is-amplio {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.umivale-git__title {
  text-align: center;
  /* Canon: #124D91 / 2em. !important para ganar al color inline de render.php. */
  color: #124D91 !important;
  font-size: 2em;
  font-weight: 700;
  margin: 0 0 16px;
}

.umivale-git__desc-breve {
  text-align: center;
  max-width: 48rem;
  margin: 0 auto 32px;
  color: #3C4858;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.7;
}

.umivale-git__items {
  display: flex;
  flex-direction: column;
  gap: var(--uv-git-items-gap, 2.5rem);
  margin-top: 1.5rem;
}

/* ── Imagen ─────────────────────────────────────────────────────────────── */
.umivale-git__img {
  max-width: 100%;
  align-self: flex-start;
  object-fit: var(--uv-git-object-fit, cover);
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.umivale-git__img.is-plana { border-radius: 0; box-shadow: none; }
.umivale-git__img.is-full-img {
  width: 100%;
  object-fit: contain;
  margin-bottom: 1.5rem;
}

/* ── Layout fila (izquierda / derecha) ──────────────────────────────────── */
.umivale-git__item.is-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .umivale-git__item.is-row { flex-direction: row; column-gap: var(--uv-git-item-gap, 4rem); }
  .umivale-git__item.is-row.is-derecha { flex-direction: row-reverse; justify-content: flex-end; }
}
.umivale-git__texto { min-width: 0; }
.umivale-git__texto.is-flex1 { flex: 1 1 0%; }

/* ── HTML enriquecido (equivalente a .texto-html del Vue) ───────────────── */
.umivale-git__texto {
  color: #3C4858;
  font-size: 1em;
  line-height: 1.7;
}
.umivale-git__texto a { color: #124D91; text-decoration: none; }
.umivale-git__texto a:hover { text-decoration: underline; }
.umivale-git__texto ul {
  list-style: disc;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.umivale-git__texto li::marker { color: #124D91; }
.umivale-git__texto .subtitulo-seccion { font-weight: 600; }
.umivale-git__texto p { margin-top: 16px; }
.umivale-git__texto h2,
.umivale-git__texto h3 { font-weight: 700; margin-bottom: 8px; }
.umivale-git__texto h2 { font-size: 1.4em; }
.umivale-git__texto h3 { font-size: 1.2em; }