:root{--blueprint:#032444;--blueprint-line:#07529C;--paper:#F4F1E8;--ink:#16232B;--chalk:#F1EEE4;--amber:#E8A33D;--rust:#E07A3E;--azul:#0966C3;--azul-hover:#07529C;--azul-claro:#EBF0FA}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Source Serif 4',serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.display,h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.01em}.mono{font-family:'IBM Plex Mono',monospace}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}.blueprint-bg{background-color:var(--blueprint);background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--blueprint-line) 39px,var(--blueprint-line) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--blueprint-line) 39px,var(--blueprint-line) 40px);background-size:40px 40px;background-blend-mode:overlay;color:var(--chalk)}.bracket{position:relative;border:1px solid rgba(255,255,255,.18)}.bracket .bl,.bracket .br,.bracket::after,.bracket::before{content:"";position:absolute;width:14px;height:14px;border-color:var(--amber);border-style:solid}.bracket::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.bracket::after{top:-1px;right:-1px;border-width:2px 2px 0 0}.bracket .bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.bracket .br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}nav{position:sticky;top:0;z-index:50;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}nav .wrap{display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;text-decoration:none;display:flex;align-items:center}.brand-logo{height:38px;width:auto;display:block}nav ul{list-style:none;display:flex;gap:28px}nav a.nav-link{font-family:'IBM Plex Mono',monospace;font-size:.8rem;text-decoration:none;opacity:.85}nav a.nav-link:hover{opacity:1;color:var(--amber)}.btn{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.82rem;font-weight:500;padding:11px 22px;background:var(--amber);color:var(--ink);text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease}.btn:hover{transform:translateY(-2px)}.btn-ghost{background:0 0;border:1px solid var(--chalk);color:var(--chalk)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.hero{padding:90px 0 70px}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;display:block}.hero h1{font-size:2.5rem;line-height:1.14;margin-bottom:22px}.hero p.lead{font-size:1.1rem;opacity:.92;max-width:48ch;margin-bottom:22px}.hero .nota-demo{font-family:'IBM Plex Mono',monospace;font-size:.78rem;opacity:.65;max-width:48ch;border-left:2px solid var(--amber);padding-left:14px}.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.terminal{background:rgba(0,0,0,.28);padding:22px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;min-height:230px}.terminal .term-head{display:flex;align-items:center;gap:9px;margin:-22px -22px 16px;padding:9px 12px;background:rgba(0,0,0,.32);border-bottom:1px solid rgba(255,255,255,.1)}.term-head-title{font-size:.82rem;color:var(--chalk);opacity:.55;flex:1;letter-spacing:.01em}.term-head-controls{display:flex;align-items:center;gap:11px}.term-head-controls span{display:inline-block;opacity:.4}.thc-min{width:9px;height:1.5px;background:var(--chalk);align-self:center}.thc-max{width:9px;height:9px;border:1.5px solid var(--chalk)}.thc-close{position:relative;width:9px;height:9px}.thc-close::after,.thc-close::before{content:"";position:absolute;top:50%;left:0;width:9px;height:1.5px;background:var(--chalk)}.thc-close::before{transform:rotate(45deg)}.thc-close::after{transform:rotate(-45deg)}.term-line{opacity:0;white-space:pre-wrap}.term-line .prompt{color:var(--amber)}.cursor{display:inline-block;width:9px;height:4px;background:var(--amber);transform:translateY(-1px);animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}#term-body{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(232,163,61,.4) transparent}#term-body::-webkit-scrollbar{width:6px}#term-body::-webkit-scrollbar-thumb{background:rgba(232,163,61,.35);border-radius:3px}.term-cmd-out{margin:4px 0 10px}.term-cmd-out .proy{margin-bottom:10px;padding:10px 12px;border:1px solid rgba(232,163,61,.25);background:rgba(232,163,61,.04)}.term-cmd-out .proy:last-child{margin-bottom:0}.term-cmd-out .proy-title{color:var(--amber);font-weight:700}.term-cmd-out .proy-title .proy-slug{color:var(--chalk);opacity:.5;font-weight:400}.term-cmd-out .proy-stack{color:var(--chalk);opacity:.7;font-size:.78rem;margin:2px 0}.term-cmd-out .proy-desc{color:var(--chalk);opacity:.92}.term-input-line{display:flex;align-items:flex-end;gap:0;flex-wrap:wrap}.term-input-line .prompt{color:var(--amber);white-space:pre}.term-input{background:0 0;border:none;outline:0;font-family:'IBM Plex Mono',monospace;font-size:.82rem;color:var(--chalk);caret-color:transparent;flex:0 0 auto;padding:0;width:0;min-width:0}@media (max-width:600px){.term-input{font-size:16px}}section{padding:80px 0}.section-alt{background:var(--blueprint);color:var(--chalk)}.kicker{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:10px}h2.section-title{font-size:1.9rem;max-width:26ch;margin-bottom:14px}.section-lead{max-width:60ch;opacity:.85;margin-bottom:20px}.pulso-vivo{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.04em;color:var(--amber);opacity:.9;margin-bottom:20px}.pulso-punto{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:pulso 1.6s ease-in-out infinite}@keyframes pulso{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.filtro-activo{display:none;align-items:center;gap:12px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:.8rem;background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.3);padding:10px 14px;margin-bottom:24px}.filtro-activo.visible{display:flex}.filtro-activo button{font-family:inherit;font-size:.78rem;text-decoration:underline;background:0 0;border:none;color:var(--amber);cursor:pointer;padding:0}.evidencia-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proyecto{padding:22px;background:var(--blueprint);color:var(--chalk);transition:box-shadow .25s ease,transform .25s ease}.proyecto:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(232,163,61,.15),0 0 16px rgba(232,163,61,.08)}.proyecto h3{font-size:1rem;margin-bottom:8px}.proyecto .proy-cat{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.03em;text-transform:uppercase;color:var(--amber);opacity:.85;margin-bottom:8px}.proyecto p.desc{font-size:.85rem;opacity:.8;margin-bottom:10px}.proyecto .proy-stack-tag{font-family:'IBM Plex Mono',monospace;font-size:.72rem;opacity:.55}.proyecto.oculto-por-filtro{display:none}.vacio-galeria{grid-column:1/-1;font-family:'IBM Plex Mono',monospace;font-size:.85rem;opacity:.6;text-align:center;padding:30px 0}.panel-cta{margin-top:44px;padding:28px;border:1px dashed rgba(255,255,255,.25);text-align:center}.panel-cta p{max-width:52ch;margin:0 auto 18px;opacity:.9}.cta-final{text-align:center;padding:90px 0}.cta-final h2{font-size:2rem;max-width:22ch;margin:0 auto 16px}.cta-final p{max-width:48ch;margin:0 auto 30px;opacity:.85}footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.12);font-family:'IBM Plex Mono',monospace;font-size:.78rem}footer .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.7;text-align:center}.footer-legal{width:100%;text-align:center;margin-bottom:6px;display:flex;justify-content:center;gap:14px;font-family:'IBM Plex Mono',monospace;font-size:.72rem}.footer-legal a{color:rgba(241,238,228,.55);text-decoration:none}.footer-legal a:hover{color:var(--amber)}.brand-mark{width:100%;text-align:center;pointer-events:none}.brand-mark .brand-sig{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.03em;color:rgba(233,224,200,.55)}.brand-mark .brand-icon{width:14px;height:14px;border-radius:50%;flex-shrink:0}.brand-mark .brand-sig a{color:rgba(233,224,200,.8);pointer-events:auto;text-decoration:none;border-bottom:1px solid rgba(233,224,200,.35)}.brand-mark .brand-sig a:hover{color:#e9e0c8;border-bottom-color:#e9e0c8}.brand-mark .claude-star{color:var(--rust);font-size:14px;display:inline-block}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.evidencia-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.term-line{opacity:1!important}.cursor{animation:none}.pulso-punto{animation:none}}
.section-panel{background:var(--azul-claro);color:var(--ink);padding-top:36px}
.section-panel .kicker,.section-panel .section-lead{color:var(--ink)}
.banner-abierto{background:rgba(232,163,61,.15);border:1px solid rgba(232,163,61,.5);color:var(--ink);padding:14px 18px;font-size:.82rem;line-height:1.5;margin-bottom:30px;font-family:'IBM Plex Mono',monospace}
.panel-card{background:#fff;border:1px solid rgba(9,102,195,.15);padding:22px;margin-bottom:22px}
.panel-card h3{font-size:.9rem;margin-bottom:16px;color:var(--azul-hover);font-family:'IBM Plex Mono',monospace}
.panel-card label{display:block;font-size:.72rem;opacity:.7;margin-bottom:5px;font-family:'IBM Plex Mono',monospace}
.panel-card input[type=text],.panel-card textarea,.panel-card select{width:100%;padding:9px 10px;border:1px solid rgba(22,35,43,.2);font-family:'IBM Plex Mono',monospace;font-size:.85rem;background:#fff;color:var(--ink)}
.panel-card textarea{resize:vertical;min-height:70px}
.fila-panel{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.fila-panel>div{flex:1;min-width:200px}
.btn-panel{padding:10px 18px;background:var(--azul);border:none;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:.82rem;cursor:pointer}
.btn-panel:hover{background:var(--azul-hover)}
.btn-secundario{background:transparent;border:1px solid var(--azul);color:var(--azul);padding:10px 18px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;cursor:pointer}
.btn-secundario:hover{background:rgba(9,102,195,.08)}
.btn-peligro-panel{background:transparent;border:1px solid var(--rust);color:var(--rust);padding:10px 18px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;cursor:pointer}
.btn-peligro-panel:hover{background:rgba(224,122,62,.08)}
.btn-cancelar-panel{background:none;border:none;color:var(--ink);opacity:.55;font-family:'IBM Plex Mono',monospace;font-size:.82rem;cursor:pointer;padding:10px 4px}
.btn-cancelar-panel:hover{opacity:.85;text-decoration:underline}
.hint-panel{font-size:.72rem;opacity:.55;margin-top:4px;font-family:'IBM Plex Mono',monospace}
.hint-panel a{color:var(--azul)}
.fila-categoria-acciones{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;font-size:.72rem;font-family:'IBM Plex Mono',monospace}
.fila-categoria-acciones a{text-decoration:none;color:var(--azul);opacity:.75}
.fila-categoria-acciones a:hover{opacity:1;text-decoration:underline}
.fila-categoria-acciones a.accion-eliminar{color:var(--rust)}
.chips-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chip-panel{position:relative;padding:9px 22px 9px 10px;border:1px solid rgba(9,102,195,.35);background:#fff;color:var(--azul-hover);font-size:.8rem;font-family:'IBM Plex Mono',monospace;cursor:pointer;user-select:none}
.chip-panel.activo{background:var(--azul);color:#fff}
.chip-eliminar-panel{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:rgba(224,122,62,.15);color:var(--rust);font-size:11px;line-height:15px;text-align:center;cursor:pointer}
.chip-eliminar-panel:hover{background:var(--rust);color:#fff}
.nueva-tec-panel{display:flex;gap:10px;margin-top:14px}
.nueva-tec-panel input{flex:1}
.msg-panel{font-size:.8rem;padding:10px 12px;margin-bottom:14px;display:none;font-family:'IBM Plex Mono',monospace}
.msg-panel.ok{display:block;background:rgba(9,102,195,.08);color:var(--azul-hover);border:1px solid rgba(9,102,195,.25)}
.msg-panel.error{display:block;background:rgba(224,122,62,.1);color:var(--rust);border:1px solid rgba(224,122,62,.3)}
.proyectos-grid-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proyecto-card-panel{padding:20px;background:var(--blueprint);color:var(--chalk);display:flex;flex-direction:column;gap:8px}
.proyecto-card-panel .proy-cat{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.03em;text-transform:uppercase;color:var(--amber);opacity:.85}
.proyecto-card-panel h4{font-size:1rem;color:var(--chalk);font-family:'Space Grotesk',sans-serif}
.proyecto-card-panel .desc{font-size:.85rem;opacity:.85}
.proyecto-card-panel .proy-stack-tag{font-size:.72rem;opacity:.6;font-family:'IBM Plex Mono',monospace}
.proyecto-card-panel .proy-acciones{display:flex;gap:10px;margin-top:auto;padding-top:10px}
.proyecto-card-panel .proy-acciones button{font-family:'IBM Plex Mono',monospace;font-size:.78rem;padding:7px 12px;cursor:pointer}
.proyecto-card-panel .btn-secundario{border-color:rgba(241,238,228,.4);color:var(--chalk);background:transparent}
.proyecto-card-panel .btn-secundario:hover{background:rgba(241,238,228,.1)}
.proyecto-card-panel .btn-peligro-panel{border:1px solid var(--rust);color:var(--rust);background:transparent}
.proyecto-card-panel .btn-peligro-panel:hover{background:rgba(224,122,62,.15)}
.vacio-panel{opacity:.55;font-size:.85rem;padding:10px 0;font-family:'IBM Plex Mono',monospace}
.terminal-section .terminal{max-width:640px;margin:0 auto}
@media (max-width:860px){.proyectos-grid-panel{grid-template-columns:1fr}}
#panel{padding-bottom:36px}
#galeria{padding-top:36px;padding-bottom:36px}
#terminal{padding-top:36px}