/* Aldaba · identidad de la página (ver ~/Downloads/aldaba-marca/MARCA.md) */
.al{--al-noche:#0A0F1C;--al-sup:#111A2E;--al-linea:#22304A;--al-texto:#E8EEF9;--al-gris:#9AA8C2;--al-pulso:#3DF5C8;--al-azul:#3D8BFF;--al-bronce:#FFB547;
  background:var(--al-noche);color:var(--al-texto);font-family:Manrope,system-ui,sans-serif;font-weight:400;position:relative;overflow:hidden}
.al h1,.al h2,.al h3{font-family:Sora,system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;color:var(--al-texto)}
.al .al-mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.al-reticula{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(61,139,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,139,255,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%)}
.al-brillo{position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(61,245,200,.22),rgba(61,139,255,.12) 45%,transparent 70%);filter:blur(10px);pointer-events:none}
.al-etq{display:inline-flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--al-pulso)}
.al-vivo{width:9px;height:9px;border-radius:50%;background:var(--al-pulso);box-shadow:0 0 0 0 rgba(61,245,200,.6);animation:al-late 1.8s infinite}
@keyframes al-late{70%{box-shadow:0 0 0 10px rgba(61,245,200,0)}100%{box-shadow:0 0 0 0 rgba(61,245,200,0)}}
.al-degradado{background:linear-gradient(135deg,var(--al-pulso),var(--al-azul));-webkit-background-clip:text;background-clip:text;color:transparent}
.al-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.4rem;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}
.al-btn-1{background:var(--al-pulso);color:var(--al-noche)}
.al-btn-1:hover{box-shadow:0 0 0 4px rgba(61,245,200,.25)}
.al-btn-2{border:1px solid var(--al-linea);color:var(--al-texto)}
.al-btn-2:hover{border-color:var(--al-azul)}
.al-btn:focus-visible{outline:3px solid var(--al-azul);outline-offset:2px}
.al-tarjeta{position:relative;background:var(--al-sup);border:1px solid var(--al-linea);border-radius:18px;padding:1.6rem}
.al-tarjeta-destacada{border-color:transparent;background:linear-gradient(var(--al-sup),var(--al-sup)) padding-box,linear-gradient(135deg,var(--al-pulso),var(--al-azul)) border-box;border:1px solid transparent}
.al-num{font-family:"JetBrains Mono",monospace;font-size:.85rem;color:var(--al-pulso)}
.al-gris{color:var(--al-gris)}
.al-sec{position:relative;padding:5.5rem 0;border-top:1px solid var(--al-linea)}
@media (prefers-reduced-motion:reduce){.al-vivo{animation:none}}
/* La demo con la marca de Aldaba */
.al .ad-quien{font-family:"JetBrains Mono",monospace;color:var(--al-pulso);letter-spacing:.18em}
.al .ad-movil{background:#0d1424;border-color:var(--al-linea);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(61,245,200,.08)}
.al .ad-resumen{color:var(--al-texto)}
.al .ad-btn{background:var(--al-sup);border-color:var(--al-linea);color:var(--al-texto)}
.al .ad-barra-t{background:var(--al-linea)}
.al .ad-barra-t span{background:linear-gradient(90deg,var(--al-pulso),var(--al-azul))}
/* Consola por dentro */
.al-consola{background:#05080f;border:1px solid var(--al-linea);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(61,245,200,.06),0 30px 80px rgba(0,0,0,.5)}
.al-consola-cab{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--al-linea);font-family:"JetBrains Mono",monospace;font-size:.75rem;color:var(--al-gris)}
.al-consola-cab i{width:10px;height:10px;border-radius:50%;background:#22304A}
.al-consola ol{list-style:none;margin:0;padding:14px 16px;min-height:300px;font-family:"JetBrains Mono",monospace;font-size:.8rem;line-height:1.5;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.al-consola li{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:baseline;color:#c8d3e6;animation:ad-entra .3s ease-out}
.al-c-hora{color:#5d6b88}
.al-c-tipo{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:1px 7px;border-radius:999px;border:1px solid}
.al-c-whatsapp{color:#3DF5C8;border-color:rgba(61,245,200,.35)}
.al-c-ia{color:#b69cff;border-color:rgba(182,156,255,.35)}
.al-c-sistema{color:#7fb2ff;border-color:rgba(61,139,255,.35)}
.al-c-verificador,.al-c-seguridad{color:#FFB547;border-color:rgba(255,181,71,.35)}
.al-c-wompi{color:#ff8fb1;border-color:rgba(255,143,177,.35)}
.al-c-canales,.al-c-tareas{color:#9AA8C2;border-color:rgba(154,168,194,.35)}
@media (max-width:640px){.al-consola li{grid-template-columns:auto 1fr}.al-c-hora{display:none}}
/* Cifras */
.al-cifra{font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;letter-spacing:-.03em}
/* Diagrama de infraestructura */
.al-nodo{background:var(--al-sup);border:1px solid var(--al-linea);border-radius:14px;padding:14px 16px}
.al-nodo b{display:block;font-family:Sora,system-ui,sans-serif;font-weight:600}
.al-nodo small{color:var(--al-gris);font-size:.8rem}
.al-nodo-centro{background:linear-gradient(var(--al-sup),var(--al-sup)) padding-box,linear-gradient(135deg,var(--al-pulso),var(--al-azul)) border-box;border:1px solid transparent;box-shadow:0 0 60px rgba(61,245,200,.12)}
.al-flecha{color:var(--al-gris);font-family:"JetBrains Mono",monospace;font-size:.75rem;text-align:center}
/* Tabla comparativa */
.al-tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.al-tabla th,.al-tabla td{padding:14px 12px;border-bottom:1px solid var(--al-linea);text-align:left;vertical-align:top}
.al-tabla th{font-family:"JetBrains Mono",monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--al-gris);font-weight:500}
.al-tabla td.al-si{color:var(--al-pulso)}
.al-tabla td.al-no{color:#7a8299}
.al-tabla .al-col-aldaba{background:rgba(61,245,200,.05)}
/* Preguntas */
.al-faq details{border-bottom:1px solid var(--al-linea);padding:18px 0}
.al-faq summary{cursor:pointer;font-family:Sora,system-ui,sans-serif;font-weight:600;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.al-faq summary::after{content:"+";color:var(--al-pulso);font-family:"JetBrains Mono",monospace}
.al-faq details[open] summary::after{content:"−"}
.al-faq summary:focus-visible{outline:3px solid var(--al-azul);outline-offset:4px;border-radius:6px}
.al-faq p{margin-top:10px;color:var(--al-gris);max-width:62ch}
