/* ==========================================================================
   Mariona Agency 2028 · Ficha de trabajo (mf-)
   Un solo fichero para todas las fichas de branding, packaging, editorial,
   web y comunicación. El contenido de cada ficha lo enlaza al principio.
   Reglas de la casa: todo alineado con la cápsula del menú, min(90%,1280px);
   solo imágenes y vídeos a sangre; tipografía grande en UltraLight.
   Nota para el tema: en la ficha técnica, «<b>Campo</b><span>Valor</span>»
   (span sin clase) es lo que lee ma28_meta() para los listados. Los campos
   que no deben pasar al listado llevan <span class="v">.
   ========================================================================== */
@font-face{font-family:'mf-xthin';src:url('../fonts/Nh-25xthin.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}

.mf,.mf-lb{
  --ink:#1F2322;--ink2:#262B29;--bone:#F6F5F3;--stone:#D6D1CA;--sand:#E9E8DD;--orange:#FF4D00;
  --t1:#F6F5F3;--t2:rgba(246,245,243,.76);--t3:rgba(246,245,243,.58);--line:rgba(246,245,243,.14);
  --d1:#1F2322;--d2:rgba(31,35,34,.8);--d3:rgba(31,35,34,.6);--dline:rgba(31,35,34,.14);
  --fx:'mf-xthin','nh-light','Helvetica Neue',Helvetica,Arial,sans-serif;
  --fl:'nh-light','Helvetica Neue',Helvetica,Arial,sans-serif;
  --fr:'nh-roman','Helvetica Neue',Helvetica,Arial,sans-serif;
  --fm:'nh-medium','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--sheet:cubic-bezier(.32,.72,0,1);--spring:cubic-bezier(.34,1.26,.4,1);
  --r:12px;--gap:clamp(16px,2vw,28px);--sec:clamp(104px,13vw,200px);
  --edge:max(5%,calc((100% - 1280px) / 2));
}
.mf{position:relative;color:var(--t1);font-family:var(--fl);font-weight:300;font-size:18px;line-height:1.6;overflow-x:clip}
.mf *,.mf *::before,.mf *::after,.mf-lb *{box-sizing:border-box}
:where(.mf,.mf-lb) :is(img,video,svg,iframe){display:block;max-width:100%}
:where(.mf) a{color:inherit}
:where(.mf,.mf-lb) button{font:inherit;color:inherit}
:where(.mf) :is(p,figure,ul,ol,dl,dd,h1,h2,h3){margin:0;padding:0}
:where(.mf) :is(h1,h2,h3){font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.mf-w{width:min(90%,1280px);margin-inline:auto}
.mf-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.mf-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mf-lab{font-family:var(--fm);font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
.mf-tab{font-variant-numeric:tabular-nums}

/* ---------- Portada: a sangre al cargar, se recoge en la retícula al bajar ---------- */
.mf-hero{position:relative;height:165svh}
.mf-rm .mf-hero{height:100svh}
.mf-stick{position:sticky;top:0;height:100svh;overflow:hidden}
.mf-fig{position:absolute;inset:0;margin:0;clip-path:inset(var(--ct,0px) var(--cx,0px) var(--cb,0px) var(--cx,0px) round var(--cr,0px));background:var(--ink2)}
.mf-fig img{width:100%;height:100%;object-fit:cover;transform:scale(var(--hs,1.08));transform-origin:50% 45%;animation:mf-kb 2.6s var(--ease) both}
.mf-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,35,34,.46) 0%,rgba(31,35,34,0) 26%,rgba(31,35,34,0) 50%,rgba(31,35,34,.8) 100%);opacity:var(--vo,1)}
.mf-cap{position:absolute;left:0;right:0;bottom:clamp(26px,5.5svh,60px);z-index:2}
.mf-cap .mf-lab{color:var(--t2);animation:mf-up 1.3s var(--ease) both}
.mf-h1{font-family:var(--fx);font-weight:200;font-size:clamp(64px,13.4vw,232px);line-height:.84;letter-spacing:-.05em;margin:14px 0 0 -.045em;color:var(--t1);text-wrap:balance;animation:mf-up 1.6s var(--ease) .12s both}
.mf-h1.mf-long{font-size:clamp(52px,9.6vw,168px);line-height:.88}
.mf-h1.mf-xlong{font-size:clamp(44px,7.2vw,124px);line-height:.92}
@keyframes mf-up{from{transform:translate3d(0,.22em,0)}}
@keyframes mf-kb{from{scale:1.07}}

/* ---------- Fila de datos (rejilla) ---------- */
.mf-nrow{margin-top:clamp(18px,3vw,32px);border-top:1px solid var(--line);padding-top:14px;font-family:var(--fr);font-weight:400;font-size:13.5px;line-height:1.45}
.mf-nrow>div{grid-column:span 3}
.mf-nrow.mf-n3>div{grid-column:span 4}
.mf-nrow.mf-n2>div{grid-column:span 6}
.mf-nrow b{display:block;font-weight:400;color:var(--t1)}
.mf-nrow span{display:block;color:var(--t3)}
.mf-nrow>div:last-child:not(:first-child){text-align:right}

/* ---------- Entradilla y servicios ---------- */
.mf-intro{padding-top:clamp(64px,9vw,136px)}
.mf-intro .k2-caso{grid-column:1/11}
.mf-intro .k2-caso p{font-family:var(--fl);font-weight:300;font-size:clamp(26px,3.05vw,46px);line-height:1.16;letter-spacing:-.024em;color:var(--t1);text-wrap:pretty}
.mf-intro .k2-caso.mf-l p{font-size:clamp(23px,2.45vw,37px);line-height:1.2}
.mf-pills{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:clamp(30px,4vw,52px)}
.mf-pills a{display:inline-block;font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--t2);border:1px solid var(--line);padding:9px 15px;border-radius:999px;transition:border-color .3s,color .3s}
.mf-pills a:hover{border-color:var(--orange);color:var(--t1)}

