/* Alteria — G2 Bloques de texto */

.alteria-prosa { padding-block: 3rem; }
@media (min-width: 640px) { .alteria-prosa { padding-block: 4rem; } }

.alteria-prosa__bloque + .alteria-prosa__bloque { margin-top: 3rem; }
@media (min-width: 640px) { .alteria-prosa__bloque + .alteria-prosa__bloque { margin-top: 4rem; } }

.alteria-prosa__titulo {
  font-size: 26px;
  line-height: var(--alteria-lh-snug);
}
@media (min-width: 640px)  { .alteria-prosa__titulo { font-size: 32px; } }
@media (min-width: 1024px) { .alteria-prosa__titulo { font-size: 36px; } }

.alteria-prosa__texto {
  margin-top: 1rem;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}
@media (min-width: 1024px) { .alteria-prosa__texto { font-size: 17px; } }

.alteria-prosa__texto p + p { margin-top: 1rem; }
.alteria-prosa__texto strong { color: var(--alteria-foreground); font-weight: 600; }
.alteria-prosa__texto a { color: var(--alteria-primary); text-decoration: underline; }

.alteria-prosa__texto ul { margin-top: 1rem; display: grid; gap: .625rem; }
.alteria-prosa__texto li { position: relative; padding-left: 1.25rem; }
.alteria-prosa__texto li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .6em;
  width: .375rem;
  height: .375rem;
  border-radius: 9999px;
  background: var(--alteria-primary);
}

/* Bloques con imagen: dos columnas que alternan de lado. */
.alteria-prosa__media {
  margin: 1.5rem 0 0;
  overflow: hidden;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-xl);
}
.alteria-prosa__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

@media (min-width: 900px) {
  .alteria-prosa__bloque--media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 2.5rem;
  }
  .alteria-prosa__bloque--media .alteria-prosa__media { margin-top: 0; }

  /* El segundo bloque con imagen la pone a la izquierda, y así alternando. */
  .alteria-prosa__bloque--media:nth-of-type(even) .alteria-prosa__texto-col { order: 2; }
}