.about-page{width:88%;max-width:1100px;margin:auto;color:#142b40;padding:64px 0 90px}.about-page *{box-sizing:border-box}.about-page h1,.about-page h2,.about-page h3{font-family:var(--title);font-weight:800;letter-spacing:-.045em}.about-page h1{font-size:clamp(40px,4.4vw,62px);line-height:1.08;margin:16px 0 25px}.about-page h2{font-size:clamp(29px,3vw,41px);line-height:1.16;margin:12px 0 23px}.about-page h3{font-size:28px;line-height:1.2;margin:24px 0 16px}.about-page p{font-size:18px;line-height:1.8;margin:0 0 22px}.about-page .about-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:#596e7c;margin:0 0 13px}.about-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.about-pill{display:inline-block;border-radius:999px;background:#f8f0bd;padding:8px 14px;font-size:12px;font-weight:650;line-height:1.5}.about-intro>.about-pill{margin-bottom:28px}.about-page .about-lead{font-size:19px;line-height:1.75}.about-portrait{margin:0}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:140px 140px 30px 30px}.about-portrait figcaption{font-size:12px;color:#667985;text-align:center;margin-top:14px}.about-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.about-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:999px;background:#142b40;color:white;text-decoration:none;padding:15px 25px;font-weight:700;font-size:15px;white-space:nowrap;transition:background .2s,transform .2s}.about-button:hover{background:#28516a;transform:translateY(-2px)}.about-text-link{font-size:15px;font-weight:700;text-decoration:none;text-underline-offset:5px}.about-text-link:hover{text-decoration:underline}.about-section{margin-top:100px}.about-story{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-top:65px;border-top:1px solid #dce6eb}.about-now>p:not(.about-eyebrow){max-width:780px}.about-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.about-project{padding:32px;border:1px solid #d7e5eb;border-radius:28px;background:#fff;display:flex;align-items:flex-start;flex-direction:column}.about-project .about-pill{background:#e9f4f8}.about-project p{flex:1}.about-small-link{font-size:13px;color:#617785;margin-top:15px;text-underline-offset:4px}.about-contact{margin-top:90px;padding:44px;border:1px solid #dce6e9;border-radius:30px;background:linear-gradient(120deg,#fbf8e6,#eff8fa);display:flex;gap:48px;align-items:center}.about-contact>div{flex:1}.about-contact p:last-child{margin-bottom:0}.about-page a:focus-visible{outline:3px solid #368ba1;outline-offset:5px}@media(max-width:760px){.about-page{padding-top:35px}.about-hero{grid-template-columns:1fr;gap:38px}.about-page h1{font-size:43px}.about-portrait{max-width:360px;width:100%;justify-self:center}.about-portrait img{aspect-ratio:4/4.5;object-position:center 30%}.about-story{grid-template-columns:1fr;gap:8px;padding-top:40px}.about-section{margin-top:65px}.about-projects{grid-template-columns:1fr}.about-project{padding:26px}.about-contact{margin-top:65px;padding:28px;display:block}.about-contact .about-button{margin-top:25px}.about-page p{font-size:17px}.about-page .about-lead{font-size:18px}}@media(prefers-reduced-motion:reduce){.about-button{transition:none}}

/* Presentación en burbuja: mismo retrato que JuegoConSentido. */
.about-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;padding:48px 38px 0 48px;border:1px solid #dfe9e5;border-radius:36px;overflow:hidden;background:linear-gradient(115deg,#fbf5d5 0%,#f4f7e8 44%,#e2f3f8 100%);align-items:end}.about-intro{align-self:center;padding-bottom:48px}.about-page .about-hero h1{font-size:clamp(42px,5.2vw,68px);margin:12px 0 24px;line-height:1.08}.about-page .about-hero .about-lead{font-size:18px;line-height:1.8}.about-hero .about-portrait{align-self:end;width:100%;max-width:none}.about-hero .about-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0}.about-hero .about-actions{gap:20px}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;padding:30px 25px 0;gap:18px;border-radius:28px}.about-intro{padding-bottom:0}.about-page .about-hero h1{font-size:46px}.about-page .about-hero .about-lead{font-size:17px}.about-hero .about-portrait{max-width:330px;justify-self:center}.about-hero .about-actions{gap:18px;margin-top:24px}}

/* Sección de actividad centrada y párrafos justificados. */
.about-now{max-width:780px;margin-left:auto;margin-right:auto;text-align:left}.about-now>p:not(.about-eyebrow){margin-left:auto;margin-right:auto;text-align:justify;hyphens:auto}.about-now .about-projects{text-align:left}