/* Página web · ceoalestilodejesus.com */
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:50}
.skip:focus{left:.5rem;top:.5rem}
.small{font-size:.875rem}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem max(1rem,calc((100% - 62rem)/2));background:var(--paper);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:600;text-decoration:none}
.brand svg{width:1.9rem;height:1.9rem;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem 1.1rem;border-radius:.6rem;border:1px solid var(--line);background:var(--card);font-family:var(--sans);font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap}
.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.big{min-height:3.25rem;padding:.75rem 1.6rem;font-size:1.05rem}
main{max-width:62rem;margin:0 auto;padding:0 1rem}
section{padding:3.5rem 0;border-bottom:1px solid var(--line)}
section:last-child{border-bottom:0}
h2{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:600;letter-spacing:-.015em;line-height:1.15;margin:0 0 .75rem;max-width:22ch}
h3{font-size:1.15rem;margin:0 0 .3rem;line-height:1.25}
p{max-width:62ch}
.lead{font-size:1.12rem;color:var(--ink-soft);margin:0 0 2rem}

.hero{padding:3.5rem 0 4rem}
.tag{font-family:var(--sans);color:var(--rubric);font-weight:600;margin:0 0 1rem}
.hero h1{font-size:clamp(2.6rem,11vw,5.6rem);font-weight:450;font-style:italic;line-height:1.02;letter-spacing:-.03em;margin:0 0 1.5rem;max-width:12ch}
.sub{font-size:clamp(1.1rem,3.5vw,1.3rem);line-height:1.55;margin:0 0 2rem}
.note{font-family:var(--sans);font-size:.9rem;color:var(--ink-soft);margin:.9rem 0 0}

.moments{list-style:none;padding:0;margin:0;counter-reset:m;display:grid;gap:1.75rem}
.moments li{counter-increment:m;display:grid;grid-template-columns:2.75rem 1fr;column-gap:.75rem}
.moments li::before{content:counter(m);grid-row:span 2;font-style:italic;font-size:1.9rem;line-height:1;color:var(--rubric)}
.moments li:last-child::before{color:var(--gold)}
.moments p{margin:0;color:var(--ink-soft)}

.pair{display:grid;gap:1.5rem;margin-top:1.5rem}
.pair div{padding-left:1rem;border-left:2px solid var(--rubric)}
.pair p{margin:0;color:var(--ink-soft)}

.ejes{margin:0;padding-left:2.2rem;columns:1;font-size:1.08rem}
.ejes li{padding:.35rem 0;break-inside:avoid}
.ejes li::marker{color:var(--rubric);font-style:italic}

.principles{font-family:var(--sans);font-size:.92rem;color:var(--ink-soft);line-height:1.8}
.foot{max-width:62rem;margin:0 auto;padding:2.5rem 1rem 3rem;color:var(--ink-soft)}
.foot p{font-size:.95rem}
.foot nav{display:flex;gap:1.25rem;font-family:var(--sans);font-size:.95rem;margin:1rem 0}
.foot nav a{text-decoration:none;padding:.4rem 0}
.foot nav a[aria-current="page"]{color:var(--ink);font-weight:600}

@media (min-width:48rem){
  .moments{grid-template-columns:1fr 1fr 1fr;column-gap:2.5rem;row-gap:2.5rem}
  .pair{grid-template-columns:1fr 1fr;gap:3rem}
  .ejes{columns:2;column-gap:3rem}
  section{padding:5rem 0}
  .hero{padding:5.5rem 0 5rem}
}
.legal{max-width:44rem;padding-block:2.5rem 3rem}
.legal h1{font-size:clamp(2rem,7vw,2.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem}
.legal h2{font-size:1.2rem;margin:2rem 0 .4rem;max-width:none}
.legal p{margin:0 0 .75rem}