:root{--violet-50:#eef2ff;--violet-100:#e0e7ff;--violet-200:#c7d2fe;--violet-300:#a5b4fc;--violet-400:#818cf8;--violet-500:#6366f1;--indigo-700:#3730a3;--chip-frontend: linear-gradient(135deg,#3b82f6,#2563eb);--chip-backend: linear-gradient(135deg,#10b981,#059669);--chip-db: linear-gradient(135deg,#f59e0b,#d97706);--chip-cloud: linear-gradient(135deg,#8b5cf6,#6d28d9)}body{font-family:Poppins,sans-serif;background:#fafaff;color:#1f2937;margin:0}.logo-container{display:flex;justify-content:center}.logo-video{max-width:200px;width:100%;height:auto;border-radius:12px;margin:0 auto 1.25rem}.foto-perfil{width:220px;height:220px;object-fit:cover;border-radius:50%;border:6px solid #c7d2fe;box-shadow:0 8px 22px #0000001f}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1100px;margin:2rem auto;padding:0 1rem}.skills-card{background:#f9f9ff;border:1.5px solid #c7d2fe;border-radius:16px;padding:1.2rem 1.4rem;box-shadow:0 6px 16px #00000014;transition:transform .2s ease}.skills-card:hover{transform:translateY(-4px)}.skills-card h3{margin:0 0 .9rem;font-size:1.1rem;font-weight:800;color:#3730a3}.tecnologias{display:flex;flex-wrap:wrap;gap:.65rem}.tecnologias span{font-size:.85rem;font-weight:700;padding:.45rem .9rem;border-radius:999px;color:#fff;box-shadow:0 3px 10px #0000002e}.tecnologias span[data-group=frontend]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tecnologias span[data-group=backend]{background:linear-gradient(135deg,#10b981,#059669)}.tecnologias span[data-group=database]{background:linear-gradient(135deg,#f59e0b,#d97706)}.tecnologias span[data-group=cloud]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.titulo{text-align:center;margin:2rem 0 1rem;font-size:clamp(1.4rem,2vw,1.8rem)}.grid-proyectos.fancy{display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:1100px;margin:0 auto;padding:0 1rem}@media (min-width: 820px){.grid-proyectos.fancy{grid-template-columns:1fr 1fr}}.project-box{background:#eef2ff;border:1.6px solid #a5b4fc;border-radius:18px;padding:1.2rem 1.3rem;box-shadow:0 6px 16px #00000014}.project-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.project-title{margin:0;font-size:1.2rem;font-weight:700;color:#111827}.project-badge{font-weight:700;font-size:.85rem;border-radius:12px;padding:.25rem .65rem;background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}.project-desc{font-size:.95rem;margin:.5rem 0 1rem;color:#374151;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0 0 1rem;padding:0}.tag{font-size:.8rem;font-weight:700;padding:.4rem .8rem;border-radius:999px;color:#fff;box-shadow:0 3px 10px #0000002e;white-space:nowrap}.tag[data-group=frontend]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tag[data-group=backend]{background:linear-gradient(135deg,#10b981,#059669)}.tag[data-group=database]{background:linear-gradient(135deg,#f59e0b,#d97706)}.tag[data-group=cloud]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tag[data-group=neutral]{background:linear-gradient(135deg,#94a3b8,#64748b)}.project-cta{display:inline-block;font-weight:700;color:#2b2bf0;text-decoration:none;background:#e0e7ff;border:1px solid #a5b4fc;padding:.55rem .9rem;border-radius:12px}@media (max-width: 720px){.perfil{grid-template-columns:1fr;text-align:center}.foto-perfil{margin:0 auto}}.perfil{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:2rem;max-width:1100px;margin:0 auto 1.75rem;padding:0 1rem}.foto-perfil{width:220px;height:220px;border-radius:50%;object-fit:cover;border:6px solid #c7d2fe;box-shadow:0 8px 22px #0000001f}.texto{max-width:780px}.nombre{font-size:clamp(1.8rem,2.6vw,2.5rem);margin:.2rem 0 .4rem;color:#111827}.rol{font-size:1.05rem;color:#4b5563;margin:0 0 .75rem}.descripcion{color:#374151;line-height:1.6;margin:0}.skills{margin:1.75rem auto 0;max-width:1100px;padding:0 1rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.skills span{font-size:.9rem;font-weight:700;padding:.5rem 1rem;border-radius:999px;color:#fff;box-shadow:0 3px 10px #0000002e}@media (max-width: 720px){.perfil{grid-template-columns:1fr;text-align:center}.foto-perfil{margin:0 auto;width:180px;height:180px}.skills{justify-content:center}}