/* style.css - Parte inicial premium */
:root{
 --bg:#18181B;--surface:#202024;--primary:#3B82F6;--accent:#06B6D4;
 --text:#F4F4F5;--muted:#A1A1AA;--border:rgba(255,255,255,.08);
 --radius:18px;--shadow:0 10px 30px rgba(0,0,0,.25);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1120px,92%);margin:auto}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
header{position:fixed;top:0;width:100%;backdrop-filter:blur(12px);background:rgba(24,24,27,.7);border-bottom:1px solid var(--border);z-index:100}
header .container{display:flex;justify-content:space-between;align-items:center;height:72px}
.logo{font-size:1.4rem;font-weight:800}.logo span{color:var(--primary)}
nav ul{display:flex;gap:2rem;list-style:none}
nav a{color:var(--muted);transition:.25s} nav a:hover{color:#fff}
.btn-header,.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.8rem 1.3rem;border-radius:999px}
.btn-secondary{border:1px solid var(--border);padding:.8rem 1.3rem;border-radius:999px}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:72px}
.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}
.tag{display:inline-block;padding:.4rem .8rem;background:#222;border:1px solid var(--border);border-radius:999px;color:var(--accent)}
h1{font-size:clamp(2.8rem,7vw,5rem);line-height:1.05;margin:1rem 0}
h1 span{color:var(--primary)}
.hero p{color:var(--muted);max-width:600px}
.hero-buttons{display:flex;gap:1rem;margin-top:2rem}
.photo-card,.tech-card,.project-card,.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.photo-card{padding:1rem}
section{padding:6rem 0}
.section-title{text-align:center;margin-bottom:3rem}
.section-title span{color:var(--accent)}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.tech-card{padding:2rem;text-align:center;transition:.3s}
.tech-card:hover,.project-card:hover{transform:translateY(-6px)}
.blur{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}
.blur-1{background:var(--primary);top:-100px;left:-100px}
.blur-2{background:var(--accent);right:-120px;bottom:-120px}
@media(max-width:900px){
 nav{display:none}
 .hero-content{grid-template-columns:1fr;text-align:center}
 .hero-buttons{justify-content:center;flex-wrap:wrap}
}