/*
Theme Name: Khalil Personal Theme
Theme URI: http://example.com/
Author: Khalil Qozzibi
Author URI: http://example.com/
Description: Tema base para marca personal, compatible con Elementor. Estilo: oscuro elegante, azul oscuro pastel + acento dorado pastel suave.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: khalil-personal
*/
body { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background:#0f1720; color:#e6eef6; }
a { color: #d6b36b; text-decoration: none; }
header.site-header { background: linear-gradient(180deg, rgba(6,12,25,0.85), rgba(6,12,25,0.95)); padding:40px 0; border-bottom:1px solid rgba(214,179,107,0.08); }
.container { max-width:1100px; margin:0 auto; padding:0 20px; }
.hero { display:flex; gap:30px; align-items:center; padding:40px 0; }
.hero .avatar { width:160px; height:160px; border-radius:12px; overflow:hidden; border:4px solid rgba(214,179,107,0.12); }
h1.site-title { font-size:28px; margin:0 0 10px 0; color:#ffffff; }
.lead { color:#cbd7e6; font-size:16px; margin:0 0 20px 0; }
.skills { display:flex; gap:12px; flex-wrap:wrap; }
.skill { background: rgba(255,255,255,0.03); padding:8px 12px; border-radius:8px; font-size:14px; border:1px solid rgba(255,255,255,0.02); }
/* Project cards */
.projects { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:18px; margin:30px 0; }
.project { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); padding:14px; border-radius:10px; border:1px solid rgba(255,255,255,0.02); }
.project img { width:100%; border-radius:8px; display:block; margin-bottom:10px; }
/* Footer */
.site-footer { padding:20px 0; margin-top:40px; border-top:1px solid rgba(255,255,255,0.02); color:#aebfce; font-size:14px; }
.button { background: linear-gradient(90deg,#d6b36b,#c9a85a); color:#061018; padding:10px 16px; border-radius:8px; font-weight:700; display:inline-block; }
@media (max-width:700px){ .hero{flex-direction:column; text-align:center} .hero .avatar{margin:0 auto} }