/* Página "Sobre mim" — tema claro, usa as variáveis e fontes de style.css */
.page-sobre{background:var(--cream);color:var(--brown);position:relative}
/* padrão da marca bem suave ao fundo */
.page-sobre::before{content:"";position:fixed;inset:0;background:url("../images/Pattern.jpg") center/520px repeat;opacity:.16;pointer-events:none;z-index:0}

.sobre-wrap{position:relative;z-index:1;width:100%;max-width:560px;padding:16px 16px 8px}

.back{display:inline-block;font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:2px;color:var(--brown);padding:10px 4px;transition:color .2s}
.back:hover{color:var(--gold)}

/* foto em arco + selo girando */
.sobre-hero{position:relative;margin:8px auto 0;width:min(86%,400px)}
.sobre-photo{aspect-ratio:4/5;border-radius:999px 999px 24px 24px;background:#fff;box-shadow:0 18px 40px rgba(70,47,25,.18)}
.sobre-photo img{object-position:50% 12%}
.sobre-seal{position:absolute;right:-14%;bottom:-8%;width:42%;height:auto;object-fit:contain;background:var(--cream);border-radius:50%;box-shadow:0 8px 24px rgba(70,47,25,.18)}

.sobre-content{margin-top:44px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.sobre-tag{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:5px;color:var(--gold)}
.sobre-title{font-family:var(--display);font-weight:600;font-size:clamp(44px,13vw,62px);line-height:1;color:var(--brown)}
.sobre-role{font-family:var(--label);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#7a624d;margin-top:-6px}
.sobre-divider{width:56px;height:2px;background:var(--gold);border-radius:2px;margin:6px 0}

.sobre-text{font-size:16px;line-height:1.7;max-width:440px}
.sobre-text strong{font-weight:600;color:var(--gold)}

.sobre-quote{font-family:var(--display);font-weight:500;font-size:clamp(24px,6.8vw,30px);line-height:1.25;font-style:italic;color:var(--brown);max-width:440px;padding:22px 8px;border-top:1px solid rgba(179,142,107,.5);border-bottom:1px solid rgba(179,142,107,.5)}


.sobre-content .card{width:100%}
.sobre-cta{text-align:left}
.footer-light{position:relative;z-index:1;color:#7a624d}

@media (max-width:480px){
  .sobre-wrap{padding:10px 12px 4px}
  .sobre-content{margin-top:38px}
  .sobre-text{font-size:15px}
}