/* =====================================================================
   p-empresas.css · page "empresas" (For companies) · direction A · 20-10-2026
   Loaded after a.css, motion.css and inner.css. Prefix: .p-empresas-
   Reuses (does not restyle): .ph/.crumbs/.glance/.assure, .head, .rcards/.rcard/.rtag, .jump, .steps-n inside .how,
   .grp/.bison/.cards/.lcard (the home's partner network), .faq, .related/.ix-card, the closing block.
   Tokens come from a.css (:root). Nothing here animates width/height/top/left.
   ===================================================================== */

/* ---------- 0. On-this-page strip, right under the header ---------- */
.p-empresas-jump{background:var(--white);border-block:1px solid var(--line)}
.p-empresas-jump .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--s3);padding-block:12px}
.p-empresas-jump-l{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-t)}
.p-empresas-jump .jump{margin-top:0}
.p-empresas-jump .jump a{background:var(--off)}

/* ---------- 1. Two-column split (challenge, person and family): heading + text left, content right ---------- */
.p-empresas-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s12);align-items:start}
.p-empresas-split>*{min-width:0}
.p-empresas-split .head{margin-bottom:var(--s3)}
.p-empresas-split .prose{max-width:var(--measure)}
.p-empresas-sticky{position:sticky;top:calc(var(--header) + var(--s4))}
@media (max-height:760px){.p-empresas-sticky{position:static}}

/* ---------- 2. How we work: four pillars in a white band ---------- */
.p-empresas-how{background:var(--white);border-block:1px solid var(--line)}
.p-empresas-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.p-empresas-pillars>li{min-width:0;padding:0 var(--s3);border-left:1px solid var(--line)}
.p-empresas-pillars>li:first-child{padding-left:0;border-left:0}
.p-empresas-pillars>li:last-child{padding-right:0}
.p-empresas-pillars .ico,.p-empresas-row .ico{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--r2);background:var(--b100);color:var(--navy)}
.p-empresas-pillars .ico .i,.p-empresas-row .ico .i{width:24px;height:24px}
.p-empresas-pillars h3{margin-top:var(--s3);font-size:1.25rem;line-height:1.3}
.p-empresas-pillars p{margin-top:8px;font-size:1rem;line-height:1.6;color:var(--soft)}

/* ---------- 3. Routes: 6 cards + one wide card; closing line with a text link ---------- */
.p-empresas-routes .head{margin-bottom:var(--s6)}
.rcards-3 .rcard.p-empresas-eu{grid-column:1 / -1;grid-template-columns:48px minmax(0,1fr);gap:var(--s3);align-items:start}
.p-empresas-eu p{max-width:52em}
.p-empresas-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s1) var(--s4);margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}
.p-empresas-foot p{flex:1 1 28em;max-width:44em;color:var(--soft)}

/* ---------- 4. Person and family: six linked rows in one white card (stretched link on each title) ---------- */
.p-empresas-person-sec{background:var(--white);border-block:1px solid var(--line)}
.p-empresas-list{background:var(--off);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.p-empresas-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:var(--s3);align-items:center;padding:var(--s3);transition:background .18s}
.p-empresas-row+.p-empresas-row{border-top:1px solid var(--line)}
.p-empresas-row:hover{background:var(--b50)}
.p-empresas-row h3{font-size:1.125rem;line-height:1.3}
.p-empresas-row h3 a{color:inherit;text-decoration:none}
.p-empresas-row h3 a::after{content:"";position:absolute;inset:0}
.p-empresas-row h3 a:focus-visible{outline:0}
.p-empresas-row:has(h3 a:focus-visible){outline:3px solid var(--bronze);outline-offset:-3px}
.p-empresas-row p{margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--soft)}
.p-empresas-row .go{color:var(--bronze-t);transition:transform .18s}
.p-empresas-row:hover .go{transform:translateX(3px)}

