html, body { margin:0; padding:0; background:#3a6ea5; height:100%; overflow:hidden; }
  * { box-sizing:border-box; }
  a { color:#0000ee; }
  a:hover { color:#cc0000; }
  a:visited { color:#551a8b; }
  ::selection { background:#316ac5; color:#fff; }
  @keyframes jb-blink { 0%,49%{opacity:1} 50%,100%{opacity:0} }
  @keyframes jb-stripe { from{background-position:0 0} to{background-position:40px 0} }
  @keyframes jb-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
  @keyframes jb-marquee { from{transform:translateX(100%)} to{transform:translateX(-100%)} }
  @keyframes jb-spin { from{transform:rotate(0)} to{transform:rotate(360deg)} }
  @keyframes jb-fade { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

  ::-webkit-scrollbar { width:18px; height:18px; background:#d4d0c8; }
  ::-webkit-scrollbar-track { background:#d4d0c8; box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #fff; }
  ::-webkit-scrollbar-thumb { background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; }
  ::-webkit-scrollbar-thumb:active { border-style:inset; }
  ::-webkit-scrollbar-button { background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; width:18px; height:18px; background-repeat:no-repeat; background-position:center; }
  ::-webkit-scrollbar-button:vertical:start { background-image:linear-gradient(135deg, transparent 0 45%, #000 45% 55%, transparent 55% 100%), linear-gradient(-135deg, transparent 0 45%, #000 45% 55%, transparent 55% 100%); background-size:6px 6px; background-position:center 7px, center 7px; }
  ::-webkit-scrollbar-button:vertical:end { background-image:linear-gradient(45deg, transparent 0 45%, #000 45% 55%, transparent 55% 100%), linear-gradient(-45deg, transparent 0 45%, #000 45% 55%, transparent 55% 100%); background-size:6px 6px; background-position:center 7px, center 7px; }
  ::-webkit-scrollbar-corner { background:#d4d0c8; }
  * { scrollbar-width:auto; scrollbar-color:#d4d0c8 #d4d0c8; }
.jb-c1 { height:100vh; overflow:hidden; padding:clamp(0px,2vw,26px); display:flex; flex-direction:column; font-family:Tahoma,'MS Sans Serif',Geneva,sans-serif; color:#000; background:#3a6ea5; background-image:radial-gradient(circle at 20% 10%, #4a7fb5, #2d5a8a 70%) }
.jb-c2 { display:flex; align-items:center; gap:7px; min-height:34px; padding:5px 8px; font-size:12.5px; cursor:pointer; color:#0000ee; text-decoration:underline }
.jb-c3 { height:100%; background:repeating-linear-gradient(90deg,#000080 0 7px,transparent 7px 9px); transition:width .1s linear }
.jb-c4 { height:100%; background:repeating-linear-gradient(90deg,#000080 0 9px,transparent 9px 11px); transition:width .18s linear }
.jb-c5 { height:100%; background:repeating-linear-gradient(90deg,#2a8fd8 0 11px,transparent 11px 14px); transition:width .12s linear }
.jb-c6 { max-width:1180px; width:100%; flex:1 1 auto; min-height:0; display:flex; flex-direction:column; margin:0 auto; border:1px solid #000; box-shadow:3px 3px 0 rgba(0,0,0,.35); background:#d4d0c8; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #404040; border-bottom:2px solid #404040 }
.jb-c7 { display:flex; align-items:center; gap:6px; padding:3px 4px; background:linear-gradient(90deg,#0a246a,#4a7fc0 55%,#a6caf0); color:#fff }
.jb-c8 { width:18px; height:18px; display:grid; place-items:center; background:#fff; border:1px solid #003; color:#0a63b0; font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:14px; line-height:1 }
.jb-c9 { flex:1 1 auto; font-size:12.5px; font-weight:700; letter-spacing:.2px; text-shadow:1px 1px 0 rgba(0,0,0,.4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.jb-c10 { display:flex; gap:2px }
.jb-c11 { width:22px; height:20px; background:#d4d0c8; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040; color:#000; font-size:11px; font-family:inherit; cursor:pointer; padding:0 0 4px 0; line-height:1 }
.jb-c12 { width:22px; height:20px; background:#d4d0c8; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040; color:#000; font-size:9px; font-family:inherit; cursor:pointer; padding:0; line-height:1 }
.jb-c13 { width:22px; height:20px; background:#d4d0c8; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040; color:#000; font-size:11px; font-family:inherit; font-weight:700; cursor:pointer; padding:0; line-height:1 }
.jb-c14 { display:flex; gap:2px; padding:2px 4px; font-size:12.5px; border-bottom:1px solid #b8b4ac }
.jb-c15 { padding:2px 7px; cursor:default }
.jb-c16 { display:flex; flex-wrap:wrap; align-items:center; gap:3px; padding:4px 6px; border-top:1px solid #fff; border-bottom:1px solid #808080 }
.jb-c17 { display:flex; align-items:center; gap:5px; min-height:26px; padding:3px 9px; background:#d4d0c8; border:1px solid #d4d0c8; font-family:inherit; font-size:12px; color:#000; cursor:pointer }
.jb-c18 { color:#0a5a2a; font-size:13px }
.jb-c19 { display:flex; align-items:center; gap:5px; min-height:26px; padding:3px 9px; background:#d4d0c8; border:1px solid #d4d0c8; font-family:inherit; font-size:12px; color:#000; cursor:pointer; color:#555 }
.jb-c20 { font-size:13px }
.jb-c21 { width:1px; height:22px; background:#808080; margin:0 3px; border-right:1px solid #fff }
.jb-c22 { color:#0a4a8a; font-size:13px }
.jb-c23 { color:#8a4a0a; font-size:13px }
.jb-c24 { flex:1 1 auto }
.jb-c25 { width:26px; height:24px; display:grid; place-items:center; cursor:pointer; background:#000080; color:#fff; font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:16px; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040 }
.jb-c26 { display:flex; align-items:center; gap:6px; padding:4px 6px 6px; border-bottom:1px solid #808080 }
.jb-c27 { font-size:12px; color:#333 }
.jb-c28 { flex:1 1 200px; display:flex; align-items:center; gap:5px; min-width:0; background:#fff; border:2px inset #808080; border-top-color:#808080; border-left-color:#808080; border-right-color:#fff; border-bottom-color:#fff; padding:3px 5px }
.jb-c29 { color:#0a63b0; font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:12px }
.jb-c30 { font-size:12.5px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:Tahoma,sans-serif }
.jb-c31 { min-height:26px; padding:3px 12px; background:#d4d0c8; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040; font-family:inherit; font-size:12px; color:#000; cursor:pointer }
.jb-c32 { display:flex; flex-wrap:nowrap; align-items:stretch; gap:0; background:#fff; border-top:1px solid #fff; flex:1 1 auto; min-height:0; overflow:hidden }
.jb-c33 { flex:1 1 230px; min-width:210px; background:#d4d0c8; border-right:1px solid #808080; padding:0 0 10px; overflow-y:auto; min-height:0 }
.jb-c34 { display:flex; align-items:center; justify-content:space-between; padding:6px 8px; background:linear-gradient(#e8e6e2,#d4d0c8); border-bottom:1px solid #a8a4a0 }
.jb-c35 { font-size:12px; font-weight:700; color:#000080 }
.jb-c36 { font-size:11px; color:#555 }
.jb-c37 { padding:6px 5px; display:flex; flex-direction:column; gap:1px }
.jb-c38 { width:15px; height:15px; flex:0 0 auto; background:#ffd75e; border:1px solid #8a6a10 }
.jb-c39 { height:9px }
.jb-c40 { display:flex; align-items:center; gap:7px; min-height:34px; padding:5px 8px; font-size:12.5px; cursor:pointer; color:#000; background:#c8c4bc; border:1px solid #fff; border-right-color:#808080; border-bottom-color:#808080 }
.jb-c41 { width:15px; height:15px; flex:0 0 auto; background:#fff; border:1px solid #666; display:grid; place-items:center; font-size:9px }
.jb-c42 { flex:4 1 420px; min-width:0; background:#fff; padding:clamp(16px,3vw,38px) clamp(14px,3.4vw,46px) 44px; font-family:Tahoma,'MS Sans Serif',Geneva,sans-serif; color:#000; overflow-y:auto; min-height:0 }
.jb-c43 { animation:jb-fade .25s ease-out }
.jb-c44 { font-family:Tahoma,sans-serif; font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:#000080 }
.jb-c45 { margin:6px 0 2px; font-size:clamp(34px,5.4vw,54px); font-weight:400; line-height:1.03 }
.jb-c46 { font-size:clamp(17px,2.2vw,21px); font-style:italic; color:#333 }
.jb-c47 { height:1px; background:#000; margin:20px 0 22px }
.jb-c48 { margin:0 0 16px; font-size:clamp(16px,1.7vw,19px); line-height:1.62; max-width:62ch }
.jb-c49 { margin:0 0 26px; font-size:clamp(16px,1.7vw,19px); line-height:1.62; max-width:62ch }
.jb-c50 { border-collapse:collapse; font-family:Tahoma,sans-serif; font-size:13px; width:100%; max-width:520px; border:1px solid #808080 }
.jb-c51 { padding:7px 10px; background:#d4d0c8; border-bottom:1px solid #b0aca4; width:38% }
.jb-c52 { padding:7px 10px; border-bottom:1px solid #e0e0e0 }
.jb-c53 { padding:7px 10px; background:#d4d0c8; border-bottom:1px solid #b0aca4 }
.jb-c54 { padding:7px 10px; background:#d4d0c8 }
.jb-c55 { padding:7px 10px }
.jb-c56 { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px }
.jb-c57 { min-height:44px; padding:10px 22px; font-family:Tahoma,sans-serif; font-size:13px; color:#000; background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; cursor:pointer }
.jb-c58 { margin:6px 0 20px; font-size:clamp(30px,4.4vw,44px); font-weight:400 }
.jb-c59 { display:grid; gap:20px }
.jb-c60 { border:1px solid #808080; border-top-color:#fff; border-left-color:#fff; background:#fbfbf9 }
.jb-c61 { padding:5px 10px; background:linear-gradient(90deg,#0a246a,#6a9fd0); color:#fff; font-family:Tahoma,sans-serif; font-size:12px; font-weight:700 }
.jb-c62 { padding:16px 18px }
.jb-c63 { margin:0 0 12px; font-size:17px; line-height:1.55 }
.jb-c64 { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px }
.jb-c65 { font-family:Tahoma,sans-serif; font-size:11px; padding:3px 8px; background:#d4d0c8; border:1px solid #808080 }
.jb-c66 { font-family:Tahoma,sans-serif; font-size:12px; color:#0a5a2a }
.jb-c67 { margin:6px 0 8px; font-size:clamp(30px,4.4vw,44px); font-weight:400 }
.jb-c68 { margin:0 0 26px; font-size:17px; line-height:1.55; max-width:60ch }
.jb-c69 { display:grid; gap:26px; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)) }
.jb-c70 { font-family:Tahoma,sans-serif; font-size:12px; font-weight:700; color:#000080; border-bottom:1px solid #808080; padding-bottom:4px; margin-bottom:12px }
.jb-c71 { display:flex; flex-direction:column; gap:11px }
.jb-c72 { display:flex; justify-content:space-between; font-family:Tahoma,sans-serif; font-size:12px; margin-bottom:3px }
.jb-c73 { color:#555 }
.jb-c74 { height:16px; background:#fff; border:2px inset #808080; padding:2px }
.jb-c75 { width:95%; height:100%; background:repeating-linear-gradient(90deg,#000080 0 9px,transparent 9px 11px) }
.jb-c76 { width:78%; height:100%; background:repeating-linear-gradient(90deg,#000080 0 9px,transparent 9px 11px) }
.jb-c77 { width:88%; height:100%; background:repeating-linear-gradient(90deg,#000080 0 9px,transparent 9px 11px) }
.jb-c78 { width:52%; height:100%; background:repeating-linear-gradient(90deg,#000080 0 9px,transparent 9px 11px) }
.jb-c79 { margin:0; padding-left:20px; font-size:17px; line-height:1.85 }
.jb-c80 { margin:6px 0 24px; font-size:clamp(30px,4.4vw,44px); font-weight:400 }
.jb-c81 { display:flex; flex-direction:column; gap:28px }
.jb-c82 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px }
.jb-c83 { font-size:22px }
.jb-c84 { font-family:Tahoma,sans-serif; font-size:12px; color:#555 }
.jb-c85 { margin:8px 0 0; font-size:17px; line-height:1.6; max-width:64ch }
.jb-c86 { margin:0 0 26px; font-size:17px; line-height:1.55; max-width:62ch }
.jb-c87 { background:#f7f7f4; border:1px solid #808080; border-top-color:#fff; border-left-color:#fff; padding:clamp(14px,2.6vw,26px); font-family:Tahoma,sans-serif }
.jb-c88 { display:grid; gap:4px; justify-items:center }
.jb-c89 { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; width:100% }
.jb-c90 { flex:1 1 150px; max-width:260px; padding:11px 8px; text-align:center; font-size:12px; background:#fff; border:2px outset #fff; border-right-color:#808080; border-bottom-color:#808080 }
.jb-c91 { width:2px; height:22px; background:#000080 }
.jb-c92 { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; width:100%; align-items:stretch }
.jb-c93 { flex:2 1 260px; padding:13px 10px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#000080; border:2px outset #6a8fd0 }
.jb-c94 { flex:1 1 140px; padding:13px 10px; text-align:center; font-size:12px; background:#ffd75e; border:2px outset #fff; border-right-color:#8a6a10; border-bottom-color:#8a6a10 }
.jb-c95 { flex:1 1 140px; padding:11px 8px; text-align:center; font-size:12px; background:#fff; border:2px outset #fff; border-right-color:#808080; border-bottom-color:#808080 }
.jb-c96 { color:#555; font-size:11px }
.jb-c97 { width:2px; height:22px; background:#a0006c }
.jb-c98 { width:100%; padding:13px 10px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#a0006c; border:2px outset #d06aa8 }
.jb-c99 { flex:1 1 130px; padding:11px 8px; text-align:center; font-size:12px; background:#d4d0c8; border:2px outset #fff; border-right-color:#808080; border-bottom-color:#808080 }
.jb-c100 { width:100%; margin-top:16px; padding:9px 10px; text-align:center; font-size:11.5px; color:#333; background:#eceae6; border:1px dashed #808080 }
.jb-c101 { margin:22px 0 0; font-size:17px; line-height:1.6; max-width:62ch }
.jb-c102 { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:16px; background:#ffffcc; border:1px solid #808080; margin-bottom:26px }
.jb-c103 { flex:0 0 auto; width:74px; height:52px; background:repeating-linear-gradient(45deg,#f0c000 0 10px,#222 10px 20px); animation:jb-stripe 1.1s linear infinite; border:1px solid #666 }
.jb-c104 { font-family:Tahoma,sans-serif; font-size:14px; font-weight:700; color:#a00; animation:jb-blink 1.1s steps(1) infinite }
.jb-c105 { font-family:Tahoma,sans-serif; font-size:12px; color:#444; margin-top:4px }
.jb-c106 { display:flex; flex-direction:column; gap:18px }
.jb-c107 { opacity:.55 }
.jb-c108 { font-size:21px }
.jb-c109 { font-family:Tahoma,sans-serif; font-size:12px; color:#555; margin-top:3px }
.jb-c110 { margin-top:32px; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0 }
.jb-c111 { white-space:nowrap; font-family:Tahoma,sans-serif; font-size:12px; color:#000080; animation:jb-marquee 18s linear infinite }
.jb-c112 { margin:0 0 26px; font-size:17px; line-height:1.55; max-width:58ch }
.jb-c113 { display:flex; flex-wrap:wrap; gap:30px }
.jb-c114 { flex:1 1 320px; min-width:260px }
.jb-c115 { display:flex; flex-direction:column; gap:14px; font-family:Tahoma,sans-serif }
.jb-c116 { display:flex; flex-direction:column; gap:5px; font-size:12px }
.jb-c117 { min-height:34px; padding:6px 8px; font-family:Tahoma,sans-serif; font-size:13px; color:#000; background:#fff; border:2px inset #808080 }
.jb-c118 { padding:6px 8px; font-family:Tahoma,sans-serif; font-size:13px; color:#000; background:#fff; border:2px inset #808080; resize:vertical }
.jb-c119 { display:flex; gap:10px }
.jb-c120 { flex:1 1 220px; min-width:200px }
.jb-c121 { display:flex; flex-direction:column; gap:10px; font-size:17px }
.jb-c122 { color:#0000ee }
.jb-c123 { margin-top:22px; padding:10px; background:#f0efec; border:1px solid #b0aca4; font-family:Tahoma,sans-serif; font-size:11.5px; color:#444; line-height:1.5 }
.jb-c124 { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:4px 7px; border-top:1px solid #fff; font-family:Tahoma,sans-serif; font-size:11.5px; color:#222 }
.jb-c125 { flex:1 1 180px; min-width:0; padding:2px 5px; border:1px solid #808080; border-right-color:#fff; border-bottom-color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.jb-c126 { flex:0 0 120px; height:15px; border:1px solid #808080; border-right-color:#fff; border-bottom-color:#fff; padding:2px; background:#c8c4bc }
.jb-c127 { flex:0 0 auto; display:flex; align-items:center; gap:5px; padding:2px 7px; border:1px solid #808080; border-right-color:#fff; border-bottom-color:#fff }
.jb-c128 { width:11px; height:11px; background:#ffd75e; border:1px solid #8a6a10 }
.jb-c129 { max-width:1180px; width:100%; flex:0 0 auto; margin:14px auto 0; padding-bottom:8px; text-align:center; font-family:Tahoma,sans-serif; font-size:11px; color:#cfe0f0 }
.jb-c130 { position:fixed; right:clamp(10px,2vw,26px); bottom:clamp(10px,2vw,26px); z-index:60; display:flex; align-items:flex-end; gap:8px; max-width:min(92vw,400px) }
.jb-c131 { flex:1 1 auto; background:#ffffcc; border:1px solid #000; padding:12px 13px; font-family:Tahoma,sans-serif; font-size:12.5px; line-height:1.5; box-shadow:3px 3px 0 rgba(0,0,0,.25) }
.jb-c132 { color:#111 }
.jb-c133 { display:flex; gap:7px; margin-top:11px }
.jb-c134 { min-height:30px; padding:5px 12px; font-family:Tahoma,sans-serif; font-size:11.5px; color:#000; background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; cursor:pointer }
.jb-c135 { flex:0 0 auto; width:46px; height:64px; animation:jb-bob 3.2s ease-in-out infinite }
.jb-c136 { position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.35); display:grid; place-items:center; padding:16px }
.jb-c137 { width:min(94vw,430px); background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; box-shadow:4px 4px 0 rgba(0,0,0,.35) }
.jb-c138 { display:flex; align-items:center; justify-content:space-between; padding:3px 5px; background:linear-gradient(90deg,#0a246a,#6a9fd0); color:#fff; font-family:Tahoma,sans-serif; font-size:12px; font-weight:700 }
.jb-c139 { width:22px; height:20px; background:#d4d0c8; border:1px solid #fff; border-right-color:#404040; border-bottom-color:#404040; color:#000; font-size:11px; font-weight:700; font-family:inherit; cursor:pointer; padding:0; line-height:1 }
.jb-c140 { padding:16px; font-family:Tahoma,sans-serif; font-size:12.5px; color:#111 }
.jb-c141 { margin-bottom:4px; font-weight:700 }
.jb-c142 { color:#444; margin-bottom:12px }
.jb-c143 { height:18px; border:2px inset #808080; padding:2px; background:#fff }
.jb-c144 { margin-top:8px; color:#555; font-size:11.5px }
.jb-c145 { display:flex; justify-content:flex-end; gap:9px; margin-top:18px }
.jb-c146 { min-height:36px; display:inline-flex; align-items:center; padding:8px 18px; font-size:12px; text-decoration:none; color:#000; background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040 }
.jb-c147 { min-height:36px; padding:8px 18px; font-family:Tahoma,sans-serif; font-size:12px; color:#000; background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; cursor:pointer }
.jb-c148 { width:min(94vw,390px); background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; box-shadow:4px 4px 0 rgba(0,0,0,.35) }
.jb-c149 { padding:18px; font-family:Tahoma,sans-serif; font-size:12.5px; color:#111; display:flex; gap:14px; align-items:flex-start }
.jb-c150 { flex:0 0 auto; width:32px; height:32px; border-radius:50%; background:#000080; color:#fff; display:grid; place-items:center; font-size:20px; font-weight:700 }
.jb-c151 { line-height:1.55 }
.jb-c152 { display:flex; justify-content:flex-end; margin-top:18px }
.jb-c153 { min-height:36px; padding:8px 26px; font-family:Tahoma,sans-serif; font-size:12px; color:#000; background:#d4d0c8; border:2px outset #fff; border-right-color:#404040; border-bottom-color:#404040; cursor:pointer }
/* Pantalla de inicio / Boot Windows XP - IE (Perfeccionada y Centrada) */
.jb-c154 {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: #000000;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  transition: opacity 0.4s ease-out, visibility 0.4s ease-out;
  cursor: default;
}
.jb-c154.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.jb-c155 {
  width: min(92vw, 480px);
  text-align: center;
  color: #fff;
  font-family: Tahoma, 'MS Sans Serif', Geneva, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jb-c156 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 28px;
}
.jb-c157 {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(52px, 10vw, 82px);
  color: #2a8fd8;
  text-shadow: 0 0 25px rgba(42, 143, 216, 0.75), 0 0 50px rgba(42, 143, 216, 0.35);
  line-height: 1;
  user-select: none;
  animation: boot-pulse 2.2s ease-in-out infinite;
}
@keyframes boot-pulse {
  0%, 100% {
    text-shadow: 0 0 20px rgba(42, 143, 216, 0.65);
    transform: scale(1);
  }
  50% {
    text-shadow: 0 0 32px rgba(91, 180, 252, 0.95), 0 0 60px rgba(42, 143, 216, 0.5);
    transform: scale(1.03);
  }
}
.jb-c158 {
  text-align: left;
  line-height: 1.15;
}
.jb-c159 {
  display: block;
  font-size: 11px;
  letter-spacing: 2.5px;
  color: #9fbdd8;
  font-weight: 600;
}
.jb-c160 {
  display: block;
  font-size: clamp(20px, 3.8vw, 30px);
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.jb-c161 {
  width: 100%;
  max-width: 440px;
  height: 24px;
  background: #0a0a0a;
  border: 2px solid #555;
  border-top-color: #2b2b2b;
  border-left-color: #2b2b2b;
  border-right-color: #777;
  border-bottom-color: #777;
  padding: 2px;
  box-sizing: border-box;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.9);
  overflow: hidden;
  position: relative;
  border-radius: 2px;
}
.jb-c5 {
  height: 100%;
  background: repeating-linear-gradient(
    90deg,
    #1d6eb5 0px,
    #2a8fd8 6px,
    #5bb4fc 9px,
    transparent 9px,
    transparent 13px
  );
  background-size: 26px 100%;
  animation: boot-stripes 0.5s linear infinite;
  box-shadow: 0 0 10px rgba(42, 143, 216, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: width 0.1s linear;
  border-radius: 1px;
}
@keyframes boot-stripes {
  from { background-position: 0 0; }
  to { background-position: 26px 0; }
}
.jb-c162 {
  margin-top: 14px;
  font-size: 12px;
  color: #9fbdd8;
  letter-spacing: 0.3px;
  min-height: 16px;
}
.jb-c163 {
  margin-top: 24px;
  min-height: 34px;
  padding: 6px 20px;
  font-family: inherit;
  font-size: 12px;
  color: #000;
  background: #d4d0c8;
  border: 2px outset #fff;
  border-right-color: #404040;
  border-bottom-color: #404040;
  cursor: pointer;
}
.jb-c163:hover {
  background: #e2e0dc;
}
.jb-c163:active {
  border-style: inset;
}
.jb-c164 { position:fixed; inset:0; z-index:99; background:#0000aa; color:#fff; font-family:'Courier New',monospace; padding:clamp(20px,7vh,70px) clamp(16px,8vw,90px); cursor:pointer; overflow:auto }
.jb-c165 { max-width:720px; margin:0 auto; font-size:clamp(13px,1.5vw,16px); line-height:1.75 }
.jb-c166 { text-align:center; margin-bottom:26px }
.jb-c167 { background:#aaa; color:#0000aa; padding:2px 12px; font-weight:700 }
.jb-c168 { margin:0 0 18px }
.jb-c169 { margin:0 0 6px }
.jb-c170 { margin:0 0 26px }
.jb-c171 { margin:0; animation:jb-blink 1.2s steps(1) infinite }

/* ==========================================================================
   ESTILOS INTERACTIVOS, MODALES Y UTILIDADES EXTRAÍDAS
   ========================================================================== */

/* Estados hover, active y focus */
.jb-c13:hover { background: #c04040 !important; color: #fff !important; border-color: #c04040 !important; }
.jb-c15:hover { background: #316ac5 !important; color: #fff !important; }
.jb-c17:hover, .jb-c19:hover, .jb-c31:hover, .jb-c57:hover { border-color: #fff !important; border-right-color: #404040 !important; border-bottom-color: #404040 !important; }
.jb-c2:hover, .jb-c40:hover { background: #b6c8e8 !important; }

/* Enlaces de favoritos activos */
.jb-c2.active { background: #316ac5 !important; color: #fff !important; }
.jb-c2.active .jb-c38 { border-color: #fff !important; }

.jb-c134:active, .jb-c146:active, .jb-c147:active, .jb-c153:active, .jb-c163:active { border-style: inset !important; }
.jb-c117:focus, .jb-c118:focus { outline: 1px dotted #000; outline-offset: 1px; }

/* Paneles de sección (SPA y subpáginas) */
.section-pane { display: none; }
.section-pane.active { display: block; animation: jb-fade .25s ease-out; }

/* Modales y superposiciones */
.modal-overlay { display: none; }
.modal-overlay.active { display: flex !important; }
#modal-bsod.active { display: block !important; }
#clippy-container { display: none; }
#clippy-container.active { display: flex !important; }

/* Soporte para fotos y logos en assets/img/ */
.profile-photo {
  max-width: 120px;
  max-height: 120px;
  border: 2px inset #808080;
  border-top-color: #808080;
  border-left-color: #808080;
  border-right-color: #fff;
  border-bottom-color: #fff;
  background: #fff;
  padding: 3px;
  margin: 12px 0 16px 0;
  display: block;
}

.brand-logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: middle;
}