/* =====================================================================
     CSS propio de /equipo/<persona>/. Arriba viene el design system de la
     home y el CSS compartido de las landings.
     El ATF es propio: ninguna otra pagina del sitio abre con un retrato a
     gran tamano sobre un bloque de color. Es el equivalente al SERP de la
     landing de Google o al feed de la de Meta: dice de que va la pagina
     sin texto. El bloque de color repite el codigo de /equipo/ (coral =
     fundador), asi la tarjeta desde la que se llego y el hero se reconocen.
     ===================================================================== */
  .pf{position:relative;overflow:hidden;padding:56px 0 64px;
    background:linear-gradient(180deg,rgba(233,236,254,.55),transparent 66%),
      radial-gradient(820px 460px at 88% -6%, rgba(84,104,255,.15), transparent 60%),
      radial-gradient(640px 440px at -4% 34%, rgba(255,120,150,.11), transparent 58%)}
  .pf-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;
    max-width:var(--maxw);margin:0 auto;padding:0 22px}
  .pf-left{min-width:0}
  .pf-role{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.14em;
    text-transform:uppercase;font-weight:800;color:var(--violet);margin-bottom:18px}
  .pf-role::before{content:"";width:26px;height:2px;background:var(--coral);border-radius:2px}
  .pf h1{font-size:clamp(2.4rem,5.2vw,3.8rem);letter-spacing:-.038em;line-height:1.04;margin:0;color:var(--ink)}
  .pf-lede{color:var(--ink-soft);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.62;
    margin-top:20px;max-width:530px}
  .pf-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
  .pf-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
  .pf-social a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;
    background:#fff;border:1px solid var(--line);color:var(--ink-soft);font-size:.87rem;font-weight:700;
    box-shadow:var(--shadow-sm);transition:color .15s ease,border-color .15s ease}
  .pf-social a:hover{color:var(--violet);border-color:var(--violet)}
  .pf-social svg{width:15px;height:15px;flex-shrink:0}

  /* El retrato viene 300x400 con el fondo recortado en alfa, igual que en /equipo/. */
  .pf-right{min-width:0}
  .pf-photo{position:relative;max-width:326px;margin:0 auto;border-radius:26px;overflow:hidden;
    background:#FFEDEA;box-shadow:var(--shadow);aspect-ratio:1/1.08}
  .pf-photo.lav{background:var(--bg-lav)}
  .pf-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 4%}
  .pf-dots{position:absolute;z-index:0;right:-4px;bottom:44px;width:88px;height:88px;
    background-image:radial-gradient(rgba(32,52,230,.26) 2px,transparent 2px);background-size:16px 16px;opacity:.5}
  .pf-stage{position:relative}

  /* ===== Trayectoria: los datos duros, uno por tarjeta ===== */
  .trk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--maxw);margin:0 auto}
  .trk-c{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;
    box-shadow:var(--shadow-sm)}
  .trk-n{font-size:1.85rem;font-weight:800;color:var(--coral);letter-spacing:-.03em;line-height:1}
  .trk-t{font-size:1rem;font-weight:800;color:var(--ink);margin-top:12px;letter-spacing:-.012em}
  .trk-d{color:var(--muted);font-size:.93rem;line-height:1.56;margin-top:7px}
  .trk-note{max-width:var(--maxw);margin:26px auto 0;text-align:center;color:var(--muted);font-size:.96rem}
  @media(max-width:860px){.trk{grid-template-columns:1fr 1fr}}
  @media(max-width:560px){.trk{grid-template-columns:1fr}}

  /* ===== Prensa: medio + titular real de la nota ===== */
  .prs{max-width:920px;margin:0 auto;display:grid;gap:11px}
  .prs a{display:grid;grid-template-columns:118px 1fr auto;gap:8px 20px;align-items:center;background:#fff;
    border:1px solid var(--line);border-radius:14px;padding:17px 22px;box-shadow:var(--shadow-sm);
    transition:transform .15s ease,box-shadow .15s ease}
  .prs a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
  .prs-m{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--violet)}
  .prs-t{color:var(--ink);font-weight:700;font-size:.99rem;line-height:1.45}
  .prs svg{width:16px;height:16px;color:var(--coral);flex-shrink:0}
  @media(max-width:640px){.prs a{grid-template-columns:1fr auto}.prs-m{grid-column:1/-1}}

  /* ===== Referencias enciclopedicas ===== */
  .wk{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:11px}
  .wk a{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);
    border-radius:13px;padding:15px 19px;color:var(--ink-soft);font-weight:600;font-size:.95rem;
    box-shadow:var(--shadow-sm);transition:color .15s ease,border-color .15s ease}
  .wk a:hover{color:var(--violet);border-color:var(--violet)}
  .wk svg{width:15px;height:15px;color:var(--coral);flex-shrink:0}
  .wk-note{max-width:900px;margin:20px auto 0;color:var(--muted);font-size:.9rem;text-align:center}
  @media(max-width:640px){.wk{grid-template-columns:1fr}}

  /* ===== Metodo PCO: version corta. El embudo completo vive en la home. ===== */
  .pco{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:38px 40px;box-shadow:var(--shadow-sm)}
  .pco-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
  .pco-s{border:1px solid var(--line);border-radius:14px;padding:19px 20px;background:var(--bg-soft)}
  .pco-l{font-size:1.5rem;font-weight:800;color:var(--violet);letter-spacing:-.03em;line-height:1}
  .pco-t{font-size:.95rem;font-weight:800;color:var(--ink);margin-top:9px}
  .pco-d{color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:5px}
  .pco p{color:var(--ink-soft);font-size:1.02rem;line-height:1.65;margin:0}
  .pco p + p{margin-top:13px}
  @media(max-width:700px){.pco{padding:30px 24px}.pco-row{grid-template-columns:1fr}}

  /* ===== Super-poderes (Martin) ===== */
  .pw{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:var(--maxw);margin:0 auto}
  .pw-c{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;
    text-align:center;box-shadow:var(--shadow-sm)}
  .pw-ic{width:46px;height:46px;border-radius:13px;margin:0 auto 14px;display:grid;place-items:center;
    background:var(--bg-lav);color:var(--violet)}
  .pw-ic svg{width:22px;height:22px}
  .pw-t{font-size:1rem;font-weight:800;color:var(--ink);letter-spacing:-.012em}
  @media(max-width:760px){.pw{grid-template-columns:1fr 1fr}}

  /* ===== Cita destacada ===== */
  .qt{max-width:820px;margin:0 auto;text-align:center}
  .qt blockquote{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.42;color:var(--ink);
    font-weight:700;letter-spacing:-.02em}
  .qt-w{margin-top:20px;color:var(--muted);font-size:.94rem;font-weight:600}

  /* ===== Volver al equipo ===== */
  .bk{max-width:var(--maxw);margin:0 auto 26px;padding:0 22px}
  .bk a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}
  .bk a:hover{color:var(--violet)}
  .bk svg{width:15px;height:15px;transform:rotate(180deg)}

  @media(max-width:960px){
    .pf{padding:44px 0 52px}
    .pf-grid{grid-template-columns:1fr;gap:40px}
    .pf-right{order:-1}
    .pf-photo{max-width:270px}
    .pf-lede{max-width:none}
    .pf-dots{display:none}
  }