/* ==========================================================================
   Web centrada · piezas comunes (body.ma-c) — 29/10/26, leer antes de tocar.
   La carga mu-plugins/ma-web-centrada.php en todas las páginas. Sin la clase ma-c, la web se ve como antes.

   Jacinto (29/10, 08:16): en toda la web, los elementos generales de explicación tienen que ir con el mismo
   estilo que Servicios, la portada y la Metodología —contenido centrado y los mismos efectos—; si no, se ve
   descuadre visual. 10:27: «Me gusta, puedes aplicarlo».

   1. Movimiento: el revelado de Servicios (sube, se enfoca, curva lenta) en los cuatro sistemas de la web:
      [data-rv] (general), [data-cx-rv] (casos), .mf-pre/.mf-in (fichas de trabajo) y .cx-rv (Clear Flow).
      Solo se cambian duración, curva y desenfoque: los retrasos propios de cada elemento se respetan.
   2. Contacto del pie (#contacto .fc): rótulo, titular y entradilla en el eje; el formulario en una columna de
      640 px; teléfono, correo y estudio en una fila.
   3. Cabeceras de página (Casos, Trabajos, Eventos, Jacinto Lana): centradas y con la segunda línea en naranja;
      el índice de casos, en cápsulas.
   4. Siguiente y listas de enlaces (casos, fichas, Clear Flow, Reel, Casos, Jacinto) y las columnas de texto de
      casos y fichas, en el eje. Las composiciones (portadas, escenas, galerías) no se tocan.
   ========================================================================== */

:root{--mce:cubic-bezier(.19,1,.22,1)}

/* ---------- 1. Movimiento ---------- */
@media (prefers-reduced-motion:no-preference){
  html:not(.norv) :where(body.ma-c) [data-rv]{transform:translate3d(0,34px,0);filter:blur(6px);
    transition-property:opacity,transform,filter;transition-duration:1.1s,1.4s,1.1s;transition-timing-function:var(--mce)}
  html:not(.norv) :where(body.ma-c) [data-rv].in{transform:none;filter:none}

  html.cx-js :where(body.ma-c) [data-cx-rv]:not(.cx-f){transform:translate3d(0,34px,0);filter:blur(6px);
    transition-property:opacity,transform,filter;transition-duration:1.1s,1.4s,1.1s;transition-timing-function:var(--mce)}
  html.cx-js :where(body.ma-c) [data-cx-rv]:not(.cx-f).in{transform:none;filter:none}

  :where(body.ma-c) .mf-pre.mf-pre{transform:translate3d(0,34px,0);filter:blur(6px)}
  :where(body.ma-c) .mf-in.mf-in{filter:none;
    transition-property:opacity,transform,filter;transition-duration:1.1s,1.4s,1.1s;transition-timing-function:var(--mce)}

  html.cx-js:not(.cx-quieto) :where(body.ma-c) .cx-rv{filter:blur(6px);
    transition-property:opacity,transform,filter;transition-duration:1.1s,1.4s,1.1s;transition-timing-function:var(--mce)}
  html.cx-js:not(.cx-quieto) :where(body.ma-c) .cx-rv.in{filter:none}
}

/* ---------- 2. Contacto del pie ---------- */
body.ma-c .ma-foot .fc{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:0;text-align:center}
body.ma-c .fc-l{display:contents}
body.ma-c .fc .eyebrow{order:1;margin-bottom:20px}
body.ma-c .fc-t{order:2;max-width:16ch;margin-inline:auto;text-wrap:balance}
body.ma-c .fc-s{order:3;max-width:46ch;margin:22px auto 0;text-wrap:balance}
body.ma-c .fc-r{order:4;width:min(640px,100%);margin-top:clamp(36px,4vw,56px);text-align:left}
body.ma-c .fc-r .ctf-priv,body.ma-c .fc-r form p:has(.wpcf7-submit){text-align:center}
body.ma-c .fc-r .cf-turnstile{display:flex;justify-content:center}
body.ma-c .fc-r .wpcf7 form .wpcf7-response-output{text-align:center}
body.ma-c .fc-d{order:5;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 48px;max-width:none;margin-top:clamp(44px,5vw,68px)}
body.ma-c .fc-d li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0}

