/* Nosotros — fiel a mockups/02-Nosotros (1440 px). Prefijo: .pg-nosotros */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400..700;1,8..60,500..700&family=Source+Sans+3:wght@400;500;600&display=swap');

.pg-nosotros{
  --n-hero:#01251B;--n-page:#FCFBF9;--n-val:#F8F9F4;--n-eq:#FAFBF6;--n-met:#F9FBF8;--n-cta:#002F1F;
  --n-ink:#0F2A1D;--n-gray:#5E6C77;--n-gray2:#4F5A55;--n-line:#E2E6DC;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;--hum:'Source Sans 3','Segoe UI',system-ui,sans-serif;
  background:var(--n-page);
}
.pg-nosotros .nw{width:min(100% - 2 * var(--gutter),1290px);margin-inline:auto;position:relative}
.pg-nosotros .serif{font-family:var(--serif)}
.pg-nosotros .pd{margin-left:-.11em}
.pg-nosotros .nb{white-space:nowrap}
.pg-nosotros .eyebrow{font-size:12.5px;letter-spacing:.2em}

/* Placas: fondo recortado de la maqueta + asset real alineado encima */
:where(.pg-nosotros) .pl{position:relative;overflow:hidden}
:where(.pg-nosotros) .pl-bd{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none}
:where(.pg-nosotros) .pl-fg{position:absolute;max-width:none;height:auto;pointer-events:none}
:where(.pg-nosotros) .pl-fgw{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.pg-nosotros .deco{max-width:none}

/* ── 1. Hero ───────────────────────────────────────────────────── */
.nh{background:var(--n-hero);padding-bottom:calc(64px + 100vw * 100 / 1440)}
.nh-art{position:absolute;top:0;right:0;bottom:0;width:61.12%;container-type:size;overflow:hidden}
.nh-stage{position:absolute;top:0;right:0;width:max(100cqw,calc(100cqh * 880 / 845));aspect-ratio:880/845;transform-origin:70% 40%;overflow:visible}
.js .nh-stage{animation:art-in 1.6s var(--ease-out) .1s both,nh-kb 28s ease-in-out 1.7s infinite alternate}
@keyframes nh-kb{from{scale:1}to{scale:1.045}}
.nh-fg{filter:saturate(.86) brightness(.93) contrast(.96);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(transparent 70%,#000);mask-image:linear-gradient(90deg,transparent,#000 14%);}
.nh-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--n-hero),rgba(1,37,27,0) 16%);pointer-events:none}
.nh-topo{left:-260px;top:200px;width:620px;opacity:.55}
.nh-in{z-index:2;padding-top:28px}
.nh-bc{font-size:11.5px;letter-spacing:.16em;color:#C9D6CE;gap:8px}
.nh-pill{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.nh-pill i{position:relative;flex:none;width:25px;height:25px;border-radius:50%;background:#0F381F;box-shadow:inset 0 0 0 1.5px rgba(204,247,71,.55)}
.nh-pill i::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--lime);animation:pulse-dot 2s ease-in-out infinite}
.nh-pill b{width:192px;height:1px;background:linear-gradient(90deg,rgba(198,227,90,.85),rgba(198,227,90,.5));margin-left:6px}
.nh-h1{margin-top:22px;font-size:clamp(40px,4.75vw,68px);line-height:.905;letter-spacing:-.045em;font-weight:800;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.nh-lead{margin-top:20px;max-width:532px;font-size:clamp(17px,1.4vw,20px);line-height:1.42;color:#E4ECE6}
.nh-cta{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px}
.nh-btn{min-height:48px;padding:0 30px;border-radius:10px;font-size:12.5px;letter-spacing:.12em}
.nh-btn.btn-lime{background:#D2F45E}
.nh-btn.btn-ghost{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.nh-attrs{display:flex;margin-top:33px}
.nh-attrs li{display:flex;flex-direction:column;align-items:center;gap:13px;padding:0 38px;text-align:center;font-size:14px;line-height:1.3;color:#fff;border-left:1px solid rgba(255,255,255,.2)}
.nh-attrs li:first-child{padding-left:0;border-left:0;min-width:88px}
.nh-attrs svg{color:var(--lime);transition:transform .5s var(--ease-spring)}
.nh-attrs li:hover svg{transform:translateY(-4px) scale(1.08)}
.nh-wave{position:absolute;left:0;bottom:-1px;width:100%;height:calc(100vw * 100 / 1440 + 1px);z-index:3;fill:var(--n-page);pointer-events:none}

/* ── 2. Quiénes somos + Qué aportamos ─────────────────────────── */
.nq{position:relative;z-index:4;padding-top:115px;padding-bottom:47px;background:var(--n-page);overflow-x:clip}
.nq-topo{right:-120px;top:0;width:640px;opacity:.6}
.nq-topo{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 40%,transparent 100%)}
/* pantallas anchas o zoom < 100 %: el valle ya no toca el borde de la ventana, así que su borde izquierdo se funde con el fondo */
@media (min-width:1460px){.nq-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}}
.nq-art{position:absolute;left:max(0px,calc(50% - 720px));top:-45px;width:min(54.86vw,790px);z-index:1}
.nq-pl{aspect-ratio:790/595;overflow:visible}
.nq-pl .pl-fg{filter:saturate(.9)}
.nq-parcel{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.nq-parcel path{stroke:#fff;stroke-width:1.6;stroke-opacity:.92;fill:rgba(198,227,90,.1)}
.js .nq-parcel path{transition:stroke-dashoffset 3s var(--ease-out) .5s,fill-opacity 1s ease 2.4s;fill-opacity:0}
.js .nq-parcel.in path{fill-opacity:1}
.nq-parcel circle{fill:#5E7D18;stroke:#fff;stroke-width:2.2;transform-box:fill-box;transform-origin:center}
.nq-parcel.in circle{animation:nq-ping 2.8s ease-in-out infinite;animation-delay:calc(2s + var(--d) * .35s)}
@keyframes nq-ping{0%,100%{scale:1}50%{scale:1.35}}
.nq-text{position:relative;z-index:2;margin-left:calc(max(0px,50% - 720px) + min(55.35%,797px));padding-right:12px;max-width:680px;min-height:420px}
.nq-h2{margin-top:20px;font-size:clamp(34px,3.68vw,53px);line-height:1.075;letter-spacing:-.042em;font-weight:800;color:var(--n-ink)}
.nq-h2 .accent{color:#5C7316}
.nq-p{margin-top:24px;font-size:clamp(17px,1.46vw,21px);line-height:1.5;color:var(--n-gray);max-width:560px}
.nq-p + .nq-p{margin-top:18px}
.na{margin-top:27px}
.na .eyebrow{margin-left:-12px}
.na-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px -15px 0 -13px}
.na-card{display:flex;align-items:center;gap:28px;min-height:173px;padding:24px 14px 24px 26px;background:#FEFEFD;border:1px solid #E6E8E0;border-radius:14px;box-shadow:0 10px 26px -22px rgba(16,40,28,.35);transition:box-shadow .3s,border-color .3s,translate .9s var(--ease-out),opacity .9s var(--ease-out),scale .9s var(--ease-out),transform .45s var(--ease-out)}
.na-card:hover{border-color:#CFDAB4;box-shadow:0 22px 40px -26px rgba(16,40,28,.45)}
.na-ic{flex:none;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:#E6E9D6;color:#253729;transition:background-color .3s,transform .5s var(--ease-spring)}
.na-ic svg{width:62px;height:62px}
.na-card:hover .na-ic{background:#DCE6BD;transform:rotate(-6deg) scale(1.04)}
.na-card h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;white-space:nowrap;font-weight:700;color:var(--n-ink)}
.na-card p{margin-top:8px;font-size:16.5px;line-height:1.5;color:var(--n-gray)}

/* ── 3. Propósito (oscuro) ───────────────────────────────────── */
.np{position:relative;overflow:hidden;color:#fff;background:radial-gradient(60% 70% at 30% 0%,#0A4029 0%,transparent 70%),linear-gradient(180deg,#05391F 0%,#033523 60%,#01331F 100%);padding:78px 0 98px}
.np-topo{opacity:.7}
.np-topo--a{right:-140px;top:-120px;width:620px}
.np-topo--b{left:-300px;bottom:-260px;width:600px}
.np-eb{margin-left:35px;font-size:14px;letter-spacing:.2em;color:#D6F25E}
.np-eb::before{background:#D6F25E;height:1px}
.np .accent{color:#C6E35A}
.np-h2{margin:20px 0 0 35px;font-size:clamp(30px,3.35vw,48px);line-height:1.2;letter-spacing:-.025em;font-weight:700;color:#F4F7F2}
.np-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:58px}
.np-grid::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(rgba(201,214,206,.15),rgba(201,214,206,.42) 20%,rgba(201,214,206,.42) 80%,rgba(201,214,206,.15))}
.np-trail{position:absolute;left:0;top:0;width:100%;height:300px;z-index:1}
.np-trail path{stroke-width:1.4;stroke-opacity:.85}
.np-trail circle{fill:none;stroke:var(--lime);stroke-width:1.6}
.np-col{position:relative;z-index:2;padding-left:138px}
.np-col + .np-col{padding-left:82px}
.np-art{height:232px;display:flex;align-items:flex-start}
.np-art img{filter:drop-shadow(0 26px 26px rgba(0,0,0,.35))}
.np-art--doc{margin-left:60px}
.np-art--doc img{width:272px;margin-top:-26px}
.np-art--comp{margin-left:80px}
.np-art--comp img{width:218px;margin-top:-18px;transform-origin:50% 55%;animation-duration:7s}
.np-lbl{margin-top:22px;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#D6F25E}
.np-txt{margin-top:16px;max-width:446px;font-size:clamp(17px,1.46vw,21px);line-height:1.55;letter-spacing:-.01em;color:#F1F5F2}

/* ── 4. Valores ──────────────────────────────────────────────── */
.nv{position:relative;overflow:hidden;background:var(--n-val);padding:36px 0 80px}
.nv-topo{opacity:.45}
.nv-topo--a{right:-260px;top:-220px;width:560px}
.nv-topo--b{left:-330px;bottom:-250px;width:560px}
.nv-in{padding-inline:16px 13px}
.nv-head{display:grid;grid-template-columns:1fr 470px;align-items:center;gap:40px}
.nv-h2{margin-top:15px;font-size:clamp(36px,4.4vw,63px);line-height:.9;letter-spacing:-.025em;font-weight:700;color:#0E2A1E;font-optical-sizing:auto}
.nv-h2 em{font-style:italic;font-weight:700;color:#5B7A12}
.nv-intro{margin-top:30px;padding-left:38px;border-left:1px solid #CAD0B4;font-family:var(--hum);font-size:18.5px;line-height:1.43;color:#4F5A55;max-width:430px}
.nv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 18px;margin-top:30px}
.nv-card{position:relative;background:#fff;border:1px solid #E3E7DF;border-radius:14px;overflow:hidden;padding-bottom:13px;box-shadow:0 12px 30px -26px rgba(16,40,28,.4);transition:box-shadow .35s,border-color .35s,translate 1s var(--ease-out),opacity .9s var(--ease-out),scale 1s var(--ease-out),transform .45s var(--ease-out)}
.nv-card:hover{border-color:#CFDAB4;box-shadow:0 26px 44px -28px rgba(16,40,28,.5)}
.nv-pl{border-radius:13px 13px 12px 12px}
.nv-pl .pl-bd,.nv-pl .pl-fg{transition:scale 1.2s var(--ease-out)}
.nv-card:hover .nv-pl .pl-bd,.nv-card:hover .nv-pl .pl-fg{scale:1.035}
.nv-pl .pl-bd{transform-origin:50% 50%}
.nv-num{position:absolute;left:21px;top:calc(var(--ph,40.6%) - 25px);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#DBE5B1;color:#1F4D2A;font-weight:800;font-size:18px;box-shadow:0 0 0 4px #fff;z-index:2;transition:transform .9s var(--ease-spring) .35s,background-color .3s}
.nv-card .nv-num{top:auto;margin-top:-25px;position:relative;left:21px}
.js .nv-card:not(.in) .nv-num{transform:scale(0) rotate(-90deg)}
.nv-card:hover .nv-num{background:var(--lime)}
.nv-card h3{margin:4px 22px 0 32px;font-family:var(--serif);font-size:clamp(21px,1.75vw,25px);line-height:1.15;letter-spacing:-.01em;font-weight:650;color:#0E2A1E}
.nv-card p{margin:8px 22px 0 32px;font-family:var(--hum);font-size:16.5px;line-height:1.36;color:#4F5A55;max-width:318px}

/* ── 5. Equipo ───────────────────────────────────────────────── */
.ne{position:relative;background:var(--n-eq);padding:90px 0 calc(100vw * 205 / 1440)}
.ne-topo{opacity:.45}
.ne-topo--a{right:-200px;top:-80px;width:600px}
.ne-topo--b{left:-360px;top:420px;width:560px}
.ne-in{display:grid;grid-template-columns:1fr 628px;gap:40px;z-index:2}
.ne-eb{font-weight:500;font-size:13.5px;letter-spacing:.16em}
.ne-h2{margin-top:16px;font-size:clamp(36px,4.15vw,60px);line-height:.94;letter-spacing:-.022em;font-weight:640;color:#0E2A1E}
.ne-h2 .accent{color:#5E7A0E}
.ne-p{margin-top:22px;font-size:clamp(17px,1.38vw,19.8px);line-height:1.33;color:#5B6268;max-width:580px}
.ne-team{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:22px;max-width:672px;margin:12px 0 0 -20px}
.ne-m{grid-column:span 2;display:flex;flex-direction:column;align-items:center}
.ne-m:nth-child(4){grid-column:2 / span 2;position:relative;left:-16px}
.ne-m:nth-child(5){grid-column:4 / span 2;position:relative;left:16px}
.ne-m{text-align:center}
.ne-ph{position:relative;width:192px;aspect-ratio:1}
.ne-ph::before{content:none}
.ne-m:nth-child(2) .ne-ph::before{animation-delay:-3s}.ne-m:nth-child(3) .ne-ph::before{animation-delay:-6s}
@keyframes ne-blob{from{rotate:0deg;scale:1}to{rotate:14deg;scale:1.05}}
.ne-ring{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);fill:none;stroke:#9DB44A;stroke-width:1.5;stroke-opacity:.85;animation:ne-spin 40s linear infinite}
.ne-m:nth-child(2) .ne-ring{animation-direction:reverse}
@keyframes ne-spin{to{rotate:360deg}}
.ne-circle{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#F1F1EF;box-shadow:0 14px 26px -22px rgba(16,40,28,.45)}
.ne-circle img{position:absolute;max-width:none;height:auto}
.ne-m h3{white-space:nowrap;margin-inline:-30px;margin-top:22px;font-family:var(--serif);font-size:19.5px;line-height:1.2;letter-spacing:-.015em;font-weight:620;color:#0E2A1E}
.ne-m p{margin-top:7px;white-space:nowrap;margin-inline:-30px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3;color:#4C5652}
.ne-m p::after{content:"";display:block;width:38px;height:1px;margin:24px auto 0;background:#7C9452}
.ne-creds{display:flex;flex-direction:column;gap:15px;margin-top:10px}
.ne-cred{position:relative;display:flex;align-items:center;gap:25px;min-height:116px;padding:12px 186px 12px 19px;background:#fff;border:1px solid #E3E7DF;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px -24px rgba(16,40,28,.4);transition:box-shadow .3s,border-color .3s,translate 1s var(--ease-out),opacity .9s var(--ease-out)}
.ne-cred:hover{border-color:#CFDAB4;box-shadow:0 22px 36px -26px rgba(16,40,28,.5)}
.ne-ic{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:#EEF2E4;color:#1F4D2A;transition:transform .5s var(--ease-spring),background-color .3s}
.ne-cred:hover .ne-ic{transform:scale(1.08) rotate(-4deg);background:#E1EAC6}
.ne-cred h3{font-family:var(--serif);font-size:18px;white-space:nowrap;line-height:1.25;letter-spacing:-.015em;font-weight:620;color:#0E2A1E}
.ne-cred p{margin-top:5px;font-family:var(--serif);font-size:14.4px;letter-spacing:-.015em;line-height:1.45;color:#4F5A55}
.ne-pl{position:absolute;right:0;top:0;width:226px;height:100%}
.ne-pl .pl-fgw,.ne-pl .pl-bd{transition:scale 1s var(--ease-out);transform-origin:70% 50%}
.ne-cred:hover .ne-pl .pl-fgw{scale:1.05}
.ne-cred:has(.ne-pl--img){padding-right:172px}
.ne-cred:has(.ne-pl--img) p{font-size:14px;letter-spacing:-.02em}
.ne-pl--img{width:168px;overflow:hidden;border-radius:0 12px 12px 0}
.ne-pl--img img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;transition:scale 1s var(--ease-out);transform-origin:70% 50%}
.ne-cred:hover .ne-pl--img img{scale:1.05}
.ne-strip{position:absolute;left:0;right:0;bottom:-11px;z-index:3;pointer-events:none;aspect-ratio:1440/250;overflow:hidden}
.ne-strip img{width:100%;height:auto;max-width:none}

/* ── 6. Metodología ──────────────────────────────────────────── */
.nm{position:relative;overflow:hidden;background:var(--n-met);padding:94px 0 37px}
.nm-topo{left:280px;top:-60px;width:620px;opacity:.4}
.nm-art{position:absolute;right:0;top:0;width:59.03vw;z-index:1}
.nm-pl{aspect-ratio:850/404}
.nm-in{z-index:2}
.nm-text{padding-left:9px;min-height:290px}
.nm-h2{margin-top:24px;max-width:600px;font-size:clamp(34px,3.75vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:800;color:var(--n-ink)}
.nm-p{margin-top:24px;max-width:490px;font-size:clamp(16.5px,1.32vw,19px);line-height:1.5;color:#6A747A}
.nm-steps-w{position:relative;margin-top:43px}
.nm-line{position:absolute;left:7%;right:7.5%;top:-18px;width:auto;height:10px}
.nm-line path{stroke:#79874D;stroke-width:1.4}
.nm-steps{display:grid;grid-template-columns:183fr 188fr 215fr 203fr 188fr 193fr;gap:24px;margin-left:1px}
.nm-step{position:relative}
.nm-dot{position:absolute;left:50%;top:-22px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--n-met);box-shadow:inset 0 0 0 2px #496008;z-index:2;transition:transform .6s var(--ease-spring) .5s}
.nm-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#496008}
.js .nm-step:not(.in) .nm-dot{transform:scale(0)}
.nm-step:hover .nm-dot{transform:scale(1.25)}
.nm-pl2{border-radius:10px;box-shadow:0 14px 24px -20px rgba(16,40,28,.5)}
.nm-pl2 .pl-bd,.nm-pl2 .pl-fg{transition:scale 1s var(--ease-out)}
.nm-step:hover .nm-pl2 .pl-bd,.nm-step:hover .nm-pl2 .pl-fg{scale:1.05}
.nm-n{display:block;margin-top:20px;font-size:13px;font-weight:600;color:#687732;padding-left:3px}
.nm-step h3{margin-top:6px;padding-left:3px;font-size:18px;line-height:1.3;font-weight:500;letter-spacing:-.005em;color:#1D2A22;max-width:190px}
.nm-tools{margin-top:30px;padding-top:21px;border-top:1px solid var(--n-line)}
.nm-tl{font-size:12px;letter-spacing:.21em;text-transform:uppercase;color:#6B7570;padding-left:6px}
.nm-chips{display:flex;flex-wrap:wrap;gap:13px;margin-top:11px;padding-left:4px}
.nm-chips li{display:flex;align-items:center;gap:14px;min-height:55px;padding:0 30px 0 20px;border-radius:28px;background:#fff;border:1px solid #E1E5DA;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#1F2A24;transition:border-color .3s,box-shadow .3s,translate .9s var(--ease-out),opacity .9s var(--ease-out)}
.nm-chips li:hover{border-color:#B9C98A;box-shadow:0 12px 24px -18px rgba(16,40,28,.45)}
.nm-chips img{flex:none;width:auto;height:40px;transition:scale .5s var(--ease-spring)}
.nm-chips li:hover img{scale:1.08}
.nm-chips li{padding-left:12px}

/* ── 7. Cierre / contacto ────────────────────────────────────── */
.nc{position:relative;overflow:hidden;background:linear-gradient(180deg,#003424,#002F1F 40%,#012B1D);color:#fff;padding:100px 0 88px}
.nc-topo{opacity:.65}
.nc-topo--a{left:520px;top:-180px;width:520px}
.nc-topo--b{left:-320px;bottom:-240px;width:620px}
.nc-art{position:absolute;right:0;top:0;width:48.96vw;z-index:1}
.nc-pl{aspect-ratio:705/593}
.nc-pl .pl-fg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.nc-in{z-index:2}
.nc-text{padding-left:0;max-width:720px}
.nc-eb{font-size:15px;font-weight:500;letter-spacing:.17em;color:#D6F25E}
.nc-eb::before{background:#D6F25E;width:36px;height:1px}
.nc-h2{margin-top:30px;padding-left:12px;max-width:690px;font-size:clamp(36px,4.3vw,62px);line-height:.96;letter-spacing:-.035em;font-weight:700;color:#fff}
.nc-p{margin-top:26px;padding-left:15px;max-width:650px;font-size:clamp(17px,1.39vw,20px);line-height:1.47;color:#D5DDD8}
.nc-chips{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;padding-left:10px}
.nc-chips li{display:flex;align-items:center;gap:14px;min-height:56px;padding:0 26px 0 24px;border-radius:30px;border:1px solid rgba(255,255,255,.28);font-size:16px;color:#fff;transition:background-color .3s,border-color .3s,translate .9s var(--ease-out),opacity .9s var(--ease-out)}
.nc-chips li:hover{background:rgba(198,227,90,.08);border-color:rgba(198,227,90,.6)}
.nc-chips svg{color:#D6F25E}
.nc-row{position:relative;z-index:3;display:grid;grid-template-columns:433fr 410fr 428fr;gap:18px;margin-top:66px}
/* Tarjetas de contacto: mismo componente que «Conversemos» de Experiencia, con fondo sólido (nunca transparentes sobre la foto) */
.nc-c{position:relative;display:flex;align-items:center;gap:20px;min-height:136px;padding:20px 22px 20px 30px;border-radius:12px;background:#073322;border:1.2px solid rgba(255,255,255,.55);box-shadow:0 24px 44px -30px rgba(0,0,0,.75);color:#fff;text-decoration:none;transition:border-color .3s,background-color .3s,box-shadow .3s}
.nc-c:hover{color:#fff;border-color:#C6E35A;background:#0A3B28}
.nc-c--lime{background:#C7DA71;border-color:#C7DA71;color:#0F2A1C}
.nc-c--lime:hover{color:#0F2A1C;background:#D2E57E;border-color:#D2E57E}
.nc-c > svg{flex:none;width:46px;height:46px}
.nc-c-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.nc-c small{font-size:10.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#C6E35A}
.nc-c--lime small{color:#24402C}
.nc-c strong{margin-top:6px;font-size:clamp(15.5px,1.22vw,18px);letter-spacing:-.03em;font-weight:800;white-space:nowrap}
.nc-c em{margin-top:6px;font-style:normal;font-size:13px;color:#C9D6CE}
.nc-c--lime em{color:#24402C}
.nc-c-orb{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid #fff;transition:transform .4s var(--ease-out),background-color .3s,border-color .3s,color .3s}
.nc-c--lime .nc-c-orb{background:#0F2A1C;border-color:#0F2A1C;color:#fff}
.nc-c:hover .nc-c-orb{transform:translateX(4px) rotate(-8deg);background:#C6E35A;border-color:#C6E35A;color:#0F2A1C}
.nc-c--lime:hover .nc-c-orb{background:#0F2A1C;color:#C6E35A}
.nc-c-orb .ic-arrow{width:18px;height:18px}
/* la foto se funde con el verde antes de la fila de contacto (en pantallas anchas la tapaba) */
.nc-art{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 88%);mask-image:linear-gradient(180deg,#000 62%,transparent 88%)}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:1320px){
  .ne-in{grid-template-columns:minmax(0,1fr)}
  .ne-cred h3{white-space:normal}
  .na-card h3{white-space:normal}
  .na-card{gap:20px}
  .na-ic{width:92px;height:92px}
}
@media (max-width:1240px){
  .nh-attrs li{padding:0 26px}
  .nv-head{grid-template-columns:1fr 400px}
  .ne-in{grid-template-columns:1fr;gap:56px}
  .ne-team{max-width:680px}
  .ne-creds{max-width:760px}
  .nc-row{grid-template-columns:1fr 1fr;gap:16px}
  .nc-c--lime{grid-column:1/-1}
}
@media (max-width:1100px){
  .na-grid{grid-template-columns:1fr;margin-inline:0;max-width:640px}
  .na-card h3{white-space:normal}
  .na .eyebrow{margin-left:0}
  .np-col{padding-left:40px}.np-col + .np-col{padding-left:48px}
  .np-art--doc,.np-art--comp{margin-left:0}
  .nv-grid{grid-template-columns:repeat(2,1fr)}
  .nv-head{grid-template-columns:1fr;gap:0}
  .nv-intro{max-width:620px}
  .nm-steps{grid-template-columns:repeat(3,1fr);gap:48px 24px}
  .nm-line{display:none}
}
@media (max-width:960px){
  .nh{padding-bottom:0}
  .nh-art{position:relative;width:100%;height:auto;aspect-ratio:880/760;margin-top:20px;container-type:normal}
  .nh-stage{width:100%;top:auto;bottom:0}
  .nh-fg{-webkit-mask-image:none;mask-image:none}
  .nh-shade{background:linear-gradient(var(--n-hero),rgba(1,37,27,0) 22%)}
  .nh{display:flex;flex-direction:column}
  .nh-in{order:-1}
  .nh-wave{height:44px}
  .nq{padding-top:56px}
  .nq-art{position:relative;top:auto;width:calc(100% + 0px);margin-top:36px}
  .nq{display:flex;flex-direction:column}
  .nq-text{order:-1;margin:0 auto;padding:0 var(--gutter);width:100%;max-width:720px;min-height:0}
  .nq-art{order:0}
  .na{order:1}
  .nm{display:flex;flex-direction:column;padding-top:64px}
  .nm-in{display:contents}
  .nm-text,.nm-steps-w,.nm-tools{width:min(100% - 2 * var(--gutter),1290px);margin-inline:auto;position:relative;z-index:2}
  .nm-text{order:1;min-height:0;padding-left:0}
  .nm-art{order:2;position:relative;width:100%;margin-top:16px}
  .nm-steps-w{order:3;margin-top:44px}
  .nm-tools{order:4}
  .nc{padding-top:64px;display:flex;flex-direction:column}
  .nc-art{position:relative;width:100%;order:2;margin-top:36px}
  .nc-in{display:contents}
  .nc-text{order:1;width:min(100% - 2 * var(--gutter),720px);margin:0 auto}
  .nc-row{order:3;width:min(100% - 2 * var(--gutter),720px);margin:32px auto 0;padding-left:0}
}
@media (max-width:760px){
  .nh-in{padding-top:12px}
  .nh-pill{letter-spacing:.12em;font-size:11px}
  .nh-pill b{display:none}
  .nq-h2 br,.nv-h2 br,.ne-h2 br,.np-h2 br{display:none}
  .na-card{gap:18px;padding:20px 16px;min-height:0}
  .na-ic{width:76px;height:76px}
  .na-ic svg{width:44px;height:44px}
  .na-card h3{font-size:19px}
  .na-card p{font-size:15.5px}
  .nh-attrs li{padding:0 14px;font-size:13px}
  .nh-attrs li:first-child{min-width:0}
  .nh-btn{width:100%}
  .np{padding:64px 0 72px}
  .np-eb,.np-h2{margin-left:0}
  .np-grid{grid-template-columns:1fr;gap:48px;margin-top:36px}
  .np-grid::before,.np-trail{display:none}
  .np-col,.np-col + .np-col{padding-left:0}
  .np-art{height:auto;justify-content:center}
  .np-art--doc img{width:min(230px,62vw);margin-top:0}
  .np-art--comp img{width:min(190px,52vw);margin-top:0}
  .nv-in{padding-inline:0}
  .nv-head{grid-template-columns:1fr;gap:0}
  .nv-intro{padding-left:18px;margin-top:22px}
  .nv-grid{grid-template-columns:1fr}
  .ne{padding-top:72px}
  .ne-team{grid-template-columns:1fr;justify-items:center;gap:30px;margin-left:0}
  .ne-m,.ne-m:nth-child(4),.ne-m:nth-child(5){grid-column:auto;left:0}
  .ne-cred{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;padding:16px 16px 0}
  .ne-ic{width:52px;height:52px}
  .pg-nosotros .ne-pl{position:relative;inset:auto;grid-column:1/-1;justify-self:end;width:min(270px,82%);height:auto;aspect-ratio:226/116;margin:-6px -16px 0 0}
  .ne-cred p br,.nm-step h3 br{display:none}
  .nm-steps{grid-template-columns:repeat(2,1fr);gap:36px 16px}
  .nm-step h3{font-size:15.5px}
  .nm-chips li{min-height:50px;padding:0 20px 0 10px;font-size:16px}
  .nm-chips img{height:34px}
  .nc-row{grid-template-columns:1fr}
  .nc-c{gap:14px;min-height:108px;padding:18px 16px 18px 20px}
  .nc-c > svg{width:38px;height:38px}
  .nc-c strong{font-size:16.5px}
  .nc-c-orb{width:42px;height:42px}
  .nc-h2,.nc-p,.nc-chips{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
  .nh-stage,.ne-ph::before,.ne-ring,.nq-parcel circle{animation:none !important}
  .js .nq-parcel path{fill-opacity:1}
  .js .nm-step .nm-dot,.js .nv-card .nv-num{transform:none !important}
}