/* =====================================================================
   p-empresa.css · group "empresa" (equipa.html + parcerias.html) · direction A · 20-10-2026
   Loaded after a.css, motion.css and inner.css. Prefix: .p-empresa-
   Reuses (does not restyle): .ph, .head, .rcards/.rcard, .ix-card, .facts, .steps-n, .glance, .office,
   .badge, .rows, .reach-item, .net-grid/.grp/.bison/.cards/.lcard (the home's partner network).
   Tokens come from a.css (:root). Nothing here animates width/height/top/left.
   ===================================================================== */

/* ---------- Equipa 1. Leadership: one row per person, photo left ---------- */
.p-empresa-team{padding-top:0}
.p-empresa-members{display:grid;gap:var(--s3)}
.p-empresa-member{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r4);box-shadow:var(--shadow)}
/* both portraits are low-key desk shots with a dark top third: crop from the bottom edge so the room starts where the wall does */
.p-empresa-photo{position:relative;min-height:360px;background:var(--b100);overflow:hidden}
.p-empresa-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;transform:scale(1.34);transform-origin:50% 100%}
.p-empresa-body{display:flex;flex-direction:column;justify-content:center;gap:var(--s1);min-width:0;padding:var(--s5)}
.p-empresa-body h3{font-size:clamp(1.5rem, 1.2rem + 1vw, 2rem);line-height:1.15}
.p-empresa-role{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-t)}
.p-empresa-reg{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--navy)}
.p-empresa-reg .i{width:18px;height:18px;color:var(--bronze-t)}
.p-empresa-reg .i{flex:none}
.p-empresa-bio{display:grid;gap:var(--s1);margin-top:var(--s1);max-width:40rem;font-size:1rem;line-height:1.65;color:var(--soft)}
.p-empresa-bio em{font-style:italic;color:var(--navy)}
.p-empresa-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s2)}
.p-empresa-book{align-self:flex-start;margin-top:4px}

/* ---------- Equipa 2. Approach: white band, text + photo, then three values ---------- */
.p-empresa-approach{background:var(--white);border-block:1px solid var(--line)}
.p-empresa-approach-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s12);align-items:center}
.p-empresa-approach .head{margin-bottom:var(--s3)}
/* (no font-size override here: the kit's .prose is 17px on desktop and 16px on phones, like every other page) */
.p-empresa-figure{position:relative;margin:0 0 16px 16px}
.p-empresa-figure::before{content:"";position:absolute;inset:16px 16px -16px -16px;border:1.5px solid var(--bronze);border-radius:var(--r4);pointer-events:none}
.p-empresa-figure img{position:relative;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r4);box-shadow:var(--shadow)}
.p-empresa-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s8)}
.p-empresa-values .rcard{grid-template-columns:minmax(0,1fr);gap:var(--s2);align-content:start;background:var(--off)}
.p-empresa-values .rcard .ico{width:48px;height:48px}

/* ---------- Equipa 3. Offices: Lisbon (HQ) wide, Andorra narrow ---------- */
.p-empresa-offices{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s3);align-items:stretch}
.p-empresa-offices .office-ad{padding-block:var(--s4)}
.p-empresa-offices .office-hq .rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s4)}
.p-empresa-offices .office-hq .rows li:nth-child(2){border-top:0}

/* ---------- Parcerias 1. Who it is for ---------- */
.p-empresa-who{padding-top:var(--s8)}  /* body block right after a facts band: 64, as .lay on every other page */
.p-empresa-who-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.p-empresa-who-list li{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s3);min-height:176px;padding:var(--s3);background:#fff;border:1px solid var(--line);border-radius:var(--r3)}
.p-empresa-who-list .ico{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--r2);background:var(--b100);color:var(--navy)}
.p-empresa-who-list .ico .i{width:24px;height:24px}
.p-empresa-lbl{font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--navy)}
.p-empresa-aside{margin-top:var(--s3)}
.p-empresa-who .p-empresa-aside .link-arrow{margin-left:8px}

/* ---------- Parcerias 2. How it works: the .how band comes from a.css; its button keeps clear of the sticky head ---------- */
.how .head+.btn{margin-top:var(--s1)}

