:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --accent:#2563eb;
  --muted:#6b7280;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#111827;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.container{width:100%;max-width:800px}
header{margin-bottom:18px;text-align:center}
.title{font-size:3rem;font-weight:700;color:var(--accent);margin:0}

.card{background:var(--card);border-radius:12px;box-shadow:0 8px 30px rgba(15,23,42,0.07);padding:40px}
.row{display:flex;gap:24px;align-items:center}
.avatar{
  flex:0 0 120px;
  height:120px;
  border-radius:12px;
  background-size:cover;
  background-position:center;
  background-image:url('../img/fotoAcademica.jpg');
}
.info{flex:1}
.label{font-size:1.2rem;color:var(--muted);margin:0}
.value{font-size:1.6rem;font-weight:600;margin:6px 0}

@media (max-width:520px){
  .row{flex-direction:column;align-items:flex-start}
  .avatar{width:100%;height:100px;border-radius:10px}
  .title{font-size:2.4rem}
}