/* =======================================================
   SOBRE
   ======================================================= */
.section-about{
  padding:90px 0;
  background:radial-gradient(800px 360px at 20% 0,rgba(232,199,103,.08),transparent 60%);
}
.about-grid{
  display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(40px,6vw,80px); align-items:center;
}
@media (max-width:960px){.about-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .section-about{padding:56px 0}
  .about-grid{gap:24px}
}

.about-title{
  font-size:clamp(1.9rem,3.5vw,2.6rem); font-weight:700; margin-bottom:1.2rem;
  background:var(--gold-grad); -webkit-background-clip:text; color:transparent; position:relative;
}
.about-title::after{
  content:""; position:absolute; bottom:-10px; left:0; width:100%; height:2px; border-radius:2px;
  background:var(--gold-grad); box-shadow:0 6px 18px rgba(227,193,90,.25);
}
.about-lead,.section-about p{color:#ede8d2; margin-bottom:14px; font-size:clamp(1.05rem,1.7vw,1.16rem); line-height:1.7}
@media (max-width:760px){
  .about-title{font-size:clamp(1.6rem,6.5vw,2rem)}
  .about-lead,.section-about p{font-size:1rem}
}

.about-bullets{list-style:none; margin:18px 0 0}
.about-bullets li{
  position:relative; margin:10px 0; padding-left:28px; color:#ede8d2;
}
.about-bullets li::before{
  content:""; position:absolute; left:0; top:6px; width:18px; height:18px; border-radius:50%;
  background:var(--gold-grad);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/14px 14px no-repeat;
}

.about-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.chip{
  padding:6px 14px; border-radius:999px; font-size:.92rem; letter-spacing:.02em; color:#e7e1cc;
  background:rgba(255,223,138,.06); border:1px solid rgba(255,223,138,.32);
  transition:transform .25s var(--ease-smooth), box-shadow .25s;
}
.chip:hover{background:rgba(255,223,138,.12); border-color:rgba(255,223,138,.45); transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.35)}

.about-media{justify-self:stretch}
.photo-frame{
  position:relative; border-radius:18px; overflow:hidden; background:#0f0f0f;
  border:1px solid rgba(255,223,138,.18); aspect-ratio:16/10;
  box-shadow:0 12px 36px rgba(0,0,0,.45); transition:box-shadow .25s, transform .25s;
}
.photo-frame::after{
  content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:var(--gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; transition:opacity .35s;
}
.photo-frame:hover{box-shadow:0 18px 50px rgba(232,199,103,.22),0 0 18px rgba(232,199,103,.18); transform:translateY(-4px); transition:.35s}
.photo-frame:hover::after{opacity:1}
.photo-frame img{width:100%; height:100%; object-fit:cover}
.photo-glow{position:absolute; inset:auto 12% -12% 12%; height:40%; background:radial-gradient(50% 60% at 50% 0%,rgba(232,199,103,.25),transparent 80%); filter:blur(22px); pointer-events:none}
.photo-caption{font-size:.92rem; opacity:.9; color:#d9d2bd; margin-top:10px; text-align:right}

.section-about [class^="about-"], .section-about .photo-frame{transform:translateY(16px); opacity:0; filter:saturate(.96)}
.section-about.reveal [class^="about-"], .section-about.reveal .photo-frame{
  transform:none; opacity:1; filter:none; transition:transform .5s var(--ease-smooth), opacity .5s var(--ease-smooth), filter .5s;
}

@media (max-width:760px){.photo-frame{aspect-ratio:16/11}}
#sobre h2{margin-left:0; margin-right:0; text-align:left}