/* PushPull_V3/css/editorial.css
   Lenguaje editorial de la nueva dirección (el de la home alt2) para las
   páginas INTERIORES: filas de proyectos con barrido de tinta magenta y
   rejilla de "incluye/proceso" sin cajas — hairlines, números fantasma.
   Sustituye a las signal-cards (cajas con sombra) y work-cards antiguas.
   Cargar DESPUÉS de main.css. */

/* ---- Filas de proyectos (idénticas al work de index-alt2) ---- */
.work-flow{display:flex;flex-direction:column;border-top:1px solid rgba(240,236,228,.12);margin-top:1rem}
.work-row{position:relative;isolation:isolate;display:grid;grid-template-columns:3rem 1fr auto 1.4rem;gap:1.6rem;align-items:baseline;padding:1.7rem 0;border-bottom:1px solid rgba(240,236,228,.12);text-decoration:none;color:var(--fg);transition:padding-left .45s cubic-bezier(.16,1,.3,1)}
.work-row::before{content:"";position:absolute;inset:0 -6vw;z-index:-1;background:var(--accent-magenta);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.work-row:hover::before{transform:scaleY(1);transform-origin:top}
.work-row:hover{padding-left:1.2rem}
.work-row__num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--fg-muted);transition:color .35s}
.work-row__title{display:block;font-family:var(--font-sans);font-weight:800;font-size:clamp(1.5rem,3.4vw,2.5rem);letter-spacing:-.02em;line-height:1.05;transition:color .35s}
.work-row__desc{display:block;margin-top:.5rem;font-size:.95rem;line-height:1.5;color:var(--fg-soft);max-width:54ch;transition:color .35s}
.work-row__meta{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;transition:color .35s}
.work-row__arrow{color:var(--accent-magenta);opacity:0;transform:translate(-6px,6px);transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.work-row:hover .work-row__title,.work-row:hover .work-row__desc{color:var(--bg)}
.work-row:hover .work-row__num,.work-row:hover .work-row__meta{color:rgba(13,13,13,.55)}
.work-row:hover .work-row__arrow{opacity:1;transform:none;color:var(--bg)}
@media (max-width:760px){.work-row{grid-template-columns:2.2rem 1fr;gap:1rem}.work-row__meta,.work-row__arrow{display:none}}

/* ---- Rejilla editorial "qué incluye / cómo trabajamos" (sin cajas) ---- */
.inc-flow{display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;border-top:1px solid rgba(240,236,228,.12);margin-top:1rem}
.inc-item{position:relative;padding:1.7rem 0 1.9rem;border-bottom:1px solid rgba(240,236,228,.12)}
.inc-item__num{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--accent-magenta);text-transform:uppercase}
.inc-item__title{margin:.65rem 0 .5rem;font-family:var(--font-sans);font-weight:800;font-size:1.3rem;letter-spacing:-.01em;line-height:1.15}
.inc-item__desc{margin:0;color:var(--fg-soft);font-size:.95rem;line-height:1.55;max-width:46ch}
/* número fantasma gigante al hover, como las disciplinas de la home */
.inc-item__ghost{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-sans);font-weight:800;font-size:5rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,236,228,.14);pointer-events:none;opacity:0;transition:opacity .4s ease}
.inc-item:hover .inc-item__ghost{opacity:1}
@media (max-width:760px){.inc-flow{grid-template-columns:1fr}.inc-item__ghost{display:none}}