:root{ --navy:#0a0f2c; --navy-2:#0d1436; --card:#10163a; --cyan:#22d3ee; --text:#f5f7fa; --text-dim:#9aa3c0; --border:rgba(255,255,255,0.08); }
  *{box-sizing:border-box;margin:0;padding:0;}
  html, body{ max-width:100%; overflow-x:hidden; }
  body{background:var(--navy); color:var(--text); font-family:'Segoe UI',-apple-system,sans-serif; line-height:1.65;}
  header{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:16px 48px; background:var(--navy-2); border-bottom:1px solid var(--border);}
  .logo{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:15px;}
  .logo .dot{ width:10px;height:10px;border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan);}
  nav{ display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; font-size:14px; color:var(--text-dim);}
  nav a{ color:var(--text-dim); text-decoration:none;}
  nav a.back{ color:var(--text); border:1px solid var(--border); padding:6px 12px; border-radius:8px;}
  .wrap{ max-width:740px; margin:0 auto; padding: 44px 24px 100px;}
  .breadcrumb{ font-size:13px; color:var(--text-dim); margin-bottom:22px;}
  .breadcrumb a{ color:var(--cyan); text-decoration:none;}
  .tag{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--cyan); border:1px solid var(--cyan); padding:5px 10px; border-radius:6px; margin-bottom:16px;}
  h1{ font-size:32px; line-height:1.28; font-weight:800; margin-bottom:14px;}
  .meta{ color:var(--text-dim); font-size:13px; margin-bottom:14px; display:flex; gap:10px;}
  .toc{ background:var(--card); border:1px solid var(--border); border-radius:10px; padding:16px 20px; margin:26px 0 36px; font-size:13.5px; color:var(--text-dim);}
  .toc b{ color:var(--text); display:block; margin-bottom:8px; font-size:13px; text-transform:uppercase; letter-spacing:.5px;}
  .toc ul{ list-style:none; padding:0;}
  .toc li{ padding:3px 0;}
  .firma{ font-size:13px; color:var(--text-dim); margin: 22px 0 30px; line-height:1.7;}
  .firma b{ color:var(--text);}
  article p{ color:#dbe0f0; margin-bottom:16px; font-size:15.5px;}
  article h2{ font-size:21px; margin:36px 0 14px; color:var(--text);}
  article strong{ color:var(--cyan); font-weight:700;}
  .faq{ margin-top:30px;}
  .faq-item{ background:var(--card); border:1px solid var(--border); border-radius:10px; padding:16px 18px; margin-bottom:10px;}
  .faq-item .q{ font-weight:700; font-size:14.5px; margin-bottom:6px;}
  .faq-item .a{ color:var(--text-dim); font-size:13.5px;}
  .cierre{ margin-top:40px; padding-top:26px; border-top:1px solid var(--border);}
  .author{ display:flex; gap:14px; align-items:center; margin-top:30px; padding:18px; background:var(--card); border-radius:12px; border:1px solid var(--border);}
  .author .av{ width:46px;height:46px;border-radius:50%; background:linear-gradient(135deg,var(--cyan),#0a0f2c); flex-shrink:0;}
  .author b{ font-size:14px;} .author span{ font-size:12.5px; color:var(--text-dim);}
  @media (max-width:640px){ header{padding:14px 18px;} .wrap{padding:30px 18px 70px;} }