
:root{
  --papel:#eef0ec;
  --papel-2:#e3e7e1;
  --tinta:#14202b;
  --tinta-suave:#4a5763;
  --linea:#c4cbc3;
  --naranja:#e8851a;
  --sobre-naranja:#14202b;
  --display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --texto:"Source Serif 4", Georgia, "Times New Roman", serif;
  --ancho:1120px;
  --margen:clamp(1.25rem, 4vw, 2.5rem);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --papel:#101820;
    --papel-2:#17222c;
    --tinta:#e6eae5;
    --tinta-suave:#a7b1ba;
    --linea:#2e3b47;
    --naranja:#f29a33;
    --sobre-naranja:#101820;
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:1.125rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-color:var(--naranja)}
:focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0}
p{margin:0 0 1em}
.wrap{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--margen)}
.medida{max-width:38rem}
.suave{color:var(--tinta-suave)}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:var(--papel);padding:.6rem 1rem;z-index:20}
.saltar:focus{left:1rem;top:1rem}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:10;background:var(--papel);border-bottom:1px solid var(--linea)}
.cabecera .wrap{display:flex;align-items:center;gap:1.5rem;min-height:3.75rem}
.marca{font-family:var(--display);font-weight:700;font-size:1.05rem;text-decoration:none;white-space:nowrap}
.nav{display:flex;gap:1.25rem;overflow-x:auto;margin-left:auto;font-family:var(--display);font-weight:500;font-size:.95rem;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{text-decoration:none;white-space:nowrap;padding:.35rem 0}
.nav a:hover{text-decoration:underline}
@media (max-width:720px){
  .cabecera .wrap{flex-wrap:wrap;gap:0;padding-block:.5rem}
  .nav{margin-left:0;width:100%;gap:1rem}
}

/* Botones */
.botones{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.boton{display:inline-block;font-family:var(--display);font-weight:500;font-size:1rem;text-decoration:none;padding:.8rem 1.3rem;border:2px solid var(--tinta);border-radius:999px}
.boton:hover{background:var(--tinta);color:var(--papel)}
.boton.principal{background:var(--naranja);border-color:var(--naranja);color:var(--sobre-naranja)}
.boton.principal:hover{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}

/* Hero */
.hero{padding-block:clamp(3rem,8vw,6.5rem) clamp(3rem,6vw,5rem)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:clamp(2rem,5vw,4.5rem);align-items:end}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.3rem);letter-spacing:-.03em;line-height:1.03;max-width:17ch}
.hero .entrada{font-size:clamp(1.15rem,1.8vw,1.35rem);margin-top:1.75rem;max-width:34rem}
.retrato{margin:0}
.retrato img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:12px 12px 120px 12px;background:var(--papel-2)}
.retrato figcaption{font-size:.95rem;margin-top:.75rem;color:var(--tinta-suave)}
@media (max-width:820px){
  .hero .wrap{grid-template-columns:1fr}
  .retrato{max-width:22rem}
}

/* Secciones */
.seccion{padding-block:clamp(3.5rem,7vw,6rem);border-top:1px solid var(--linea)}
.seccion > .wrap > h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.seccion .bajada{font-size:1.2rem;color:var(--tinta-suave);max-width:38rem;margin-bottom:2.75rem}

/* Sobre mí */
.sobre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}
.roles{margin:0;display:grid;gap:0}
.roles div{padding:1.1rem 0;border-top:1px solid var(--linea)}
.roles div:last-child{border-bottom:1px solid var(--linea)}
.roles dt{font-family:var(--display);font-weight:700;font-size:1.2rem}
.roles dd{margin:.2rem 0 0;color:var(--tinta-suave)}
@media (max-width:820px){.sobre{grid-template-columns:1fr}}

/* Iniciativas */
.iniciativas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.iniciativa{border-top:4px solid var(--tinta);padding-top:1.25rem}
.iniciativa.bp{border-top-color:var(--naranja)}
.iniciativa h3{font-size:1.6rem;margin-bottom:.15rem}
.iniciativa .que{font-family:var(--display);font-weight:500;color:var(--tinta-suave);margin-bottom:.9rem}
.iniciativa a{font-family:var(--display);font-weight:500}
@media (max-width:900px){.iniciativas{grid-template-columns:1fr}}

