/* === MECATE APERTURAS: START === */

/*
 * Sistema de Aperturas
 *
 * La presentación pública pertenece al theme. Estas reglas no se reutilizan
 * para Cards ni para otros componentes editoriales.
 */

.mecate-apertura {
  width: 100%;
  margin: 0;
  color: var(--wp--preset--color--mecate-black, #000000);
}

.mecate-apertura__content,
.mecate-apertura__media {
  min-width: 0;
}

.mecate-apertura__kicker {
  margin: 0 0 var(--wp--preset--spacing--space-sm, 16px);
  font-family: var(--wp--preset--font-family--mulish, sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mecate-apertura__title {
  margin: 0;
  text-wrap: balance;
}

.mecate-apertura__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--space-xs, 8px)
    var(--wp--preset--spacing--space-sm, 16px);
  margin-top: var(--wp--preset--spacing--space-md, 24px);
  font-family: var(--wp--preset--font-family--mulish, sans-serif);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.mecate-apertura__date {
  color: var(--wp--preset--color--mecate-gray-700, #3D3D3D);
}

.mecate-apertura__excerpt {
  max-width: 45rem;
  margin: var(--wp--preset--spacing--space-md, 24px) 0 0;
}

.mecate-apertura__media {
  margin: 0;
}

.mecate-apertura__image {
  display: block;
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------
 * DG-A03 — Statement
 * Texto dominante. La imagen, cuando existe, es secundaria.
 * --------------------------------------------------------- */

.mecate-apertura--dg-a03 {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(17rem, 5fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--dg-a03:not(:has(.mecate-apertura__media)) {
  grid-template-columns: minmax(0, 1fr);
}

.mecate-apertura--dg-a03 .mecate-apertura__content {
  max-width: 58rem;
}

.mecate-apertura--dg-a03 .mecate-apertura__title {
  font-family:
    var(
      --wp--preset--font-family--mexica,
      var(--wp--preset--font-family--mulish, sans-serif)
    );
  font-size: clamp(3rem, 7vw, 7.5rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

.mecate-apertura--dg-a03 .mecate-apertura__excerpt {
  font-family: var(--wp--preset--font-family--literata, Georgia, serif);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.55;
}

.mecate-apertura--dg-a03 .mecate-apertura__media {
  align-self: end;
}

.mecate-apertura--dg-a03 .mecate-apertura__image {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* ---------------------------------------------------------
 * IND-A01 — Objeto aislado
 * Objeto contenido y espacio negativo como parte del layout.
 * --------------------------------------------------------- */

.mecate-apertura--ind-a01 {
  display: grid;
  grid-template-columns: minmax(17rem, 4fr) minmax(0, 8fr);
  min-height: min(78vh, 56rem);
  background: var(--wp--preset--color--mecate-gray-100, #F2F2F2);
}

.mecate-apertura--ind-a01 .mecate-apertura__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding:
    var(--mecate-space-editorial-200)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--ind-a01 .mecate-apertura__title {
  font-family: var(--wp--preset--font-family--fraunces, Georgia, serif);
  font-size: clamp(2.75rem, 5vw, 5.75rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.mecate-apertura--ind-a01 .mecate-apertura__excerpt {
  font-family: var(--wp--preset--font-family--dm-sans, sans-serif);
  font-size: 1rem;
  line-height: 1.55;
}

.mecate-apertura--ind-a01 .mecate-apertura__media {
  display: grid;
  place-items: center;
  min-height: 100%;
  padding:
    var(--mecate-space-editorial-200)
    clamp(2rem, 7vw, 8rem);
  overflow: hidden;
}

.mecate-apertura--ind-a01 .mecate-apertura__image {
  width: auto;
  max-width: 100%;
  max-height: 38rem;
  object-fit: contain;
}

/* ---------------------------------------------------------
 * MOD-A01 — Fotografía protagonista
 * La fotografía domina; texto e identificación la acompañan.
 * --------------------------------------------------------- */

.mecate-apertura--mod-a01 {
  position: relative;
  display: grid;
  min-height: min(88vh, 64rem);
  overflow: hidden;
  background: var(--wp--preset--color--mecate-black, #000000);
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
}

.mecate-apertura--mod-a01 .mecate-apertura__media,
.mecate-apertura--mod-a01 .mecate-apertura__content {
  grid-area: 1 / 1;
}

.mecate-apertura--mod-a01 .mecate-apertura__media {
  min-height: 100%;
}

.mecate-apertura--mod-a01 .mecate-apertura__image {
  width: 100%;
  height: 100%;
  min-height: min(88vh, 64rem);
  object-fit: cover;
}

.mecate-apertura--mod-a01 .mecate-apertura__media::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(
      180deg,
      rgb(0 0 0 / 0%) 20%,
      rgb(0 0 0 / 20%) 55%,
      rgb(0 0 0 / 72%) 100%
    );
  pointer-events: none;
}

.mecate-apertura--mod-a01 .mecate-apertura__content {
  position: relative;
  z-index: 1;
  align-self: end;
  max-width: 70rem;
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--mod-a01 .mecate-apertura__title {
  max-width: 11ch;
  font-family:
    var(--wp--preset--font-family--bodoni-moda, Georgia, serif);
  font-size: clamp(3.25rem, 8vw, 8.5rem);
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: -0.045em;
}

.mecate-apertura--mod-a01 .mecate-apertura__excerpt {
  max-width: 38rem;
  font-family:
    var(--wp--preset--font-family--newsreader, Georgia, serif);
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  line-height: 1.5;
}

.mecate-apertura--mod-a01 .mecate-apertura__date {
  color: inherit;
  opacity: 0.8;
}

/*
 * Contraste.
 *
 * El control ya está sanitizado por Mecate Editor. En esta primera capa
 * funciona como variante de presentación, sin introducir nuevos controles.
 */

.mecate-apertura--contrast-light {
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
}

.mecate-apertura--contrast-dark {
  color: var(--wp--preset--color--mecate-black, #000000);
}

.mecate-apertura--mod-a01.mecate-apertura--contrast-dark {
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
}

/*
 * Primera adaptación estructural.
 *
 * La validación responsive exhaustiva y sus breakpoints finales pertenecen
 * a Task 68. Aquí sólo evitamos layouts imposibles en viewport reducido.
 */

@media (max-width: 767px) {
  .mecate-apertura--dg-a03,
  .mecate-apertura--ind-a01 {
    grid-template-columns: 1fr;
  }

  .mecate-apertura--dg-a03 {
    padding-block:
      var(--mecate-space-editorial-200);
  }

  .mecate-apertura--dg-a03 .mecate-apertura__media {
    margin-top: var(--wp--preset--spacing--space-lg, 32px);
  }

  .mecate-apertura--ind-a01 {
    min-height: auto;
  }

  .mecate-apertura--ind-a01 .mecate-apertura__media {
    min-height: 24rem;
    order: -1;
  }

  .mecate-apertura--mod-a01,
  .mecate-apertura--mod-a01 .mecate-apertura__image {
    min-height: 42rem;
  }

  .mecate-apertura--mod-a01 .mecate-apertura__content {
    padding-block:
      var(--mecate-space-editorial-200);
  }
}

/* ---------------------------------------------------------
 * DG-M09 — Secuencia
 * --------------------------------------------------------- */

.mecate-apertura--dg-m09 {
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--dg-m09 .mecate-apertura__content {
  max-width: 60rem;
  margin-bottom: var(--mecate-space-editorial-200);
}

.mecate-apertura--dg-m09 .mecate-apertura__title {
  font-family:
    var(
      --wp--preset--font-family--mexica,
      var(--wp--preset--font-family--mulish, sans-serif)
    );
  font-size: clamp(3rem, 6vw, 6.5rem);
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.mecate-apertura--dg-m09 .mecate-apertura__sequence {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--mecate-grid-gap);
}

.mecate-apertura--dg-m09 .mecate-apertura__sequence-item {
  grid-column: span 4;
  margin: 0;
}

.mecate-apertura--dg-m09 .mecate-apertura__sequence-item:nth-child(3n + 2) {
  transform: translateY(var(--wp--preset--spacing--space-lg, 32px));
}

.mecate-apertura--dg-m09 .mecate-apertura__image {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mecate-apertura--dg-m09 .mecate-apertura__caption,
.mecate-apertura--ind-a07 .mecate-apertura__caption {
  margin-top: var(--wp--preset--spacing--space-xs, 8px);
  font-family: var(--wp--preset--font-family--mulish, sans-serif);
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--wp--preset--color--mecate-gray-700, #3D3D3D);
}

.mecate-apertura--dg-m09 .mecate-apertura__closing {
  max-width: 45rem;
  margin:
    var(--mecate-space-editorial-200)
    0
    0
    auto;
  font-family: var(--wp--preset--font-family--literata, Georgia, serif);
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  line-height: 1.55;
}

/* ---------------------------------------------------------
 * IND-A07 — Proceso / objeto
 * --------------------------------------------------------- */

.mecate-apertura--ind-a07 {
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
  background: var(--wp--preset--color--mecate-gray-100, #F2F2F2);
}

.mecate-apertura--ind-a07 .mecate-apertura__content {
  max-width: 58rem;
  margin-bottom: var(--mecate-space-editorial-200);
}

.mecate-apertura--ind-a07 .mecate-apertura__title {
  font-family: var(--wp--preset--font-family--fraunces, Georgia, serif);
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.mecate-apertura--ind-a07 .mecate-apertura__process {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
}

.mecate-apertura--ind-a07 .mecate-apertura__process-steps {
  display: grid;
  gap: var(--wp--preset--spacing--space-lg, 32px);
}

.mecate-apertura--ind-a07 .mecate-apertura__process-step,
.mecate-apertura--ind-a07 .mecate-apertura__process-result {
  margin: 0;
}

.mecate-apertura--ind-a07 .mecate-apertura__process-step {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--wp--preset--spacing--space-sm, 16px);
  align-items: start;
}

.mecate-apertura--ind-a07 .mecate-apertura__step-number {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  font-family: var(--wp--preset--font-family--dm-sans, sans-serif);
  font-size: 0.75rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.mecate-apertura--ind-a07 .mecate-apertura__process-step .mecate-apertura__image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.mecate-apertura--ind-a07 .mecate-apertura__process-step .mecate-apertura__caption {
  grid-column: 2;
}

.mecate-apertura--ind-a07 .mecate-apertura__process-result .mecate-apertura__image {
  max-height: 42rem;
  object-fit: contain;
}

/* ---------------------------------------------------------
 * IND-A09 — Apertura técnica
 * --------------------------------------------------------- */

.mecate-apertura--ind-a09 {
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--ind-a09 .mecate-apertura__content {
  max-width: 58rem;
  margin-bottom: var(--mecate-space-editorial-200);
}

.mecate-apertura--ind-a09 .mecate-apertura__title {
  font-family: var(--wp--preset--font-family--fraunces, Georgia, serif);
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(18rem, 4fr);
  gap: var(--mecate-grid-gap);
  align-items: start;
}

.mecate-apertura--ind-a09 .mecate-apertura__annotated-media {
  position: relative;
  margin: 0;
}

.mecate-apertura--ind-a09 .mecate-apertura__image {
  width: 100%;
  height: auto;
}

.mecate-apertura--ind-a09 .mecate-apertura__annotation-marker {
  position: absolute;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  transform: translate(-50%, -50%);
  font-family: var(--wp--preset--font-family--dm-sans, sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
  background: var(--wp--preset--color--mecate-black, #000000);
  border: 2px solid var(--wp--preset--color--mecate-white, #FFFFFF);
  border-radius: 50%;
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-data {
  display: grid;
  gap: var(--wp--preset--spacing--space-lg, 32px);
}

.mecate-apertura--ind-a09 .mecate-apertura__annotations {
  margin: 0;
  padding-left: 1.5rem;
  font-family: var(--wp--preset--font-family--dm-sans, sans-serif);
}

.mecate-apertura--ind-a09 .mecate-apertura__annotation {
  padding:
    var(--wp--preset--spacing--space-sm, 16px)
    0;
  border-bottom: 1px solid var(--wp--preset--color--mecate-gray-200, #D8D8D8);
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-sheet {
  margin: 0;
  font-family: var(--wp--preset--font-family--dm-sans, sans-serif);
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-row {
  display: grid;
  grid-template-columns: minmax(7rem, 1fr) 2fr;
  gap: var(--wp--preset--spacing--space-sm, 16px);
  padding:
    var(--wp--preset--spacing--space-xs, 8px)
    0;
  border-bottom: 1px solid var(--wp--preset--color--mecate-gray-200, #D8D8D8);
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-row dt {
  font-weight: 700;
}

.mecate-apertura--ind-a09 .mecate-apertura__technical-row dd {
  margin: 0;
}

@media (max-width: 767px) {
  .mecate-apertura--dg-m09 .mecate-apertura__sequence,
  .mecate-apertura--ind-a07 .mecate-apertura__process,
  .mecate-apertura--ind-a09 .mecate-apertura__technical-layout {
    grid-template-columns: 1fr;
  }

  .mecate-apertura--dg-m09 .mecate-apertura__sequence-item {
    grid-column: auto;
  }

  .mecate-apertura--dg-m09 .mecate-apertura__sequence-item:nth-child(3n + 2) {
    transform: none;
  }

  .mecate-apertura--ind-a07 .mecate-apertura__process-result {
    order: -1;
  }
}

/* ---------------------------------------------------------
 * DG-A07 — Full Bleed
 * Fotografía dominante con identificación superpuesta o adyacente.
 * --------------------------------------------------------- */

 .mecate-apertura--dg-a07 {
   position: relative;
   display: grid;
   width: calc(
     100% +
     var(--wp--style--root--padding-left, 0px) +
     var(--wp--style--root--padding-right, 0px)
   );
   min-height: min(88vh, 64rem);
   overflow: hidden;
   background: var(--wp--preset--color--mecate-black, #000000);
 }

.mecate-apertura--dg-a07 .mecate-apertura__media {
  min-height: inherit;
}

.mecate-apertura--dg-a07 .mecate-apertura__image {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.mecate-apertura--dg-a07.mecate-apertura--identification-overlay
  .mecate-apertura__media,
.mecate-apertura--dg-a07.mecate-apertura--identification-overlay
  .mecate-apertura__content {
  grid-area: 1 / 1;
}

.mecate-apertura--dg-a07.mecate-apertura--identification-overlay
  .mecate-apertura__content {
  position: relative;
  z-index: 2;
  align-self: end;
  max-width: 72rem;
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
}

.mecate-apertura--dg-a07.mecate-apertura--identification-overlay
  .mecate-apertura__media {
  position: relative;
}

.mecate-apertura--dg-a07.mecate-apertura--identification-overlay
  .mecate-apertura__media::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.mecate-apertura--dg-a07.mecate-apertura--overlay-none
  .mecate-apertura__media::after {
  background: transparent;
}

.mecate-apertura--dg-a07.mecate-apertura--overlay-low
  .mecate-apertura__media::after {
  background:
    linear-gradient(
      180deg,
      rgb(0 0 0 / 0%) 30%,
      rgb(0 0 0 / 42%) 100%
    );
}

.mecate-apertura--dg-a07.mecate-apertura--overlay-high
  .mecate-apertura__media::after {
  background:
    linear-gradient(
      180deg,
      rgb(0 0 0 / 12%) 10%,
      rgb(0 0 0 / 72%) 100%
    );
}

.mecate-apertura--dg-a07 .mecate-apertura__title {
  max-width: 12ch;
  font-family:
    var(
      --wp--preset--font-family--mexica,
      var(--wp--preset--font-family--mulish, sans-serif)
    );
  font-size: clamp(3rem, 7vw, 7.5rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

.mecate-apertura--dg-a07.mecate-apertura--contrast-light {
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
}

.mecate-apertura--dg-a07.mecate-apertura--contrast-light
  .mecate-apertura__date {
  color: inherit;
  opacity: 0.8;
}

.mecate-apertura--dg-a07.mecate-apertura--identification-adjacent {
  grid-template-columns: minmax(0, 8fr) minmax(20rem, 4fr);
  min-height: min(78vh, 56rem);
  background: var(--wp--preset--color--mecate-white, #FFFFFF);
  color: var(--wp--preset--color--mecate-black, #000000);
}

.mecate-apertura--dg-a07.mecate-apertura--identification-adjacent
  .mecate-apertura__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding:
    var(--mecate-space-editorial-200)
    var(--mecate-gutter-fluid);
  order: 2;
}

/* ---------------------------------------------------------
 * MOD-A03 — Tipografía dominante
 * Titular principal con fotografía subordinada y opcional.
 * --------------------------------------------------------- */

.mecate-apertura--mod-a03 {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(16rem, 4fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
  background: var(--wp--preset--color--mecate-white-editorial, #F7F5F2);
}

.mecate-apertura--mod-a03:not(:has(.mecate-apertura__media)) {
  grid-template-columns: 1fr;
}

.mecate-apertura--mod-a03 .mecate-apertura__content {
  max-width: 64rem;
}

.mecate-apertura--mod-a03 .mecate-apertura__title {
  font-family:
    var(--wp--preset--font-family--bodoni-moda, Georgia, serif);
  font-size: clamp(3.5rem, 8vw, 8.5rem);
  font-weight: 500;
  line-height: 0.87;
  letter-spacing: -0.045em;
}

.mecate-apertura--mod-a03 .mecate-apertura__excerpt {
  max-width: 38rem;
  font-family:
    var(--wp--preset--font-family--newsreader, Georgia, serif);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.55;
}

.mecate-apertura--mod-a03 .mecate-apertura__media {
  align-self: end;
}

.mecate-apertura--mod-a03 .mecate-apertura__image {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.mecate-apertura--mod-a03.mecate-apertura--contrast-light {
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
  background: var(--wp--preset--color--mecate-black, #000000);
}

.mecate-apertura--mod-a03.mecate-apertura--contrast-light
  .mecate-apertura__date {
  color: inherit;
  opacity: 0.8;
}

/* ---------------------------------------------------------
 * MOD-A09 — El silencio
 * Vacío dominante, imagen pequeña y expresión textual contenida.
 * --------------------------------------------------------- */

.mecate-apertura--mod-a09 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  gap: var(--mecate-grid-gap);
  min-height: min(88vh, 64rem);
  padding:
    var(--mecate-space-editorial-300)
    var(--mecate-gutter-fluid);
  background: var(--wp--preset--color--mecate-white-editorial, #F7F5F2);
}

.mecate-apertura--mod-a09 .mecate-apertura__content {
  grid-column: 1 / span 6;
  align-self: start;
  max-width: 42rem;
}

.mecate-apertura--mod-a09 .mecate-apertura__title {
  max-width: 14ch;
  font-family:
    var(--wp--preset--font-family--bodoni-moda, Georgia, serif);
  font-size: clamp(2.5rem, 5vw, 5.5rem);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.03em;
}

.mecate-apertura--mod-a09 .mecate-apertura__excerpt {
  max-width: 32rem;
  font-family:
    var(--wp--preset--font-family--newsreader, Georgia, serif);
  font-size: 1rem;
  line-height: 1.6;
}

.mecate-apertura--mod-a09 .mecate-apertura__media {
  grid-column: 8 / span 4;
  grid-row: 2;
  align-self: end;
  justify-self: end;
  width: min(100%, 28rem);
}

.mecate-apertura--mod-a09 .mecate-apertura__image {
  width: 100%;
  max-height: 32rem;
  object-fit: cover;
}

.mecate-apertura--mod-a09.mecate-apertura--contrast-light {
  color: var(--wp--preset--color--mecate-white, #FFFFFF);
  background: var(--wp--preset--color--mecate-black, #000000);
}

.mecate-apertura--mod-a09.mecate-apertura--contrast-light
  .mecate-apertura__date {
  color: inherit;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .mecate-apertura--dg-a07.mecate-apertura--identification-adjacent,
  .mecate-apertura--mod-a03 {
    grid-template-columns: 1fr;
  }

  .mecate-apertura--dg-a07.mecate-apertura--identification-adjacent
    .mecate-apertura__content {
    order: initial;
  }

  .mecate-apertura--dg-a07,
  .mecate-apertura--dg-a07 .mecate-apertura__image {
    min-height: 42rem;
  }

  .mecate-apertura--mod-a09 {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mecate-apertura--mod-a09 .mecate-apertura__media {
    align-self: flex-end;
    width: min(78%, 24rem);
    margin-top: var(--mecate-space-editorial-200);
  }
}

/* === MECATE APERTURAS: END === */