.guia{--app:#0f172a;--card:#1e293b;--inner:#172033;--deep:#0f172a;--border:#334155;--border-soft:#2b3a4f;--text-strong:#f8fafc;--text:#f1f5f9;--text-mid:#e2e8f0;--text-soft:#cbd5e1;--text-dim:#9aa8bd;--text-faint:#7c8ba3;--text-fainter:#566274;--accent:#8b5cf6;--accent-t:#c4b5fd;min-height:calc(100dvh - 148px);color:var(--text);font-family:var(--font-ui);background:radial-gradient(110% 70% at 12% 0,#16203a 0%,#0b1220 55%,#0a1526 100%);border-radius:18px;flex-wrap:wrap;align-items:stretch;gap:18px;padding:16px 8px;display:flex;overflow:auto}.guia--suelta{border-radius:0;min-height:100dvh;padding:16px 14px;overflow:visible}.guia *{box-sizing:border-box}.guia a{color:#a78bfa;text-decoration:none}.guia a:hover{color:#c4b5fd}.guia button{font-family:var(--font-ui);transition:transform .12s cubic-bezier(.2,.8,.3,1),background .2s,border-color .2s,color .2s,box-shadow .2s}.guia button:active{transform:scale(.98)}.guia button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guia ::-webkit-scrollbar{width:8px;height:8px}.guia ::-webkit-scrollbar-thumb{background:#2b3a52;border-radius:999px}@keyframes guiaLatido{0%{box-shadow:0 0 #8b5cf68c}to{box-shadow:0 0 0 14px #8b5cf600}}@keyframes guiaEntra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.guia [data-punto]{position:relative}.guia [data-latido=si]:after{content:"";border-radius:inherit;pointer-events:none;animation:1.9s ease-out infinite guiaLatido;position:absolute;inset:-3px}.guia__ficha{animation:.22s both guiaEntra}.guia__suave:hover{color:var(--text);background:#1d283d}.guia__acento:hover{background:#9d6bff}@media (prefers-reduced-motion:reduce){.guia [data-latido=si]:after,.guia__ficha{animation:none}.guia button:active{transform:none}}@media (width<=1180px){.guia__app{flex:100%!important;min-width:0!important}}@media (width<=900px){.guia{gap:12px;padding:12px 10px}.guia__app{flex:100%!important;min-width:0!important}.guia__app h1{font-size:17px!important}.guia__marco{min-height:460px!important}.guia__nav{flex:0 0 124px!important;padding:9px 7px!important}.guia__globales{justify-content:center;flex-wrap:wrap!important}.guia__lienzo{padding:12px 11px!important}.guia__tabla{overflow-x:auto!important}.guia__tabla>div{min-width:430px}.guia__panel{flex:100%!important;min-width:0!important}}@media (width<=420px){.guia__nav{flex:0 0 108px!important}.guia__app h1{font-size:15.5px!important}}