/* ==========================================================================
   Guías Underc0de — diseño "acid lab" del portal underc0de.org
   Se carga después de guias-v4.css (que queda como base de la maquetación) y le cambia la piel:
   paleta de marca, tipografías del portal, fondo de grilla + scanlines, cortes en esquina, header/footer del sitio.
   Header/footer/flotantes usan clases u0g-* (generadas por _dev/guias_restyle.py desde _dev/build.py).
   ========================================================================== */

@font-face{font-family:"Roboto";src:url("/assets/fonts/roboto-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("/assets/fonts/pixelify-sans-500-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Usuzi";src:local("Usuzi"),url("/assets/fonts/usuzi.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Fallback";src:local("Arial");size-adjust:100.3%;ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%}

:root{
  --negro:#000;--azul:#212349;--celeste:#3CB7EA;--c2:#3DA4DD;--c3:#4594D1;--blanco:#fff;
  --line:rgba(60,183,234,.28);--line-soft:rgba(60,183,234,.14);
  --glow:0 0 18px rgba(60,183,234,.45),0 0 2px #3CB7EA;--glow-soft:0 0 24px rgba(60,183,234,.18);
  --txt:#fff;--txt-2:rgba(255,255,255,.74);--txt-3:rgba(255,255,255,.5);
  --f-brand:"Usuzi","Univia Pro",Roboto,"Roboto Fallback",system-ui,sans-serif;
  --f-ui:"Univia Pro",Roboto,"Roboto Fallback",system-ui,sans-serif;
  --f-body:Roboto,"Roboto Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-pixel:"Pixelify Sans",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --f-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,monospace;
  --cut:10px;--cut-s:6px;
  --notch:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  --notch-s:polygon(var(--cut-s) 0,100% 0,100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,0 100%,0 var(--cut-s));
  --gut:clamp(1rem,4vw,2.5rem);
  /* Variables de guias-v4.css → paleta de la marca */
  --uc-blue:#212349;--uc-blue-2:#4594D1;--uc-cyan:#3CB7EA;--uc-cyan-2:#3CB7EA;
  --uc-bg:#000;--uc-bg-soft:#05060f;--uc-panel:rgba(8,9,22,.9);--uc-panel-2:rgba(33,35,73,.45);--uc-panel-3:rgba(33,35,73,.7);
  --uc-text:#fff;--uc-muted:rgba(255,255,255,.74);--uc-subtle:rgba(255,255,255,.5);
  --uc-line:rgba(60,183,234,.16);--uc-line-strong:rgba(60,183,234,.32);
  --uc-success:#3cea9a;--uc-warning:#F2C94C;--uc-info:#3CB7EA;--uc-danger:#ff4d7e;
  --uc-gradient:linear-gradient(90deg,#4594D1,#3CB7EA);--uc-gradient-soft:linear-gradient(135deg,rgba(33,35,73,.7),rgba(60,183,234,.12));
  --uc-shadow:0 18px 40px rgba(0,0,0,.6);
  --uc-radius-sm:0;--uc-radius:0;--uc-radius-lg:0;
  --uc-header:68px;
  --uc-display:"Univia Pro",Roboto,"Roboto Fallback",system-ui,sans-serif;
  --uc-body:Roboto,"Roboto Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --uc-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,monospace;
}

/* ---------------------------------------------------------------- base */
html{background:#000;overflow-x:clip}
body.u0g{min-width:0;overflow-x:clip;color:var(--txt);font-family:var(--f-body);background:#000;
  background-image:radial-gradient(circle at center,rgba(60,183,234,.22) 0 1px,transparent 1.5px);background-size:48px 48px;background-position:24px 24px}
/* Scanlines + grano en una sola capa fija (como el portal) */
body.u0g::before{content:"";position:fixed;inset:0;z-index:1000;height:auto;opacity:1;pointer-events:none;contain:strict;transform:translateZ(0);
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.18) 2px 3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");background-size:auto}
body.u0g *{border-radius:0 !important}
body.u0g ::selection{background:var(--celeste);color:#000}
body.u0g a{color:var(--celeste)}
body.u0g a:hover{color:#fff}
body.u0g :focus-visible{outline:none;box-shadow:0 0 0 2px #000,0 0 0 4px #3CB7EA}
body.u0g .reading-progress{background:var(--celeste);box-shadow:var(--glow);height:2px;z-index:70}

/* ---------------------------------------------------------------- header del portal */
.u0g-wrap{width:min(78%,1600px);margin-inline:auto;position:relative}
@media (max-width:1100px){.u0g-wrap{width:calc(100% - 2*var(--gut))}}
.u0g-header{position:sticky;top:0;z-index:60;background:rgba(0,0,0,.94);border-bottom:1px solid var(--line)}
.u0g-header .u0g-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.u0g-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--txt) !important}
.u0g-brand:hover{text-shadow:none}
.u0g-brand img{width:2.3rem;height:2.3rem;object-fit:contain}
.u0g-brand span{font:400 1.15rem/1 var(--f-brand);letter-spacing:.05em;text-transform:uppercase}
.u0g-brand b{color:var(--celeste);font-weight:400;text-shadow:var(--glow)}
.u0g-nav{display:flex;align-items:center;gap:.25rem}
.u0g-nav ul{display:flex;gap:.1rem;align-items:center;margin:0;padding:0;list-style:none}
.u0g-nav li{position:relative}
.u0g-nav a,.u0g-nav button{display:block;padding:.6rem .75rem;font:500 .88rem/1 var(--f-ui);color:var(--txt-2) !important;text-decoration:none;white-space:nowrap;
  letter-spacing:.04em;text-transform:uppercase;background:none;border:0;cursor:pointer}
.u0g-nav a:hover,.u0g-nav button:hover,.u0g-nav a[aria-current=page]{color:var(--celeste) !important;text-shadow:var(--glow)}
.u0g-nav a[aria-current=page]::before{content:"> ";font-family:var(--f-pixel)}
.u0g-nav button[aria-expanded]::after{content:" ▾";font-family:var(--f-pixel);color:var(--celeste)}
.u0g-nav .u0g-sub{position:absolute;top:100%;left:0;min-width:15rem;margin:0;padding:.4rem;list-style:none;background:#000;border:1px solid var(--line);box-shadow:var(--glow-soft);
  display:none;flex-direction:column;clip-path:var(--notch);z-index:5}
.u0g-nav .u0g-sub a{padding:.65rem .8rem;text-transform:none;letter-spacing:0;font-size:.92rem;text-align:left}
.u0g-nav .u0g-sub a:hover{background:rgba(60,183,234,.12)}
.u0g-nav li.open>.u0g-sub{display:flex}
.u0g-nav .u0g-nav-search{display:inline-flex;align-items:center;gap:.5ch;margin-left:.35rem;padding:.55rem .6rem;border:1px solid var(--line-soft);clip-path:var(--notch-s);flex:none}
.u0g-nav .u0g-nav-search svg{width:1.05rem;height:1.05rem}
.u0g-nav .u0g-nav-search span{display:none}
.u0g-nav .u0g-nav-search:hover{border-color:var(--celeste)}
.u0g-nav .cta{margin-left:.6rem;flex:none}
.u0g-nav-toggle{display:none;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--line);background:none;color:var(--celeste);clip-path:var(--notch);cursor:pointer}
.u0g-nav-toggle svg{width:1.4rem;height:1.4rem}

/* Botón del portal: celeste, mayúsculas, corchetes, corte en esquina */
.u0g-btn,body.u0g .primary-button,body.u0g .header-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6ch;min-height:0;padding:.9rem 1.5rem;
  font:700 .92rem/1 var(--f-ui) !important;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;color:#000 !important;background:var(--celeste) !important;
  border:0 !important;box-shadow:none;clip-path:var(--notch);transition:background .15s,color .15s}
.u0g-btn::before,.u0g-btn::after,body.u0g .primary-button::before,body.u0g .primary-button::after{font-family:var(--f-pixel);font-weight:500;opacity:.7}
.u0g-btn::before,body.u0g .primary-button::before{content:"["}
.u0g-btn::after,body.u0g .primary-button::after{content:"]"}
.u0g-btn:hover,body.u0g .primary-button:hover{background:#fff !important;color:#000 !important}
.u0g-btn.sm{padding:.6rem 1.05rem;font-size:.82rem !important}
body.u0g .secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;min-height:0;font:700 .92rem/1 var(--f-ui) !important;text-transform:uppercase;letter-spacing:.08em;
  color:var(--celeste) !important;background:transparent !important;border:0 !important;box-shadow:inset 0 0 0 1px var(--celeste);clip-path:var(--notch);text-decoration:none}
body.u0g .secondary-button::before{content:"[";font-family:var(--f-pixel);opacity:.7;margin-right:.6ch}
body.u0g .secondary-button::after{content:"]";font-family:var(--f-pixel);opacity:.7;margin-left:.6ch}
body.u0g .secondary-button:hover{background:var(--celeste) !important;color:#000 !important;box-shadow:inset 0 0 0 1px var(--celeste),var(--glow)}

@media (min-width:1101px) and (max-width:1440px){.u0g-header .u0g-wrap{width:calc(100% - 2*var(--gut))}.u0g-nav a,.u0g-nav button{padding-inline:.5rem;font-size:.82rem}.u0g-nav .cta{margin-left:.4rem}}
@media (min-width:1101px) and (max-width:1200px){.u0g-header .u0g-brand span{display:none}}
@media (max-width:1100px){
  .u0g-header{background:#000}
  .u0g-nav-toggle{display:inline-flex}
  .u0g-nav{position:fixed;inset:4.25rem 0 0 0;background:#000;padding:1rem var(--gut) 2rem;overflow:auto;flex-direction:column;align-items:stretch;
    transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility 0s .25s;border-top:1px solid var(--line);z-index:60}
  .u0g-nav.is-open{transform:none;visibility:visible;transition-delay:0s}
  .u0g-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .u0g-nav a,.u0g-nav button{padding:.95rem .5rem;font-size:1.05rem;width:100%;text-align:left;border-bottom:1px dashed var(--line-soft)}
  .u0g-nav .u0g-sub{position:static;display:flex;border:0;box-shadow:none;background:transparent;padding:0 0 .5rem 1rem;min-width:0;clip-path:none}
  .u0g-nav .u0g-sub a{font-size:.95rem;border-bottom:0;color:var(--txt-3) !important}
  .u0g-nav .u0g-nav-search{margin:1rem 0 0;justify-content:center;padding:.85rem;width:100%;border-bottom:1px solid var(--line-soft)}
  .u0g-nav .u0g-nav-search span{display:inline}
  .u0g-nav .cta{margin:1rem 0 0;justify-content:center}
}

/* ---------------------------------------------------------------- footer del portal */
.u0g-footer{position:relative;border-top:1px solid var(--line);background:var(--azul);padding:3.5rem 0 2rem;color:var(--txt-2);font-family:var(--f-body)}
.u0g-footer .top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2rem}
.u0g-footer h3{font:500 .78rem var(--f-pixel);margin:0 0 1rem;color:var(--celeste);letter-spacing:.14em;text-transform:uppercase}
.u0g-footer h3::before{content:"/ "}
.u0g-footer ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.u0g-footer a{color:var(--txt-2) !important;text-decoration:none;font-size:.95rem}
.u0g-footer a:hover{color:var(--celeste) !important}
.u0g-footer .u0g-brand{margin-bottom:1rem;display:inline-flex}
.u0g-footer .u0g-brand img{width:3rem;height:3rem}
.u0g-footer .top p{color:var(--txt-2);font-size:.95rem;max-width:36ch;margin:0}
.u0g-social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.u0g-social a{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--line);color:var(--txt-2);clip-path:var(--notch)}
.u0g-social a:hover{border-color:var(--celeste);color:var(--celeste);box-shadow:var(--glow)}
.u0g-social svg{width:1.1rem;height:1.1rem;fill:currentColor}
.u0g-footer .bottom{margin-top:2.5rem;padding-top:1.25rem;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font:400 .8rem var(--f-ui);color:var(--txt-3);letter-spacing:.04em}
.u0g-footer .bottom a{font-size:inherit}
.u0g-legal{display:flex;flex-wrap:wrap;gap:.3rem .6ch}
.u0g-eot{margin:2rem 0 0;text-align:center;font:500 .75rem var(--f-pixel);color:var(--txt-3);letter-spacing:.3em;text-transform:uppercase}
.u0g-eot::before,.u0g-eot::after{content:" ░░░░░░░░ ";color:var(--celeste);opacity:.5;letter-spacing:-.05em}
@media (max-width:900px){.u0g-footer .top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.u0g-footer .top{grid-template-columns:1fr}.u0g-footer .bottom{flex-direction:column}}

/* Flotantes: WhatsApp (portal) y volver arriba (botón propio de las guías, con la piel del portal) */
.u0g-wa{position:fixed;right:1rem;bottom:4.5rem;z-index:41;display:flex;align-items:center;gap:.6rem;height:3.25rem;padding:0 .9rem 0 1rem;background:var(--celeste);color:#000 !important;
  text-decoration:none;clip-path:var(--notch);box-shadow:var(--glow);transition:background .15s,transform .15s}
.u0g-wa svg{width:1.6rem;height:1.6rem;flex:none}
.u0g-wa .u0g-wa-label{font:700 .82rem var(--f-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.u0g-wa:hover{background:#fff;transform:translateY(-2px)}
@media (max-width:1700px){.u0g-wa{padding:0;width:3.25rem;justify-content:center}.u0g-wa .u0g-wa-label{display:none}}
body.u0g .back-to-top{right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;background:#000 !important;border:1px solid var(--line) !important;color:var(--celeste) !important;clip-path:var(--notch-s);box-shadow:none}
body.u0g .back-to-top:hover{box-shadow:var(--glow)}
@media (max-width:700px){body.u0g .back-to-top{right:4.75rem}}
body.u0g .toast{background:#000 !important;border:1px solid var(--celeste) !important;color:#fff !important;clip-path:var(--notch);font-family:var(--f-pixel)}

/* ---------------------------------------------------------------- tipografía y etiquetas HUD */
body.u0g h1,body.u0g h2,body.u0g h3,body.u0g h4{font-family:var(--f-ui);letter-spacing:.01em}
body.u0g .guide-hero h1,body.u0g .index-hero h1,body.u0g .category-hero h1{font-weight:400;letter-spacing:.01em;line-height:1.05}
body.u0g .gradient-text{background:none !important;-webkit-text-fill-color:currentColor;color:var(--celeste) !important;text-shadow:var(--glow)}
body.u0g .eyebrow,body.u0g .index-kicker,body.u0g .section-kicker,body.u0g .system-status,body.u0g .breadcrumbs,body.u0g .hero-card-label,body.u0g .answer-first-title,
body.u0g .sidebar-title,body.u0g .category-meta,body.u0g .guide-card-code,body.u0g .guide-card-category,body.u0g .guide-card-meta,body.u0g .section-link,body.u0g .search-count,
body.u0g .filter-button,body.u0g .source-card-label,body.u0g .related-card-tag,body.u0g .category-pill,body.u0g .meta-item,body.u0g .guide-meta,body.u0g .code-language,
body.u0g .copy-code,body.u0g .related-card-link,body.u0g .index-terminal-head,body.u0g .category-icon,body.u0g .key-point-number,body.u0g .toc-list a{font-family:var(--f-pixel) !important;font-weight:500 !important;letter-spacing:.06em}
body.u0g .eyebrow{border:1px solid var(--line) !important;background:rgba(0,0,0,.6) !important;color:var(--celeste) !important;clip-path:var(--notch-s)}
body.u0g .eyebrow::before{border-radius:0;background:var(--celeste);box-shadow:var(--glow)}
body.u0g .system-status{color:var(--txt-3)}
body.u0g .system-status .status-online{color:var(--celeste)}
body.u0g .breadcrumbs,body.u0g .breadcrumbs a{color:var(--txt-2);text-transform:lowercase}
body.u0g .breadcrumbs a:hover{color:var(--celeste)}
body.u0g .breadcrumbs li:last-child{color:var(--celeste)}
body.u0g .index-kicker,body.u0g .section-kicker{color:var(--celeste) !important}
body.u0g .hero-lead,body.u0g .index-hero p{color:var(--txt-2) !important}

/* ---------------------------------------------------------------- héroes */
body.u0g .guide-hero,body.u0g .index-hero,body.u0g .category-hero{background:linear-gradient(180deg,rgba(33,35,73,.35),transparent) !important;border-bottom:1px solid var(--line) !important}
body.u0g .guide-hero::after{border-color:var(--line-soft) !important;opacity:.6}
body.u0g .index-hero h1,body.u0g .guide-hero h1{text-shadow:none}

/* ---------------------------------------------------------------- tarjetas / marcos (estilo .frame del portal) */
body.u0g .hero-card,body.u0g .index-terminal,body.u0g .category-card,body.u0g .guide-index-card,body.u0g .related-card,body.u0g .sidebar-card,body.u0g .answer-first,
body.u0g .key-point,body.u0g .callout,body.u0g .faq-item,body.u0g .source-card,body.u0g .search-panel,body.u0g .code-block,body.u0g .comparison-table-wrap,body.u0g .about-panel,
body.u0g .pillar-note,body.u0g .guide-author,body.u0g .steps li,body.u0g .checklist li,body.u0g .inline-toc,body.u0g .figure-frame,body.u0g .empty-results{
  position:relative;background:rgba(8,9,22,.88) !important;border:1px solid var(--line) !important;box-shadow:none !important;clip-path:var(--notch)}
body.u0g .category-card,body.u0g .guide-index-card,body.u0g .related-card,body.u0g .hero-card,body.u0g .sidebar-card,body.u0g .answer-first,body.u0g .source-card,body.u0g .search-panel,body.u0g .index-terminal{
  background-image:linear-gradient(var(--celeste),var(--celeste)),linear-gradient(var(--celeste),var(--celeste)) !important;
  background-size:14px 1px,14px 1px !important;background-position:top left,bottom right !important;background-repeat:no-repeat !important}
body.u0g .category-card:hover,body.u0g .guide-index-card:hover,body.u0g .related-card:hover,body.u0g .faq-item:hover,body.u0g .key-point:hover{border-color:var(--celeste) !important;transform:none}
body.u0g .related-card::after,body.u0g .hero-card::before{display:none !important}
body.u0g .hero-card-title,body.u0g .category-card h3,body.u0g .guide-index-card h3,body.u0g .related-card h3,body.u0g .source-card h2,body.u0g .key-point strong{font-family:var(--f-ui) !important;font-weight:700;color:#fff}
body.u0g .hero-card-list li,body.u0g .category-card p,body.u0g .guide-index-card p,body.u0g .related-card p,body.u0g .key-point p,body.u0g .callout p,body.u0g .source-card p{color:var(--txt-2) !important}
body.u0g .hero-card-list svg{color:var(--celeste)}
body.u0g .category-icon,body.u0g .key-point-number{border:1px solid var(--line) !important;background:rgba(33,35,73,.7) !important;color:var(--celeste) !important;clip-path:var(--notch-s)}
body.u0g .category-meta,body.u0g .guide-card-meta{color:var(--txt-3) !important;border-color:var(--line-soft) !important}
body.u0g .guide-card-top{background:linear-gradient(135deg,rgba(33,35,73,.7),rgba(0,0,0,.2)) !important;border-bottom:1px dashed var(--line-soft) !important}
body.u0g .guide-card-code,body.u0g .guide-card-category{color:var(--celeste) !important}
body.u0g .guide-card-number{color:rgba(60,183,234,.08) !important;font-family:var(--f-ui) !important}
body.u0g .guide-index-card h3 a{color:#fff}
body.u0g .guide-index-card h3 a:hover{color:var(--celeste);text-shadow:var(--glow)}
body.u0g .related-card-tag,body.u0g .category-pill{background:rgba(33,35,73,.8) !important;border:1px solid var(--line);color:var(--celeste) !important;clip-path:var(--notch-s)}
body.u0g .related-card-link,body.u0g .section-link{color:var(--celeste) !important}

/* Terminal del índice */
body.u0g .index-terminal{background-color:#000 !important}
body.u0g .index-terminal-head{border-bottom:1px dashed var(--line) !important;color:var(--txt-3) !important}
body.u0g .index-terminal-head i{background:var(--line) !important}
body.u0g .index-terminal-head i:first-child{background:var(--celeste) !important;box-shadow:var(--glow)}
body.u0g .index-terminal pre{font-family:var(--f-pixel) !important;color:var(--txt-2) !important}
body.u0g .index-terminal .cmd{color:var(--celeste) !important}
body.u0g .index-terminal .key{color:var(--c3) !important}

/* Buscador y filtros del índice */
body.u0g .search-input{background:#05060f !important;border:1px solid var(--line) !important;color:#fff !important;font-family:var(--f-pixel) !important;clip-path:var(--notch-s);box-shadow:none !important}
body.u0g .search-input:focus{border-color:var(--celeste) !important;box-shadow:var(--glow-soft) !important}
body.u0g .search-input::placeholder{color:var(--txt-3)}
body.u0g .search-box svg{color:var(--celeste)}
body.u0g .search-shortcut{border-color:var(--line) !important;color:var(--txt-3);font-family:var(--f-pixel)}
body.u0g .filter-button{border:1px solid var(--line-soft) !important;background:none !important;color:var(--txt-2) !important;clip-path:var(--notch-s);text-transform:lowercase}
body.u0g .filter-button:hover,body.u0g .filter-button.is-active{border-color:var(--celeste) !important;background:var(--celeste) !important;color:#000 !important}

/* ---------------------------------------------------------------- guía: contenido */
body.u0g .guide-content{color:var(--txt-2)}
body.u0g .guide-content strong{color:#fff}
body.u0g .guide-content h2,body.u0g .guide-content h3,body.u0g .guide-content h4{font-family:var(--f-ui) !important;color:#fff}
body.u0g .guide-content h2::before{color:var(--celeste) !important;font-family:var(--f-pixel);text-shadow:var(--glow);background:none !important;-webkit-text-fill-color:currentColor}
body.u0g .guide-content a{color:var(--celeste);text-decoration-color:rgba(60,183,234,.45)}
body.u0g .answer-first::before{background:var(--celeste) !important;box-shadow:var(--glow);width:2px}
body.u0g .answer-first-title{color:var(--celeste) !important}
body.u0g .answer-first-title::before{content:"> "}
body.u0g .callout.tip{border-color:rgba(60,234,154,.35) !important}
body.u0g .callout.warning{border-color:rgba(242,201,76,.4) !important}
body.u0g .callout.info{border-color:var(--line) !important}
body.u0g .callout-icon{clip-path:var(--notch-s)}
body.u0g .code-block{background:#05060f !important;border-left:2px solid var(--celeste) !important}
body.u0g .code-header{border-bottom:1px dashed var(--line) !important;background:rgba(33,35,73,.45) !important}
body.u0g .code-language{color:var(--celeste) !important;text-transform:uppercase}
body.u0g .code-block pre{color:#d7f3ff !important;font-family:var(--f-mono) !important}
body.u0g .copy-code{color:var(--txt-2) !important;border:1px solid var(--line-soft) !important;clip-path:var(--notch-s)}
body.u0g .copy-code:hover{color:#000 !important;background:var(--celeste) !important}
body.u0g .guide-content :not(pre)>code{background:rgba(60,183,234,.12) !important;color:#d7f3ff !important;font-family:var(--f-mono)}
body.u0g .token-keyword{color:var(--celeste) !important}body.u0g .token-string{color:#3cea9a !important}body.u0g .token-function{color:#F2C94C !important}body.u0g .token-comment{color:var(--txt-3) !important}
body.u0g .comparison-table th{background:rgba(33,35,73,.85) !important;color:#fff !important;font:500 .78rem var(--f-pixel) !important;letter-spacing:.08em;text-transform:uppercase}
body.u0g .comparison-table td{border-color:var(--line-soft) !important;color:var(--txt-2)}
body.u0g .comparison-table tr:nth-child(even) td{background:rgba(33,35,73,.25)}
body.u0g .faq-item summary{font-family:var(--f-ui) !important;font-weight:700}
body.u0g .faq-item summary::after{color:var(--celeste);font-family:var(--f-pixel)}
body.u0g .faq-item[open]{border-color:var(--celeste) !important}
body.u0g .steps li::before{background:var(--celeste) !important;color:#000 !important;box-shadow:var(--glow) !important;font-family:var(--f-pixel);clip-path:var(--notch-s)}
body.u0g .checklist li::before{background:rgba(60,183,234,.12) !important;color:var(--celeste) !important}
body.u0g .guide-author .author-avatar{background:var(--celeste) !important;color:#000 !important;clip-path:var(--notch-s)}

/* Barra lateral: índice (TOC) y relacionadas */
body.u0g .sidebar-title{color:var(--celeste) !important;text-transform:uppercase}
body.u0g .toc-list a{color:var(--txt-3) !important;border-left:2px solid transparent;font-size:.8rem}
body.u0g .toc-list a:hover{color:#fff !important;background:rgba(60,183,234,.08) !important}
body.u0g .toc-list a.is-active,body.u0g .toc-list a[aria-current]{color:var(--celeste) !important;border-left-color:var(--celeste) !important;background:rgba(60,183,234,.1) !important;text-shadow:var(--glow)}
body.u0g .sidebar-links a{color:var(--txt-2) !important;border:1px solid transparent !important}
body.u0g .sidebar-links a:hover{border-color:var(--line) !important;color:var(--celeste) !important;background:rgba(60,183,234,.06) !important}
body.u0g .sidebar-note{color:var(--txt-3)}
body.u0g .share-button,body.u0g .icon-button,body.u0g .toc-mobile-button{background:none !important;border:1px solid var(--line) !important;color:var(--celeste) !important;clip-path:var(--notch-s);font-family:var(--f-pixel)}
body.u0g .share-button:hover,body.u0g .icon-button:hover,body.u0g .toc-mobile-button:hover{background:var(--celeste) !important;color:#000 !important}
body.u0g .related-section{background:linear-gradient(180deg,transparent,rgba(33,35,73,.35)) !important;border-top:1px solid var(--line) !important}

@media (prefers-reduced-motion:reduce){.u0g-wa,.u0g-nav{transition:none}}
@media print{.u0g-header,.u0g-footer,.u0g-wa,body.u0g::before{display:none !important}body.u0g{background:#fff !important;color:#000}}

/* Títulos de sección: el enlace ancla hereda el blanco del título (no el celeste de los links) */
body.u0g .guide-content h2 a.heading-anchor,body.u0g .guide-content h3 a.heading-anchor,body.u0g .guide-content h4 a.heading-anchor{color:#fff !important;text-decoration:none}
body.u0g .guide-content h2 a.heading-anchor:hover{color:var(--celeste) !important;text-shadow:var(--glow)}
/* Índice lateral: texto en Roboto (legible) y número en pixel, separados */
body.u0g .toc-list a{font-family:var(--f-body) !important;letter-spacing:0 !important;font-size:.86rem;display:flex;gap:.6rem;align-items:baseline}
body.u0g .toc-list a span{flex:none;font-family:var(--f-pixel);color:var(--celeste);opacity:.7;font-size:.72rem}
/* Botón Contacto dentro del menú: texto negro (la regla de enlaces del menú lo aclaraba) */
.u0g-nav a.u0g-btn{color:#000 !important;text-shadow:none !important}
.u0g-nav a.u0g-btn:hover{color:#000 !important}
.u0g-nav .u0g-sub a,.u0g-nav .u0g-sub li{text-align:left !important}
body.u0g .u0g-footer h3{font:500 .78rem var(--f-pixel);letter-spacing:.14em;color:var(--celeste)}