/* Custom CSS principal do site Anderson R. Staub */
:root {
  --primary: #0d47a1;
  --primary-light: #1976d2;
  --text-light: #ffffff;
  --bg-dark: rgba(13, 71, 161, 0.75);
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;}
body{color:#333;line-height:1.6;}
header.hero{height:100vh;background:url('../images/ander_w.jpg') center/cover no-repeat fixed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-light);}
header.hero::before{content:"";position:absolute;inset:0;background:var(--bg-dark);} 
header .content{position:relative;z-index:1;}
.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-light);margin-bottom:1rem;}
h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;}
h2.tagline{font-size:1.25rem;font-weight:400;letter-spacing:.5px;}
.social-links{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;}
.social-links a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#000;font-size:1.1rem;text-decoration:none;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.2);} 
.social-links a:hover{background:var(--primary-light);color:#fff;}
section#projects{padding:4rem 2rem;background:#fff;text-align:center;}
#projects h3{font-size:2rem;color:var(--primary);margin-bottom:2rem;}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;}
.project-card{border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:.3s;background:#fafafa;}
.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px);} 
.project-card img{height:60px;width:auto;margin-bottom:1rem;}
.project-card a{text-decoration:none;color:#000;font-weight:600;font-size:1.1rem;}
section#about{padding:4rem 2rem;background:#f5f5f5;}
#about h3{font-size:2rem;color:var(--primary);margin-bottom:1.5rem;text-align:center;}
.about-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;}
.about-item h4{color:var(--primary);margin-bottom:.5rem;font-size:1.2rem;}
.about-item ul{list-style:disc inside;font-size:1rem;line-height:1.6;}
footer{padding:2rem;text-align:center;background:#eee;font-size:.9rem;color:#555;}