/* facturandoec.com — estilos compartidos de las páginas estáticas (WhatsApp Business y legales).
   Replican la identidad de la landing (Centro de Marketing): fondo #0f172a, tipografía Inter, brand sky/indigo. */
:root { color-scheme: dark; }
html { scroll-padding-top: 6rem; scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; background-color: #0f172a; color: #f8fafc; }
.glass-nav  { background: rgba(15,23,42,0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.08); }
.glass-card { background: rgba(30,41,59,0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.06); }
.text-gradient { background: linear-gradient(to right, #38bdf8, #818cf8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wa-gradient { background: linear-gradient(to right, #4ade80, #22d3ee); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.delay-2000 { animation-delay: 2s; } .delay-4000 { animation-delay: 4s; }
details > summary { list-style: none; cursor: pointer; } details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform .2s ease; }
.step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 9999px; font-weight: 800; background: linear-gradient(135deg, #0ea5e9, #818cf8); color: #fff; flex-shrink: 0; }
.status-pill { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem .9rem; border-radius: 9999px; font-size: .78rem; font-weight: 700; letter-spacing: .02em; background: rgba(245,158,11,0.12); color: #fbbf24; border: 1px solid rgba(245,158,11,0.35); }
.status-pill .dot { width: .5rem; height: .5rem; border-radius: 9999px; background: #fbbf24; box-shadow: 0 0 0 4px rgba(251,191,36,0.18); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #38bdf8; outline-offset: 2px; border-radius: .5rem; }
.skip-link { position: absolute; left: -999px; top: 0; background: #0ea5e9; color: #fff; padding: .5rem 1rem; border-radius: .5rem; z-index: 100; }
.skip-link:focus { left: 1rem; top: 1rem; }

/* Páginas legales (mismos estilos que el layout legal del ERP) */
.legal-prose h2 { font-size: 1.25rem; font-weight: 700; color: #f1f5f9; margin-top: 2rem; margin-bottom: .75rem; display: flex; align-items: center; gap: .5rem; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: .5rem; }
.legal-prose h3 { font-size: 1.05rem; font-weight: 600; color: #38bdf8; margin-top: 1.25rem; margin-bottom: .5rem; }
.legal-prose p, .legal-prose li { color: #94a3b8; line-height: 1.7; font-size: .935rem; }
.legal-prose ul { list-style-type: disc; padding-left: 1.25rem; margin-top: .5rem; margin-bottom: 1rem; }
.legal-prose ol { list-style-type: decimal; padding-left: 1.25rem; margin-top: .5rem; margin-bottom: 1rem; }
.legal-prose strong { color: #e2e8f0; }
.legal-prose a { color: #38bdf8; }
.legal-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .65rem; border-radius: 9999px; font-size: .75rem; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .animate-blob { animation: none; } }