/* Bloque de texto editorial */
.me-texto__grid { display: grid; gap: var(--me-space-block); align-items: center; }
.me-texto--ninguna .me-texto__copy { max-width: var(--me-container-text); }
.me-texto__title { margin-bottom: 1.25rem; }
/* Primer párrafo destacado: tamaño de bajada (antes 28 px en Saira; se reducía mal en
   párrafos largos, a pedido del equipo 29-sep). */
.me-texto--destacado .me-texto__prose > p:first-child {
  font-family: var(--me-font-body);
  font-size: var(--me-fs-lead);
  font-weight: var(--me-fw-medium);
  line-height: 1.6;
  color: var(--me-color-text);
}
.me-texto__prose { color: var(--me-color-muted); }
.me-texto__prose strong { color: var(--me-color-text); }
.me-section--negro .me-texto__prose { color: rgba(255, 255, 255, .8); }
.me-section--negro.me-texto--destacado .me-texto__prose > p:first-child { color: var(--me-color-blanco); }
/* Sobre tarjeta de color (verde o rojo del logo; p. ej. Misión, 29-oct): negro translúcido, como
   en las tarjetas de colores. */
:is(.me-section--verde-cta, .me-section--rojo-cta) .me-texto__prose,
:is(.me-section--verde-cta, .me-section--rojo-cta) .me-texto__prose strong { color: rgb(0 0 0 / .7); }
:is(.me-section--verde-cta, .me-section--rojo-cta).me-texto--destacado .me-texto__prose > p:first-child { color: rgb(0 0 0 / .78); }

.me-texto__media .me-media,
.me-texto__media .me-ph { aspect-ratio: 4 / 3; border-radius: var(--me-radius-lg); }
.me-texto__media .me-media img { height: 100%; }
/* Opción "Imagen completa, sin marco" (3-nov; el sticker del logo en Misión): sin fondo, sin
   esquinas ni recorte; la imagen se ve entera con su troquel. */
.me-texto--imagen-libre .me-texto__media .me-media { aspect-ratio: auto; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.me-texto--imagen-libre .me-texto__media .me-media img { height: auto; object-fit: contain; }
.me-texto--imagen-libre .me-texto__media .me-media::after { content: none; }

/* Bloque de texto como tarjeta de color (Misión, 3-nov): la tarjeta queda dentro del ancho del
   contenido (alineada con títulos y migas) en vez de sobresalir, con menos alto, y la imagen sin
   marco más contenida. */
.me-texto:is(.me-section--celeste-cta, .me-section--verde-cta, .me-section--rojo-cta) > .me-container {
  max-width: var(--me-container);
  padding-block: clamp(1.75rem, 3.5vw, 3rem);
}
.me-texto--imagen-libre:is(.me-section--celeste-cta, .me-section--verde-cta, .me-section--rojo-cta) .me-texto__media .me-media {
  max-width: 374px; margin-inline: auto;   /* 340 + 10 % (3-nov) */
}

/* Símbolo plano a la derecha (opción "Símbolo a la derecha", 29-oct): blanco, centrado en el
   espacio libre de la tarjeta. En móvil va arriba del texto, más chico. */
.me-texto__simbolo { color: var(--me-color-blanco); line-height: 0; }
.me-texto__simbolo svg { width: clamp(96px, 20vw, 260px); height: auto; }
@media (max-width: 1024px) { .me-texto__simbolo { order: -1; } }
@media (min-width: 1025px) {
  .me-texto--con-simbolo .me-texto__grid { grid-template-columns: minmax(0, 1fr) auto; gap: 4rem; }
  .me-texto--con-simbolo .me-texto__simbolo { padding-right: clamp(1rem, 4vw, 4rem); }
  .me-texto--derecha .me-texto__grid,
  .me-texto--izquierda .me-texto__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4.5rem; }
  .me-texto--izquierda .me-texto__media { order: -1; }
}