/* ---------- 3. Cabeceras de página ---------- */
body.ma-c .cs-hero .wrap,body.ma-c .lx-hero .wrap,body.ma-c .jl-hero .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
body.ma-c .cs-t span:not(.sr),body.ma-c .lx-t span:not(.sr){color:var(--orange)}
body.ma-c .cs-t,body.ma-c .lx-t{max-width:18ch;text-wrap:balance}
body.ma-c .cs-hero .lede,body.ma-c .lx-hero .lede{margin-inline:auto;text-wrap:balance}
body.ma-c .jl-t{margin-left:0}
/* índice de casos: en cápsulas, como la nube de servicios */
body.ma-c .cs-idx{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1040px;margin-inline:auto;border-top:0}
body.ma-c .cs-idx a{gap:10px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;transition:color .3s,border-color .3s}
body.ma-c .cs-idx a:hover{padding-left:18px;border-color:var(--orange)}

/* ---------- 4. Siguiente, listas de enlaces y columnas de texto ---------- */
body.ma-c .biglink{text-align:center}
body.ma-c .biglink:hover{padding-left:0}
body.ma-c .cs-end .wrap{text-align:center}
body.ma-c .rv-more{justify-content:center}
body.ma-c .fx-h{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}
body.ma-c .fx-h .eyebrow{margin-bottom:0}
/* Jacinto Lana: el texto a dos columnas, apilado en el eje */
body.ma-c .split{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
body.ma-c .split p{max-width:46ch;margin-inline:auto;text-wrap:balance}
body.ma-c .jl-q .wrap{text-align:center}
body.ma-c .jl-q .qs-q.big{margin-inline:auto;text-wrap:balance}
/* Clear Flow: el cierre */
body.ma-c .cx-end .wrap{text-align:center}
body.ma-c .cx-end-l{justify-content:center}
/* Legales: la columna de lectura, centrada en la página (el texto sigue a la izquierda) */
body.ma-c .leg>*{margin-inline:auto}

/* Casos: cabecera de cada capítulo (rótulo, titular, entradilla y texto), «El proyecto» y el siguiente caso */
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-k{justify-content:center;text-align:center}
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-h{margin-inline:auto;text-align:center}
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-cols{display:flex;flex-direction:column;align-items:center;text-align:center}
/* align-self: en la rejilla de 12 la frase pequeña iba abajo (end); en la columna sería «a la derecha» */
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-cols>*{align-self:center}
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-cols>.cx-lede{max-width:32em;text-wrap:balance}
body.ma-c.page-template-tpl-caso .cx-s>.wrap>.cx-cols>.cx-p{max-width:46ch;text-wrap:balance}
body.ma-c.page-template-tpl-caso .cx-pro-g{text-align:center}
body.ma-c.page-template-tpl-caso .cx-sig-k{text-align:center}
body.ma-c.page-template-tpl-caso .cx-sig-t{margin-inline:auto;text-align:center}
body.ma-c.page-template-tpl-caso .cx-sig-m{justify-content:center}

/* Fichas de trabajo: título, datos, entradilla, capítulos, frase final y «El proyecto» */
body.ma-c.is-ficha .mf-cap .mf-w{text-align:center}
body.ma-c.is-ficha .mf-h1{margin-left:0}
body.ma-c.is-ficha .mf-nrow>div,body.ma-c.is-ficha .mf-nrow>div:last-child:not(:first-child){text-align:center}
body.ma-c.is-ficha .mf-intro .k2-caso{grid-column:2/12;text-align:center}
body.ma-c.is-ficha .mf-intro .k2-caso p{text-wrap:balance}
body.ma-c.is-ficha .mf-pills{justify-content:center}
body.ma-c.is-ficha .mf-ch .mf-lab{grid-column:1/-1;padding-top:0;margin-bottom:18px;text-align:center}
body.ma-c.is-ficha .mf-ch h2{grid-column:2/12;text-align:center}
body.ma-c.is-ficha .mf-chp{grid-column:3/11;margin-inline:auto;text-align:center;text-wrap:balance}
body.ma-c.is-ficha .mf-bridge p{grid-column:1/-1;text-align:center}
body.ma-c.is-ficha .mf-crumbs,body.ma-c.is-ficha .mf-doch{text-align:center}
body.ma-c.is-ficha .mf-doch{margin-left:0}

/* ---------- Móvil ---------- */
@media (max-width:760px){
  body.ma-c .fc-d{flex-direction:column;align-items:center;gap:18px}
  body.ma-c .cs-idx a{padding:9px 14px;font-size:15px}
  body.ma-c.is-ficha .mf-intro .k2-caso,body.ma-c.is-ficha .mf-ch h2,body.ma-c.is-ficha .mf-chp{grid-column:1/-1}
  body.ma-c.is-ficha .mf-nrow>div:last-child:not(:first-child){text-align:center}
}