/* Sobre mí · retrato, historia, valores, redes y cierre */
.sm-top{display:grid;grid-template-columns:1.25fr minmax(240px,.75fr);gap:56px;align-items:end}
.sm-top h1{max-width:13ch}
.sm-foto{margin:0;display:grid;gap:12px;animation-delay:.3s}
.sm-foto img{width:100%;aspect-ratio:640/606;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);filter:grayscale(.15) contrast(1.03)}
.sm-foto figcaption{color:var(--dim);font-size:14px}

/* historia */
.historia{padding-top:clamp(56px,6vw,90px)}
.hi-lista{list-style:none;border-top:1px solid var(--line)}
.hi-lista li{display:grid;grid-template-columns:80px 1fr 1fr;gap:24px 40px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--line)}
.hi-n{color:var(--ac2);font-size:14px;font-variant-numeric:tabular-nums}
.hi-t{font-size:clamp(28px,1.2rem + 1.8vw,46px)}
.hi-lista .dim{font-size:var(--s-lead);line-height:1.5}

/* valores */
.valores h2{margin-bottom:48px}
.va-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.va-grid article{display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--ac2)}

/* redes */
.redes{padding-top:0}

/* cierre */
.cierre h2{margin-bottom:40px}
.ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ci{position:relative;display:grid;gap:8px;padding:32px;transition:border-color .3s,background .3s}
.ci b{font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.05}
.ci .fl{position:absolute;right:28px;top:26px;font-size:28px;transition:transform .5s var(--ease)}
.ci:hover{border-color:var(--ac2)}
.ci:hover .fl{transform:rotate(-45deg)}

@media (max-width:900px){
  .sm-top{grid-template-columns:1fr;gap:36px}
  .sm-foto{max-width:340px}
  .hi-lista li{grid-template-columns:1fr;gap:10px}
  .va-grid,.ci-grid{grid-template-columns:1fr}
  .va-grid{gap:28px}
}

/* sobre este sitio: quién lo hace, cómo se hizo, cómo se sostiene */
.este-sitio{padding-top:0;scroll-margin-top:80px}
.este-sitio h2{margin-bottom:40px}
.es-lista .hi-t{font-size:clamp(24px,1rem + 1.2vw,34px)}
.es-txt{display:grid;gap:22px}
.es-ficha{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;font-size:15px}
.es-ficha dt{color:var(--dim)}
.es-ficha dd{color:var(--txt);overflow-wrap:anywhere}