/* =========================================================
   Missions Lab · v2 de la home con las tipografias ORIGINALES (ml/index4.html)
   Se carga DESPUES de core.css y ml.css y solo sobrescribe.
   Regla del proyecto: ningun texto cambia; solo tipografia,
   color, estructura y ritmo. Todo va bajo body.v2.
   ========================================================= */

/* ---------- 1. Paleta: crema ORIGINAL (de ml.css) + negro verdoso en las secciones oscuras ---------- */
body.ml.v2{
  /* tipografias originales del sitio: Archivo (--disp, de core.css) para texto y titulares */
  --head:var(--disp);
  --dk:#11150F;--dk2:#181D15;--dk3:#20271B;--dkline:#283024;--dkline2:#3C4736;
}
/* secciones oscuras: del azul-negro frio a un negro verdoso, mas cercano al campo */
body.ml.v2 .dark{--bg:var(--dk);--card:var(--dk2);--card-solid:var(--dk2);--line:var(--dkline);--line2:var(--dkline2);--fg:#F1EADA;--fg2:#D4CFBE;--muted:#A5AB96;background:var(--dk)}
body.ml.v2 .nav.on-dark{--fg:#F1EADA;--fg2:#D4CFBE;--line2:var(--dkline2);background:var(--dk)}
body.ml.v2 .nav.on-dark.scrolled{background:rgba(17,21,15,.84);border-bottom-color:var(--dkline)}
body.ml.v2 .torn-div rect{fill:var(--dk)}
body.ml.v2 .foot.ml-foot{background:var(--dk);--line:var(--dkline);--line2:var(--dkline2)}
body.ml.v2 .start-card{background:var(--dk2);border-radius:14px}
body.ml.v2 .start-card .start-hr{border-top-color:var(--dkline)}
body.ml.v2 .film-empty{background-color:var(--dk2)}
body.ml.v2 .film-msg{background:rgba(17,21,15,.88)}

/* ---------- 2. Tipografia: un titular con mas caracter, cuerpo igual ---------- */
/* titulares, cuerpo y botones conservan los valores originales de core.css (Archivo 900, -0.035em, 0.95) */
body.v2 .acc-item>button{font-weight:700}

/* el naranja en los titulares deja de ser formula: solo queda en el hero y en el cierre */
body.v2 h1 .acc,body.v2 h2 .acc,body.v2 .h3 .acc{color:inherit}
body.v2 .m-hero h1 .acc{color:var(--accent)}
body.v2 .close h2 .scr{color:var(--accent)}

/* etiquetas (eyebrow con su ::before, tags, links, menu, pills, footer): se conservan los estilos ORIGINALES en mayusculas */

/* ---------- 3. Tarjetas: cada tipo de contenido con su forma ---------- */
body.v2 .card{border-radius:12px}
body.v2 .ph{border:0;border-radius:8px;background-color:var(--bg2);
  background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(86,98,55,.07) 9px 10px)}
body.v2 .dark .ph{background-color:var(--dk3);
  background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(180,190,138,.06) 9px 10px)}
body.v2 .ph .ph-ic{border-radius:8px}
body.v2 .ph .ph-tag{border-radius:4px}

/* ---------- 4. Estructuras de encabezado ---------- */
body.v2 .head-stack{display:flex;flex-direction:column;gap:28px}
body.v2 .head-stack .lead{max-width:54ch}
body.v2 .head-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
body.v2 .head-center .stack{align-items:center}
body.v2 .head-center .lead{margin-inline:auto}
body.v2 .side-head{display:flex;flex-direction:column;gap:26px}
body.v2 .side-head .stack{gap:18px}

/* ---------- 5. Ritmo vertical distinto por seccion ---------- */
body.v2 .s-who{padding-block:clamp(84px,10vw,152px) clamp(72px,9vw,128px)}
body.v2 .s-who .h2{font-size:clamp(44px,6.2vw,100px);max-width:15ch}
body.v2 .s-proc{padding-block:clamp(72px,9vw,136px)}
body.v2 .s-proc .h2{font-size:clamp(36px,4.2vw,66px)}
body.v2 .s-kit{padding-block:clamp(80px,10vw,150px)}
body.v2 .s-ql{padding-block:clamp(64px,7vw,104px)}
body.v2 .s-ql .h2{font-size:clamp(34px,4vw,62px)}
body.v2 .s-reps{padding-block:clamp(72px,9vw,128px) clamp(110px,13vw,190px)}
body.v2 .s-reps .h2{font-size:clamp(38px,5vw,78px)}

/* ---------- 6. Who it's for: filas con foto, sin tarjetas ---------- */
body.v2 .paths{display:grid;border-top:1px solid var(--line2)}
body.v2 .paths .path{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4.4vw,72px);align-items:center;
  background:transparent;border:0;border-bottom:1px solid var(--line2);border-radius:0;box-shadow:none;overflow:visible;
  padding:clamp(28px,3.6vw,52px) 0;min-height:0}
