@charset "UTF-8";
/* generated by rouge http://rouge.jneen.net/ original base16 by Chris Kempson (https://github.com/chriskempson/base16)
*/
.highlight { color: #d0d0d0; }
.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight .w { color: #d0d0d0; }
.highlight .err { color: #151515; background-color: #ac4142; }
.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { color: #888; }
.highlight .cp { color: #f4bf75; }
.highlight .o, .highlight .ow { color: #f4bf75; }
.highlight .p, .highlight .pi { color: #d0d0d0; }
.highlight .gi { color: #90a959; }
.highlight .gd { color: #ac4142; }
.highlight .gh { color: #6a9fb5; font-weight: bold; }
.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { color: #aa759f; }
.highlight .kc, .highlight .kt, .highlight .kd { color: #d28445; }
.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { color: #90a959; }
.highlight .sr { color: #75b5aa; }
.highlight .si, .highlight .se { color: #8f5536; }
.highlight .nt, .highlight .nn, .highlight .nc, .highlight .no { color: #f4bf75; }
.highlight .na { color: #6a9fb5; }
.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { color: #90a959; }
.highlight .ss { color: #90a959; }

body { margin: 0; padding: 0; background: #151515 url("../images/bkg.png") 0 0; color: #eaeaea; font-size: 16px; line-height: 1.5; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; }

/* General & 'Reset' Stuff */
.container { width: 90%; max-width: 1000px; margin: 0 auto; }

section { display: block; margin: 0 0 20px 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }

li { line-height: 1.4; }

/* Header, <header> header   - container h1       - project name h2       - project description
*/
header { background: rgba(0, 0, 0, 0.1); width: 100%; border-bottom: 1px dashed #b5e853; padding: 20px 0; margin: 0 0 40px 0; }

header h1 { font-size: 30px; line-height: 1.5; margin: 0 0 0 -40px; font-weight: bold; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #b5e853; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1); letter-spacing: -1px; -webkit-font-smoothing: antialiased; }
@media (max-width: 1000px) { header h1 { margin-left: 0; } }

header h1:before { content: "./ "; font-size: 24px; }

header h2 { font-size: 18px; font-weight: 300; color: #666; }

#downloads .btn { display: inline-block; text-align: center; margin: 0; }

/* Main Content
*/
#main_content { width: 100%; -webkit-font-smoothing: antialiased; }

section img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #b5e853; letter-spacing: -0.03em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1); }

#main_content h1 { font-size: 30px; }

#main_content h2 { font-size: 24px; }

#main_content h3 { font-size: 18px; }

#main_content h4 { font-size: 14px; }

#main_content h5 { font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; }

#main_content h6 { font-size: 12px; text-transform: uppercase; color: #999; margin: 0 0 5px 0; }

dt { font-style: italic; font-weight: bold; }

ul li { list-style-image: url("../images/bullet.png"); }

blockquote { color: #aaa; padding-left: 10px; border-left: 1px dotted #666; }

pre { background: rgba(0, 0, 0, 0.9); border: 1px solid rgba(255, 255, 255, 0.15); padding: 10px; font-size: 16px; color: #b5e853; border-radius: 2px; word-wrap: normal; overflow: auto; overflow-y: hidden; }

code.highlighter-rouge { background: rgba(0, 0, 0, 0.9); border: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 3px; margin: 0px -3px; color: #aa759f; border-radius: 2px; }

table { width: 100%; margin: 0 0 20px 0; }

th { text-align: left; border-bottom: 1px dashed #b5e853; padding: 5px 10px; }

td { padding: 5px 10px; }

hr { height: 0; border: 0; border-bottom: 1px dashed #b5e853; color: #b5e853; }

/* Buttons
*/
.btn { display: inline-block; background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3)); padding: 8px 18px; border-radius: 50px; border: 2px solid rgba(0, 0, 0, 0.7); border-bottom: 2px solid rgba(0, 0, 0, 0.7); border-top: 2px solid black; color: rgba(255, 255, 255, 0.8); font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }

.btn:hover { background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8)); }

.btn .icon { display: inline-block; width: 16px; height: 16px; margin: 1px 8px 0 0; float: left; }

.btn-github .icon { opacity: 0.6; background: url("../images/blacktocat.png") 0 0 no-repeat; }

/* Links a, a:hover, a:visited
*/
a { color: #63c0f5; text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); }

/* Clearfix */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.cf { zoom: 1; }

#a-title { text-decoration: none; }

/* Variables primarias */
/* Tipografías */
/* Reset base */
* { box-sizing: border-box !important; }

html, body { height: 100% !important; }

body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #d9eeff !important; margin: 0 !important; background-color: #050712 !important; background-image: linear-gradient(180deg, rgba(4, 6, 12, 0.74), rgba(6, 8, 16, 0.8)), url(https://plus.unsplash.com/premium_photo-1700996705054-948c1acd0b88?q=80&w=1600&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) !important; background-size: cover !important; background-position: center center !important; background-attachment: fixed !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; line-height: 1.5 !important; -webkit-text-size-adjust: 100% !important; }

/* Container */
.container, .wrapper, .site, .page { max-width: 980px !important; margin: 0 auto !important; padding: 28px 18px !important; }

/* Header (hero) refinado */
header { padding: 48px 0 26px !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; gap: 14px !important; text-align: center !important; position: relative !important; }

/* Title link */
#a-title { text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; }

#a-title h1, header h1 { margin: 0 !important; font-size: 44px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: -0.02em !important; background: linear-gradient(90deg, #8ef0f2 0%, #b57ffb 40%, #7aa2f7 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; text-shadow: 0 12px 40px rgba(20, 14, 46, 0.45) !important; transform: translateZ(0) !important; }

/* Subheading (hero description) */
header h2 { margin: 6px 0 0 !important; font-size: 16px !important; color: #9bb0c8 !important; max-width: 920px !important; font-weight: 600 !important; line-height: 1.5 !important; opacity: 0.98 !important; }

/* Hero CTA row */
#downloads { margin-top: 16px !important; display: flex !important; gap: 12px !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; }

/* CTA principal */
.btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 12px 20px !important; border-radius: 14px !important; background: linear-gradient(180deg, #7aa2f7, #5d8ef5) !important; color: #041426 !important; border: 0 !important; font-weight: 900 !important; font-size: 15px !important; text-decoration: none !important; box-shadow: 0 18px 46px rgba(74, 130, 250, 0.1) !important; transition: transform 0.14s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.14s !important; cursor: pointer !important; will-change: transform !important; }

.btn:hover, .btn:focus { transform: translateY(-6px) !important; box-shadow: 0 26px 68px rgba(74, 130, 250, 0.14) !important; outline: none !important; }

.btn:active { transform: translateY(-2px) !important; box-shadow: 0 12px 36px rgba(74, 130, 250, 0.1) !important; }

/* Ghost / github style CTA */
.btn.btn-github { background: transparent !important; color: #d9eeff !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; box-shadow: none !important; }

/* Main content grid */
#main_content { margin-top: 26px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; }

/* Two-column on wide screens (text + side card) */
@media (min-width: 980px) { #main_content { grid-template-columns: 1fr 340px !important; gap: 26px !important; align-items: start !important; } }
/* Text panel (card) */
#main_content > :not(.side-card) { padding: 22px !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(10, 14, 22, 0.56), rgba(6, 8, 14, 0.4)) !important; border: 1px solid rgba(255, 255, 255, 0.035) !important; box-shadow: 0 16px 48px rgba(4, 8, 20, 0.72) !important; color: #d9eeff !important; line-height: 1.65 !important; }

/* Side card */
.side-card { background: linear-gradient(180deg, rgba(12, 14, 22, 0.52), rgba(8, 10, 18, 0.36)) !important; border-radius: 12px !important; padding: 16px !important; border: 1px solid rgba(255, 255, 255, 0.03) !important; box-shadow: 0 12px 30px rgba(2, 6, 20, 0.5) !important; }

/* Section headings in content */
#main_content h2 { margin-top: 0 !important; font-size: 20px !important; font-weight: 800 !important; color: #8ef0f2 !important; letter-spacing: -0.01em !important; }

/* Lists */
#main_content ol, #main_content ul { margin-left: 1.2rem !important; color: #d9eeff !important; line-height: 1.7 !important; font-weight: 600 !important; }

#main_content li { margin: 0.6rem 0 !important; }

/* Decorative marker for list items */
#main_content li::marker { color: #b57ffb !important; font-weight: 800 !important; }

/* Separator line (updated color) */
hr, .divider { border: 0 !important; height: 2px !important; background: linear-gradient(90deg, rgba(181, 127, 251, 0.14), rgba(142, 240, 242, 0.08)) !important; background-size: 200% 100% !important; border-radius: 6px !important; margin: 20px 0 !important; opacity: 0.9 !important; }

/* Blockquote */
blockquote { border-left: 4px solid rgba(181, 127, 251, 0.2) !important; padding: 14px 16px !important; border-radius: 10px !important; background: linear-gradient(90deg, rgba(122, 90, 240, 0.02), transparent) !important; color: #9bb0c8 !important; margin: 16px 0 !important; font-weight: 600 !important; }

/* Inline code / kbd */
kbd, .kbd { background: rgba(255, 255, 255, 0.02) !important; padding: 5px 10px !important; border-radius: 8px !important; font-family: "SFMono-Regular", Menlo, Monaco, "Roboto Mono", monospace !important; color: #8ef0f2 !important; font-weight: 800 !important; box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.35) !important; }

/* Code blocks */
pre, code { font-family: "SFMono-Regular", Menlo, Monaco, "Roboto Mono", monospace !important; background: linear-gradient(180deg, rgba(12, 16, 24, 0.74), rgba(8, 12, 20, 0.62)) !important; color: #e6eef6 !important; border-radius: 10px !important; padding: 12px !important; overflow: auto !important; }

/* Footer small print */
.container > a[href*="github"], .site-footer a { color: #9bb0c8 !important; font-size: 13px !important; text-decoration: none !important; display: inline-block !important; margin-top: 18px !important; }

.site-footer a:hover { color: #7aa2f7 !important; text-decoration: underline !important; }

/* Micro-interactions and motion */
@keyframes float-slow { 0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); } }
.btn { will-change: transform !important; }

.btn:hover { animation: float-slow 600ms ease-in-out !important; }

/* Focus accessibility */
a:focus, button:focus, input:focus { outline: none !important; box-shadow: 0 0 0 6px rgba(142, 240, 242, 0.08) !important; border-radius: 8px !important; }

/* Responsive adjustments */
@media (max-width: 820px) { header h1 { font-size: 30px !important; }
  header h2 { font-size: 14px !important; max-width: 92% !important; }
  #main_content { grid-template-columns: 1fr !important; gap: 14px !important; }
  .container { padding: 16px 12px !important; }
  .btn { width: 100% !important; padding: 14px !important; font-size: 16px !important; border-radius: 12px !important; } }
/* Ensure link style consistency */
#main_content a { color: #8ef0f2 !important; text-decoration: none !important; border-bottom: 1px dashed rgba(142, 240, 242, 0.12) !important; }

#main_content a:hover { color: #7aa2f7 !important; text-decoration: underline !important; }