/* Pinta Form · Splash de pintura en el pie de página */
.pf-splash { position: relative; z-index: 3; height: clamp(190px, 17vw, 280px); background: #0E0E2E; overflow: hidden; pointer-events: none; }
.pf-splash-fx { overflow: hidden; }
.pf-splash-waves { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; }
.pf-splash-static .pf-splash-waves, .pf-splash-done .pf-splash-waves { opacity: 1 !important; }
.pf-splash-fx { position: absolute; left: 0; width: 100%; overflow: visible; pointer-events: none; }
.pf-splash-cv { position: absolute; inset: 0; }
.pf-splash-bucket { position: absolute; left: 0; top: 0; height: auto; transform-origin: 50% 50%; will-change: transform; filter: drop-shadow(0 22px 26px rgba(8, 10, 40, .35)); }
.site-footer.pf-has-splash::before { display: none; }
.site-footer.pf-has-splash { margin-top: -1px; }
.site-footer.pf-footer-hold .footer-grid > *, .site-footer.pf-footer-hold .footer-bottom { opacity: 0; transform: translateY(22px); }
.site-footer.pf-footer-reveal .footer-grid > *, .site-footer.pf-footer-reveal .footer-bottom { opacity: 1; transform: none; transition: opacity .7s ease, transform .9s var(--spring, cubic-bezier(.2,1.3,.4,1)); }
.site-footer.pf-footer-reveal .footer-grid > *:nth-child(2) { transition-delay: .08s; }
.site-footer.pf-footer-reveal .footer-grid > *:nth-child(3) { transition-delay: .16s; }
.site-footer.pf-footer-reveal .footer-grid > *:nth-child(4) { transition-delay: .24s; }
.site-footer.pf-footer-reveal .footer-bottom { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) { .pf-splash-waves { opacity: 1 !important; } .site-footer .footer-grid > *, .site-footer .footer-bottom { opacity: 1 !important; transform: none !important; } }
.pf-splash-panel { position: fixed; left: 16px; bottom: 16px; z-index: 9999; width: 270px; background: rgba(14, 14, 46, .94); color: #fff; font: 13px/1.4 system-ui, sans-serif; border-radius: 14px; padding: 14px 16px; box-shadow: 0 14px 40px rgba(0,0,0,.35); }
.pf-splash-panel strong { display: block; margin-bottom: 8px; font-size: 14px; }
.pf-splash-panel label { display: block; margin: 8px 0; }
.pf-splash-panel output { float: right; color: #7ED321; font-weight: 700; }
.pf-splash-panel input { width: 100%; accent-color: #16B3D6; }
.pf-sp-btns { display: flex; gap: 8px; margin-top: 10px; }
.pf-sp-btns button { flex: 1; border: 0; border-radius: 999px; padding: 8px 10px; font-weight: 700; cursor: pointer; background: #7ED321; color: #0E0E2E; }
.pf-sp-btns button + button { background: rgba(255,255,255,.14); color: #fff; }