/* ---------- Parcerias 3. Presence strip ---------- */
.p-empresa-presence{padding-bottom:var(--s8)}
.p-empresa-reach{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- Parcerias 4. Partner network: the home's design, with normal section spacing ---------- */
.p-empresa-net{padding-block:var(--s8) var(--s6)}

/* ---------- Parcerias 5. Meeting + official details ---------- */
.p-empresa-meet-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8);align-items:start}
.p-empresa-meet .head{margin-bottom:var(--s5)}
.p-empresa-card{padding:var(--s5);background:#fff;border:1px solid var(--line);border-radius:var(--r4);box-shadow:var(--shadow-lg)}
.p-empresa-card h3{font-size:1.5rem}
.p-empresa-card .assure{flex-direction:column;gap:8px;margin:var(--s2) 0 var(--s3)}
.p-empresa-card .btn{width:100%;height:auto;min-height:56px;padding:14px var(--s3);white-space:normal;text-align:center;line-height:1.25}
.p-empresa-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 8px;margin-top:var(--s2);font-size:.9375rem;color:var(--mute)}
.p-empresa-meet .p-empresa-sub{justify-content:flex-start}
.p-empresa-official{margin-top:0}
.p-empresa-official .eyebrow{margin-bottom:var(--s1)}
.p-empresa-note{margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--mute)}
.p-empresa-official dd{overflow-wrap:anywhere}
.p-empresa-official dd a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:3px}
.p-empresa-official dd a:hover{color:var(--bronze-t)}

/* ---------- Responsive ---------- */
@media (min-width:1001px) and (max-width:1100px){
  /* side by side the Lisbon card is narrow: one column keeps the address on two clean lines */
  .p-empresa-offices .office-hq .rows{grid-template-columns:minmax(0,1fr)}
  .p-empresa-offices .office-hq .rows li:nth-child(2){border-top:1px solid var(--line)}
}
@media (max-width:1100px){
  /* five tiles become 3 + 2, each pair filling its row (no orphan) */
  .p-empresa-who-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .p-empresa-who-list li{grid-column:span 2;min-height:150px}
  .p-empresa-who-list li:nth-child(n+4){grid-column:span 3}
  .p-empresa-approach-grid{gap:var(--s8)}
}
@media (max-width:960px){
  .p-empresa-member{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .p-empresa-body{padding:var(--s4)}
  .p-empresa-values{grid-template-columns:minmax(0,1fr);margin-top:var(--s6)}
  .p-empresa-values .rcard{grid-template-columns:48px minmax(0,1fr);background:#fff}
}
@media (max-width:1000px){
  /* two office cards side by side get too narrow here: stack them (the Lisbon rows stay in two columns) */
  .p-empresa-offices{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .p-empresa-approach-grid,.p-empresa-meet-grid{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .p-empresa-figure{max-width:560px}
}
@media (max-width:720px){
  .p-empresa-team{padding-top:0}
  .p-empresa-member{grid-template-columns:minmax(0,1fr)}
  .p-empresa-photo{min-height:0;aspect-ratio:4/3}
  .p-empresa-body{padding:var(--s3)}
  .p-empresa-offices .office-hq .rows{grid-template-columns:minmax(0,1fr)}
  .p-empresa-offices .office-hq .rows li:nth-child(2){border-top:1px solid var(--line)}
  .p-empresa-who{padding-top:var(--s6)}
  .p-empresa-who-list{grid-template-columns:minmax(0,1fr);gap:var(--s1)}
  .p-empresa-who-list li,.p-empresa-who-list li:nth-child(n+4){grid-column:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s2);min-height:72px;padding:var(--s2)}
  .p-empresa-who .p-empresa-aside .link-arrow{margin-left:0}
  .p-empresa-presence{padding-bottom:var(--s6)}
  .p-empresa-net{padding-block:var(--s6) var(--s4)}
  .p-empresa-card{padding:var(--s3)}
}
@media (max-width:900px){
  .p-empresa-reach{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .p-empresa-reach{grid-template-columns:minmax(0,1fr)}
}