/* About + Process PDF-exact page bodies. Header and footer intentionally excluded. */
:root{
  --apx-black:#050505;
  --apx-charcoal:#262626;
  --apx-gray:#686868;
  --apx-mid:#a3a3a3;
  --apx-pink:#fdb6d1;
  --apx-pink-soft:#fff8fb;
  --apx-line:#222;
  --apx-font:"Myriad Pro","Myriad Pro Regular",Arial,Helvetica,sans-serif;
}
.apx-page,.prx-page{font-family:var(--apx-font);background:#fff;color:var(--apx-charcoal);overflow:hidden}
.apx-shell,.prx-shell{width:min(calc(100% - 96px),1270px);margin-inline:auto}
.apx-page *,.prx-page *{box-sizing:border-box}
.apx-page h1,.apx-page h2,.apx-page h3,.apx-page p,.apx-page figure,.apx-page dl,.apx-page dd,.apx-page ul,.apx-page ol,
.prx-page h1,.prx-page h2,.prx-page h3,.prx-page p,.prx-page figure,.prx-page dl,.prx-page dd,.prx-page ul,.prx-page ol{margin-top:0}
.apx-kicker,.prx-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#9a9a9a;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.apx-kicker:before,.prx-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:#aaa;flex:none}
.apx-rule,.prx-rule{border-top:5px solid #111}
.apx-dot-grid,.prx-dot-grid{display:grid;grid-template-columns:repeat(6,18px);gap:7px}
.apx-dot-grid i,.prx-dot-grid i{display:block;width:18px;height:18px;border-radius:50%;background:#b9b9b9}

/* ---------- ABOUT ---------- */
.apx-crumbs{padding:15px 0 9px;border-bottom:6px solid #111;font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.apx-crumbs a{text-decoration:none}.apx-crumbs span{color:#9c9c9c}
.apx-hero{background:linear-gradient(180deg,#fff 0%,#fff 12%,#ffdce9 68%,var(--apx-pink) 100%);padding-bottom:44px}
.apx-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr);gap:76px;align-items:end;padding-top:60px}
.apx-hero-copy{min-width:0;padding:0 4px 8px 18px}
.apx-hero h1{max-width:790px;margin:0;color:#090909;font-size:clamp(58px,5.35vw,82px);font-weight:800;line-height:.86;letter-spacing:-.055em;text-transform:uppercase}
.apx-hero h1 .pink{color:#ffaacb}
.apx-hero .lede{max-width:530px;margin:42px 0 0;color:#9b9b9b;font-size:20px;line-height:1.15}
.apx-hero-actions{display:flex;gap:36px;align-items:center;margin-top:40px}
.apx-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1.5px solid #111;border-radius:999px;color:#111;text-decoration:none;font-size:17px;background:#fff}
.apx-pill.dark{background:#050505;color:#fff}
.apx-pill .arrow{margin-left:10px;font-size:19px}
.apx-hero-meta{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:27px;color:#9b9b9b;font-size:14px}
.apx-hero-meta span{position:relative;padding-left:14px}.apx-hero-meta span:before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:#fff}
.apx-portrait{margin:0}.apx-portrait-frame{position:relative}.apx-portrait-frame img{display:block;width:100%;aspect-ratio:.90/1;object-fit:cover;object-position:center 40%;filter:grayscale(1)}
.apx-stamp{position:absolute;right:-14px;bottom:17px;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;background:#ffacd0;color:#111;text-align:center;font-size:12px;font-weight:800;line-height:.94;text-transform:uppercase;transform:rotate(8deg)}
.apx-portrait figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:9px;font-size:14px;line-height:1.1}.apx-portrait figcaption span{color:#999;text-transform:uppercase}
.apx-profile{position:relative;background:#666;color:#fff;padding:38px 0 26px}
.apx-profile .apx-dot-grid{position:absolute;right:47px;top:38px}
.apx-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(62px,auto));padding:5px 0 0}
.apx-profile-item{position:relative;padding:8px 18px 14px 28px;border-bottom:2px solid rgba(255,255,255,.8);max-width:100%}
.apx-profile-item:nth-child(1){grid-column:1/3;grid-row:1}.apx-profile-item:nth-child(2){grid-column:2/4;grid-row:2}.apx-profile-item:nth-child(3){grid-column:3/5;grid-row:3}.apx-profile-item:nth-child(4){grid-column:4/5;grid-row:4;padding-left:0}
.apx-profile-item strong{display:block;font-size:20px;font-style:italic;line-height:1.05}.apx-profile-item strong b{color:#ffb1cf;font-style:normal;margin-right:7px}.apx-profile-item p{max-width:300px;margin:5px 0 0;font-size:16px;line-height:1.12}
.apx-editorial{padding:62px 0 108px;background:#fff}
.apx-editorial-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:74px;align-items:start}
.apx-side{position:sticky;top:100px;padding:4px 0}.apx-side .apx-kicker{font-size:11px;margin-bottom:22px}.apx-side a{display:block;padding:13px 0 10px;border-bottom:1.5px solid #222;color:#222;text-decoration:none;font-size:16px;font-weight:600}
.apx-content{min-width:0}.apx-chapter{position:relative;padding:0 0 76px}.apx-chapter+.apx-chapter{padding-top:0}.apx-chapter-head{padding-top:8px;border-top:5px solid #111}.apx-chapter-head .apx-kicker{margin:0 0 25px;padding-top:8px;font-size:11px}
.apx-chapter h2{margin:0;font-size:clamp(44px,4.2vw,66px);font-weight:800;line-height:.87;letter-spacing:-.045em;text-transform:uppercase}
.apx-approach-top{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:32px;align-items:start}.apx-quote{margin:0;padding:38px 28px 26px;background:#1d1d1d;color:#fff;border-radius:12px;min-height:230px}.apx-quote:before{content:'“';display:block;color:#ffaaca;font-size:38px;font-weight:800;line-height:.5}.apx-quote p{margin:32px 0 30px;font-size:18px;line-height:1.18}.apx-quote cite{font-size:11px;color:#777;text-transform:uppercase;font-style:normal}
.apx-copy{margin-top:40px;max-width:770px;color:#666;font-size:17px;line-height:1.28}.apx-copy p{margin-bottom:20px}
.apx-wide-image{margin:34px 40px 58px 28px}.apx-wide-image img{display:block;width:100%;aspect-ratio:1.56/1;object-fit:cover;object-position:center 42%;filter:grayscale(1)}.apx-wide-image figcaption{padding-top:7px;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.apx-process-copy{max-width:790px;margin:43px 0 46px;color:#666;font-size:16px;line-height:1.25}
.apx-process-list{list-style:none;padding:0;margin:0 28px 0 0}.apx-process-list li{display:grid;grid-template-columns:110px 190px 1fr;gap:12px;align-items:start;border-bottom:1.5px solid #222;padding:9px 0}.apx-process-list .num{font-size:32px;line-height:1}.apx-process-list strong{font-size:20px;font-weight:500}.apx-process-list p{margin:0;color:#666;font-size:14px;line-height:1.2}
.apx-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:64px 70px;margin-top:50px}.apx-capability{border-top:1.5px solid #222;padding-top:10px}.apx-capability .label{display:block;color:#ffacd0;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.apx-capability h3{margin:18px 0 8px;font-size:20px;line-height:1.08}.apx-capability p{margin:0;color:#aaa;font-size:12px;line-height:1.25}
.apx-tools{margin-top:80px}.apx-tools-intro{margin:28px 0 34px;color:#666;font-size:15px}.apx-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px}.apx-tool strong{display:block;font-size:18px}.apx-tool span{display:block;margin-top:3px;color:#aaa;font-size:11px}
.apx-principles{display:grid;grid-template-columns:265px 1fr;gap:74px;align-items:end;margin-top:78px}.apx-contact-card{background:#1d1d1d;color:#fff;border-radius:18px;padding:28px 30px 30px;min-height:410px}.apx-contact-card .apx-kicker{color:#aaa;font-size:10px}.apx-contact-card h3{margin:25px 0 26px;font-size:23px;line-height:.9;text-transform:uppercase}.apx-contact-card a{display:block;color:#aaa;text-decoration:none;font-size:11px;margin:11px 0}.apx-contact-card .signature{margin:18px 0 20px;color:#ffacd0;font-size:22px;font-style:italic;font-weight:800;line-height:.95;text-transform:uppercase}.apx-how .apx-chapter-head{margin-bottom:22px}.apx-how h2{font-size:clamp(38px,3.3vw,53px)}.apx-checks{list-style:none;padding:0;margin:26px 0 0}.apx-checks li{position:relative;padding:12px 10px 11px 28px;border-bottom:1.4px solid #222;font-size:16px;font-weight:600}.apx-checks li:before{content:"";position:absolute;left:0;top:16px;width:14px;height:14px;border-radius:50%;background:#ffd2e2}
.apx-portfolio{position:relative;background:var(--apx-pink);padding:58px 0 190px;overflow:hidden}.apx-portfolio:after{content:"PORTFOLIO";position:absolute;left:-12px;bottom:-30px;color:rgba(255,255,255,.18);font-size:clamp(120px,17vw,240px);font-weight:800;line-height:.8;letter-spacing:-.06em;pointer-events:none}.apx-portfolio-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:46px}.apx-portfolio-head h2{font-size:clamp(50px,5.1vw,76px);font-weight:800;line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.apx-portfolio-head p{max-width:470px;color:#666;font-size:14px;line-height:1.3;justify-self:end}.apx-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.apx-project{position:relative;z-index:1;background:#fff;padding:20px 20px 16px}.apx-project img{display:block;width:100%;aspect-ratio:1.32/1;object-fit:cover;border-radius:28px}.apx-project .tag{display:inline-block;margin-top:8px;padding:3px 8px;border:1px solid #555;border-radius:999px;font-size:9px;color:#555}.apx-project h3{margin:8px 0 5px;font-size:28px;line-height:1}.apx-project p{margin:0;padding:8px 0;border-top:1px solid #888;border-bottom:1px solid #888;color:#666;font-size:12px;line-height:1.2}

/* ---------- PROCESS ---------- */
.prx-hero{background:var(--apx-pink);padding:0 0 46px}.prx-crumbs{padding:17px 0 10px;border-bottom:6px solid #222;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.prx-crumbs a{text-decoration:none}.prx-crumbs span{color:#666}
.prx-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(370px,.72fr);gap:70px;align-items:center;padding-top:34px}.prx-hero-copy{padding-left:3px}.prx-hero h1{max-width:700px;margin:0;font-size:clamp(58px,5.4vw,83px);font-weight:800;line-height:.83;letter-spacing:-.055em;text-transform:uppercase}.prx-hero .lede{max-width:550px;margin:42px 0 0;color:#666;font-size:19px;line-height:1.17}.prx-hero figure{margin:0}.prx-hero img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#ddd}
.prx-steps{background:#fff;padding:78px 0 72px}.prx-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:82px 100px;position:relative}.prx-step{max-width:300px}.prx-step:nth-child(4){grid-column:1}.prx-step:nth-child(5){grid-column:2}.prx-step .num{display:block;color:#aaa;font-size:14px;letter-spacing:.05em}.prx-step h2{margin:3px 0 17px;padding-bottom:8px;border-bottom:5px solid #111;font-size:46px;font-weight:700;line-height:.94;letter-spacing:-.04em}.prx-step p{margin:0 0 20px;color:#666;font-size:17px;line-height:1.25}.prx-step p strong{font-weight:800}.prx-step-circles{position:absolute;right:84px;bottom:30px;width:220px;height:230px}.prx-step-circles i{position:absolute;width:140px;height:140px;border-radius:50%;background:#fff0f6}.prx-step-circles i:first-child{left:0;top:0}.prx-step-circles i:last-child{right:0;bottom:0}
.prx-principles{background:#666;color:#fff;padding:45px 0 58px}.prx-principles .prx-kicker{color:#c7c7c7;font-size:11px;margin-bottom:40px}.prx-principles-grid{display:grid;grid-template-columns:.9fr 1.2fr .78fr;gap:42px;align-items:start}.prx-principles h2{margin:0;font-size:48px;line-height:.95;text-transform:uppercase;letter-spacing:-.035em}.prx-principle-list{list-style:none;padding:0;margin:0}.prx-principle-list li{padding:11px 12px 10px;border-bottom:1.5px solid #eee;font-size:22px;font-weight:600;line-height:1.05}.prx-principle-list li:nth-child(odd){color:#ffb3d0}.prx-principle-copy{list-style:none;padding:0;margin:0}.prx-principle-copy li{min-height:56px;padding:9px 0;border-bottom:1.5px solid #eee;color:#d0d0d0;font-size:13px;line-height:1.18}.prx-principles .prx-dot-grid{margin-top:62px}
.prx-detail{padding:68px 0 56px;background:#fff}.prx-detail-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:70px;align-items:start}.prx-side{position:sticky;top:100px}.prx-side .prx-kicker{font-size:10px;margin-bottom:26px}.prx-side a{display:block;padding:12px 0;border-bottom:1.5px solid #222;color:#222;text-decoration:none;font-size:13px;font-weight:600}.prx-content{min-width:0}.prx-section{padding-bottom:60px}.prx-section-head{border-top:5px solid #111;padding-top:10px}.prx-section-head .prx-kicker{font-size:10px}.prx-section h2{margin:27px 0 36px;font-size:clamp(48px,4.4vw,70px);font-weight:800;line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.prx-section p{max-width:850px;color:#666;font-size:15px;line-height:1.3}.prx-inputs{padding-left:18px;color:#444;font-size:14px;line-height:1.4}.prx-inputs:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#fff0f6;right:85px;bottom:12px;z-index:-1}.prx-input-wrap{position:relative;z-index:0}
.prx-faq-list{border-top:5px solid #111}.prx-faq-list details{border-bottom:1.5px solid #222}.prx-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:13px 2px;cursor:pointer;font-size:16px}.prx-faq-list summary::-webkit-details-marker{display:none}.prx-faq-list summary:after{content:"→";font-size:22px;line-height:.7}.prx-faq-list details[open] summary:after{transform:rotate(90deg)}.prx-faq-list details p{padding:0 2px 14px;margin:0;font-size:14px}
.prx-related{background:var(--apx-pink);padding:38px 0 44px}.prx-related .prx-kicker{font-size:10px;margin-bottom:17px}.prx-related h2{margin:0 0 30px;font-size:46px;line-height:.9;text-transform:uppercase}.prx-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}.prx-related-card{border-top:1.5px solid #333;padding-top:9px}.prx-related-card .label{color:#777;font-size:9px;text-transform:uppercase}.prx-related-card h3{min-height:72px;margin:10px 0 4px;font-size:15px;line-height:1.05}.prx-related-card a{font-size:11px;color:#222;text-decoration:underline}
.prx-evidence{background:#050505;color:#fff;padding:35px 0 54px}.prx-evidence-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:26px}.prx-evidence h2{margin:0;font-size:52px;line-height:.87;text-transform:uppercase}.prx-evidence-head p{justify-self:end;max-width:420px;color:#aaa;font-size:13px;line-height:1.2}.prx-evidence-grid{display:grid;grid-template-columns:1fr 1.28fr;gap:36px}.prx-evidence-card h3{margin:0 0 8px;font-size:16px}.prx-evidence-frame{position:relative;overflow:hidden;border-radius:24px;background:#ddd;aspect-ratio:2.6/1}.prx-evidence-frame img{display:block;width:100%;height:100%;object-fit:cover}.prx-evidence-tags{position:absolute;left:10px;bottom:9px;display:flex;gap:6px}.prx-evidence-tags span{padding:3px 8px;border-radius:999px;background:#fff;color:#222;font-size:9px}

@media(max-width:1120px){
  .apx-shell,.prx-shell{width:min(calc(100% - 52px),1270px)}
  .apx-hero-grid,.prx-hero-grid{gap:40px}.apx-hero h1,.prx-hero h1{font-size:clamp(54px,6.3vw,72px)}
  .apx-editorial-grid,.prx-detail-grid{grid-template-columns:210px minmax(0,1fr);gap:46px}
  .apx-profile-grid{grid-template-columns:repeat(4,1fr)}
  .prx-step-grid{gap:68px 55px}.prx-step h2{font-size:40px}.prx-step-circles{right:20px}
}
@media(max-width:900px){
  .apx-shell,.prx-shell{width:min(calc(100% - 36px),1270px)}
  .apx-hero-grid,.prx-hero-grid{grid-template-columns:1fr;gap:32px}.apx-hero-copy{padding-left:0}.apx-portrait{width:min(100%,520px)}
  .apx-profile .apx-dot-grid{display:none}.apx-profile-grid{display:block}.apx-profile-item{max-width:none;padding:16px 0;border-bottom:1.5px solid #fff}.apx-profile-item:nth-child(n){display:block}
  .apx-editorial-grid,.prx-detail-grid{grid-template-columns:1fr}.apx-side,.prx-side{position:static;display:flex;gap:20px;overflow:auto;border-bottom:1px solid #222;padding-bottom:10px}.apx-side .apx-kicker,.prx-side .prx-kicker{display:none}.apx-side a,.prx-side a{white-space:nowrap;border:0;padding:8px 0}
  .apx-approach-top{grid-template-columns:1fr}.apx-quote{max-width:360px}.apx-principles{grid-template-columns:1fr}.apx-contact-card{max-width:390px}.apx-projects{gap:20px}.apx-process-list li{grid-template-columns:80px 150px 1fr}
  .prx-step-grid{grid-template-columns:1fr 1fr;gap:55px}.prx-step:nth-child(4),.prx-step:nth-child(5){grid-column:auto}.prx-step-circles{position:relative;grid-column:2;width:180px;height:180px;right:auto;bottom:auto;align-self:center}.prx-step-circles i{width:110px;height:110px}
  .prx-principles-grid{grid-template-columns:1fr 1.15fr}.prx-principle-copy{grid-column:2}.prx-principles h2{font-size:42px}.prx-related-grid{grid-template-columns:1fr 1fr}.prx-evidence-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .apx-shell,.prx-shell{width:min(calc(100% - 28px),1270px)}
  .apx-crumbs,.prx-crumbs{font-size:11px;border-bottom-width:4px}.apx-hero-grid,.prx-hero-grid{padding-top:32px}.apx-hero h1,.prx-hero h1{font-size:clamp(42px,13vw,58px);line-height:.86}.apx-hero .lede,.prx-hero .lede{font-size:16px;margin-top:28px}.apx-hero-actions{gap:10px;flex-wrap:wrap;margin-top:27px}.apx-pill{min-height:42px;font-size:14px;padding:0 17px}.apx-hero-meta{font-size:12px;gap:10px 17px}.apx-stamp{width:72px;height:72px;font-size:9px;right:-3px}.apx-portrait figcaption{font-size:11px}
  .apx-profile{padding:25px 0}.apx-profile-item strong{font-size:18px}.apx-profile-item p{font-size:14px}
  .apx-editorial{padding:45px 0 70px}.apx-chapter{padding-bottom:58px}.apx-chapter h2,.prx-section h2{font-size:clamp(38px,11vw,50px)}.apx-copy{font-size:15px}.apx-wide-image{margin:28px 0 48px}.apx-process-list{margin:0}.apx-process-list li{grid-template-columns:60px 1fr;gap:8px}.apx-process-list p{grid-column:2}.apx-capabilities,.apx-tools-grid{grid-template-columns:1fr;gap:30px}.apx-principles{margin-top:50px;gap:34px}.apx-how h2{font-size:39px}.apx-checks li{font-size:14px}.apx-portfolio{padding-bottom:110px}.apx-portfolio-head{grid-template-columns:1fr;gap:15px}.apx-portfolio-head p{justify-self:start}.apx-projects{grid-template-columns:1fr}.apx-portfolio:after{font-size:94px}
  .prx-hero{padding-bottom:34px}.prx-hero-grid{gap:24px}.prx-hero figure{width:100%}.prx-steps{padding:48px 0}.prx-step-grid{grid-template-columns:1fr;gap:42px}.prx-step{max-width:none}.prx-step h2{font-size:38px}.prx-step-circles{grid-column:1;width:160px;height:160px;margin-left:auto}.prx-step-circles i{width:100px;height:100px}
  .prx-principles{padding:38px 0 44px}.prx-principles-grid{grid-template-columns:1fr;gap:25px}.prx-principle-copy{grid-column:auto}.prx-principles h2{font-size:38px}.prx-principle-list li{font-size:19px}.prx-principle-copy li{min-height:0;font-size:13px}.prx-principles .prx-dot-grid{margin-top:30px}
  .prx-detail{padding:48px 0}.prx-section{padding-bottom:45px}.prx-related-grid{grid-template-columns:1fr}.prx-related-card h3{min-height:0}.prx-evidence-head{grid-template-columns:1fr;gap:12px}.prx-evidence-head p{justify-self:start}.prx-evidence h2{font-size:42px}.prx-evidence-frame{aspect-ratio:1.6/1}
}
@media(prefers-reduced-motion:reduce){.apx-page *,.prx-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:640px){.apx-how{min-width:0;max-width:100%}.apx-how h2{font-size:clamp(32px,9vw,39px);max-width:100%;overflow-wrap:anywhere}}

/* ======================================================================
   PDF measured correction pass - 2026-08-25 v2
   Only the About and Process page bodies are affected. Header/footer are
   intentionally outside every selector below.
   ====================================================================== */
.apx-page,.prx-page{overflow-x:hidden;overflow-y:visible}
.apx-hero h1>span,.prx-hero h1>span{display:block}

@media (min-width:1121px){
  /* ABOUT: measured against the 1366px PDF render */
  .apx-hero{height:657px;padding-bottom:0}
  .apx-hero-grid{
    grid-template-columns:700px 414px;
    gap:97px;
    align-items:start;
    padding-top:55px;
  }
  .apx-hero-copy{padding:0 0 0 20px}
  .apx-hero h1{
    max-width:700px;
    font-size:68px;
    line-height:.86;
    letter-spacing:-.055em;
  }
  .apx-hero h1>span{white-space:nowrap}
  html[lang="es"] .apx-hero h1{font-size:61px;line-height:.89}
  .apx-hero .lede{max-width:500px;margin-top:30px;font-size:18px;line-height:1.2}
  .apx-hero-actions{margin-top:29px}
  .apx-hero-meta{margin-top:19px;gap:15px 27px}
  .apx-portrait{width:414px}
  .apx-portrait-frame img{aspect-ratio:.885/1;object-position:center 42%}
  .apx-stamp{right:-13px;bottom:18px;width:82px;height:82px;font-size:10px}

  .apx-profile{height:544px;padding:60px 0 36px}
  .apx-profile .apx-dot-grid{right:44px;top:36px}
  .apx-profile-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4,112px);
    padding:0;
  }
  .apx-profile-item,
  .apx-profile-item:nth-child(1),
  .apx-profile-item:nth-child(2),
  .apx-profile-item:nth-child(3),
  .apx-profile-item:nth-child(4){
    grid-column:1;
    grid-row:auto;
    width:100%;
    max-width:none;
    min-width:0;
    padding:15px 0 11px;
    border-bottom:2px solid rgba(255,255,255,.86);
    overflow:visible;
  }
  .apx-profile-item strong,.apx-profile-item p{display:block;width:330px;max-width:330px}
  .apx-profile-item:nth-child(1) strong,.apx-profile-item:nth-child(1) p{margin-left:20px}
  .apx-profile-item:nth-child(2) strong,.apx-profile-item:nth-child(2) p{margin-left:285px}
  .apx-profile-item:nth-child(3) strong,.apx-profile-item:nth-child(3) p{margin-left:530px}
  .apx-profile-item:nth-child(4) strong,.apx-profile-item:nth-child(4) p{margin-left:800px}
  .apx-profile-item strong{font-size:20px;line-height:1.05}
  .apx-profile-item p{margin-top:5px;font-size:16px;line-height:1.18}

  .apx-editorial{padding:121px 0 0}
  .apx-editorial-grid{
    grid-template-columns:250px 714px;
    justify-content:space-between;
    gap:0;
  }
  .apx-content{width:714px;max-width:714px}
  .apx-side{width:250px}
  .apx-page #approach{min-height:1065px;padding-bottom:0}
  .apx-page #process{min-height:949px;padding-bottom:0}
  .apx-page #capabilities{min-height:1465px;padding-bottom:0}
  .apx-page #principles{min-height:706px;padding-bottom:0}
  .apx-chapter-head{padding-top:8px}
  .apx-chapter h2{font-size:56px;line-height:.88}
  .apx-approach-top{grid-template-columns:minmax(0,1fr) 270px;gap:58px}
  .apx-quote{min-height:236px;padding:35px 29px 24px}
  .apx-quote p{margin:30px 0 26px;font-size:17px;line-height:1.2}
  .apx-copy{max-width:714px;margin-top:65px;font-size:16px;line-height:1.3}
  .apx-wide-image{margin:36px 55px 70px 28px}
  .apx-wide-image img{aspect-ratio:1.56/1}
  .apx-process-copy{max-width:714px;margin:55px 0 58px;font-size:15px;line-height:1.32}
  .apx-process-list{margin:0}
  .apx-process-list li{
    grid-template-columns:112px 170px 1fr;
    min-height:90px;
    padding:14px 0 11px;
  }
  .apx-process-list .num{font-size:33px}
  .apx-process-list strong{font-size:20px}
  .apx-process-list p{font-size:14px;line-height:1.22}
  .apx-capabilities{
    grid-template-columns:repeat(2,250px);
    justify-content:space-between;
    gap:86px 0;
    margin-top:60px;
  }
  .apx-capability{min-height:165px}
  .apx-tools{margin-top:118px}
  .apx-tools-intro{margin:38px 0 42px}
  .apx-tools-grid{
    grid-template-columns:repeat(2,250px);
    justify-content:space-between;
    gap:36px 0;
  }
  .apx-principles{
    width:1270px;
    margin:0 0 0 -556px;
    grid-template-columns:250px 714px;
    justify-content:space-between;
    gap:0;
    align-items:start;
  }
  .apx-contact-card{width:230px;min-height:520px;margin-left:30px;padding:30px 24px 28px}
  .apx-how{width:714px}
  .apx-how h2{font-size:50px;line-height:.9}
  .apx-checks{margin-top:38px}
  .apx-checks li{min-height:62px;padding:17px 10px 14px 30px;font-size:16px}

  /* PROCESS: measured against the 1366px PDF render */
  .prx-hero{height:550px;padding-bottom:0}
  .prx-hero-grid{
    grid-template-columns:700px 414px;
    gap:97px;
    align-items:start;
    padding-top:31px;
  }
  .prx-hero-copy{padding:27px 0 0 3px}
  .prx-hero h1{max-width:700px;font-size:68px;line-height:.84;letter-spacing:-.055em}
  .prx-hero h1>span{white-space:nowrap}
  html[lang="es"] .prx-hero h1{font-size:62px;line-height:.87}
  .prx-hero .lede{max-width:520px;margin-top:34px;font-size:18px;line-height:1.18}
  .prx-hero figure{width:414px}
  .prx-hero img{aspect-ratio:1/1}

  .prx-steps{height:927px;padding:78px 0 100px}
  .prx-step-grid{
    grid-template-columns:repeat(3,280px);
    grid-template-rows:repeat(2,330px);
    justify-content:space-between;
    column-gap:0;
    row-gap:90px;
    height:750px;
  }
  .prx-step{max-width:280px;min-height:330px;position:relative;z-index:1}
  .prx-step h2{font-size:46px}
  .prx-step p{font-size:16px;line-height:1.27;margin-bottom:24px}
  .prx-step-circles{right:92px;bottom:15px;width:230px;height:240px;z-index:0}
  .prx-step-circles i{width:140px;height:140px}

  .prx-principles{height:688px;min-height:688px;padding:55px 0 75px}
  .prx-principles .prx-kicker{margin-bottom:74px}
  .prx-principles-grid{
    grid-template-columns:340px 420px 390px;
    gap:60px;
    align-items:start;
  }
  .prx-principles h2{font-size:52px;line-height:.94}
  .prx-principle-list li,.prx-principle-copy li{min-height:70px;padding-top:17px;padding-bottom:15px}
  .prx-principle-list li{font-size:21px}
  .prx-principle-copy li{font-size:13px;line-height:1.22}
  .prx-principles .prx-dot-grid{margin-top:98px}

  .prx-detail{height:1285px;min-height:1285px;padding:88px 0 80px}
  .prx-detail-grid{
    grid-template-columns:250px 714px;
    justify-content:space-between;
    gap:0;
  }
  .prx-content{width:714px;max-width:714px}
  .prx-side{width:250px}
  .prx-section{padding-bottom:105px}
  .prx-section h2{font-size:58px;line-height:.89;margin:34px 0 52px}
  .prx-section p{font-size:15px;line-height:1.35}
  .prx-inputs{font-size:14px;line-height:1.48}
  .prx-faq-list summary{padding:15px 2px;font-size:16px}

  .prx-related{height:443px;min-height:443px;padding:52px 0 65px}
  .prx-related h2{margin-bottom:42px;font-size:46px}
  .prx-related-grid{gap:42px}
  .prx-related-card h3{min-height:84px}

  .prx-evidence{height:735px;min-height:735px;padding:48px 0 80px}
  .prx-evidence-head{margin-bottom:42px}
  .prx-evidence h2{font-size:52px}
  .prx-evidence-grid{grid-template-columns:526px 729px;gap:15px}
  .prx-evidence-card:first-child .prx-evidence-frame{aspect-ratio:2.86/1}
  .prx-evidence-card:nth-child(2) .prx-evidence-frame{aspect-ratio:3.96/1}
}

@media (min-width:901px) and (max-width:1120px){
  .apx-profile-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(96px,auto));padding:20px 0 0}
  .apx-profile-item:nth-child(n){grid-column:1;grid-row:auto;max-width:none;width:100%;padding:14px 0 11px}
  .apx-profile-item strong,.apx-profile-item p{display:block;max-width:320px}
  .apx-profile-item:nth-child(1) strong,.apx-profile-item:nth-child(1) p{margin-left:0}
  .apx-profile-item:nth-child(2) strong,.apx-profile-item:nth-child(2) p{margin-left:22%}
  .apx-profile-item:nth-child(3) strong,.apx-profile-item:nth-child(3) p{margin-left:43%}
  .apx-profile-item:nth-child(4) strong,.apx-profile-item:nth-child(4) p{margin-left:64%}
  .apx-profile{height:auto;min-height:500px;padding:42px 0 32px}
  .apx-editorial-grid{grid-template-columns:220px minmax(0,714px);justify-content:space-between;gap:40px}
  .apx-content{max-width:714px}
  .apx-principles{width:auto;margin-left:0;grid-template-columns:230px minmax(0,1fr);gap:46px}
  .prx-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;height:auto;row-gap:80px}
  .prx-step{min-height:300px}
  .prx-step-circles{position:absolute;right:20px;bottom:10px}
  .prx-detail-grid{grid-template-columns:220px minmax(0,714px);justify-content:space-between;gap:40px}
}

@media (max-width:900px){
  .apx-hero,.apx-profile,.prx-hero,.prx-steps,.prx-principles,.prx-detail,.prx-related,.prx-evidence{height:auto;min-height:0}
  .apx-hero h1>span,.prx-hero h1>span{white-space:normal}
  .apx-profile-grid{display:block;padding:0}
  .apx-profile-item:nth-child(n){display:block;width:100%;max-width:none;padding:16px 0;border-bottom:1.5px solid #fff}
  .apx-profile-item:nth-child(n) strong,.apx-profile-item:nth-child(n) p{margin-left:0;width:auto;max-width:420px}
  .apx-principles{width:auto;margin-left:0}
  .prx-step-grid{position:relative}
  .prx-step-circles{position:absolute;right:0;bottom:0;grid-column:auto;width:170px;height:170px;pointer-events:none;opacity:.8}
  .prx-step-circles i{width:105px;height:105px}
}

@media (max-width:640px){
  .prx-step-circles{display:none}
  .apx-hero h1>span,.prx-hero h1>span{white-space:normal}
}

/* ======================================================================
   Sticky editorial navigation and contact card - 2026-08-25 v3
   Header and footer are intentionally outside every selector below.
   ====================================================================== */

/* `overflow-x:hidden` on an ancestor can disable sticky positioning in
   some browsers by creating a non-scrolling containing block. `clip`
   prevents horizontal paint overflow without creating a scroll container. */
.apx-page,
.prx-page{
  overflow-x:clip;
  overflow-y:visible;
}

/* Keep editorial side navigation visible below the fixed/sticky header. */
.apx-side,
.prx-side{
  position:sticky;
  top:112px;
  align-self:start;
  height:max-content;
  max-height:calc(100vh - 136px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  z-index:12;
}

/* Keep the direct-contact card visible while the principles content moves. */
.apx-contact-card{
  position:sticky;
  top:112px;
  align-self:start;
  height:max-content;
  z-index:11;
}

/* Give the sticky card a real travel area without changing the visible
   desktop composition or the measured width of either column. */
@media (min-width:1121px){
  .apx-page #principles,
  .apx-page #principles .apx-principles{
    min-height:706px;
  }
}

/* Tablet header is shorter, but preserve a comfortable visual gap. */
@media (min-width:901px) and (max-width:1120px){
  .apx-side,
  .prx-side,
  .apx-contact-card{
    top:98px;
  }
  .apx-principles{min-height:660px}
}

/* On compact layouts the blocks remain in normal document flow. */
@media (max-width:900px){
  .apx-page,
  .prx-page{
    overflow-x:clip;
  }
  .apx-side,
  .prx-side,
  .apx-contact-card{
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
  }
}

/* ======================================================================
   Non-overlapping sticky sidebar flow - 2026-08-25 v4
   The page-navigation sidebar is contained by the first editorial grid.
   The direct-contact card starts in the following Principles section, so
   the two sticky blocks never occupy the same space.
   ====================================================================== */

/* New About body structure: shell > editorial grid + principles section. */
.apx-editorial > .apx-shell{
  display:block;
}

.apx-editorial > .apx-shell > .apx-editorial-grid{
  width:100%;
}

/* The contact section now lives directly in the shell rather than inside
   the right text column. This preserves the PDF-wide two-column layout. */
.apx-editorial > .apx-shell > #principles{
  position:relative;
}

@media (min-width:1121px){
  .apx-editorial > .apx-shell > #principles{
    min-height:706px;
    padding:0;
  }
  .apx-editorial > .apx-shell > #principles .apx-principles{
    width:100%;
    min-height:706px;
    margin:0;
    grid-template-columns:250px 714px;
    justify-content:space-between;
    gap:0;
    align-items:start;
  }
}

@media (min-width:901px) and (max-width:1120px){
  .apx-editorial > .apx-shell > #principles{
    min-height:660px;
    padding:0;
  }
  .apx-editorial > .apx-shell > #principles .apx-principles{
    width:100%;
    min-height:660px;
    margin:0;
    grid-template-columns:230px minmax(0,1fr);
    gap:46px;
    align-items:start;
  }
}

@media (max-width:900px){
  .apx-editorial > .apx-shell > #principles{
    padding:0 0 58px;
  }
  .apx-editorial > .apx-shell > #principles .apx-principles{
    width:100%;
    margin:0;
  }
}

/* Provide enough vertical travel for the contact card to remain visibly
   pinned instead of reaching its containing-block boundary immediately. */
@media (min-width:1121px){
  .apx-editorial > .apx-shell > #principles,
  .apx-editorial > .apx-shell > #principles .apx-principles{
    min-height:900px;
  }
}
@media (min-width:901px) and (max-width:1120px){
  .apx-editorial > .apx-shell > #principles,
  .apx-editorial > .apx-shell > #principles .apx-principles{
    min-height:760px;
  }
}
