/* ---------- Página Sobre mí ---------- */
.about-page main{position:relative;overflow:hidden}
.about-page main::before,.about-page main::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none;z-index:-1}
.about-page main::before{width:430px;height:430px;background:var(--accent);top:20px;right:-180px}
.about-page main::after{width:360px;height:360px;background:var(--accent2);top:520px;left:-170px}

.about-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:54px}
.about-intro h1{max-width:600px;margin:8px 0 20px;font-family:var(--serif);font-size:clamp(2.6rem,5.2vw,4.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.about-intro h1 em{color:var(--accent);font-style:italic}
.about-lead{max-width:560px;color:var(--ink-soft);font-size:1.06rem;line-height:1.75}

.about-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.about-topics span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink-soft);font-size:.76rem;font-weight:700;box-shadow:0 8px 18px -18px rgba(22,21,26,.45)}

.about-card{position:relative;background:linear-gradient(150deg,#1c1b22,#3d2b3a 55%,var(--accent));border-radius:26px;aspect-ratio:4/4.4;padding:0;color:#fff;display:flex;align-items:flex-end;box-shadow:0 28px 70px -32px rgba(22,21,26,.5);transform:rotate(1.5deg);overflow:hidden}
.about-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:0}
.about-card::before{content:"";position:absolute;inset:0;background:radial-gradient(480px circle at 30% 20%,rgba(255,255,255,.16),transparent 55%);z-index:1}
.about-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,20,0) 40%,rgba(15,12,20,.55) 72%,rgba(15,12,20,.92) 100%);z-index:1}
.about-card-inner{position:relative;z-index:2;padding:30px;width:100%}
.about-card-initial{font-family:var(--serif);font-weight:700;font-size:5.4rem;line-height:1;margin-bottom:14px;letter-spacing:-.02em}
.about-card-inner b{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:650}
.about-card-inner span{display:block;margin-top:4px;color:rgba(255,255,255,.82);font-size:.82rem}
.about-social{display:flex;gap:10px;margin-top:14px}
.about-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;transition:background .2s ease,transform .2s ease}
.about-social a:hover{background:rgba(255,255,255,.28);transform:translateY(-2px)}
.about-social svg{width:16px;height:16px;fill:currentColor}

.about-body{max-width:760px;margin:0 auto;padding:12px 24px 8px}
.about-body h2{font-family:var(--serif);font-size:1.7rem;font-weight:650;letter-spacing:-.02em;margin:44px 0 14px}
.about-body p{color:var(--article-copy);font-size:1.02rem;line-height:1.8;margin-bottom:16px}
.about-body p:first-of-type{margin-top:0}

.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px auto 8px;max-width:1160px;padding:0 24px}
.about-value{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.about-value svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.about-value h3{font-family:var(--serif);font-size:1.08rem;font-weight:650;margin-bottom:6px}
.about-value p{color:var(--ink-soft);font-size:.86rem;line-height:1.55}

.about-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:1160px;margin:52px auto 76px;padding:27px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,var(--accent2) 10%,var(--card)))}
.about-cta h2{font-family:var(--serif);font-size:1.35rem;font-weight:650;margin:0}
.about-cta p{margin-top:3px;color:var(--ink-soft);font-size:.82rem}
.about-cta-links{display:flex;gap:10px;flex:0 0 auto}
.about-cta a{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:99px;background:var(--card);color:var(--accent);font-size:.8rem;font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.about-cta a:hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 70%,var(--card))}
.about-cta a.solid{background:var(--button-bg);color:var(--button-ink);border-color:transparent}
.about-cta a.solid:hover{background:var(--accent);color:#fff}
.about-cta a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:960px){
  .about-hero{grid-template-columns:1fr;gap:38px;padding-top:52px}
  .about-card{max-width:340px;margin:0 auto}
  .about-values{grid-template-columns:1fr}
}

@media(max-width:640px){
  .about-hero{padding-top:38px;padding-bottom:38px}
  .about-intro h1{font-size:clamp(2.3rem,11vw,3.2rem)}
  .about-body{padding:12px 20px 8px}
  .about-values{padding:0 20px}
  .about-cta{flex-direction:column;align-items:flex-start;margin:40px 20px 60px;padding:23px}
  .about-cta-links{width:100%}
  .about-cta a{flex:1;justify-content:center}
}