/* Actividad */
.evento{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;margin-bottom:clamp(3rem,6vw,4.5rem)}
.evento:nth-of-type(even) .evento-foto{order:2}
.evento-foto{margin:0}
.evento-foto img{border-radius:10px;width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--papel-2)}
.evento-foto figcaption{font-size:.9rem;color:var(--tinta-suave);margin-top:.6rem}
.fecha{font-family:var(--display);font-weight:500;color:var(--tinta-suave);margin-bottom:.4rem}
.evento h3{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.35rem}
.evento .rol{font-family:var(--display);font-weight:500;margin-bottom:1rem}
.enlaces{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--display);font-weight:500;margin-top:1rem}
details.galeria{margin-top:1.5rem;border-top:1px solid var(--linea);padding-top:.9rem}
details summary{cursor:pointer;font-family:var(--display);font-weight:500}
.galeria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.galeria-grid figure{margin:0}
.galeria-grid img{border-radius:8px;aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--papel-2)}
.galeria-grid figcaption{font-size:.85rem;color:var(--tinta-suave);margin-top:.35rem;line-height:1.4}
@media (max-width:820px){
  .evento{grid-template-columns:1fr}
  .evento:nth-of-type(even) .evento-foto{order:0}
  .galeria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mas-actividad h3.sub{font-size:1.5rem;margin-bottom:1.25rem}
.lista-actividad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,4vw,3.5rem)}
.lista-actividad li{border-top:1px solid var(--linea);padding:1.25rem 0 1.5rem}
.lista-actividad h4{font-size:1.25rem;margin-bottom:.35rem}
.lista-actividad p{margin-bottom:.5rem}
.lista-actividad .enlaces{margin-top:.25rem;font-size:1rem}
@media (max-width:820px){.lista-actividad{grid-template-columns:1fr}}

/* Charlas */
.charlas{list-style:none;margin:0;padding:0}
.charla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:.75rem clamp(1.5rem,4vw,3.5rem);padding:1.75rem 0;border-top:1px solid var(--linea)}
.charla:last-child{border-bottom:1px solid var(--linea)}
.charla h3{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.charla p{margin-bottom:.6rem}
.charla .datos{font-size:1rem;color:var(--tinta-suave);margin:0}
.charla .datos strong{font-family:var(--display);font-weight:500;color:var(--tinta)}
.nota-charlas{margin-top:1.5rem;color:var(--tinta-suave)}
@media (max-width:760px){.charla{grid-template-columns:1fr}}

/* Libro: el único momento fuerte de la página */
.libro{background:var(--naranja);color:var(--sobre-naranja);padding-block:clamp(3.5rem,8vw,6.5rem)}
.libro .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.libro .tesis{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,6.8vw,5.6rem);line-height:.98;letter-spacing:-.035em;margin:0 0 1.75rem;max-width:12ch}
.libro p{max-width:34rem}
.libro .boton{border-color:var(--sobre-naranja);color:var(--sobre-naranja)}
.libro .boton:hover{background:var(--sobre-naranja);color:var(--naranja)}
.libro figure{margin:0}
.libro img{border-radius:10px;width:100%;aspect-ratio:4/5;object-fit:cover;background:rgba(0,0,0,.08)}
.libro figcaption{font-size:.9rem;margin-top:.6rem}
@media (max-width:820px){.libro .wrap{grid-template-columns:1fr}.libro figure{max-width:22rem}}

/* Kit de prensa */
.kit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem)}
.bio{align-self:start;background:var(--papel-2);border-radius:10px;padding:1.5rem 1.6rem 1.25rem}
.bio h3{font-size:1.25rem;margin-bottom:.75rem}
.bio p{font-size:1.05rem}
.copiar{font-family:var(--display);font-weight:500;font-size:.95rem;background:none;border:2px solid var(--tinta);color:var(--tinta);border-radius:999px;padding:.45rem 1rem;cursor:pointer}
.copiar:hover{background:var(--tinta);color:var(--papel)}
.kit-foto{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.kit-foto img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;background:var(--papel-2)}
@media (max-width:820px){.kit{grid-template-columns:1fr}}

/* Contacto */
.contacto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.via{border-top:4px solid var(--tinta);padding-top:1.25rem;display:flex;flex-direction:column}
.via.bp{border-top-color:var(--naranja)}
.via h3{font-size:1.4rem;margin-bottom:.5rem}
.via p{flex:1}
.via .boton{align-self:flex-start;margin-top:.5rem}
@media (max-width:900px){.contacto-grid{grid-template-columns:1fr}}

