/* Scroll suave */
html { scroll-behavior: smooth; }

/* Hero */
header {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background: url('https://via.placeholder.com/1920x1080') center/cover no-repeat;
}
header .overlay {
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: url('fondo.jpg');
  backdrop-filter: blur(8px);
  z-index: 0;
}
header .container { position: relative; z-index:1; max-width: 800px; }
header h1 { font-size: 3rem; font-weight: 700; }
header p.lead { font-size: 1.25rem; margin-top: 0.5rem; }
header .info-resumen {
  font-size: 1rem; margin-top: 1rem; opacity: 0.9; text-align:left;
}

/* Separación entre secciones */
section { padding: 100px 0; }

/* Cards de proyectos */
.card:hover { transform: translateY(-5px); transition: all 0.3s ease; }

/* Habilidades visuales */
.skill-bar { background: #e9ecef; border-radius: 10px; overflow: hidden; margin-bottom: 15px; }
.skill-bar-inner { height: 12px; background: #0d6efd; width: 80%; }

/* Navbar */
.navbar-brand { font-size: 1.3rem; }

/* Timeline educación y experiencia */
.timeline { position: relative; margin: 2rem 0; padding-left: 40px; }
.timeline::before { content: ''; position: absolute; left: 18px; top:0; bottom:0; width: 4px; background:#0d6efd; border-radius:2px; }
.timeline-item { position: relative; margin-bottom: 2rem; }
.timeline-item::before { content: ''; position: absolute; left: -22px; top:0; width: 12px; height:12px; border-radius:50%; background:#0d6efd; }

/* Footer */
footer { font-size: 0.9rem; letter-spacing: 0.5px; text-align:center; padding:20px 0; background:#212529; color:white; }