/* ---------- Medios ---------- */
.mf-media{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink2)}
.mf-media img,.mf-media video{width:100%;height:100%;object-fit:cover}
.mf-capt{margin-top:14px;font-family:var(--fr);font-weight:400;font-size:13.5px;line-height:1.45;color:var(--t3)}
.mf-capt .mf-lab{color:var(--t2);font-size:10.5px;padding-top:.15em}
.mf-capt>div:first-child{grid-column:1/4}
.mf-capt>div:nth-child(2){grid-column:4/11}
.mf-capt>div:nth-child(3){grid-column:11/13;text-align:right}

/* Plano a sangre, con paralaje suave */
.mf-bleed{position:relative;margin-top:var(--sec);height:clamp(360px,min(92svh,calc(100vw / var(--ar,1.6))),1020px);overflow:hidden;background:var(--ink2)}
.mf-bleed img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.mf-bleed.mf-still img{top:0;height:100%;transform:none;will-change:auto}
.mf-bleed.mf-b2{height:clamp(320px,min(80svh,calc(100vw / var(--ar,1.6))),900px)}

/* ---------- Capítulos ---------- */
.mf-ch{padding-top:var(--sec)}
.mf-ch .mf-lab{grid-column:1/4;color:var(--orange);padding-top:.9em}
.mf-ch h2{grid-column:4/13;font-family:var(--fx);font-weight:200;font-size:clamp(42px,5.7vw,86px);line-height:1;letter-spacing:-.042em;color:var(--t1);text-wrap:balance}
.mf-chp{grid-column:4/10;margin-top:1.3em;color:var(--t2);font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:58ch}

/* Díptico asimétrico */
.mf-dip{margin-top:clamp(72px,9vw,140px);align-items:start}
.mf-dip figure:nth-child(1){grid-column:1/8}
.mf-dip figure:nth-child(2){grid-column:8/13;margin-top:clamp(90px,15vw,240px)}
.mf-dip.mf-dipv figure:nth-child(1){grid-column:1/7}
.mf-dip.mf-dipv figure:nth-child(2){grid-column:8/13;margin-top:clamp(60px,10vw,160px)}
.mf-dipc{margin-top:18px}

