/* style.css — AVStudio • CV */
:root{--bg:#0b1220;--fg:#e6edf3;--mut:#9aa4b2;--a:#22d3ee;--b:#8b5cf6;--card:rgba(255,255,255,.06);--bd:rgba(255,255,255,.14)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 700px at 12% 0%,#0f172a,#0b1220 60%);color:var(--fg);font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
.container{max-width:980px;margin:0 auto;padding:18px 18px 40px}
.nav{position:sticky;top:0;background:linear-gradient(180deg,rgba(11,18,32,.96),rgba(11,18,32,.86));backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--bd);z-index:10}
.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-weight:700;letter-spacing:.2px}
.brand span{opacity:.8;font-weight:600}
.links{display:flex;gap:10px;flex-wrap:wrap}
.links a{color:var(--fg);text-decoration:none;padding:8px 12px;border:1px solid var(--bd);border-radius:999px;background:var(--card)}
.links a:hover{transform:translateY(-1px);border-color:var(--a)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:22px 0 20px}
.card{border:1px solid var(--bd);background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(139,92,246,.08));border-radius:16px;padding:18px}
.card h1{font-size:28px;margin:4px 0 8px}
.mut{color:var(--mut)}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--bd);background:rgba(15,23,42,.7);font-size:12px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.section{margin:20px 0 8px}
.section h2{font-size:18px;margin:0 0 10px}
.item{border-left:2px solid rgba(34,211,238,.5);padding-left:10px;margin:10px 0}
.skills{display:flex;gap:8px;flex-wrap:wrap}
.skill{padding:6px 10px;border-radius:999px;border:1px solid var(--bd);background:rgba(15,23,42,.7);font-size:12px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--card);color:var(--fg);text-decoration:none}
.btn.primary{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.18));border-color:transparent}
@media (max-width:860px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}
/* Botones de tema e idioma (claro/oscuro + ES/EN) */
.btn-theme,.btn-lang{cursor:pointer;border:1px solid var(--bd);background:var(--card);color:var(--fg);padding:8px 12px;border-radius:999px;line-height:1;display:inline-flex;align-items:center;gap:8px}
.btn-theme:hover,.btn-lang:hover{transform:translateY(-1px);border-color:var(--a)}

/* Esquemas de color y overrides para tema claro */
[data-theme] { /* overrides de tema */ }
:root{color-scheme:dark light}
[data-theme="light"]{--fg:#0b1220;--mut:#334155;--card:rgba(255,255,255,.88);--bd:rgba(0,0,0,.12)}
[data-theme="light"] body{background:radial-gradient(1200px 700px at 12% 0%,#f9fafb,#eef2f7 60%);color:#0b1220}
[data-theme="light"] .nav{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.88));border-bottom:1px solid var(--bd)}
[data-theme="light"] .brand{color:#334155}
[data-theme="light"] .links a, [data-theme="light"] .btn{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.12);color:#0b1220}
[data-theme="light"] .mut{color:#334155}
[data-theme="light"] .badge, [data-theme="light"] .skill{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.14);color:#0b1220}
[data-theme="light"] .card{background:linear-gradient(135deg,rgba(2,132,199,.06),rgba(168,85,247,.08));border-color:rgba(0,0,0,.12)}

/* Estilos específicos para impresión (PDF limpio y legible desde index.html) */
@media print{
  :root{--bg:#ffffff;--fg:#111827;--mut:#4b5563;--card:#ffffff;--bd:#d1d5db}
  body{background:#ffffff!important;color:#111827;font-size:13px;line-height:1.5}
  .nav{position:static;background:#ffffff;border-bottom:1px solid #e5e7eb;backdrop-filter:none}
  .container{max-width:100%;padding:10mm 12mm 12mm}
  .hero{grid-template-columns:1fr;gap:8px;margin-top:8px}
  .card{background:#ffffff;border-color:#d1d5db}
  .badge{background:#ffffff;border-color:#d1d5db;color:#374151}
  .skills{gap:4px}
  .skill{background:#ffffff;border-color:#d1d5db;color:#374151;padding:3px 6px;font-size:11px}
  .cta{margin-top:4px}
  .btn,.links a{
    border:none;
    background:none;
    padding:0;
    margin:0 8px 0 0;
    color:#1f2933;
    text-decoration:underline;
    border-radius:0
  }
  .btn.primary{background:none}
  .btn-theme,.btn-lang{display:none}
  .section{margin-top:10px;margin-bottom:4px;page-break-inside:avoid}
  .item{page-break-inside:avoid}
  h1{font-size:20px;margin-bottom:4px}
  h2{font-size:15px}
  a::after{content:" (" attr(href) ")";font-size:9px;color:#9ca3af}
}