/* assets/css/sm-powered.css — Link "Powered by Marcio Paez" de todos los pies (ERP, sitios públicos, portal y login).
   Paleta cian del demo de ServiceDetail. Dos variantes: oscura (pies de sitios) y clara (ERP, portal, login). */
.pw { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 10px; border-radius: var(--sm-r-pill, 999px);
    font-size: .82rem; font-weight: 600; text-decoration: none !important; color: #cbd5e1; background: rgba(6, 182, 212, .08);
    border: 1px solid rgba(6, 182, 212, .22); overflow: hidden; isolation: isolate; white-space: nowrap;
    transition: color .25s ease, box-shadow .3s ease, transform .25s ease, border-color .25s ease; }
.pw .pw-dot { width: 7px; height: 7px; border-radius: 50%; background: #06b6d4; flex: none;
    box-shadow: 0 0 0 0 rgba(6, 182, 212, .55); animation: pwPulse 2.4s ease-out infinite; }
.pw .pw-pre { opacity: .7; font-weight: 500; }
.pw b { font-weight: 800; color: #fff; letter-spacing: .2px; }
.pw .pw-arr { font-family: 'Material Symbols Rounded', sans-serif; font-size: 14px; line-height: 1; color: #22d3ee;
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), color .3s ease; }
.pw::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: translateX(-120%); transition: transform .7s ease;
    background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%); }
.pw::after { content: ""; position: absolute; inset: 0; z-index: -2; transform: translateY(101%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
    background: linear-gradient(120deg, #06b6d4, #0e7490); }
.pw:hover, .pw:focus-visible { color: #fff; border-color: transparent; transform: translateY(-1px); box-shadow: 0 8px 22px -6px rgba(6, 182, 212, .55); }
.pw:hover::after, .pw:focus-visible::after { transform: translateY(0); }
.pw:hover::before, .pw:focus-visible::before { transform: translateX(120%); }
.pw:hover .pw-arr, .pw:focus-visible .pw-arr { transform: translate(3px, -3px); color: #fff; }
.pw:hover .pw-dot { background: #fff; }
.pw:active { transform: translateY(0) scale(.98); }
.pw:focus-visible { outline: 2px solid #22d3ee; outline-offset: 3px; }
.pw-claro { color: var(--sm-ink, #0f172a); background: color-mix(in srgb, #06b6d4 9%, transparent); border-color: color-mix(in srgb, #06b6d4 26%, transparent); }
.pw-claro .pw-pre { color: var(--sm-muted, #475569); }
.pw-claro b { color: var(--sm-ink, #0f172a); }
.pw-claro:hover .pw-pre, .pw-claro:focus-visible .pw-pre { color: #e0f7fa; opacity: 1; }
.pw-claro:hover b, .pw-claro:focus-visible b { color: #fff; }
@keyframes pwPulse { 0% { box-shadow: 0 0 0 0 rgba(6, 182, 212, .55); } 70% { box-shadow: 0 0 0 7px rgba(6, 182, 212, 0); } 100% { box-shadow: 0 0 0 0 rgba(6, 182, 212, 0); } }
@media (prefers-reduced-motion: reduce) { .pw, .pw *, .pw::before, .pw::after { animation: none !important; transition: none !important; } }
/* Links de estado y versión del pie del ERP: sin subrayado en ningún tema. */
.footer-premium a.status-pill, .footer-premium a.footer-version { text-decoration: none !important; }