/* Vídeo */
.mf-vid{margin-top:var(--sec)}
.mf-vid+.mf-vid{margin-top:clamp(16px,2vw,28px)}
.mf-frame{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink2);aspect-ratio:16/9}
.mf-frame video,.mf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.mf-vpair{margin-top:clamp(16px,2vw,28px);row-gap:clamp(16px,2vw,28px)}
.mf-vpair>*{grid-column:span 6}
.mf-vbtn{position:absolute;left:14px;bottom:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(31,35,34,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .3s}
.mf-frame:hover .mf-vbtn,.mf-vbtn:focus-visible,.mf-frame.mf-paused .mf-vbtn{opacity:1}
@media (hover:none){.mf-vbtn{opacity:.9}}
.mf-vbtn svg{width:14px;height:14px}
.mf-vbtn .mf-ip{display:none}.mf-paused .mf-vbtn .mf-ip{display:block}.mf-paused .mf-vbtn .mf-ipa{display:none}

/* Plataforma de marca en una línea (cuando existe) */
.mf-idea{padding-top:var(--sec)}
.mf-idea .mf-lab{color:var(--orange)}
.mf-big{margin-top:clamp(20px,3vw,40px);font-family:var(--fx);font-weight:200;font-size:clamp(58px,12.2vw,196px);line-height:.9;letter-spacing:-.058em;color:var(--t1)}
.mf-big .mf-l1{grid-column:1/-1;margin-left:-.04em;transition:transform 1.4s var(--ease)}
.mf-big .mf-l2{grid-column:4/-1;margin-left:-.04em;white-space:nowrap;transition:transform 1.4s var(--ease)}
.mf-big .mf-plus{display:inline-block;color:var(--p1,var(--orange));transition:transform 1.2s var(--spring) .15s}
.mf-idea.mf-far .mf-l1{transform:translateX(-5vw)}
.mf-idea.mf-far .mf-l2{transform:translateX(5vw)}
.mf-idea.mf-far .mf-plus{transform:rotate(-90deg) scale(.4)}
.mf-idea .mf-sub{grid-column:4/10;margin-top:clamp(28px,4vw,52px);color:var(--t2);font-size:clamp(18px,1.45vw,22px);line-height:1.55;max-width:46ch}

/* Sistema de identidad: paleta copiable y tipografía (cuando hay manual) */
.mf-bento{margin-top:clamp(52px,6vw,92px);row-gap:10px;column-gap:10px}
.mf-bento>*{min-width:0}
.mf-b-a{grid-column:1/9;aspect-ratio:16/9}
.mf-b-b{grid-column:9/13;display:grid;grid-template-rows:1fr 1fr;gap:10px}
.mf-b-c{grid-column:1/6}
.mf-b-d{grid-column:6/13}
.mf-b-e{grid-column:1/13}
.mf-sw{position:relative;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:0;border-radius:var(--r);padding:clamp(16px,1.8vw,26px);cursor:copy;transition:transform .6s var(--spring);background:var(--c,#333);color:var(--ct,#fff)}
.mf-sw:hover{transform:scale(.985)}
.mf-sw:active{transform:scale(.97)}
.mf-sw .mf-nm{font-family:var(--fl);font-size:clamp(24px,2.3vw,36px);letter-spacing:-.03em;line-height:1}
.mf-sw dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-family:var(--fr);font-size:12.5px;line-height:1.45}
.mf-sw dt{opacity:.62}
.mf-sw .mf-ok{position:absolute;top:clamp(16px,1.8vw,26px);right:clamp(16px,1.8vw,26px);font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .4s var(--ease)}
.mf-sw.mf-copied .mf-ok{opacity:1;transform:none}
.mf-type{background:var(--p3,#F4EADC);color:#231F20;border-radius:var(--r);padding:clamp(18px,2vw,30px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;font-family:var(--fb,var(--fr));overflow:hidden;min-height:100%}
.mf-type .mf-tn{font-weight:600;font-size:14px;letter-spacing:.01em;display:flex;justify-content:space-between;gap:12px}
.mf-type .mf-tn span:last-child{font-weight:400;opacity:.6}
.mf-type .mf-aa{font-size:clamp(96px,13vw,208px);line-height:.8;letter-spacing:-.05em;font-variation-settings:'wght' 200;animation:mf-wght 5.5s cubic-bezier(.65,0,.35,1) infinite alternate;color:var(--p2,#231F20)}
@keyframes mf-wght{from{font-variation-settings:'wght' 200}to{font-variation-settings:'wght' 800}}
.mf-type .mf-cl{font-weight:500;font-size:clamp(18px,1.9vw,28px);letter-spacing:-.02em;line-height:1.1}
.mf-type .mf-ws{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;opacity:.72;margin-top:12px}

/* Banda en vídeo a sangre */
.mf-band{margin-top:var(--sec)}
.mf-band .mf-frame{border-radius:0;width:100%}

/* ---------- Galería ---------- */
.mf-gal{margin-top:clamp(52px,6vw,92px);--gh:clamp(250px,39vw,580px)}
.mf-open{all:unset;display:block;width:100%;height:100%;cursor:inherit;border-radius:inherit}
.mf-open:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.mf-track{position:relative;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:var(--edge);scroll-padding-inline:var(--edge);scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}
.mf-track::-webkit-scrollbar{display:none}
.mf-track.mf-drag{scroll-snap-type:none;cursor:grabbing}
.mf-item{flex:0 0 auto;height:var(--gh);aspect-ratio:var(--ar);scroll-snap-align:start;border-radius:var(--r);overflow:hidden;background:var(--ink2);position:relative}
.mf-item img,.mf-item video{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.mf-item::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(246,245,243,.06);pointer-events:none}
.mf-item .mf-vtag{position:absolute;left:12px;bottom:12px;z-index:2;width:28px;height:28px;border-radius:50%;background:rgba(31,35,34,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;pointer-events:none}
.mf-item .mf-vtag svg{width:10px;height:10px}
.mf-end{flex:0 0 1px}
.mf-ctl{margin-top:18px;align-items:center;font-family:var(--fr);font-weight:400;font-size:13.5px;line-height:1.45;min-height:34px}
.mf-ui{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:10px}
.mf-dots{display:flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:rgba(246,245,243,.08);max-width:100%;overflow:hidden}
.mf-dots button{position:relative;flex:0 0 auto;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(246,245,243,.35);cursor:pointer;overflow:hidden;transition:width .5s var(--ease),background .3s}
.mf-dots button.mf-on{width:34px;background:rgba(246,245,243,.25)}
.mf-dots button i{position:absolute;inset:0;background:var(--t1);border-radius:inherit;transform-origin:0 50%;transform:scaleX(0)}
.mf-dots button.mf-on i{transform:scaleX(var(--f,0))}
.mf-round{width:34px;height:34px;border-radius:50%;border:0;background:rgba(246,245,243,.08);display:grid;place-items:center;cursor:pointer;transition:background .25s;flex:0 0 auto}
.mf-round:hover{background:rgba(246,245,243,.16)}
.mf-round svg{width:13px;height:13px}
.mf-gal .mf-ip{display:none}.mf-gal.mf-paused .mf-ip{display:block}.mf-gal.mf-paused .mf-ipa{display:none}

/* Puente */
.mf-bridge{padding-top:var(--sec)}
.mf-bridge p{grid-column:1/12;font-family:var(--fx);font-weight:200;font-size:clamp(40px,6.3vw,98px);line-height:1.02;letter-spacing:-.046em;color:var(--t1);text-wrap:balance}
.mf-bridge em{font-style:normal;color:var(--orange)}

/* ---------- El proyecto (hoja clara) ---------- */
.mf-doc{margin-top:var(--sec);background:var(--bone);color:var(--d1);border-radius:28px;padding-block:clamp(72px,9vw,140px) clamp(84px,10vw,150px)}
.mf-doc :focus-visible{outline-color:var(--orange)}
.mf-crumbs{font-family:var(--fr);font-weight:400;font-size:13px;color:var(--d3)}
.mf-crumbs a{text-decoration:none;color:var(--d3)}
.mf-crumbs a:hover{color:var(--d1)}
.mf-doch{margin-top:18px;font-family:var(--fx);font-weight:200;font-size:clamp(52px,7.6vw,120px);line-height:.92;letter-spacing:-.05em;margin-left:-.04em;color:var(--d1)}
.mf-docb{margin-top:clamp(48px,6vw,88px);align-items:start}
.mf-rel{grid-column:1/9}
.mf-relb{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--dline);padding:26px 0 clamp(36px,4vw,56px)}
.mf-relb h3{grid-column:1/3;font-family:var(--fl);font-size:clamp(22px,1.9vw,28px);letter-spacing:-.025em;line-height:1.1;color:var(--d1)}
.mf-relb div{grid-column:3/9}
.mf-relb p{font-size:clamp(17px,1.3vw,19px);line-height:1.62;color:var(--d2);max-width:62ch}
.mf-relb p+p{margin-top:1em}
.mf-ft{grid-column:9/13;position:sticky;top:96px;background:var(--ink);color:var(--t1);border-radius:18px;padding:clamp(22px,2.2vw,32px)}
.mf-ft h3{font-family:var(--fl);font-size:22px;letter-spacing:-.02em;line-height:1.2;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--t1)}
.mf-ft ul{list-style:none}
.mf-ft li{padding:14px 0;border-bottom:1px solid var(--line)}
.mf-ft li b{display:block;font-family:var(--fm);font-weight:500;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}
.mf-ft li span{display:block;font-family:var(--fr);font-weight:400;font-size:14.5px;line-height:1.5;color:var(--t1)}
.mf-fcta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-family:var(--fm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--t1)!important;border-bottom:1px solid rgba(246,245,243,.3);padding-bottom:8px;transition:border-color .3s,color .3s}
.mf-fcta::after{content:"\2192";transition:transform .45s var(--spring)}
.mf-fcta:hover{color:var(--orange)!important;border-color:var(--orange)}
.mf-fcta:hover::after{transform:translateX(5px)}
.mf-faq{margin-top:clamp(64px,8vw,120px)}
.mf-faqh{grid-column:1/4;color:var(--d3);padding-top:28px}
.mf-faql{grid-column:4/13}
.mf-faq details{border-top:1px solid var(--dline)}
.mf-faq details:last-child{border-bottom:1px solid var(--dline)}
.mf-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:24px 0;font-family:var(--fl);font-size:clamp(20px,2vw,29px);letter-spacing:-.022em;line-height:1.2;color:var(--d1)}
.mf-faq summary::-webkit-details-marker{display:none}
.mf-faq summary h3{font:inherit;letter-spacing:inherit;color:inherit}
.mf-faq .mf-ic{flex:0 0 auto;position:relative;width:14px;height:14px}
.mf-faq .mf-ic::before,.mf-faq .mf-ic::after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1.5px;background:var(--d1);transition:transform .4s var(--ease)}
.mf-faq .mf-ic::after{transform:rotate(90deg)}
.mf-faq details[open] .mf-ic::after{transform:rotate(0)}
.mf-faq .mf-a{padding:0 0 28px;max-width:70ch}
.mf-faq .mf-a p{font-size:clamp(17px,1.3vw,19px);line-height:1.62;color:var(--d2)}
@supports (interpolate-size:allow-keywords){
  .mf-faq{interpolate-size:allow-keywords}
  .mf-faq details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
  .mf-faq details[open]::details-content{height:auto}
}

/* ---------- Revelado al entrar ---------- */
.mf-pre{opacity:0;transform:translate3d(0,30px,0)}
.mf-in{opacity:1;transform:none;transition:opacity 1s var(--ease) var(--d,0s),transform 1.2s var(--ease) var(--d,0s)}

/* ---------- Progreso de lectura en la cápsula del tema ---------- */
.mf-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--orange,#FF4D00);transform-origin:0 50%;transform:scaleX(var(--read,0));z-index:4;pointer-events:none}
body.menu-open .mf-prog{opacity:0}

/* ---------- Visor a pantalla completa (se añade al body) ---------- */
.mf-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(20,23,22,.96);display:grid;grid-template-rows:auto 1fr auto;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s;color:var(--t1);font-family:var(--fr)}
.mf-lb.mf-open-lb{opacity:1;visibility:visible;transition:opacity .35s ease}
.mf-lbt,.mf-lbb{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--edge);font-weight:400;font-size:13.5px;color:var(--t3)}
.mf-lbt .mf-tab{color:var(--t1)}
.mf-lbs{position:relative;overflow:hidden;display:grid;place-items:center;padding:0 var(--edge)}
.mf-lbs img,.mf-lbs video{max-width:100%;max-height:calc(100svh - 150px);width:auto;height:auto;border-radius:8px;transition:transform .45s var(--ease);cursor:zoom-in}
.mf-lbs video{cursor:default}
.mf-lbs.mf-zoom img{transform:scale(2.1);cursor:zoom-out}
.mf-lb .mf-round{background:rgba(246,245,243,.1)}
.mf-lb .mf-nav{display:flex;gap:10px}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .mf-ch .mf-lab{grid-column:1/-1;padding-top:0;margin-bottom:18px}
  .mf-ch h2,.mf-chp,.mf-idea .mf-sub{grid-column:1/-1}
  .mf-big .mf-l2{grid-column:2/-1}
  .mf-rel,.mf-ft{grid-column:1/-1}
  .mf-ft{position:static;margin-top:28px}
  .mf-faqh{grid-column:1/-1;padding-top:0;margin-bottom:10px}
  .mf-faql{grid-column:1/-1}
}
@media (max-width:760px){
  .mf{font-size:17px}
  .mf-hero{height:140svh}
  .mf-nrow>div,.mf-nrow.mf-n3>div{grid-column:span 6}
  .mf-nrow>div:nth-child(n+3){margin-top:12px}
  .mf-nrow>div:last-child:not(:first-child){text-align:left}
  .mf-nrow.mf-n2>div{grid-column:span 6}
  .mf-intro .k2-caso{grid-column:1/-1}
  .mf-capt>div:first-child,.mf-capt>div:nth-child(2),.mf-capt>div:nth-child(3){grid-column:1/-1;text-align:left}
  .mf-capt>div+div{margin-top:4px}
  .mf-dip figure:nth-child(1),.mf-dip.mf-dipv figure:nth-child(1){grid-column:1/-1}
  .mf-dip figure:nth-child(2),.mf-dip.mf-dipv figure:nth-child(2){grid-column:3/-1;margin-top:10px}
  .mf-vpair>*{grid-column:1/-1}
  .mf-big .mf-l2{grid-column:1/-1}
  .mf-b-a,.mf-b-b,.mf-b-c,.mf-b-d,.mf-b-e{grid-column:1/-1}
  .mf-b-b{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .mf-b-b .mf-sw{min-height:220px}
  .mf-type{min-height:300px}
  .mf-gal{--gh:clamp(230px,62vw,340px)}
  .mf-ui [data-prev],.mf-ui [data-next]{display:none}
  .mf-dots{gap:5px;padding:0 11px}
  .mf-dots button{width:5px;height:5px}
  .mf-dots button.mf-on{width:24px}
  .mf-bridge p{grid-column:1/-1}
  .mf-relb h3,.mf-relb div{grid-column:1/-1}
  .mf-relb div{margin-top:12px}
  .mf-doc{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
  .mf-h1,.mf-cap .mf-lab,.mf-fig img{animation:none}
  .mf-pre{transform:none}
  .mf-big .mf-l1,.mf-big .mf-l2,.mf-big .mf-plus{transition:none}
  .mf-idea.mf-far .mf-l1,.mf-idea.mf-far .mf-l2,.mf-idea.mf-far .mf-plus{transform:none}
}
@media print{.mf-pre{opacity:1!important;transform:none!important}.mf-prog{display:none}}
/* Variante audiovisual (26/9/26): portada en vídeo y pieza completa con sonido */
.mf-fig video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--hs,1.08));transform-origin:50% 45%}
.mf-av .mf-frame{background:#000}
.mf-av .mf-frame video{object-fit:contain;background:#000}
.mf-av .mf-capt{margin-top:14px}
@media (prefers-reduced-motion:reduce){.mf-fig video{transform:none}}

/* Identidad en movimiento (bento de marca): 16:9 en escritorio, 4:5 en móvil; el vídeo elige su fuente con <source media> */
.mf-idm .mf-frame{aspect-ratio:16/9}
@media (max-width:760px){.mf-idm .mf-frame{aspect-ratio:4/5}}