/* Base Maestra · pieza. Punto de partida: se ajusta, se varía o se reescribe para cada marca. */
/* =========================================================
   9 · EDITORIAL  (.p-editorial) — imagen grande y una tarjeta que la invade
   ========================================================= */
.p-editorial { position: relative; padding: var(--e-9) 0; }
.p-editorial__rejilla { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 6vw, 7rem); align-items: end; }
.p-editorial__img { margin: 0; overflow: hidden; aspect-ratio: 4 / 3; clip-path: inset(0 0 0 0); }
.p-editorial__img img { width: 100%; height: 118%; object-fit: cover; }
.p-editorial__texto { display: grid; gap: 1.2rem; --g-pad: clamp(1.6rem, 3vw, 3.2rem); }
.p-editorial__texto p { color: var(--muted); max-width: 30ch; font-size: clamp(1.05rem, 1.3vw, 1.25rem); }
.p-editorial__texto .t-titulo { font-size: clamp(2.4rem, 5vw, 5.4rem); }
@media (min-width: 900px) { .p-editorial__texto.vidrio { margin-left: calc(clamp(2rem, 6vw, 7rem) * -1 - clamp(3rem, 7vw, 8rem)); margin-bottom: clamp(2rem, 5vw, 4rem); } }
@media (max-width: 899px) {
  .p-editorial__rejilla { grid-template-columns: 1fr; }
  .p-editorial__img { aspect-ratio: 3 / 4; }
  .p-editorial__texto.vidrio { margin: -6rem .5rem 0; }
}

/* Variante «invertido»: la imagen a la derecha */
@media (min-width: 900px) {
  .p-editorial--invertido .p-editorial__rejilla { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
  .p-editorial--invertido .p-editorial__img { order: 2; }
  .p-editorial--invertido .p-editorial__texto.vidrio { margin-left: 0; margin-right: calc(clamp(2rem, 6vw, 7rem) * -1 - clamp(3rem, 7vw, 8rem)); }
}