/* Archivo */
.archivo summary{font-size:1.15rem}
.archivo-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);margin-top:2rem}
.linea-tiempo{list-style:none;margin:0;padding:0}
.linea-tiempo li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-top:1px solid var(--linea)}
.linea-tiempo .anio{font-family:var(--display);font-weight:700}
.linea-tiempo h4{font-size:1.1rem;margin-bottom:.25rem}
.linea-tiempo p{margin:0;color:var(--tinta-suave)}
.archivo-fotos{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.archivo-fotos figure{margin:0}
.archivo-fotos img{border-radius:8px;aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--papel-2)}
.archivo-fotos figcaption{font-size:.85rem;color:var(--tinta-suave);margin-top:.35rem;line-height:1.4}
.logo-insiders{width:72px;height:72px;margin-bottom:1rem}
@media (max-width:820px){.archivo-cuerpo{grid-template-columns:1fr}}

/* Pie */
.pie{border-top:1px solid var(--linea);padding-block:2.5rem;font-size:1rem;color:var(--tinta-suave)}
.pie .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem}
.pie details{max-width:38rem}
.pie details p{margin-top:.75rem}
.pie nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-family:var(--display);font-weight:500;color:var(--tinta)}
/* Integración con contacto editable y navegación móvil. */
[hidden]{display:none!important}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,input,textarea{font:inherit}
.menu-editorial{display:none;margin-left:auto;font-family:var(--display);font-size:1rem;line-height:1.3;min-height:44px;padding:.55rem .8rem;border:1px solid var(--linea);border-radius:8px;color:var(--tinta);background:var(--papel)}
.menu-editorial>span{margin-left:.4rem}.nav a{min-height:44px;display:inline-flex;align-items:center}
.boton,.copiar{min-height:44px}.boton{max-width:100%;overflow-wrap:anywhere}.boton:focus-visible,.copiar:focus-visible{outline-color:var(--tinta)}
.enlace-accion{display:inline-block;min-height:44px;padding-block:.4rem}.detalle-bp{display:inline-block;margin-bottom:.5rem}
.iniciativas .iniciativa.bp{border-top-width:6px}.iniciativa.bp h3{font-size:1.9rem}
.via .boton{line-height:1.45}.via.bp{order:-1;border-top-width:6px}.contacto-directo{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;border-top:1px solid var(--linea);margin-top:2.5rem;padding-top:1.25rem;font-family:var(--display);font-size:1rem}.contacto-directo a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;min-width:0}
.evento-madrid .evento-foto img{aspect-ratio:16/9;object-fit:contain}.evento-bogota .evento-foto img{aspect-ratio:4/5;object-position:center}.galeria-grid img{aspect-ratio:4/3;object-fit:contain}
.evento-foto figcaption,.galeria-grid figcaption,.archivo-fotos figcaption,.libro figcaption{font-size:max(.9rem,14px)}
.estado-copia{font-family:var(--display);font-size:1rem;min-height:1.5em;margin-block:-1rem 1rem}.texto-foto{margin:0}.copyright{margin:0 0 .75rem}.ancla{display:block;scroll-margin-top:5rem}.kit-foto a{font-family:var(--display);font-size:1rem;min-height:44px;display:inline-flex;align-items:center}.kit-foto .boton{display:inline-block}.pie nav a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}.pie nav{min-width:0}
.admin-preview-note{padding:1rem var(--margen);background:var(--papel-2);border-bottom:1px solid var(--linea);color:var(--tinta);font-family:var(--display);font-size:1rem;text-align:center}.admin-preview-note a{display:inline-block;min-height:44px;padding-top:.45rem}
@media(max-width:820px){.cabecera .wrap{flex-wrap:wrap;gap:0;padding-block:.5rem;min-height:4rem}.menu-editorial{display:inline-flex;align-items:center}.nav{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;overflow:visible;padding-block:.65rem .2rem}.nav.esta-cerrado{display:none}.nav a{padding:.6rem 0;font-size:1rem;white-space:normal;border-top:1px solid var(--linea)}.hero .wrap{align-items:start}.via .boton{font-size:1rem}}
@media(max-width:480px){.galeria-grid,.archivo-fotos{grid-template-columns:1fr}.linea-tiempo li{grid-template-columns:1fr;gap:.35rem}.retrato{max-width:100%;width:100%}.retrato img{max-height:480px;aspect-ratio:4/5}.kit-foto{align-items:flex-start}.botones .boton{line-height:1.45}.contacto-directo{gap:.4rem 1.2rem}.libro .tesis{font-size:clamp(2.4rem,11vw,3.2rem)}.marca{font-size:1rem}}
/* Páginas de BP360 y perfil en inglés, con la misma paleta y tipografías. */
.container{width:min(1120px,calc(100% - 2*var(--margen)));margin-inline:auto}.serif{font-family:var(--texto);font-style:italic;font-weight:400}.eyebrow,.small-label{font-family:var(--display);font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.05em}.site-header{min-height:4rem;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem var(--margen);border-bottom:1px solid var(--linea);background:var(--papel)}.page-nav{display:flex;gap:1.5rem;font-family:var(--display);font-size:1rem}.page-nav a{display:inline-flex;align-items:center;min-height:44px}.skip{position:absolute;left:-999px;top:0;padding:.6rem 1rem;background:var(--tinta);color:var(--papel);z-index:30}.skip:focus{left:1rem;top:1rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:48px;padding:.8rem 1.3rem;border:2px solid var(--tinta);border-radius:999px;font-family:var(--display);font-weight:500;font-size:1rem;text-decoration:none;line-height:1.45;max-width:100%;text-align:left}.button.primary{background:var(--naranja);border-color:var(--naranja);color:var(--sobre-naranja)}.button:hover{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}.text-link{display:inline-flex;align-items:center;gap:1rem;min-height:44px;font-family:var(--display);font-size:1rem}.subpage-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,7vw,6rem)}.subpage-hero h1{font-size:clamp(2.4rem,4.8vw,4rem);margin:1.5rem 0}.subpage-hero .subpage-intro{font-size:1.35rem;line-height:1.55}.subpage-hero p{max-width:38rem}.subpage-hero figure{margin:0;min-width:0}.subpage-hero img{width:100%;border-radius:12px 12px 100px 12px;background:var(--papel-2)}.subpage-hero figcaption,.subpage-hero .hint-public{font-size:1rem;color:var(--tinta-suave);margin-top:1rem}.subpage-hero .button{margin-block:.5rem 1rem}.section{padding-block:clamp(3.5rem,7vw,6rem);border-top:1px solid var(--linea)}.section-heading{margin-bottom:2.5rem}.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:1rem 0}.talk-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.talk-topics article{border-top:3px solid var(--linea);padding-top:1.25rem;min-width:0}.talk-topics h3{font-size:1.6rem;margin:1rem 0}.talk-topics p{color:var(--tinta-suave)}.talk-topics article>a{display:inline-block;min-height:44px;font-family:var(--display);font-size:1rem}.press-material{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;margin-top:3rem;border-top:1px solid var(--linea);padding-top:2rem;align-items:start}.press-material h3{font-size:1.4rem;margin-bottom:1.2rem}.bio-details{border-top:1px solid var(--linea);padding-top:1rem;margin-top:1.5rem}.bio-details p{margin-top:1rem}.press-downloads{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--papel-2);border-radius:10px}.press-downloads a{font-family:var(--display);font-size:1rem;min-height:44px;display:inline-flex;align-items:center}.press-downloads>.button{display:inline-block}.service-next{padding:clamp(1.5rem,4vw,3rem);background:var(--papel-2);margin-bottom:4rem;border-radius:12px}.service-next h2{font-size:clamp(2rem,4vw,2.8rem);margin:1.5rem 0}.service-next .button{margin:1rem 1rem 0 0}.service-next .text-link{margin-top:1rem}.site-footer.subpage-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--linea);padding-block:2rem;font-family:var(--display);font-size:1rem;color:var(--tinta-suave)}.participation-list{list-style:none;margin:0 0 2rem;padding:0}.participation-list li{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--linea);padding:1.25rem 0}.participation-list strong{font-family:var(--display);font-size:1rem;font-weight:500}.participation-list span{color:var(--tinta-suave)}
@media(max-width:820px){.subpage-hero,.talk-topics,.press-material{grid-template-columns:1fr}.subpage-hero figure{max-width:28rem}.subpage-hero h1{font-size:clamp(2.3rem,6vw,3.5rem)}.talk-topics{gap:2rem}.press-material{gap:2rem}.participation-list li{flex-direction:column;gap:.35rem}.site-header{flex-wrap:wrap}.page-nav{gap:1rem}.service-next .button{margin-right:0}.subpage-hero .eyebrow{font-size:.875rem}}