body.v2 .paths .path:hover{transform:none;box-shadow:none;border-color:var(--line2)}
body.v2 .paths .path:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
body.v2 .paths .path:nth-child(even) .path-img{order:2}
body.v2 .paths .path-img{aspect-ratio:4/3;border-radius:6px}
body.v2 .paths .path-img img{transition:transform 1.2s var(--ease-out)}
body.v2 .paths .path:hover .path-img img{transform:scale(1.04)}
body.v2 .path .pn{font-size:18px;line-height:1;padding:6px 10px 5px;border-radius:3px;background:rgba(17,21,15,.78);color:#F1EADA;top:12px;left:12px;letter-spacing:0}
body.v2 .paths .path-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"h c" "p c" "l c";
  column-gap:clamp(24px,3vw,48px);row-gap:16px;align-content:center;padding:0}
body.v2 .paths .path h3{grid-area:h;font-size:clamp(30px,3vw,44px);align-self:end}
body.v2 .paths .path p{grid-area:p}
body.v2 .paths .path .chk{grid-area:c;align-self:center;margin:0}
body.v2 .paths .path .link{grid-area:l;align-self:start;margin-top:6px;padding-top:0}

/* ---------- 7. Proceso: encabezado fijo + pasos en dos columnas ---------- */
body.v2 .wrap.side{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:clamp(32px,6vw,100px);align-items:start}
body.v2 .proc .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
body.v2 .proc .pstep:nth-child(3n+2){margin-top:0}
body.v2 .proc .pstep:nth-child(2n){margin-top:56px}
body.v2 .proc .pstep.card{border-radius:12px}
body.v2 .proc .pstep .ix{font-size:56px}
body.v2 .proc .pstep h3{font-size:clamp(24px,2.2vw,30px);margin-top:12px}
body.v2 .proc .pstep .tag{color:var(--muted)}
body.v2 .closer{font-size:clamp(30px,3.6vw,52px);margin-top:clamp(56px,7vw,96px);max-width:14ch}

/* ---------- 8. Field Kit: encabezado centrado + rasgos con regla ---------- */
body.v2 .s-kit .film{border-radius:14px}
body.v2 .feats{gap:clamp(24px,4vw,64px)}
body.v2 .feat{border-top:1px solid var(--line2);padding-top:22px;gap:14px}
body.v2 .feat h3{font-size:clamp(28px,2.8vw,40px)}

/* ---------- 9. Quick Launch: lista en dos columnas ---------- */
body.v2 .ql-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,88px)}
body.v2 .ql-list .card.ql{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:start;
  background:transparent;border:0;border-top:1px solid var(--line2);border-radius:0;box-shadow:none;overflow:visible;padding:28px 0 32px}
body.v2 .ql-list .card.ql:hover{transform:none}
body.v2 .ql-list .card.ql .ph{border-radius:8px;aspect-ratio:4/3;margin:0}
body.v2 .ql-list .card.ql .ql-body{padding:0}
body.v2 .ql .pnum{font:700 15px var(--head);color:var(--accent);margin-top:0}
body.v2 .ql .h3{font-size:clamp(24px,2.1vw,30px);margin-top:8px}
body.v2 .ql .ql-out{margin-top:18px}

/* ---------- 10. Field reports: tarjetas escalonadas, con forma de foto ---------- */
body.v2 .reps{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2.6vw,36px);align-items:start;margin-top:clamp(44px,5vw,72px)}
body.v2 .reps .rep:nth-child(2){margin-top:56px}
body.v2 .reps .rep:nth-child(3){margin-top:112px}
body.v2 .rep.card{border-radius:4px;background:#FFFDF7;box-shadow:0 18px 40px -22px rgba(66,58,48,.35)}
body.v2 .reps .rep:first-child blockquote{font-size:clamp(19px,1.7vw,24px)}
body.v2 .rep .rep-q{font-size:64px}

/* ---------- 11. Preguntas frecuentes: filas planas ---------- */
body.v2 .acc-list{gap:0;border-top:1px solid var(--line2)}
body.v2 .acc-item{background:transparent;border:0;border-bottom:1px solid var(--line2);border-radius:0}
body.v2 .acc-item>button{padding:26px 4px}
body.v2 .acc-item .acc-b p{padding:0 4px 28px}

/* ---------- 12. Responsive ---------- */
@media (max-width:980px){
  body.v2 .wrap.side{grid-template-columns:minmax(0,1fr)}
  body.v2 .paths .path,body.v2 .paths .path:nth-child(even){grid-template-columns:minmax(0,1fr)}
  body.v2 .paths .path:nth-child(even) .path-img{order:0}
  body.v2 .paths .path-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "p" "c" "l"}
  body.v2 .ql-list{grid-template-columns:minmax(0,1fr)}
  body.v2 .reps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.v2 .reps .rep:first-child{grid-column:1/-1}
  body.v2 .reps .rep:nth-child(2),body.v2 .reps .rep:nth-child(3){margin-top:0}
}
@media (max-width:560px){
  body.v2 .proc .pgrid{grid-template-columns:minmax(0,1fr)}
  body.v2 .proc .pstep:nth-child(2n){margin-top:0}
  body.v2 .ql-list .card.ql{grid-template-columns:minmax(0,1fr)}
  body.v2 .ql-list .card.ql .ph{max-width:260px}
  body.v2 .reps{grid-template-columns:minmax(0,1fr)}
}

/* video real del Field Kit: boton que abre el modal de site.js (data-film) */
.film-live{display:block;width:100%;padding:0;text-align:left;border:0}