/* Quiénes somos: página /quienes-somos.html y bloque de presentación en la portada */
.about-hero h1{font-size:clamp(2.1rem,3.6vw,3.3rem);line-height:1.08;letter-spacing:-.035em;max-width:860px}
.about-hero .lead{margin-bottom:0}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;max-width:860px}
.about-facts div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 8px 22px rgba(8,63,145,.06)}
.about-facts b{display:block;color:var(--blue);font-size:1.15rem}
.about-facts span{display:block;color:var(--muted);font-size:.92rem;line-height:1.35}
.about-story{max-width:820px}
.about-story h2,.about-owner h2,.about-work h2,.about-services h2{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.15;letter-spacing:-.025em}
.about-story p+p,.about-owner-text p+p,.about-services p+p{margin-top:14px}
.about-owner{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:40px;align-items:center}
.about-photo{margin:0}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
.about-photo figcaption{margin-top:10px;font-size:.88rem;color:var(--muted);text-align:center}
.about-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.about-work-grid article{padding:24px}
.about-work-grid h3{color:var(--blue);margin-bottom:8px}
.about-services .about-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.about-services a:not(.pill){color:var(--blue);font-weight:800}
/* Portada */
.home-about-grid{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;max-width:960px;margin:0 auto}
.home-about-photo{display:block;width:200px;height:200px;border-radius:var(--radius);object-fit:cover;object-position:50% 30%;border:1px solid var(--line);box-shadow:0 12px 34px rgba(8,63,145,.12)}
.home-about h2{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.15;letter-spacing:-.025em}
.home-about .link{margin-top:16px}
@media (max-width:820px){
  .about-owner{grid-template-columns:1fr;gap:24px}
  .about-photo{max-width:320px}
  .about-work-grid,.about-facts{grid-template-columns:1fr}
}
@media (max-width:640px){
  .home-about-grid{grid-template-columns:1fr;gap:20px}
  .home-about-photo{width:150px;height:150px}
  .about-photo{max-width:260px}
}