/* ---------- 6. Team: two people + the Lisbon office ---------- */
.p-empresas-team{background:var(--white);border-block:1px solid var(--line)}
.p-empresas-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.p-empresas-person{display:flex;flex-direction:column;overflow:hidden;background:var(--off);border:1px solid var(--line);border-radius:var(--r3)}
/* both portraits are low-key desk shots with a dark top third: crop towards the bottom so the person fills the frame */
.p-empresas-person img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 80%}
.p-empresas-person img.p-empresas-office{object-position:30% 50%}
.p-empresas-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;padding:var(--s3)}
.p-empresas-body h3{font-size:1.375rem}
.p-empresas-role{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-t)}
.p-empresas-body p:not(.p-empresas-role){font-size:.9375rem;line-height:1.55}
.p-empresas-body .link-arrow{margin-top:auto}

/* ---------- 7. Partner network: bank as a wide row, then the companies (the home's cards) ---------- */
.p-empresas-net .head{margin-bottom:var(--s5)}
.p-empresas-bank{flex-direction:row;align-items:center;gap:var(--s6)}
.p-empresas-bank .grp-head{flex:1 1 0;min-width:0}
.p-empresas-bank .bison{flex:1 1 0;min-width:0;min-height:128px;padding:var(--s3)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .p-empresas-split{gap:var(--s8)}
  .p-empresas-pillars{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s5)}
  .p-empresas-pillars>li:nth-child(odd){padding-left:0;border-left:0}
  .p-empresas-pillars>li:nth-child(even){padding-right:0}
}
@media (max-width:1000px){
  .p-empresas-split{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .p-empresas-sticky{position:static}
}
@media (max-width:960px){
  .p-empresas-people{grid-template-columns:minmax(0,1fr)}
  .p-empresas-person{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .p-empresas-person img{height:100%;aspect-ratio:auto;min-height:220px}
  .p-empresas-body{justify-content:center}
}
@media (max-width:800px){
  .p-empresas-bank{flex-direction:column;align-items:stretch;gap:var(--s3)}
}
@media (max-width:720px){
  .p-empresas-jump .wrap{padding-block:8px}
  .p-empresas-row{grid-template-columns:48px minmax(0,1fr) 16px;gap:var(--s2);align-items:start;padding:var(--s2)}
  .p-empresas-row .go{width:16px;height:16px;margin-top:2px}
  .p-empresas-foot{margin-top:var(--s4)}
  .p-empresas-net .head{margin-bottom:var(--s4)}
}
@media (max-width:520px){
  /* four pills as a 2 x 2 grid instead of 3 + 1 orphan */
  .p-empresas-jump .jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .p-empresas-jump .jump li{display:flex}
  .p-empresas-jump .jump a{flex:1;justify-content:center;padding:4px 12px;text-align:center}
}
@media (max-width:640px){
  .rcards-3 .rcard.p-empresas-eu{grid-template-columns:48px minmax(0,1fr);gap:var(--s2)}
  .p-empresas-pillars{grid-template-columns:minmax(0,1fr);row-gap:0}
  .p-empresas-pillars>li,.p-empresas-pillars>li:nth-child(even),.p-empresas-pillars>li:nth-child(odd){padding:var(--s3) 0;border-left:0;border-top:1px solid var(--line)}
  .p-empresas-pillars>li:first-child{padding-top:0;border-top:0}
  .p-empresas-pillars>li:last-child{padding-bottom:0}
  /* phones: icon beside the text, so each pillar is a compact row */
  .p-empresas-pillars>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:var(--s2);align-items:start}
  .p-empresas-pillars .ico{grid-row:1 / span 2}
  .p-empresas-pillars h3{margin-top:0;align-self:center;min-height:48px;display:flex;align-items:center}
  .p-empresas-pillars p{margin-top:4px}
  .p-empresas-person{display:flex}
  .p-empresas-person img{height:auto;aspect-ratio:16 / 10;min-height:0}
}