@font-face{font-family:Gilroy;src:url(/fuentes/gilroy-400.bfd8205dd8.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Gilroy;src:url(/fuentes/gilroy-500.97b1163c39.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Gilroy;src:url(/fuentes/gilroy-600.980e0aeb87.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Gilroy;src:url(/fuentes/gilroy-700.d7bbb1515a.woff2) format("woff2");font-weight:700;font-display:swap}
.i-grid{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIGdyaWRfb3V0bGluZWQiPgo8cGF0aCBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMTFIMjBDMjAuNTUyMyAxMSAyMSAxMC41NTIzIDIxIDEwVjRDMjEgMy40NDc3MiAyMC41NTIzIDMgMjAgM0gxNEMxMy40NDc3IDMgMTMgMy40NDc3MiAxMyA0VjEwQzEzIDEwLjU1MjMgMTMuNDQ3NyAxMSAxNCAxMVpNMTEgNFYxMEMxMSAxMC41NTIzIDEwLjU1MjMgMTEgMTAgMTFINEMzLjQ0NzcxIDExIDMgMTAuNTUyMyAzIDEwVjRDMyAzLjQ0NzcyIDMuNDQ3NzEgMyA0IDNIMTBDMTAuNTUyMyAzIDExIDMuNDQ3NzIgMTEgNFpNMTEgMjBWMTRDMTEgMTMuNDQ3NyAxMC41NTIzIDEzIDEwIDEzSDRDMy40NDc3MSAxMyAzIDEzLjQ0NzcgMyAxNFYyMEMzIDIwLjU1MjMgMy40NDc3MSAyMSA0IDIxSDEwQzEwLjU1MjMgMjEgMTEgMjAuNTUyMyAxMSAyMFpNMjEgMTRWMjBDMjEgMjAuNTUyMyAyMC41NTIzIDIxIDIwIDIxSDE0QzEzLjQ0NzcgMjEgMTMgMjAuNTUyMyAxMyAyMFYxNEMxMyAxMy40NDc3IDEzLjQ0NzcgMTMgMTQgMTNMMjAgMTNDMjAuNTUyMyAxMyAyMSAxMy40NDc3IDIxIDE0Wk05IDUuNVY4LjVDOSA4Ljc3NjE0IDguNzc2MTQgOSA4LjUgOUg1LjVDNS4yMjM4NiA5IDUgOC43NzYxNCA1IDguNVY1LjVDNSA1LjIyMzg2IDUuMjIzODYgNSA1LjUgNUg4LjVDOC43NzYxNCA1IDkgNS4yMjM4NiA5IDUuNVpNMTkgOC41VjUuNUMxOSA1LjIyMzg2IDE4Ljc3NjEgNSAxOC41IDVIMTUuNUMxNS4yMjM5IDUgMTUgNS4yMjM4NiAxNSA1LjVWOC41QzE1IDguNzc2MTQgMTUuMjIzOSA5IDE1LjUgOUgxOC41QzE4Ljc3NjEgOSAxOSA4Ljc3NjE0IDE5IDguNVpNMTkgMTUuNVYxOC41QzE5IDE4Ljc3NjEgMTguNzc2MSAxOSAxOC41IDE5SDE1LjVDMTUuMjIzOSAxOSAxNSAxOC43NzYxIDE1IDE4LjVWMTUuNUMxNSAxNS4yMjM5IDE1LjIyMzkgMTUgMTUuNSAxNUgxOC41QzE4Ljc3NjEgMTUgMTkgMTUuMjIzOSAxOSAxNS41Wk05IDE4LjVWMTUuNUM5IDE1LjIyMzkgOC43NzYxNCAxNSA4LjUgMTVINS41QzUuMjIzODYgMTUgNSAxNS4yMjM5IDUgMTUuNVYxOC41QzUgMTguNzc2MSA1LjIyMzg2IDE5IDUuNSAxOUg4LjVDOC43NzYxNCAxOSA5IDE4Ljc3NjEgOSAxOC41WiIgZmlsbD0iIzFFMjI0OCIvPgo8L2c+Cjwvc3ZnPgo=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-key{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhY3Rpb25zIC8ga2V5Ij4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjU5IDNIMjBDMjAuNTUyMyAzIDIxIDMuNDQ3NzIgMjEgNFY2LjVDMjEgNi43NzYxNCAyMC43NzYxIDcgMjAuNSA3SDE4LjYzQzE4LjQ4NjQgNy4wMTA1NiAxOC4zNTQ4IDcuMDgzNjkgMTguMjcgNy4ySDE4LjIyQzE4LjA3OTMgNy4zNDA1MiAxOC4wMDAyIDcuNTMxMTUgMTggNy43M1Y5LjQ5QzE4IDkuNzY2MTQgMTcuNzc2MSA5Ljk5IDE3LjUgOS45OUgxNS43MkMxNS41MjEyIDkuOTkwMTcgMTUuMzMwNSAxMC4wNjkzIDE1LjE5IDEwLjIxTDE0LjkzIDEwLjQ3QzE0Ljc4OTMgMTAuNjEwNSAxNC43MTAyIDEwLjgwMTIgMTQuNzEgMTFWMTEuNzJDMTQuNzA4OSAxMS45ODIzIDE0LjYwNDcgMTIuMjMzNyAxNC40MiAxMi40MkwxMy41NCAxMy4zQzEzLjg0MTggMTMuOTk0MyAxMy45OTgzIDE0Ljc0MyAxNCAxNS41QzE0IDE4LjUzNzYgMTEuNTM3NiAyMSA4LjUgMjFDNS40NjI0MyAyMSAzIDE4LjUzNzYgMyAxNS41QzMgMTIuNDYyNCA1LjQ2MjQzIDEwIDguNSAxMEM5LjI2MTU3IDkuOTk5MDcgMTAuMDE0NyAxMC4xNTkyIDEwLjcxIDEwLjQ3TDE3Ljg5IDMuMjlDMTguMDc2MyAzLjEwNTI2IDE4LjMyNzcgMy4wMDExIDE4LjU5IDNaTTUuNDQgMTYuNTZDNS40NCAxNy42NjQ2IDYuMzM1NDMgMTguNTYgNy40NCAxOC41NkM3Ljk3MDQzIDE4LjU2IDguNDc5MTQgMTguMzQ5MyA4Ljg1NDIxIDE3Ljk3NDJDOS4yMjkyOSAxNy41OTkxIDkuNDQgMTcuMDkwNCA5LjQ0IDE2LjU2QzkuNDQgMTUuNDU1NCA4LjU0NDU3IDE0LjU2IDcuNDQgMTQuNTZDNi4zMzU0MyAxNC41NiA1LjQ0IDE1LjQ1NTQgNS40NCAxNi41NloiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-segments{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIHNlZ21lbnQtMSI+CjxwYXRoIGlkPSJVbmlvbiIgZD0iTTIxLjEwMjUgMy4wMDQ4OEMyMS42MDY3IDMuMDU2MjEgMjIgMy40ODIzMiAyMiA0VjhMMjEuOTk1MSA4LjEwMjU0QzIxLjk0NzIgOC41NzI5NyAyMS41NzMgOC45NDcyMiAyMS4xMDI1IDguOTk1MTJMMjEgOUgxNkwxNS44OTc1IDguOTk1MTJDMTUuNDI3IDguOTQ3MjIgMTUuMDUyOCA4LjU3Mjk3IDE1LjAwNDkgOC4xMDI1NEwxNSA4VjdIMTNWMTdIMTVWMTZDMTUgMTUuNDgyMyAxNS4zOTMzIDE1LjA1NjIgMTUuODk3NSAxNS4wMDQ5TDE2IDE1SDIxTDIxLjEwMjUgMTUuMDA0OUMyMS42MDY3IDE1LjA1NjIgMjIgMTUuNDgyMyAyMiAxNlYyMEwyMS45OTUxIDIwLjEwMjVDMjEuOTQ3MiAyMC41NzMgMjEuNTczIDIwLjk0NzIgMjEuMTAyNSAyMC45OTUxTDIxIDIxSDE2TDE1Ljg5NzUgMjAuOTk1MUMxNS40MjcgMjAuOTQ3MiAxNS4wNTI4IDIwLjU3MyAxNS4wMDQ5IDIwLjEwMjVMMTUgMjBWMTlIMTNDMTEuODk1NCAxOSAxMSAxOC4xMDQ2IDExIDE3VjEzSDlWMTRMOC45OTUxMiAxNC4xMDI1QzguOTQ3MjIgMTQuNTczIDguNTcyOTcgMTQuOTQ3MiA4LjEwMjU0IDE0Ljk5NTFMOCAxNUgzTDIuODk3NDYgMTQuOTk1MUMyLjQyNzAzIDE0Ljk0NzIgMi4wNTI3OCAxNC41NzMgMi4wMDQ4OCAxNC4xMDI1TDIgMTRWMTBDMiA5LjQ4MjMyIDIuMzkzMzMgOS4wNTYyMSAyLjg5NzQ2IDkuMDA0ODhMMyA5SDhMOC4xMDI1NCA5LjAwNDg4QzguNjA2NjcgOS4wNTYyMSA5IDkuNDgyMzIgOSAxMFYxMUgxMVY3QzExIDUuODk1NDMgMTEuODk1NCA1IDEzIDVIMTVWNEMxNSAzLjQ4MjMyIDE1LjM5MzMgMy4wNTYyMSAxNS44OTc1IDMuMDA0ODhMMTYgM0gyMUwyMS4xMDI1IDMuMDA0ODhaTTE3IDE5SDIwVjE3SDE3VjE5Wk00IDEzSDdWMTFINFYxM1pNMTcgN0gyMFY1SDE3VjdaIiBmaWxsPSIjMUUyMjQ4Ii8+CjwvZz4KPC9zdmc+Cg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-traffic{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE5Ljk5NTgiIGhlaWdodD0iMTMuOTk1OCIgdmlld0JveD0iMCAwIDE5Ljk5NTggMTMuOTk1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBkPSJNOC4xNDc5IDQuNDM3OUM4LjIzODYzIDQuMzQxMjIgOC4zNjUzMSA0LjI4NjM4IDguNDk3OSA0LjI4NjM4QzguNjMwNDggNC4yODYzOCA4Ljc1NzE3IDQuMzQxMjIgOC44NDc5IDQuNDM3OUwxMS40OTc5IDcuMDg3OUwxOC40Mzc5IDAuMTQ3ODk5QzE4LjUzMTggMC4wNTMyNDI4IDE4LjY1OTYgMCAxOC43OTI5IDBDMTguOTI2MiAwIDE5LjA1NCAwLjA1MzI0MjggMTkuMTQ3OSAwLjE0Nzg5OUwxOS44NDc5IDAuODQ3ODk5QzE5Ljk0MjYgMC45NDE3ODIgMTkuOTk1OCAxLjA2OTU4IDE5Ljk5NTggMS4yMDI5QzE5Ljk5NTggMS4zMzYyMiAxOS45NDI2IDEuNDY0MDIgMTkuODQ3OSAxLjU1NzlMMTEuODQ3OSA5LjU1NzlDMTEuNzU3MiA5LjY1NDU4IDExLjYzMDUgOS43MDk0MiAxMS40OTc5IDkuNzA5NDJDMTEuMzY1MyA5LjcwOTQyIDExLjIzODYgOS42NTQ1OCAxMS4xNDc5IDkuNTU3OUw4LjQ5NzkgNi45MDc5TDEuNTU3OSAxMy44NDc5QzEuNDY0MDIgMTMuOTQyNiAxLjMzNjIyIDEzLjk5NTggMS4yMDI5IDEzLjk5NThDMS4wNjk1OCAxMy45OTU4IDAuOTQxNzgyIDEzLjk0MjYgMC44NDc4OTkgMTMuODQ3OUwwLjE0Nzg5OSAxMy4xNDc5QzAuMDUzMjQyOCAxMy4wNTQgMCAxMi45MjYyIDAgMTIuNzkyOUMwIDEyLjY1OTYgMC4wNTMyNDI4IDEyLjUzMTggMC4xNDc4OTkgMTIuNDM3OUw4LjE0NzkgNC40Mzc5WiIgZmlsbD0iIzFFMjI0OCIvPgo8L3N2Zz4K");--w:19.9958px;--h:13.9958px;--x:2.0016px;--y:5.0016px}
.i-settings{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIHNldHRpbmdzX291dGxpbmVkIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjIxIDE0LjA3NDFDMTkuNzI0OSAxMy42NzA3IDE5LjQ1ODEgMTMuMDYxNyAxOS40OSAxMi40MzA5VjEyVjExLjU2OTFDMTkuNDU4MSAxMC45MzgzIDE5LjcyNDkgMTAuMzI5MyAyMC4yMSA5LjkyNTg3TDIxLjAxIDkuMjY0NTVDMjEuMzg2MiA4Ljk1MzM2IDIxLjQ4MzQgOC40MTU2MyAyMS4yNCA3Ljk5MjAyTDIwLjA4IDUuOTg4MDNDMTkuOTAyNCA1LjY3OTg3IDE5LjU3NTEgNS40ODkxOCAxOS4yMiA1LjQ4NzAzQzE5LjA5OTcgNS40ODUwMiAxOC45ODAzIDUuNTA4OTQgMTguODcgNS41NTcxN0wxNy44NyA1LjkxNzg5QzE3LjY0NyA2LjAwNTM1IDE3LjQwOTUgNi4wNDk1NSAxNy4xNyA2LjA0ODE1QzE2Ljc4NjggNi4wNDcxNSAxNi40MTE5IDUuOTM1ODYgMTYuMDkgNS43Mjc1MUMxNS44NTQ5IDUuNTY0NzggMTUuNjA3NSA1LjQyMDcyIDE1LjM1IDUuMjk2NjVDMTQuNzg3MyA1LjAwNzUgMTQuMzk0MiA0LjQ2ODczIDE0LjI5IDMuODQzNzZMMTQuMTIgMi44NDE3NkMxNC4wNDA4IDIuMzUxNzMgMTMuNjE1NCAxLjk5MzcgMTMuMTIgMi4wMDAwOEgxMC44MkMxMC4zMjQ2IDEuOTkzNyA5Ljg5OTIzIDIuMzUxNzMgOS44MiAyLjg0MTc2TDkuNjUgMy44NDM3NkM5LjU1NDQ5IDQuNDYwODQgOS4xNzczNSA0Ljk5ODA0IDguNjMgNS4yOTY2NUM4LjM3MjUgNS40MjA3MiA4LjEyNTA4IDUuNTY0NzggNy44OSA1LjcyNzUxQzcuNTY4MDkgNS45MzU4NiA3LjE5MzIyIDYuMDQ3MTUgNi44MSA2LjA0ODE1QzYuNTcwNTQgNi4wNDk1NSA2LjMzMjk5IDYuMDA1MzUgNi4xMSA1LjkxNzg5TDUuMTEgNS41NTcxN0M0Ljk5OTcgNS41MDg5NCA0Ljg4MDMzIDUuNDg1MDIgNC43NiA1LjQ4NzAzQzQuNDA0ODkgNS40ODkxOCA0LjA3NzU1IDUuNjc5ODcgMy45IDUuOTg4MDNMMi43NiA3Ljk5MjAyQzIuNTE4OTMgOC40MTc5NyAyLjYyMDQyIDguOTU2MTIgMyA5LjI2NDU1TDMuOCA5LjkyNTg3QzQuMjg1MDUgMTAuMzI5MyA0LjU1MTg3IDEwLjkzODMgNC41MiAxMS41NjkxVjEyVjEyLjQzMDlDNC41NTE4NyAxMy4wNjE3IDQuMjg1MDUgMTMuNjcwNyAzLjggMTQuMDc0MUwzIDE0LjczNTRDMi42MjA0MiAxNS4wNDM5IDIuNTE4OTMgMTUuNTgyIDIuNzYgMTYuMDA4TDMuOTIgMTguMDEyQzQuMDk3NTUgMTguMzIwMSA0LjQyNDg5IDE4LjUxMDggNC43OCAxOC41MTNDNC45MDAzMyAxOC41MTUgNS4wMTk3IDE4LjQ5MTEgNS4xMyAxOC40NDI4TDYuMTMgMTguMDgyMUM2LjM1Mjk5IDE3Ljk5NDcgNi41OTA1NCAxNy45NTA0IDYuODMgMTcuOTUxOUM3LjIxMzIyIDE3Ljk1MjggNy41ODgwOSAxOC4wNjQxIDcuOTEgMTguMjcyNUM4LjE0NTA4IDE4LjQzNTIgOC4zOTI1IDE4LjU3OTMgOC42NSAxOC43MDM0QzkuMjEyNyAxOC45OTI1IDkuNjA1NzggMTkuNTMxMyA5LjcxIDIwLjE1NjJMOS44OCAyMS4xNTgyQzkuOTU5MjMgMjEuNjQ4MyAxMC4zODQ2IDIyLjAwNjMgMTAuODggMjEuOTk5OUgxMy4xOEMxMy42NzU0IDIyLjAwNjMgMTQuMTAwOCAyMS42NDgzIDE0LjE4IDIxLjE1ODJMMTQuMzUgMjAuMTU2MkMxNC40NTQyIDE5LjUzMTMgMTQuODQ3MyAxOC45OTI1IDE1LjQxIDE4LjcwMzRDMTUuNjY3NSAxOC41NzkzIDE1LjkxNDkgMTguNDM1MiAxNi4xNSAxOC4yNzI1QzE2LjQ3MTkgMTguMDY0MSAxNi44NDY4IDE3Ljk1MjggMTcuMjMgMTcuOTUxOUMxNy40Njk1IDE3Ljk1MDQgMTcuNzA3IDE3Ljk5NDcgMTcuOTMgMTguMDgyMUwxOC45MyAxOC40NDI4QzE5LjA0MDMgMTguNDkxMSAxOS4xNTk3IDE4LjUxNSAxOS4yOCAxOC41MTNDMTkuNjM1MSAxOC41MTA4IDE5Ljk2MjQgMTguMzIwMSAyMC4xNCAxOC4wMTJMMjEuMyAxNi4wMDhDMjEuNTI4MSAxNS41Njc5IDIxLjQwMDUgMTUuMDI2OCAyMSAxNC43MzU0TDIwLjIxIDE0LjA3NDFaTTEyIDE3LjUxMUM4Ljk2MjQzIDE3LjUxMSA2LjUgMTUuMDQzNiA2LjUgMTJDNi41IDguOTU2MzcgOC45NjI0MyA2LjQ4OTAyIDEyIDYuNDg5MDJDMTUuMDM3NiA2LjQ4OTAyIDE3LjUgOC45NTYzNyAxNy41IDEyQzE3LjUgMTMuNDYxNiAxNi45MjA1IDE0Ljg2MzMgMTUuODg5MSAxNS44OTY4QzE0Ljg1NzYgMTYuOTMwNCAxMy40NTg3IDE3LjUxMSAxMiAxNy41MTFaTTEwIDEyQzEwIDEwLjg5MzIgMTAuODk1NCA5Ljk5NjAxIDEyIDkuOTk2MDFDMTMuMTA0NiA5Ljk5NjAxIDE0IDEwLjg5MzIgMTQgMTJDMTQgMTMuMTA2OCAxMy4xMDQ2IDE0LjAwNCAxMiAxNC4wMDRDMTAuODk1NCAxNC4wMDQgMTAgMTMuMTA2OCAxMCAxMloiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-logout{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIHNpZ25fb3V0Ij4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUgMTlIMTAuNUMxMC43NzYxIDE5IDExIDE5LjIyMzkgMTEgMTkuNVYyMC41QzExIDIwLjc3NjEgMTAuNzc2MSAyMSAxMC41IDIxSDVDMy44OTU0MyAyMSAzIDIwLjEwNDYgMyAxOVY1QzMgMy44OTU0MyAzLjg5NTQzIDMgNSAzSDEwLjVDMTAuNzc2MSAzIDExIDMuMjIzODYgMTEgMy41VjQuNUMxMSA0Ljc3NjE0IDEwLjc3NjEgNSAxMC41IDVINVYxOVpNMTUuNjQgNi4xNUwyMC43OCAxMS4yOEMyMC45MTg5IDExLjQyMTcgMjAuOTk3NyAxMS42MTE2IDIxIDExLjgxVjEyLjE5QzIwLjk5OTggMTIuMzg4OCAyMC45MjA3IDEyLjU3OTUgMjAuNzggMTIuNzJMMTUuNjQgMTcuODVDMTUuNTQ2MSAxNy45NDQ3IDE1LjQxODMgMTcuOTk3OSAxNS4yODUgMTcuOTk3OUMxNS4xNTE3IDE3Ljk5NzkgMTUuMDIzOSAxNy45NDQ3IDE0LjkzIDE3Ljg1TDE0LjIyIDE3LjE1QzE0LjEyNTMgMTcuMDU2MSAxNC4wNzIxIDE2LjkyODMgMTQuMDcyMSAxNi43OTVDMTQuMDcyMSAxNi42NjE3IDE0LjEyNTMgMTYuNTMzOSAxNC4yMiAxNi40NEwxNy42NyAxM0g3LjVDNy4yMjM4NiAxMyA3IDEyLjc3NjEgNyAxMi41VjExLjVDNyAxMS4yMjM5IDcuMjIzODYgMTEgNy41IDExSDE3LjY3TDE0LjIyIDcuNTZDMTQuMTI1OSA3LjQ2Nzg0IDE0LjA3MjkgNy4zNDE2OSAxNC4wNzI5IDcuMjFDMTQuMDcyOSA3LjA3ODMxIDE0LjEyNTkgNi45NTIxNiAxNC4yMiA2Ljg2TDE0LjkzIDYuMTVDMTUuMDIzOSA2LjA1NTM0IDE1LjE1MTcgNi4wMDIxIDE1LjI4NSA2LjAwMjFDMTUuNDE4MyA2LjAwMjEgMTUuNTQ2MSA2LjA1NTM0IDE1LjY0IDYuMTVaIiBmaWxsPSIjMUUyMjQ4Ii8+CjwvZz4KPC9zdmc+Cg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-plus{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZD0iTTE0IDYuNVY3LjVDMTQgNy43NzYxNCAxMy43NzYxIDggMTMuNSA4SDhWMTMuNUM4IDEzLjc3NjEgNy43NzYxNCAxNCA3LjUgMTRINi41QzYuMjIzODYgMTQgNiAxMy43NzYxIDYgMTMuNVY4SDAuNUMwLjIyMzg1OCA4IDAgNy43NzYxNCAwIDcuNVY2LjVDMCA2LjIyMzg2IDAuMjIzODU4IDYgMC41IDZINlYwLjVDNiAwLjIyMzg1OCA2LjIyMzg2IDAgNi41IDBINy41QzcuNzc2MTQgMCA4IDAuMjIzODU4IDggMC41VjZIMTMuNUMxMy43NzYxIDYgMTQgNi4yMjM4NiAxNCA2LjVaIiBmaWxsPSIjMUUyMjQ4Ii8+Cjwvc3ZnPgo=");--w:14px;--h:14px;--x:4.9992px;--y:4.9992px}
.i-close{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyLjAwMDgiIGhlaWdodD0iMTEuOTk5OSIgdmlld0JveD0iMCAwIDEyLjAwMDggMTEuOTk5OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBkPSJNMS4xMTM0NSAwLjE3NTczNkMxLjM0Nzc3IC0wLjA1ODU3ODggMS43Mjc2NiAtMC4wNTg1Nzg1IDEuOTYxOTggMC4xNzU3MzZMNi4wMDA0MyA0LjIxNDE5TDEwLjAzODggMC4xNzU4MzVDMTAuMjczMSAtMC4wNTg0NzkxIDEwLjY1MyAtMC4wNTg0NzkzIDEwLjg4NzMgMC4xNzU4MzVMMTEuODI0MSAxLjExMjU3QzEyLjA1ODQgMS4zNDY4OCAxMi4wNTg0IDEuNzI2NzggMTEuODI0MSAxLjk2MTFMNy43ODU3IDUuOTk5NDVMMTEuODI1IDEwLjAzODhDMTIuMDU5MyAxMC4yNzMxIDEyLjA1OTMgMTAuNjUzIDExLjgyNSAxMC44ODczTDEwLjg4ODMgMTEuODI0MUMxMC42NTQgMTIuMDU4NCAxMC4yNzQxIDEyLjA1ODQgMTAuMDM5OCAxMS44MjQxTDYuMDAwNDMgNy43ODQ3MkwxLjk2MSAxMS44MjQyQzEuNzI2NjggMTIuMDU4NSAxLjM0Njc5IDEyLjA1ODUgMS4xMTI0NyAxMS44MjQyTDAuMTc1NzM2IDEwLjg4NzRDLTAuMDU4NTc4NSAxMC42NTMxIC0wLjA1ODU3ODggMTAuMjczMiAwLjE3NTczNiAxMC4wMzg5TDQuMjE1MTcgNS45OTk0NUwwLjE3NjcxNiAxLjk2MUMtMC4wNTc1OTg4IDEuNzI2NjggLTAuMDU3NTk4NCAxLjM0Njc5IDAuMTc2NzE2IDEuMTEyNDdMMS4xMTM0NSAwLjE3NTczNloiIGZpbGw9IiMxRTIyNDgiLz4KPC9zdmc+Cg==");--w:12.0008px;--h:11.9999px;--x:6px;--y:6px}
.i-copy{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJtZWRpYSAmIzM4OyBlZGl0aW5nIC8gY29weSI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxNlY0QzE4IDIuODk1NDMgMTcuMTA0NiAyIDE2IDJINEMyLjg5NTQzIDIgMiAyLjg5NTQzIDIgNFYxNkMyIDE3LjEwNDYgMi44OTU0MyAxOCA0IDE4SDE2QzE3LjEwNDYgMTggMTggMTcuMTA0NiAxOCAxNlpNNCA0SDE2VjE2SDRWNFpNMjAgMThWNkMyMS4xMDQ2IDYgMjIgNi44OTU0MyAyMiA4VjE4QzIyIDIwLjIwOTEgMjAuMjA5MSAyMiAxOCAyMkg4QzYuODk1NDMgMjIgNiAyMS4xMDQ2IDYgMjBIMThDMTkuMTA0NiAyMCAyMCAxOS4xMDQ2IDIwIDE4WiIgZmlsbD0iIzFFMjI0OCIvPgo8L2c+Cjwvc3ZnPgo=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-download{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIGRvd25sb2FkX291dGxpbmVkIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE0LjY1MjIgMy4wNTM1NyAxNy4xOTU3IDQuOTI4OTMgMTkuMDcxMUM2LjgwNDMgMjAuOTQ2NCA5LjM0Nzg0IDIyIDEyIDIyWk0xMiA0QzE2LjQxODMgNCAyMCA3LjU4MTcyIDIwIDEyQzIwIDE2LjQxODMgMTYuNDE4MyAyMCAxMiAyMEM3LjU4MTcyIDIwIDQgMTYuNDE4MyA0IDEyQzQgNy41ODE3MiA3LjU4MTcyIDQgMTIgNFpNMTEuODEgMThDMTEuNjExNiAxNy45OTc3IDExLjQyMTcgMTcuOTE4OSAxMS4yOCAxNy43OEw4LjE1IDE0LjY1QzguMDU1MzQgMTQuNTU2MSA4LjAwMjEgMTQuNDI4MyA4LjAwMjEgMTQuMjk1QzguMDAyMSAxNC4xNjE3IDguMDU1MzQgMTQuMDMzOSA4LjE1IDEzLjk0TDguODYgMTMuMjNDOC45NTIxNiAxMy4xMzU5IDkuMDc4MzEgMTMuMDgyOSA5LjIxIDEzLjA4MjlDOS4zNDE2OSAxMy4wODI5IDkuNDY3ODQgMTMuMTM1OSA5LjU2IDEzLjIzTDExIDE0LjY3VjYuNUMxMSA2LjIyMzg2IDExLjIyMzkgNiAxMS41IDZIMTIuNUMxMi43NzYxIDYgMTMgNi4yMjM4NiAxMyA2LjVWMTQuNjdMMTQuNDQgMTMuMjJDMTQuNTMzOSAxMy4xMjUzIDE0LjY2MTcgMTMuMDcyMSAxNC43OTUgMTMuMDcyMUMxNC45MjgzIDEzLjA3MjEgMTUuMDU2MSAxMy4xMjUzIDE1LjE1IDEzLjIyTDE1Ljg1IDEzLjkzQzE1Ljk0NDcgMTQuMDIzOSAxNS45OTc5IDE0LjE1MTcgMTUuOTk3OSAxNC4yODVDMTUuOTk3OSAxNC40MTgzIDE1Ljk0NDcgMTQuNTQ2MSAxNS44NSAxNC42NEwxMi43MiAxNy43OEMxMi41Nzk1IDE3LjkyMDcgMTIuMzg4OCAxNy45OTk4IDEyLjE5IDE4SDExLjgxWiIgZmlsbD0iIzFFMjI0OCIvPgo8L2c+Cjwvc3ZnPgo=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-shield{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ0ZWNobm9sb2d5ICYjMzg7IGRhdGEgLyBzZWN1cml0eV9vbl9vdXRsaW5lZCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC4xMiA1LjEyTDE2LjU5IDEuNTlDMTYuMjE0MiAxLjIxMTk2IDE1LjcwMyAwLjk5OTU3OCAxNS4xNyAxSDguODNDOC4yOTY5NiAwLjk5OTU3OCA3Ljc4NTggMS4yMTE5NiA3LjQxIDEuNTlMMy44OCA1LjEyQzMuMzE3MjMgNS42ODIwNyAzLjAwMDcgNi40NDQ2MiAzIDcuMjRWMTMuMDlDMy4wMDE4NSAxNS41NTczIDQuMTQyMDcgMTcuODg1NyA2LjA5IDE5LjRMMTAuMTcgMjIuNThDMTAuNTIxOCAyMi44NTMgMTAuOTU0NyAyMy4wMDA4IDExLjQgMjNIMTIuNkMxMy4wNDUzIDIzLjAwMDggMTMuNDc4MiAyMi44NTMgMTMuODMgMjIuNThMMTcuOTEgMTkuNEMxOS44NTc5IDE3Ljg4NTcgMjAuOTk4MSAxNS41NTczIDIxIDEzLjA5VjcuMjRDMjAuOTk5MyA2LjQ0NDYyIDIwLjY4MjggNS42ODIwNyAyMC4xMiA1LjEyWk0xOSAxMy4xMkMxOS4wMDc5IDE0Ljk3MjUgMTguMTQ5NyAxNi43MjIzIDE2LjY4IDE3Ljg1TDEyLjYgMjFIMTEuNEw3LjMyIDE3LjgyQzUuODUwMyAxNi42OTIzIDQuOTkyMDYgMTQuOTQyNSA1IDEzLjA5VjcuMjRDNS4wMDExIDYuOTc3NjYgNS4xMDUyNiA2LjcyNjI2IDUuMjkgNi41NEw4LjgzIDNIMTUuMTdMMTguNzEgNi41NEMxOC44OTQ3IDYuNzI2MjYgMTguOTk4OSA2Ljk3NzY2IDE5IDcuMjRWMTMuMTJaTTE1LjEyIDhDMTUuMzE0NCA3LjgwOTQzIDE1LjYyNTYgNy44MDk0MyAxNS44MiA4TDE2LjMyIDguNTJDMTYuNDE0NyA4LjYxMzg4IDE2LjQ2NzkgOC43NDE2OCAxNi40Njc5IDguODc1QzE2LjQ2NzkgOS4wMDgzMiAxNi40MTQ3IDkuMTM2MTIgMTYuMzIgOS4yM0wxMC43IDE0Ljg1QzEwLjYwOTMgMTQuOTQ2NyAxMC40ODI2IDE1LjAwMTUgMTAuMzUgMTUuMDAxNUMxMC4yMTc0IDE1LjAwMTUgMTAuMDkwNyAxNC45NDY3IDEwIDE0Ljg1TDcuNjUgMTIuNDlDNy41NTUzNCAxMi4zOTYxIDcuNTAyMSAxMi4yNjgzIDcuNTAyMSAxMi4xMzVDNy41MDIxIDEyLjAwMTcgNy41NTUzNCAxMS44NzM5IDcuNjUgMTEuNzhMOC4xOCAxMS4yNUM4LjI3MDczIDExLjE1MzMgOC4zOTc0MSAxMS4wOTg1IDguNTMgMTEuMDk4NUM4LjY2MjU5IDExLjA5ODUgOC43ODkyNyAxMS4xNTMzIDguODggMTEuMjVMMTAuMzggMTIuNzRMMTUuMTIgOFoiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-info{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwQzQuNDc3MTUgMCAwIDQuNDc3MTUgMCAxMEMwIDE1LjUyMjggNC40NzcxNSAyMCAxMCAyMEMxNS41MjI4IDIwIDIwIDE1LjUyMjggMjAgMTBDMjAgNy4zNDc4NCAxOC45NDY0IDQuODA0MyAxNy4wNzExIDIuOTI4OTNDMTUuMTk1NyAxLjA1MzU3IDEyLjY1MjIgMCAxMCAwWk0xMCAxOEM1LjU4MTcyIDE4IDIgMTQuNDE4MyAyIDEwQzIgNS41ODE3MiA1LjU4MTcyIDIgMTAgMkMxNC40MTgzIDIgMTggNS41ODE3MiAxOCAxMEMxOCAxMi4xMjE3IDE3LjE1NzEgMTQuMTU2NiAxNS42NTY5IDE1LjY1NjlDMTQuMTU2NiAxNy4xNTcxIDEyLjEyMTcgMTggMTAgMThaTTEwLjUgNS41OTc2OEMxMC43NzYxIDUuNTk3NjggMTEgNS44MjE1NCAxMSA2LjA5NzY4VjcuMDk3NjhDMTEgNy4zNzM4MiAxMC43NzYxIDcuNTk3NjggMTAuNSA3LjU5NzY4SDkuNUM5LjIyMzg2IDcuNTk3NjggOSA3LjM3MzgyIDkgNy4wOTc2OFY2LjA5NzY4QzkgNS44MjE1NCA5LjIyMzg2IDUuNTk3NjggOS41IDUuNTk3NjhIMTAuNVpNMTAuNSA4LjU5NzY4QzEwLjc3NjEgOC41OTc2OCAxMSA4LjY0NTc1IDExIDkuMDQ1ODZWMTMuMTYyOEMxMS4yNjU3IDEzLjIzNjcgMTEuNTMwNiAxMy4zMDExIDExLjc2MDYgMTMuMzUxN0MxMS45MDAyIDEzLjM4MjUgMTIuMDAxIDEzLjUwNTMgMTIuMDAxIDEzLjY0ODNWMTQuMTAyM0MxMi4wMDEgMTQuMjY4IDExLjg2NjcgMTQuNDAyMyAxMS43MDEgMTQuNDAyM0g4LjNDOC4xMzQzMSAxNC40MDIzIDggMTQuMjY4IDggMTQuMTAyM1YxMy42NDgzQzggMTMuNTA1MyA4LjEwMDc2IDEzLjM4MjUgOC4yNDA0MiAxMy4zNTE3QzguNDcwMTIgMTMuMzAxMiA4LjczNDY2IDEzLjIzNjkgOSAxMy4xNjNWOS44MzY5NUM4LjczNDY2IDkuNzYzMSA4LjQ3MDEyIDkuNjk4ODQgOC4yNDA0MiA5LjY0ODI4QzguMTAwNzYgOS42MTc1MyA4IDkuNDk0NzQgOCA5LjM1MTc0VjguODk3NjhDOCA4LjczMTk5IDguMTM0MzEgOC41OTc2OCA4LjMgOC41OTc2OEwxMC41IDguNTk3NjhaIiBmaWxsPSIjMUUyMjQ4Ii8+Cjwvc3ZnPgo=");--w:20px;--h:20px;--x:1.9992px;--y:1.9992px}
.i-refresh{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE3Ljk5NTUiIGhlaWdodD0iMTguMDAwOCIgdmlld0JveD0iMCAwIDE3Ljk5NTUgMTguMDAwOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBkPSJNMTcuNDk1NSA2Ljk5NjgySDEyLjQ5NTVDMTIuMjE5NCA2Ljk5NjgyIDExLjk5NTUgNi43NzI5NiAxMS45OTU1IDYuNDk2ODJWNi4yMDY4MkMxMS45OTM1IDYuMDcxMjQgMTIuMDQ3OSA1Ljk0MDkgMTIuMTQ1NSA1Ljg0NjgyTDEzLjkyNTUgNC4wNjY4MkMxMi42MjUzIDIuNzQ1MTEgMTAuODQ5NiAxLjk5OTU0IDguOTk1NTEgMS45OTY4MkM1LjE5MjY3IDIuMDA1NCAyLjA5MjI5IDUuMDQ4NTMgMi4wMTI4NCA4Ljg1MDU2QzEuOTMzMzkgMTIuNjUyNiA0LjkwMzkzIDE1LjgyMjYgOC43MDMxIDE1Ljk5QzEyLjUwMjMgMTYuMTU3NSAxNS43NDAyIDEzLjI2MTEgMTUuOTk1NSA5LjQ2NjgyQzE2LjAxMTQgOS4yMDI0NiAxNi4yMzA3IDguOTk2MzQgMTYuNDk1NSA4Ljk5NjgySDE3LjQ5NTVDMTcuNjMxOSA5LjAwMDg3IDE3Ljc2MTEgOS4wNTgzNCAxNy44NTU1IDkuMTU2ODJDMTcuOTQ3NCA5LjI1NzMxIDE3Ljk5NDQgOS4zOTA5MyAxNy45ODU1IDkuNTI2ODJDMTcuNzM3MiAxMy43NjM4IDE0LjU2MjQgMTcuMjUxNSAxMC4zNjczIDE3Ljg5NThDNi4xNzIyNiAxOC41NDAyIDIuMDk3MTYgMTYuMTY2MiAwLjU4ODYxNSAxMi4xOTlDLTAuOTE5OTM0IDguMjMxOTEgMC41NDgxMjkgMy43NTAwMyA0LjExMTQyIDEuNDQ0MkM3LjY3NDcyIC0wLjg2MTYzMiAxMi4zNjQ2IC0wLjM2NDYyOSAxNS4zNjU1IDIuNjM2ODJMMTYuODU1NSAxLjE0NjgyQzE2Ljk0NzIgMS4wNTE2OCAxNy4wNzM0IDAuOTk3NTkxIDE3LjIwNTUgMC45OTY4MjFIMTcuNDk1NUMxNy43NzE3IDAuOTk2ODIxIDE3Ljk5NTUgMS4yMjA2OCAxNy45OTU1IDEuNDk2ODJWNi40OTY4MkMxNy45OTU1IDYuNzcyOTYgMTcuNzcxNyA2Ljk5NjgyIDE3LjQ5NTUgNi45OTY4MloiIGZpbGw9IiMxRTIyNDgiLz4KPC9zdmc+Cg==");--w:17.9955px;--h:18.0008px;--x:3.0048px;--y:3.0024px}
.i-arrow{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjYuOTI3OSIgaGVpZ2h0PSIxMS45OTU4IiB2aWV3Qm94PSIwIDAgNi45Mjc5IDExLjk5NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZD0iTTAuMjIgNi43MTc5QzAuMDc5MzA3NSA2LjU3NzM4IDAuMDAwMTc1MDUyIDYuMzg2NzQgMCA2LjE4NzlWNS44MDc5QzAuMDAyMzA0MDEgNS42MDk0OCAwLjA4MTExNiA1LjQxOTYyIDAuMjIgNS4yNzc5TDUuMzYgMC4xNDc4OTlDNS40NTM4OCAwLjA1MzI0MjggNS41ODE2OCAwIDUuNzE1IDBDNS44NDgzMiAwIDUuOTc2MTIgMC4wNTMyNDI4IDYuMDcgMC4xNDc4OTlMNi43OCAwLjg1Nzg5OUM2Ljg3NDA2IDAuOTUwMDYzIDYuOTI3MDcgMS4wNzYyMSA2LjkyNzA3IDEuMjA3OUM2LjkyNzA3IDEuMzM5NTkgNi44NzQwNiAxLjQ2NTc0IDYuNzggMS41NTc5TDIuMzMgNS45OTc5TDYuNzggMTAuNDM3OUM2Ljg3NDY2IDEwLjUzMTggNi45Mjc5IDEwLjY1OTYgNi45Mjc5IDEwLjc5MjlDNi45Mjc5IDEwLjkyNjIgNi44NzQ2NiAxMS4wNTQgNi43OCAxMS4xNDc5TDYuMDcgMTEuODQ3OUM1Ljk3NjEyIDExLjk0MjYgNS44NDgzMiAxMS45OTU4IDUuNzE1IDExLjk5NThDNS41ODE2OCAxMS45OTU4IDUuNDUzODggMTEuOTQyNiA1LjM2IDExLjg0NzlMMC4yMiA2LjcxNzlaIiBmaWxsPSIjMUUyMjQ4Ii8+Cjwvc3ZnPgo=");--w:6.9279px;--h:11.9958px;--x:7.9992px;--y:6.0024px}
.i-next{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjYuOTI3OSIgaGVpZ2h0PSIxMS45OTU4IiB2aWV3Qm94PSIwIDAgNi45Mjc5IDExLjk5NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZD0iTTYuNzA3OSA1LjI3NzlDNi44NDg1OSA1LjQxODQyIDYuOTI3NzIgNS42MDkwNSA2LjkyNzkgNS44MDc5VjYuMTg3OUM2LjkyNTYgNi4zODYzMSA2Ljg0Njc4IDYuNTc2MTggNi43MDc5IDYuNzE3OUwxLjU2NzkgMTEuODQ3OUMxLjQ3NDAyIDExLjk0MjYgMS4zNDYyMiAxMS45OTU4IDEuMjEyOSAxMS45OTU4QzEuMDc5NTggMTEuOTk1OCAwLjk1MTc4MiAxMS45NDI2IDAuODU3ODk5IDExLjg0NzlMMC4xNDc4OTkgMTEuMTM3OUMwLjA1MzgzNTEgMTEuMDQ1NyAwLjAwMDgyNzcyNiAxMC45MTk2IDAuMDAwODI3NzI2IDEwLjc4NzlDMC4wMDA4Mjc3MjYgMTAuNjU2MiAwLjA1MzgzNTEgMTAuNTMwMSAwLjE0Nzg5OSAxMC40Mzc5TDQuNTk3OSA1Ljk5NzlMMC4xNDc4OTkgMS41NTc5QzAuMDUzMjQyOCAxLjQ2NDAyIDAgMS4zMzYyMiAwIDEuMjAyOUMwIDEuMDY5NTggMC4wNTMyNDI4IDAuOTQxNzgyIDAuMTQ3ODk5IDAuODQ3ODk5TDAuODU3ODk5IDAuMTQ3ODk5QzAuOTUxNzgyIDAuMDUzMjQyOCAxLjA3OTU4IDAgMS4yMTI5IDBDMS4zNDYyMiAwIDEuNDc0MDIgMC4wNTMyNDI4IDEuNTY3OSAwLjE0Nzg5OUw2LjcwNzkgNS4yNzc5WiIgZmlsbD0iIzFFMjI0OCIvPgo8L3N2Zz4K");--w:6.9279px;--h:11.9958px;--x:9.072px;--y:6.0024px}
.i-clock{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhY3Rpb25zIC8gd2F0Y2hfbGF0ZXIiPgo8cGF0aCBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTQuNjUyMiAyIDE3LjE5NTcgMy4wNTM1NyAxOS4wNzExIDQuOTI4OTNDMjAuOTQ2NCA2LjgwNDMgMjIgOS4zNDc4NCAyMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMlpNMTUuOTggMTYuNTNMMTYuNTEgMTZDMTYuNjA4MyAxNS45MDQgMTYuNjYzOCAxNS43NzI0IDE2LjY2MzggMTUuNjM1QzE2LjY2MzggMTUuNDk3NiAxNi42MDgzIDE1LjM2NiAxNi41MSAxNS4yN0wxMi44OCAxMS42NFY2LjVDMTIuODggNi4yMjM4NiAxMi42NTYxIDYgMTIuMzggNkgxMS42MkMxMS4zNDM5IDYgMTEuMTIgNi4yMjM4NiAxMS4xMiA2LjVWMTIuMTdDMTEuMTE4IDEyLjMwNTYgMTEuMTcyMyAxMi40MzU5IDExLjI3IDEyLjUzTDE1LjI3IDE2LjUzQzE1LjQ2NzggMTYuNzIxOCAxNS43ODIyIDE2LjcyMTggMTUuOTggMTYuNTNaIiBmaWxsPSIjMUUyMjQ4Ii8+CjwvZz4KPC9zdmc+Cg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-audit{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJmaWxlcyAvIGZpbGVfdGV4dF9vdXRsaW5lZCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNCAySDE4QzE5LjEwNDYgMiAyMCAyLjg5NTQzIDIwIDRWMjBDMjAgMjEuMTA0NiAxOS4xMDQ2IDIyIDE4IDIySDZDNC44OTU0MyAyMiA0IDIxLjEwNDYgNCAyMFY5LjI0QzQuMDAwNyA4LjQ0NDYyIDQuMzE3MjMgNy42ODIwNyA0Ljg4IDcuMTJMOS4xMiAyLjg4QzkuNjgyMDcgMi4zMTcyMyAxMC40NDQ2IDIuMDAwNyAxMS4yNCAyWk02IDEwVjIwSDE4VjRIMTJWOUMxMiA5LjU1MjI4IDExLjU1MjMgMTAgMTEgMTBINlpNOCAxMi41VjEzLjVDOCAxMy43NzYxIDguMjIzODYgMTQgOC41IDE0SDE1LjVDMTUuNzc2MSAxNCAxNiAxMy43NzYxIDE2IDEzLjVWMTIuNUMxNiAxMi4yMjM5IDE1Ljc3NjEgMTIgMTUuNSAxMkg4LjVDOC4yMjM4NiAxMiA4IDEyLjIyMzkgOCAxMi41Wk04LjUgMTZIMTIuNUMxMi43NzYxIDE2IDEzIDE2LjIyMzkgMTMgMTYuNVYxNy41QzEzIDE3Ljc3NjEgMTIuNzc2MSAxOCAxMi41IDE4SDguNUM4LjIyMzg2IDE4IDggMTcuNzc2MSA4IDE3LjVWMTYuNUM4IDE2LjIyMzkgOC4yMjM4NiAxNiA4LjUgMTZaIiBmaWxsPSIjMUUyMjQ4Ii8+CjwvZz4KPC9zdmc+Cg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-server{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ0ZWNobm9sb2d5ICYjMzg7IGRhdGEgLyBjbG91ZF9vdXRsaW5lZCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEwQzYgNi42ODYgOC42ODcgNCAxMiA0QzE0Ljk3OSA0IDE3LjQ0NSA2LjE3NCAxNy45MTMgOS4wMjFDMjAuNzU3IDkuMjMzIDIzIDExLjYwMiAyMyAxNC41QzIzIDE3LjUzOCAyMC41MzcgMjAgMTcuNSAyMEg2QzMuMjM4IDIwIDEgMTcuNzYxIDEgMTVDMSAxMi4yMzkgMy4yMzggMTAgNiAxMFpNMTUuOTM5IDkuMzQ2QzE1LjYyMSA3LjQwNyAxMy45NjQgNiAxMiA2QzkuNzk0IDYgOCA3Ljc5NCA4IDEwVjExLjVDOCAxMS43NzYgNy43NzYgMTIgNy41IDEySDZDNC4xNSAxMiAyLjY4NiAxMy42ODMgMy4wNTkgMTUuNTk4QzMuMzM1IDE3LjAyMiA0LjY2OCAxOCA2LjExOSAxOEgxNy41QzE5LjYzOCAxOCAyMS4zMzQgMTYuMDc0IDIwLjk0NCAxMy44NjZDMjAuNjY0IDEyLjI3OSAxOS4yNjIgMTEuMTI3IDE3LjY1NCAxMS4wMDdMMTYuNTg4IDEwLjkyOEMxNi4zNTcgMTAuOTExIDE2LjE2OSAxMC43MzggMTYuMTMyIDEwLjUxTDE1LjkzOSA5LjM0NloiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-edit{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIGVkaXQiPgo8cGF0aCBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuOTAyNCAzLjQzOTExTDIwLjU2MDkgNC4wOTc3OUMyMC44NDE2IDQuMzc4MjUgMjAuOTk5NSA0Ljc1ODc2IDIwLjk5OTkgNS4xNTU2NVY1LjkxNDEyQzIxLjAwNDkgNi4zMTc5MiAyMC44NDY2IDYuNzA2NjEgMjAuNTYwOSA2Ljk5MTk1TDE4LjcxNTEgOC44MDgyOUMxOC42MjE1IDguOTAyNzUgMTguNDkzOSA4Ljk1NTg5IDE4LjM2MDkgOC45NTU4OUMxOC4yMjc5IDguOTU1ODkgMTguMTAwNCA4LjkwMjc1IDE4LjAwNjcgOC44MDgyOUwxNS4yMDMyIDUuOTY0MDJDMTUuMDEzIDUuNzY5OTkgMTUuMDEzIDUuNDU5NDYgMTUuMjAzMiA1LjI2NTQzTDE3LjAwOSAzLjQzOTExQzE3LjI5NDMgMy4xNTMzNiAxNy42ODI5IDIuOTk1IDE4LjA4NjYgM0gxOC44NDQ4QzE5LjI0MTYgMy4wMDAzNSAxOS42MjIgMy4xNTgzIDE5LjkwMjQgMy40MzkxMVpNMTYuODE5NSAxMC42ODQ1QzE3LjAwOTYgMTAuNDkwNSAxNy4wMDk2IDEwLjE3OTkgMTYuODE5NSA5Ljk4NTkxTDEzLjk2NiA3LjE3MTU5QzEzLjg3MjMgNy4wNzcxMiAxMy43NDQ4IDcuMDIzOTggMTMuNjExOCA3LjAyMzk4QzEzLjQ3ODggNy4wMjM5OCAxMy4zNTEzIDcuMDc3MTIgMTMuMjU3NiA3LjE3MTU5TDUuMjA2MDggMTUuMjI1M0M1LjAxMTQyIDE1LjQxODMgNC44NTg1OSAxNS42NDkzIDQuNzU3MTEgMTUuOTA0TDMuMDQxMDUgMjAuMjM1MkMyLjk0MzgzIDIwLjQ2MDEgMy4wMjQxNSAyMC43MjIyIDMuMjMwNjEgMjAuODU0QzMuMzcyMDEgMjAuOTk1MiAzLjU4NDAyIDIxLjAzODQgMy43NjkzOCAyMC45NjM4TDguMDk5NDUgMTkuMjA3M0M4LjM1NDAzIDE5LjEwNTggOC41ODQ5OCAxOC45NTI5IDguNzc3OSAxOC43NTgyTDE2LjgxOTUgMTAuNjg0NVoiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-chevron-down{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjExLjk5NTgiIGhlaWdodD0iNi45Mjc5IiB2aWV3Qm94PSIwIDAgMTEuOTk1OCA2LjkyNzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZD0iTTYuNzE3OSA2LjcwNzlDNi41NzczOCA2Ljg0ODU5IDYuMzg2NzQgNi45Mjc3MiA2LjE4NzkgNi45Mjc5SDUuODA3OUM1LjYwOTQ4IDYuOTI1NiA1LjQxOTYyIDYuODQ2NzggNS4yNzc5IDYuNzA3OUwwLjE0Nzg5OSAxLjU2NzlDMC4wNTMyNDI4IDEuNDc0MDIgMCAxLjM0NjIyIDAgMS4yMTI5QzAgMS4wNzk1OCAwLjA1MzI0MjggMC45NTE3ODIgMC4xNDc4OTkgMC44NTc4OTlMMC44NTc4OTkgMC4xNDc4OTlDMC45NTAwNjMgMC4wNTM4MzUxIDEuMDc2MjEgMC4wMDA4Mjc3MjYgMS4yMDc5IDAuMDAwODI3NzI2QzEuMzM5NTkgMC4wMDA4Mjc3MjYgMS40NjU3NCAwLjA1MzgzNTEgMS41NTc5IDAuMTQ3ODk5TDUuOTk3OSA0LjU5NzlMMTAuNDM3OSAwLjE0Nzg5OUMxMC41MzE4IDAuMDUzMjQyOCAxMC42NTk2IDAgMTAuNzkyOSAwQzEwLjkyNjIgMCAxMS4wNTQgMC4wNTMyNDI4IDExLjE0NzkgMC4xNDc4OTlMMTEuODQ3OSAwLjg1Nzg5OUMxMS45NDI2IDAuOTUxNzgyIDExLjk5NTggMS4wNzk1OCAxMS45OTU4IDEuMjEyOUMxMS45OTU4IDEuMzQ2MjIgMTEuOTQyNiAxLjQ3NDAyIDExLjg0NzkgMS41Njc5TDYuNzE3OSA2LjcwNzlaIiBmaWxsPSIjMUUyMjQ4Ii8+Cjwvc3ZnPgo=");--w:11.9958px;--h:6.9279px;--x:6.0024px;--y:9.072px}
.i-calendar{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhY3Rpb25zIC8gY2FsZW5kYXIiPgo8cGF0aCBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEgxOUMyMC4xMDQ2IDQgMjEgNC44OTU0MyAyMSA2VjE5QzIxIDIwLjEwNDYgMjAuMTA0NiAyMSAxOSAyMUg1QzMuODk1NDMgMjEgMyAyMC4xMDQ2IDMgMTlWNkMzIDQuODk1NDMgMy44OTU0MyA0IDUgNEg2VjIuNUM2IDIuMjIzODYgNi4yMjM4NiAyIDYuNSAySDcuNUM3Ljc3NjE0IDIgOCAyLjIyMzg2IDggMi41VjRIMTZWMi41QzE2IDIuMjIzODYgMTYuMjIzOSAyIDE2LjUgMkgxNy41QzE3Ljc3NjEgMiAxOCAyLjIyMzg2IDE4IDIuNVY0Wk01IDE5SDE5VjhINVYxOVoiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-more{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIG1vcmVfaG9yaXpvbnRhbCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEwQzcuMTA0NTcgMTAgOCAxMC44OTU0IDggMTJDOCAxMy4xMDQ2IDcuMTA0NTcgMTQgNiAxNEM0Ljg5NTQzIDE0IDQgMTMuMTA0NiA0IDEyQzQgMTAuODk1NCA0Ljg5NTQzIDEwIDYgMTBaTTE0IDEyQzE0IDEwLjg5NTQgMTMuMTA0NiAxMCAxMiAxMEMxMC44OTU0IDEwIDEwIDEwLjg5NTQgMTAgMTJDMTAgMTMuMTA0NiAxMC44OTU0IDE0IDEyIDE0QzEzLjEwNDYgMTQgMTQgMTMuMTA0NiAxNCAxMlpNMTggMTBDMTkuMTA0NiAxMCAyMCAxMC44OTU0IDIwIDEyQzIwIDEzLjEwNDYgMTkuMTA0NiAxNCAxOCAxNEMxNi44OTU0IDE0IDE2IDEzLjEwNDYgMTYgMTJDMTYgMTAuODk1NCAxNi44OTU0IDEwIDE4IDEwWiIgZmlsbD0iIzFFMjI0OCIvPgo8L2c+Cjwvc3ZnPgo=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-user{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1c2VyIC8gdXNlcl9vdXRsaW5lZCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4wMDQ1IDhDMTYuMDA0NSAxMC4yMDkxIDE0LjIxMyAxMiAxMi4wMDMgMTJDOS43OTMwNSAxMiA4LjAwMTUxIDEwLjIwOTEgOC4wMDE1MSA4QzguMDAxNTEgNS43OTA4NiA5Ljc5MzA1IDQgMTIuMDAzIDRDMTQuMjEzIDQgMTYuMDA0NSA1Ljc5MDg2IDE2LjAwNDUgOFpNMTQuMDAzOCA4QzE0LjAwMzggNi44OTU0MyAxMy4xMDggNiAxMi4wMDMgNkMxMC44OTggNiAxMC4wMDIzIDYuODk1NDMgMTAuMDAyMyA4QzEwLjAwMjMgOS4xMDQ1NyAxMC44OTggMTAgMTIuMDAzIDEwQzEzLjEwOCAxMCAxNC4wMDM4IDkuMTA0NTcgMTQuMDAzOCA4Wk0xOS44OTYgMTguNTVMMTguMDA1MyAxNC42NkMxNy40ODg0IDEzLjYyNDUgMTYuNDIxOCAxMi45Nzg1IDE1LjI2NDMgMTNIOC43NDE3OUM3LjYwMjI2IDEyLjk5NzggNi41NTk3NiAxMy42NDA4IDYuMDUwNzcgMTQuNjZMNC4xMTAwNCAxOC41NUMzLjk1NDAxIDE4Ljg1OTUgMy45Njk0NCAxOS4yMjc3IDQuMTUwODIgMTkuNTIzMUM0LjMzMjIgMTkuODE4NSA0LjY1MzY1IDE5Ljk5OSA1LjAwMDM4IDIwSDE5LjAwNTdDMTkuMzUyNCAxOS45OTkgMTkuNjczOSAxOS44MTg1IDE5Ljg1NTIgMTkuNTIzMUMyMC4wMzY2IDE5LjIyNzcgMjAuMDUyIDE4Ljg1OTUgMTkuODk2IDE4LjU1Wk03Ljg0MTQ1IDE1LjU1TDYuNjIwOTkgMThIMTcuMzg1MUwxNi4xNjQ2IDE1LjU1QzE1Ljk5MzUgMTUuMjEwNSAxNS42NDQ2IDE0Ljk5NzQgMTUuMjY0MyAxNUg4Ljc0MTc5QzguMzYxNDkgMTQuOTk3NCA4LjAxMjU4IDE1LjIxMDUgNy44NDE0NSAxNS41NVoiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-camera{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJkZXZpY2VzIC8gcGhvdG9fY2FtZXJhIj4KPHBhdGggaWQ9IiYjMjQwOyYjMTU5OyYjMTQyOyYjMTY4OyBJY29uIGNvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwIDdDMjEuMTA0NiA3IDIyIDcuODk1NDMgMjIgOVYxOEMyMiAxOS4xMDQ2IDIxLjEwNDYgMjAgMjAgMjBINEMyLjg5NTQzIDIwIDIgMTkuMTA0NiAyIDE4VjlDMiA3Ljg5NTQzIDIuODk1NDMgNyA0IDdINS4xN0M1LjcwMzA0IDcuMDAwNDIgNi4yMTQyIDYuNzg4MDQgNi41OSA2LjQxTDguMTIgNC44OEM4LjY4MjA3IDQuMzE3MjMgOS40NDQ2MiA0LjAwMDcgMTAuMjQgNEgxMy43NkMxNC41NTU0IDQuMDAwNyAxNS4zMTc5IDQuMzE3MjMgMTUuODggNC44OEwxNy40MSA2LjQxQzE3Ljc4NTggNi43ODgwNCAxOC4yOTcgNy4wMDA0MiAxOC44MyA3SDIwWk04IDEzQzggMTUuMjA5MSA5Ljc5MDg2IDE3IDEyIDE3QzEzLjA2MDkgMTcgMTQuMDc4MyAxNi41Nzg2IDE0LjgyODQgMTUuODI4NEMxNS41Nzg2IDE1LjA3ODMgMTYgMTQuMDYwOSAxNiAxM0MxNiAxMC43OTA5IDE0LjIwOTEgOSAxMiA5QzkuNzkwODYgOSA4IDEwLjc5MDkgOCAxM1oiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-trash{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIGRlbGV0ZV9vdXRsaW5lZCI+CjxwYXRoIGlkPSImIzI0MDsmIzE1OTsmIzE0MjsmIzE2ODsgSWNvbiBjb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCA1LjVWNC41QzIwIDQuMjIzODYgMTkuNzc2MSA0IDE5LjUgNEgxNVYzQzE1IDIuNDQ3NzIgMTQuNTUyMyAyIDE0IDJIMTBDOS40NDc3MiAyIDkgMi40NDc3MiA5IDNWNEg0LjVDNC4yMjM4NiA0IDQgNC4yMjM4NiA0IDQuNVY1LjVDNCA1Ljc3NjE0IDQuMjIzODYgNiA0LjUgNkgxOS41QzE5Ljc3NjEgNiAyMCA1Ljc3NjE0IDIwIDUuNVpNMTUuMzM3NiAyMC4xNEMxNS44NjY4IDIwLjE0IDE2LjMwNDUgMTkuNzI3NiAxNi4zMzU4IDE5LjE5OTJMMTcgOEgxOUwxOC4xNSAyMC4xNEMxOC4wNzY0IDIxLjE4OTYgMTcuMjAyMSAyMi4wMDI2IDE2LjE1IDIySDcuODdDNi44MTc4NyAyMi4wMDI2IDUuOTQzNjUgMjEuMTg5NiA1Ljg3IDIwLjE0TDUgOEg3TDcuNjY0MiAxOS4xOTkyQzcuNjk1NTQgMTkuNzI3NiA4LjEzMzE2IDIwLjE0IDguNjYyNDUgMjAuMTRIMTUuMzM3NloiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-group{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1c2VyIC8gZ3JvdXBfZXF1YWxfb3V0bGluZWQiPgo8ZyBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMDAwMDggMTEuOTk5OUM5LjIwOTIyIDExLjk5OTkgMTEuMDAwMSAxMC4yMDkxIDExLjAwMDEgNy45OTk5MkMxMS4wMDAxIDUuNzkwNzggOS4yMDkyMiAzLjk5OTkyIDcuMDAwMDggMy45OTk5MkM0Ljc5MDk0IDMuOTk5OTIgMy4wMDAwOCA1Ljc5MDc4IDMuMDAwMDggNy45OTk5MkMzLjAwMDA4IDEwLjIwOTEgNC43OTA5NCAxMS45OTk5IDcuMDAwMDggMTEuOTk5OVpNNy4wMDAwOCA5Ljk5OTkyQzguMTA0NjUgOS45OTk5MiA5LjAwMDA4IDkuMTA0NDkgOS4wMDAwOCA3Ljk5OTkyQzkuMDAwMDggNi44OTUzNSA4LjEwNDY1IDUuOTk5OTIgNy4wMDAwOCA1Ljk5OTkyQzUuODk1NTEgNS45OTk5MiA1LjAwMDA4IDYuODk1MzUgNS4wMDAwOCA3Ljk5OTkyQzUuMDAwMDggOS4xMDQ0OSA1Ljg5NTUxIDkuOTk5OTIgNy4wMDAwOCA5Ljk5OTkyWiIgZmlsbD0iIzFFMjI0OCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjAwMDEgMTEuOTk5OUMxOS4yMDkyIDExLjk5OTkgMjEuMDAwMSAxMC4yMDkxIDIxLjAwMDEgNy45OTk5MkMyMS4wMDAxIDUuNzkwNzggMTkuMjA5MiAzLjk5OTkyIDE3LjAwMDEgMy45OTk5MkMxNC43OTA5IDMuOTk5OTIgMTMuMDAwMSA1Ljc5MDc4IDEzLjAwMDEgNy45OTk5MkMxMy4wMDAxIDEwLjIwOTEgMTQuNzkwOSAxMS45OTk5IDE3LjAwMDEgMTEuOTk5OVpNMTcuMDAwMSA5Ljk5OTkyQzE4LjEwNDcgOS45OTk5MiAxOS4wMDAxIDkuMTA0NDkgMTkuMDAwMSA3Ljk5OTkyQzE5LjAwMDEgNi44OTUzNSAxOC4xMDQ3IDUuOTk5OTIgMTcuMDAwMSA1Ljk5OTkyQzE1Ljg5NTUgNS45OTk5MiAxNS4wMDAxIDYuODk1MzUgMTUuMDAwMSA3Ljk5OTkyQzE1LjAwMDEgOS4xMDQ0OSAxNS44OTU1IDkuOTk5OTIgMTcuMDAwMSA5Ljk5OTkyWiIgZmlsbD0iIzFFMjI0OCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjQwNDMgMTIuOTk5OUMxMy45OTk1IDEyLjk5OTkgMTIuNzE4OCAxMy43MzQxIDEyLjAwMDEgMTQuODk5MlYxOS45OTk5SDIyLjU1NDlDMjMuMjUzNyAxOS45OTk5IDIzLjczNzEgMTkuMzAxNCAyMy40OTA4IDE4LjY0NzVMMjIuMzM5MyAxNS41OTAxQzIxLjc1MjQgMTQuMDMxNyAyMC4yNjEzIDEyLjk5OTkgMTguNTk2IDEyLjk5OTlIMTUuNDA0M1pNMTguNTk2IDE0Ljk5OTlIMTUuNDA0M0MxNC41NzE2IDE0Ljk5OTkgMTMuODI2MSAxNS41MTU4IDEzLjUzMjYgMTYuMjk1TDEyLjg5MDUgMTcuOTk5OUgyMS4xMDk3TDIwLjQ2NzYgMTYuMjk1QzIwLjE3NDIgMTUuNTE1OCAxOS40Mjg2IDE0Ljk5OTkgMTguNTk2IDE0Ljk5OTlaIiBmaWxsPSIjMUUyMjQ4Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS42NjA5NyAxNS41OTAxQzIuMjQ3OTIgMTQuMDMxNyAzLjczODk5IDEyLjk5OTkgNS40MDQyOSAxMi45OTk5SDguNTk1OThDMTAuMDQwOCAxMi45OTk5IDExLjM1NDQgMTMuNzc2NSAxMi4wNjAzIDE0Ljk5OTlIMTIuMDAwMVYxOS45OTk5SDEuNDQ1MzNDMC43NDY1MTcgMTkuOTk5OSAwLjI2MzE5OSAxOS4zMDE0IDAuNTA5NDk5IDE4LjY0NzVMMS42NjA5NyAxNS41OTAxWk01LjQwNDI5IDE0Ljk5OTlIOC41OTU5OEM5LjQyODYzIDE0Ljk5OTkgMTAuMTc0MiAxNS41MTU4IDEwLjQ2NzYgMTYuMjk1TDExLjEwOTcgMTcuOTk5OUgyLjg5MDUyTDMuNTMyNjMgMTYuMjk1QzMuODI2MSAxNS41MTU4IDQuNTcxNjQgMTQuOTk5OSA1LjQwNDI5IDE0Ljk5OTlaIiBmaWxsPSIjMUUyMjQ4Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-eye{--m:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJ1aSAvIHZpc2libGVfb3V0bGluZWQiPgo8cGF0aCBpZD0iJiMyNDA7JiMxNTk7JiMxNDI7JiMxNjg7IEljb24gY29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjEuOTg3OCAxMS43QzIwLjM1ODIgNy42MTY0NiAxNi4zODgxIDQuOTU0ODQgMTEuOTkzOSA1QzcuNjI4OTkgNC45NzQ3NSAzLjY5MTEzIDcuNjE4NzcgMi4wNTk5NiAxMS42N0MyLjAyMTU1IDExLjc3NTggMi4wMDEyOCAxMS44ODc0IDIgMTJDMS45OTk0NyAxMi4xMDYzIDIuMDE5ODUgMTIuMjExNiAyLjA1OTk2IDEyLjMxQzMuNjg0NzggMTYuMzY5MSA3LjYyNDA1IDE5LjAyMiAxMS45OTM5IDE5QzE2LjM1ODggMTkuMDI1MiAyMC4yOTY3IDE2LjM4MTIgMjEuOTI3OSAxMi4zM0MyMS45NzA2IDEyLjIyNTQgMjEuOTkxMSAxMi4xMTMgMjEuOTg3OCAxMkMyMi4wMDQgMTEuOTAwNyAyMi4wMDQgMTEuNzk5MyAyMS45ODc4IDExLjdaTTExLjk5MzkgMTdDOC42MTIzOSAxNi45OTI0IDUuNTMzMjkgMTUuMDQ5OCA0LjA2ODc0IDEyQzUuNTI4MjMgOC45NDU5OCA4LjYxMDc1IDcuMDAxOTkgMTEuOTkzOSA3LjAwMTk5QzE1LjM3NzEgNy4wMDE5OSAxOC40NTk2IDguOTQ1OTggMTkuOTE5MSAxMkMxOC40NTQ1IDE1LjA0OTggMTUuMzc1NCAxNi45OTI0IDExLjk5MzkgMTdaTTguOTk1NzQgMTJDOC45OTU3NCAxMC4zNDMxIDEwLjMzODEgOSAxMS45OTM5IDlDMTMuNjQ5OCA5IDE0Ljk5MjEgMTAuMzQzMSAxNC45OTIxIDEyQzE0Ljk5MjEgMTMuNjU2OSAxMy42NDk4IDE1IDExLjk5MzkgMTVDMTAuMzM4MSAxNSA4Ljk5NTc0IDEzLjY1NjkgOC45OTU3NCAxMloiIGZpbGw9IiMxRTIyNDgiLz4KPC9nPgo8L3N2Zz4K");--w:24px;--h:24px;--x:0px;--y:0px}
.i-consola{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNNCA0aDE2YTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkg0YTIgMiAwIDAgMS0yLTJWNmEyIDIgMCAwIDEgMi0yWm0wIDJ2MTJoMTZWNkg0WicvPjxwYXRoIGQ9J002LjMgOS4yIDcuNyA3LjggMTEuOSAxMmwtNC4yIDQuMi0xLjQtMS40TDkuMSAxMiA2LjMgOS4yWk0xMi41IDE0LjVoNS41djJoLTUuNXonLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-correo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMyA1aDE4YTEgMSAwIDAgMSAxIDF2MTJhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWNmExIDEgMCAwIDEgMS0xWm0xIDMuM1YxN2gxNlY4LjNsLTggNS4yLTgtNS4yWk0xOC43IDdINS4zTDEyIDExLjQgMTguNyA3WicvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-ampliar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTQgNGg2djJINnY0SDRWNFpNMTQgNGg2djZoLTJWNmgtNFY0Wk00IDE0aDJ2NGg0djJINHYtNlpNMTggMTRoMnY2aC02di0yaDR2LTRaJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-reducir{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTggNGgydjZINFY4aDRWNFpNMTQgNGgydjRoNHYyaC02VjRaTTQgMTRoNnY2SDh2LTRINHYtMlpNMTQgMTRoNnYyaC00djRoLTJ2LTZaJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-openai{--m:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaGVpZ2h0PSIxZW0iIHN0eWxlPSJmbGV4Om5vbmU7bGluZS1oZWlnaHQ6MSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMWVtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5PcGVuQUk8L3RpdGxlPjxwYXRoIGQ9Ik05LjIwNSA4LjY1OHYtMi4yNmMwLS4xOS4wNzItLjMzMy4yMzgtLjQyOGw0LjU0My0yLjYxNmMuNjE5LS4zNTcgMS4zNTYtLjUyMyAyLjExNy0uNTIzIDIuODU0IDAgNC42NjIgMi4yMTIgNC42NjIgNC41NjYgMCAuMTY3IDAgLjM1Ny0uMDI0LjU0N2wtNC43MS0yLjc1OWEuNzk3Ljc5NyAwIDAwLS44NTYgMGwtNS45NyAzLjQ3M3ptMTAuNjA5IDguOFYxMi4wNmMwLS4zMzMtLjE0My0uNTctLjQyOS0uNzM3bC01Ljk3LTMuNDczIDEuOTUtMS4xMThhLjQzMy40MzMgMCAwMS40NzYgMGw0LjU0MyAyLjYxN2MxLjMwOS43NiAyLjE4OSAyLjM3OCAyLjE4OSAzLjk0OCAwIDEuODA4LTEuMDcgMy40NzMtMi43NiA0LjE2M3pNNy44MDIgMTIuNzAzbC0xLjk1LTEuMTQyYy0uMTY3LS4wOTUtLjIzOS0uMjM4LS4yMzktLjQyOFY1Ljg5OWMwLTIuNTQ1IDEuOTUtNC40NzIgNC41OTEtNC40NzIgMSAwIDEuOTI3LjMzMyAyLjcxMi45MjhMOC4yMyA1LjA2N2MtLjI4NS4xNjYtLjQyOC40MDQtLjQyOC43Mzd2Ni44OTh6TTEyIDE1LjEyOGwtMi43OTUtMS41N3YtMy4zM0wxMiA4LjY1OGwyLjc5NSAxLjU3djMuMzNMMTIgMTUuMTI4em0xLjc5NiA3LjIzYy0xIDAtMS45MjctLjMzMi0yLjcxMi0uOTI3bDQuNjg2LTIuNzEyYy4yODUtLjE2Ni40MjgtLjQwNC40MjgtLjczN3YtNi44OThsMS45NzQgMS4xNDJjLjE2Ny4wOTUuMjM4LjIzOC4yMzguNDI4djUuMjMzYzAgMi41NDUtMS45NzQgNC40NzItNC42MTQgNC40NzJ6bS01LjYzNy01LjMwM2wtNC41NDQtMi42MTdjLTEuMzA4LS43NjEtMi4xODgtMi4zNzgtMi4xODgtMy45NDhBNC40ODIgNC40ODIgMCAwMTQuMjEgNi4zMjd2NS40MjNjMCAuMzMzLjE0My41NzEuNDI4LjczOGw1Ljk0NyAzLjQ0OS0xLjk1IDEuMTE4YS40MzIuNDMyIDAgMDEtLjQ3NiAwem0tLjI2MiAzLjljLTIuNjg4IDAtNC42NjItMi4wMjEtNC42NjItNC41MTkgMC0uMTkuMDI0LS4zOC4wNDctLjU3bDQuNjg2IDIuNzFjLjI4Ni4xNjcuNTcxLjE2Ny44NTYgMGw1Ljk3LTMuNDQ4djIuMjZjMCAuMTktLjA3LjMzMy0uMjM3LjQyOGwtNC41NDMgMi42MTZjLS42MTkuMzU3LTEuMzU2LjUyMy0yLjExNy41MjN6bTUuODk5IDIuODNhNS45NDcgNS45NDcgMCAwMDUuODI3LTQuNzU2QzIyLjI4NyAxOC4zMzkgMjQgMTUuODQgMjQgMTMuMjk2YzAtMS42NjUtLjcxMy0zLjI4Mi0xLjk5OC00LjQ0OC4xMTktLjUuMTktLjk5OS4xOS0xLjQ5OCAwLTMuNDAxLTIuNzU5LTUuOTQ3LTUuOTQ2LTUuOTQ3LS42NDIgMC0xLjI2LjA5NS0xLjg4LjMxQTUuOTYyIDUuOTYyIDAgMDAxMC4yMDUgMGE1Ljk0NyA1Ljk0NyAwIDAwLTUuODI3IDQuNzU3QzEuNzEzIDUuNDQ3IDAgNy45NDUgMCAxMC40OWMwIDEuNjY2LjcxMyAzLjI4MyAxLjk5OCA0LjQ0OC0uMTE5LjUtLjE5IDEtLjE5IDEuNDk5IDAgMy40MDEgMi43NTkgNS45NDYgNS45NDYgNS45NDYuNjQyIDAgMS4yNi0uMDk1IDEuODgtLjMwOWE1Ljk2IDUuOTYgMCAwMDQuMTYyIDEuNzEzeiI+PC9wYXRoPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-claude{--m:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Q2xhdWRlPC90aXRsZT48cGF0aCBkPSJtNC43MTQ0IDE1Ljk1NTUgNC43MTc0LTIuNjQ3MS4wNzktLjIzMDctLjA3OS0uMTI3NWgtLjIzMDdsLS43ODkzLS4wNDg2LTIuNjk1Ni0uMDcyOS0yLjMzNzUtLjA5NzEtMi4yNjQ2LS4xMjE0LS41NzA3LS4xMjE1LS41MzQzLS43MDQyLjA1NDYtLjM1MjIuNDc5Ny0uMzIxOC42ODYuMDYwOCAxLjUxNzkuMTAzMiAyLjI3NjcuMTU3OCAxLjY1MTQuMDk3MiAyLjQ0NjguMjU1aC4zODg2bC4wNTQ2LS4xNTc5LS4xMzM2LS4wOTcxLS4xMDMyLS4wOTcyTDYuOTczIDkuODM1NmwtMi41NS0xLjY4NzktMS4zMzU2LS45NzE0LS43MjI1LS40OTE4LS4zNjQzLS40NjE0LS4xNTc4LTEuMDA3OC42NTU3LS43MjI1Ljg4MDMuMDYwNy4yMjQ2LjA2MDcuODkyNS42ODYgMS45MDY0IDEuNDc1NCAyLjQ4OTMgMS44MzM2LjM2NDMuMzAzNS4xNDU3LS4xMDMyLjAxODItLjA3MjgtLjE2NC0uMjczMy0xLjM1MzktMi40NDY3LTEuNDQ1LTIuNDg5My0uNjQzNS0xLjAzMi0uMTctLjYxOTRjLS4wNjA3LS4yNTUtLjEwMzItLjQ2NzQtLjEwMzItLjcyODVMNi4yODcuMTMzNSA2LjY5OTcgMGwuOTk1Ny4xMzM2LjQxOS4zNjQyLjYxOTIgMS40MTQ3IDEuMDAxOCAyLjIyODIgMS41NTQzIDMuMDI5Ni40NTUzLjg5ODUuMjQyOS44MzE4LjA5MS4yNTVoLjE1Nzl2LS4xNDU3bC4xMjc1LTEuNzA2LjIzNjgtMi4wOTQ3LjIzMDctMi42OTU3LjA3ODktLjc1ODkuMzc2NC0uOTEwNy43NDY4LS40OTE4LjU4MjguMjc5My40Nzk3LjY4Ni0uMDY2OC40NDMzLS4yODUzIDEuODUxNy0uNTU4NiAyLjkwMjEtLjM2NDMgMS45NDI5aC4yMTI1bC4yNDI5LS4yNDI5Ljk4MzUtMS4zMDUzIDEuNjUxNC0yLjA2NDMuNzI4Ni0uODE5Ni44NS0uOTA0Ni41NDY0LS40MzExaDEuMDMyMWwuNzU5IDEuMTI5My0uMzQgMS4xNjU3LTEuMDYyNSAxLjM0NzgtLjg4MDQgMS4xNDE0LTEuMjYyOCAxLjctLjc4OTMgMS4zNi4wNzI5LjEwOTMuMTg4Mi0uMDE4MyAyLjg1MzUtLjYwNyAxLjU0MjEtLjI3OTQgMS44Mzk2LS4zMTU3LjgzMTguMzg4Ni4wOTEuMzk0Ni0uMzI3OC44MDc1LTEuOTY3LjQ4NTctMi4zMDcyLjQ2MTQtMy40MzY0LjgxMzYtLjA0MjUuMDMwNC4wNDg2LjA2MDcgMS41NDgyLjE0NTcuNjYxOC4wMzY0aDEuNjIxbDMuMDE3NS4yMjQ3Ljc4OTIuNTIyLjQ3MzYuNjM3Ni0uMDc5LjQ4NTctMS4yMTQyLjYxOTMtMS42MzkzLS4zODg2LTMuODI1LS45MTA3LTEuMzExMy0uMzI3OWgtLjE4MjJ2LjEwOTNsMS4wOTI5IDEuMDY4NiAyLjAwMzUgMS44MDkyIDIuNTA3NSAyLjMzMTQuMTI3NS41NzY4LS4zMjE4LjQ1NTQtLjM0LS4wNDg2LTIuMjAzOS0xLjY1NzUtLjg1LS43NDY4LTEuOTI0Ni0xLjYyMWgtLjEyNzV2LjE3bC40NDMyLjY0OTYgMi4zNDM2IDMuNTIxNC4xMjE0IDEuMDgwNy0uMTcuMzUyMS0uNjA3MS4yMTI1LS42Njc5LS4xMjE0LTEuMzcyMS0xLjkyNDZMMTQuMzggMTcuOTU5bC0xLjE0MTQtMS45NDI4LS4xMzk3LjA3OS0uNjc0IDcuMjU1Mi0uMzE1Ni4zNzAzLS43Mjg2LjI3OTMtLjYwNzEtLjQ2MTQtLjMyMTgtLjc0NjguMzIxOC0xLjQ3NTMuMzg4Ni0xLjkyNDYuMzE1Ny0xLjUzLjI4NTMtMS45MDA0LjE3LS42MzE0LS4wMTIxLS4wNDI1LS4xMzk3LjAxODItMS40MzI4IDEuOTY3Mi0yLjE3OTYgMi45NDQ2LTEuNzI0MyAxLjg0NTYtLjQxMjguMTY0LS43MTY0LS4zNzA0LjA2NjctLjY2MTguNDAwOC0uNTg4OSAyLjM4Ni0zLjAzNTcgMS40Mzg5LTEuODgyLjkyOS0xLjA4NjgtLjAwNjItLjE1NzloLS4wNTQ2bC02LjMzODUgNC4xMTY0LTEuMTI5My4xNDU3LS40ODU3LS40NTU0LjA2MDgtLjc0NjcuMjMwNy0uMjQyOSAxLjkwNjQtMS4zMTE0WiIvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}

/* ============ Tokens. Claro: Omnica Web Library 2.0. Oscuro: adaptación propia, sin halos ============ */
:root {
  --font: Gilroy, -apple-system, 'Segoe UI', system-ui, sans-serif;
  --mono: ui-monospace, 'Cascadia Mono', Consolas, 'SF Mono', monospace;
  --bg: #F4F6F8; --sup: #FFFFFF; --sup2: #F9FAFB; --sup3: #EEF1F3; --hover: #F3F5F7;
  --linea: #E2E6EB; --linea2: #CDD3DB;
  --tinta: #1E2248; --suave: #5E6A7B; --tenue: #8792A2;
  --azul: #005EEB; --azul-h: #0052CC; --azul-s: #EDF4FF; --azul-s2: #DCE9FF; --azul-tinta: #0047B3;
  --pri-a: #0A6CFF; --pri-b: #005BD5; --pri-tinta: #FFFFFF;
  --bien-f: #E9FBF6; --bien: #11654A; --bien-p: #19A97B;
  --mal-f: #FFEDED; --mal: #B73232; --mal-p: #E5484D;
  --aviso-f: #FFF6E8; --aviso: #965601; --aviso-p: #E99A2C;
  --morado: #6528D7; --morado-f: #F1EBFC;
  --nav: #1E2248; --nav-tinta: #BCC3E0;
  --sh1: 0 1px 2px rgba(30, 34, 72, .06), 0 1px 3px rgba(30, 34, 72, .06);
  --sh2: 0 6px 16px -4px rgba(30, 34, 72, .12), 0 2px 4px -2px rgba(30, 34, 72, .06);
  --sh3: 0 24px 48px -12px rgba(30, 34, 72, .24), 0 4px 8px -4px rgba(30, 34, 72, .08);
  --velo: rgba(22, 26, 52, .32);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F141F; --sup: #171E2C; --sup2: #141A27; --sup3: #212A3B; --hover: #1C2434;
    --linea: #2B3547; --linea2: #3D4A60;
    --tinta: #EEF1F7; --suave: #AEB9CB; --tenue: #7F8BA0;
    --azul: #8EC0FF; --azul-h: #AFD3FF; --azul-s: #1B2E4C; --azul-s2: #22395E; --azul-tinta: #B4D6FF;
    --pri-a: #A9D0FF; --pri-b: #86B6F2; --pri-tinta: #10223A;
    --bien-f: #12322E; --bien: #74D9B8; --bien-p: #3CCB9C;
    --mal-f: #3E2230; --mal: #FFA9A9; --mal-p: #FF7A7A;
    --aviso-f: #3B321D; --aviso: #FFCF87; --aviso-p: #F2B54E;
    --morado: #B79BFF; --morado-f: #30264A;
    --nav: #141A27; --nav-tinta: #C9D3EA;
    --sh1: 0 1px 2px rgba(0, 0, 0, .3);
    --sh2: 0 6px 16px -4px rgba(0, 0, 0, .45), 0 2px 4px -2px rgba(0, 0, 0, .3);
    --sh3: 0 24px 48px -12px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .35);
    --velo: rgba(4, 7, 13, .6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0F141F; --sup: #171E2C; --sup2: #141A27; --sup3: #212A3B; --hover: #1C2434;
  --linea: #2B3547; --linea2: #3D4A60;
  --tinta: #EEF1F7; --suave: #AEB9CB; --tenue: #7F8BA0;
  --azul: #8EC0FF; --azul-h: #AFD3FF; --azul-s: #1B2E4C; --azul-s2: #22395E; --azul-tinta: #B4D6FF;
  --pri-a: #A9D0FF; --pri-b: #86B6F2; --pri-tinta: #10223A;
  --bien-f: #12322E; --bien: #74D9B8; --bien-p: #3CCB9C;
  --mal-f: #3E2230; --mal: #FFA9A9; --mal-p: #FF7A7A;
  --aviso-f: #3B321D; --aviso: #FFCF87; --aviso-p: #F2B54E;
  --morado: #B79BFF; --morado-f: #30264A;
  --nav: #141A27; --nav-tinta: #C9D3EA;
  --sh1: 0 1px 2px rgba(0, 0, 0, .3);
  --sh2: 0 6px 16px -4px rgba(0, 0, 0, .45), 0 2px 4px -2px rgba(0, 0, 0, .3);
  --sh3: 0 24px 48px -12px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .35);
  --velo: rgba(4, 7, 13, .6);
  color-scheme: dark;
}
.solo-oscuro { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .solo-oscuro { display: inline-block !important; }
  :root:not([data-theme="light"]) .solo-claro { display: none !important; }
}
:root[data-theme="dark"] .solo-oscuro { display: inline-block !important; }
:root[data-theme="dark"] .solo-claro { display: none !important; }

/* ============ Base ============ */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--tinta); font: 15px/22px var(--font); letter-spacing: -.2px; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
a { color: var(--azul); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; border-radius: 6px; }
[hidden] { display: none !important; }
h1, h2, h3 { margin: 0; text-wrap: balance; }
ul, ol { margin: 0; padding: 0; list-style: none; }
p { margin: 0; }
.oculto, .oculto-ico { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.oculto-ico { display: none !important; }
.mono { font-family: var(--mono); letter-spacing: 0; font-size: .92em; }
kbd { font: 600 11px/16px var(--mono); padding: 1px 6px; border-radius: 5px; border: 1px solid var(--linea2); background: var(--sup); color: var(--suave); }
html.cambiando-tema *, html.cambiando-tema *::before, html.cambiando-tema *::after {
  transition: background-color .45s ease, color .45s ease, border-color .45s ease, fill .45s ease, stroke .45s ease !important;
}

/* Iconos Omnica: el SVG original como máscara, color del tema */
.i { --s: 1; display: inline-block; flex: 0 0 auto; width: calc(24px * var(--s)); height: calc(24px * var(--s)); background: currentColor;
  -webkit-mask: var(--m) no-repeat; mask: var(--m) no-repeat;
  -webkit-mask-size: calc(var(--w) * var(--s)) calc(var(--h) * var(--s)); mask-size: calc(var(--w) * var(--s)) calc(var(--h) * var(--s));
  -webkit-mask-position: calc(var(--x) * var(--s)) calc(var(--y) * var(--s)); mask-position: calc(var(--x) * var(--s)) calc(var(--y) * var(--s)); }
.marca-ok { position: relative; display: inline-block; width: 14px; height: 14px; flex: 0 0 auto; }
.marca-ok::after { content: ''; position: absolute; left: 4px; top: 0; width: 5px; height: 10px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* ============ Movimiento ============ */
.ind { position: absolute; left: 0; top: 0; z-index: 0; width: var(--w, 0); height: var(--h, 0); transform: translate(var(--x, 0), var(--y, 0)); pointer-events: none;
  transition: transform .42s var(--ease), width .42s var(--ease), height .42s var(--ease), opacity .2s; }
.ind.sin-trans { transition: none !important; }
.ind.ind-fuera { opacity: 0; }
[data-desliza] { position: relative; isolation: isolate; }
[data-desliza] > :not(.ind) { position: relative; z-index: 1; }
@keyframes sube { from { opacity: 0; transform: translateY(8px); } }
@keyframes aparece { from { opacity: 0; } }
@keyframes crece { from { width: 0; } }
@keyframes revela { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes anillo-in { from { stroke-dashoffset: 100; } }
@keyframes brillo { 0% { background-position: -240px 0; } 100% { background-position: 240px 0; } }
@keyframes latido { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes gira { to { transform: rotate(360deg); } }
.entra .cab { animation: sube .45s var(--ease) both; }
.entra .herramientas, .entra .pestanas, .entra .metricas { animation: sube .45s .04s var(--ease) both; }
.entra .tabla-caja, .entra .dos-col, .entra .paginador, .entra .tarjeta, .entra .bento, .entra .rejilla-ases, .entra .temas, .entra .grupo, .entra .mapa, .entra .d3-doble, .entra .filtros-reg { animation: sube .5s .07s var(--ease) both; }
.entra tbody tr, .entra .tsub, .entra .fila-a, .entra .d3-item, .entra .met, .entra .ases, .entra .bt, .entra .bloque { animation: sube .5s var(--ease) both; animation-delay: calc(min(var(--n, 0), 12) * 30ms + 60ms); }
.entra .barra i, .aparece .barra i { animation: crece 1s .12s var(--ease) both; }
.entra .an-v, .aparece .an-v { animation: anillo-in 1.1s .12s var(--ease) both; }
.entra .chispa, .entra .grafica svg, .aparece .chispa, .aparece .grafica svg { animation: revela 1.2s .15s var(--ease-io) both; }
.aparece { animation: sube .38s var(--ease) both; }
.abre { animation: entra-lado .46s var(--ease) both; }
.cambia > * { animation: sube .35s var(--ease) both; }
@keyframes entra-lado { from { opacity: 0; transform: translateX(28px); } }
.quieto *, .quieto *::before, .quieto *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
::view-transition-old(root) { animation: 160ms ease both vt-sale; }
::view-transition-new(root) { animation: 340ms var(--ease) both vt-entra; }
@keyframes vt-sale { to { opacity: 0; } }
@keyframes vt-entra { from { opacity: 0; transform: translateY(6px); } }
::view-transition-group(compartido) { animation-duration: 440ms; animation-timing-function: var(--ease); }
::view-transition-old(compartido), ::view-transition-new(compartido) { height: 100%; width: auto; }

/* ============ Botones ============ */
.b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: 6px; white-space: nowrap;
  font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -.15px;
  transition: background .2s, box-shadow .2s, transform .16s var(--ease), border-color .2s, color .2s; }
.b .i { --s: .75; }
.b-pri { background: linear-gradient(180deg, var(--pri-a), var(--pri-b)); color: var(--pri-tinta); box-shadow: 0 1px 2px rgba(0, 72, 180, .22), inset 0 1px 0 rgba(255, 255, 255, .16); }
.b-pri:hover { background: linear-gradient(180deg, var(--azul-h), var(--azul-h)); }
.b-sec { background: var(--sup); border: 1px solid var(--linea2); color: var(--tinta); box-shadow: var(--sh1); }
.b-sec:hover { background: var(--hover); border-color: var(--tenue); }
.b-fantasma { color: var(--suave); }
.b-fantasma:hover { background: var(--hover); color: var(--tinta); }
.b-peligro { background: var(--mal-p); color: #fff; }
.b-bien { background: var(--bien-f); color: var(--bien); }
.b-discontinuo { border-style: dashed; color: var(--suave); box-shadow: none; }
.b-discontinuo:hover { color: var(--azul); border-color: var(--azul); background: var(--azul-s); }
.b:active:not(:disabled), .bi:active, .nav-op:active, .pild:active, .dk-vers button:active { transform: scale(.97); }
.b:disabled { opacity: .45; cursor: not-allowed; }
.b-ancho { width: 100%; }
.b-alto { height: 42px; font-size: 15px; }
.b.cargando { color: transparent; position: relative; }
.b.cargando::after { content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--pri-tinta); border-right-color: transparent; animation: gira .7s linear infinite; }
.bi { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: var(--suave); flex: 0 0 auto; transition: background .18s, color .18s, transform .16s var(--ease); }
.bi .i { --s: .78; }
.bi:hover { background: var(--hover); color: var(--tinta); }
.bi-pri { background: linear-gradient(180deg, var(--pri-a), var(--pri-b)); color: var(--pri-tinta); }
.bi-pri:hover { background: var(--azul-h); color: var(--pri-tinta); }
.bi-peligro:hover { background: var(--mal-f); color: var(--mal); }
.bi.apagado { opacity: .3; pointer-events: none; }
.enlace { color: var(--azul); font-size: 14px; font-weight: 600; justify-self: center; }
.enlace:hover { text-decoration: underline; }

/* ============ Datos pequeños ============ */
.chapa { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: 999px; background: var(--sup3); color: var(--suave);
  font-size: 12.5px; line-height: 16px; font-weight: 600; letter-spacing: -.05px; white-space: nowrap; }
.chapa .i { --s: .55; }
.c-bien { background: var(--bien-f); color: var(--bien); } .c-mal { background: var(--mal-f); color: var(--mal); }
.c-aviso { background: var(--aviso-f); color: var(--aviso); } .c-azul { background: var(--azul-s); color: var(--azul-tinta); }
.chapas { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.estado { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; line-height: 18px; font-weight: 600; white-space: nowrap; }
.estado i { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.e-bien { color: var(--bien); } .e-bien i { background: var(--bien-p); }
.e-mal { color: var(--mal); } .e-mal i { background: var(--mal-p); animation: latido 2.4s ease-in-out infinite; }
.e-neutro { color: var(--suave); } .e-neutro i { background: var(--tenue); }
.vivo { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--bien); letter-spacing: .2px; }
.vivo i { width: 6px; height: 6px; border-radius: 50%; background: var(--bien-p); animation: latido 2s ease-in-out infinite; }
.barra { display: block; height: 6px; min-width: 48px; border-radius: 99px; background: var(--sup3); overflow: hidden; }
.barra i { display: block; height: 100%; width: var(--p); border-radius: inherit; background: var(--azul); transition: width .7s var(--ease), background .4s; }
.barra.t-aviso i { background: var(--aviso-p); } .barra.t-mal i { background: var(--mal-p); }
.barra-fina { height: 4px; }
.anillo { position: relative; display: grid; justify-items: center; text-align: center; gap: 1px; }
.anillo svg { width: 64px; height: 64px; transform: rotate(-90deg); }
.anillo circle { fill: none; stroke-width: 5; }
.an-f { stroke: var(--sup3); }
.an-v { stroke: var(--azul); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--p)); transition: stroke-dashoffset .8s var(--ease), stroke .4s; }
.anillo.t-aviso .an-v { stroke: var(--aviso-p); } .anillo.t-mal .an-v { stroke: var(--mal-p); }
.anillo b { position: absolute; top: 20px; left: 0; right: 0; font-size: 14px; line-height: 24px; font-variant-numeric: tabular-nums; }
.anillo small { font-size: 12px; font-weight: 600; } .anillo em { font-style: normal; font-size: 11px; color: var(--suave); line-height: 14px; }
.chispa { width: 72px; height: 22px; overflow: visible; }
.chispa polyline { fill: none; stroke: var(--azul); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ch-area { fill: var(--azul-s); }
.av { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); font-size: 11px; font-weight: 700; letter-spacing: 0; flex: 0 0 auto; }
.avs { display: inline-flex; } .avs .av { box-shadow: 0 0 0 2px var(--sup); } .avs .av + .av { margin-left: -7px; background: var(--morado-f); color: var(--morado); }
.av-grande { width: 40px; height: 40px; font-size: 14px; }
.av-retrato { width: 112px; height: 112px; font-size: 36px; }
.persona { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.persona b { display: block; font-size: 14px; font-weight: 600; } .persona small { display: block; font-size: 12px; color: var(--suave); }
.sd { display: grid; min-width: 0; }
.sd b { font-size: 14.5px; line-height: 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd small { font-size: 12px; line-height: 16px; color: var(--suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tu { font-style: normal; font-size: 11px; font-weight: 700; color: var(--azul-tinta); background: var(--azul-s); border-radius: 4px; padding: 1px 6px; margin-left: 4px; }

/* ============ Controles ============ */
.apariencia { display: inline-flex; gap: 2px; padding: 2px; height: 30px; border-radius: 999px; background: var(--sup3); flex: 0 0 auto; }
.apariencia > .ind { background: var(--sup); border-radius: 999px; box-shadow: var(--sh1); }
.apariencia button { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: var(--suave); transition: color .2s; }
.apariencia button:hover, .apariencia button[aria-pressed="true"] { color: var(--tinta); }
.apariencia svg { width: 14px; height: 14px; }
.marca { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.marca img { width: 28px; height: 28px; display: block; flex: 0 0 auto; }
.marca b { font-size: 15.5px; font-weight: 700; white-space: nowrap; letter-spacing: -.3px; }
.logo-largo img { display: block; width: auto; height: 30px; }
.seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 9px; background: var(--sup3); max-width: 100%; overflow-x: auto; scrollbar-width: none; flex: 0 0 auto; }
.seg::-webkit-scrollbar { display: none; }
.seg > .ind { background: var(--sup); border-radius: 7px; box-shadow: var(--sh1); }
.seg button { height: 28px; padding: 0 12px; border-radius: 7px; color: var(--suave); font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: color .2s; display: inline-flex; align-items: center; gap: 6px; }
.seg button:hover, .seg button[aria-pressed="true"] { color: var(--tinta); }
.seg button em { font-style: normal; font-size: 11.5px; color: var(--tenue); font-variant-numeric: tabular-nums; }
.seg-chico button { height: 24px; padding: 0 9px; font-size: 12.5px; }
.seg-ancho { display: flex; } .seg-ancho button { flex: 1; justify-content: center; }
.pestanas { display: flex; gap: 4px; border-bottom: 1px solid var(--linea); margin-bottom: 18px; overflow-x: auto; scrollbar-width: none; }
.pestanas > .ind-raya { top: auto; bottom: 0; height: 2px !important; transform: translateX(var(--x, 0)); background: var(--azul); border-radius: 2px; }
.pestanas button { height: 42px; padding: 0 12px; color: var(--suave); font-size: 14px; font-weight: 600; white-space: nowrap; transition: color .2s; display: inline-flex; align-items: center; gap: 6px; }
.pestanas button:hover, .pestanas button[aria-pressed="true"] { color: var(--tinta); }
.pestanas button em { font-style: normal; font-size: 11px; padding: 0 6px; border-radius: 99px; background: var(--sup3); color: var(--suave); }
.interruptor { position: relative; width: 38px; height: 22px; border-radius: 999px; background: var(--linea2); transition: background .25s; flex: 0 0 auto; }
.interruptor i { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: var(--sh1); transition: transform .3s var(--ease); }
.interruptor[aria-checked="true"] { background: var(--azul); } .interruptor[aria-checked="true"] i { transform: translateX(16px); }
.campo { display: grid; gap: 8px; min-width: 0; }
.campo-rot { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--suave); }
.in { width: 100%; height: 36px; padding: 0 14px; border-radius: 6px; border: 1px solid var(--linea2); background: var(--sup); color: var(--tinta); font-size: 14px; transition: border-color .18s, box-shadow .18s; }
textarea.in { height: auto; padding: 8px 14px; resize: vertical; line-height: 20px; }
.in::placeholder { color: var(--tenue); }
.in:hover { border-color: var(--tenue); }
.in:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-s); }
.in[readonly] { background: var(--sup2); color: var(--suave); }
.in-con { position: relative; display: block; }
.in-con .in { padding-right: 42px; }
.in-con .bi, .in-con .in-ico { position: absolute; right: 1px; top: 1px; }
.in-ico { margin: 5px 8px; color: var(--suave); --s: .78; pointer-events: none; }
.in-sufijo { display: flex; }
.in-sufijo .in { border-radius: 6px 0 0 6px; font-family: var(--mono); letter-spacing: 0; }
.in-sufijo em { display: grid; place-items: center; padding: 0 12px; border: 1px solid var(--linea2); border-left: 0; border-radius: 0 6px 6px 0; background: var(--sup3); color: var(--suave); font-style: normal; font-size: 13.5px; white-space: nowrap; }
.campo-nombre { display: grid; gap: 6px; }
.valida { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--tenue); font-family: var(--mono); letter-spacing: 0; transition: color .2s; }
.valida .i { --s: .55; } .v-bien { color: var(--bien); } .v-mal { color: var(--mal); }
.desp { position: relative; display: block; }
.desp-boton { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; }
.desp-boton span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desp-flecha { --s: .68; color: var(--suave); transition: transform .25s var(--ease); }
.desp-boton[aria-expanded="true"] { border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-s); }
.desp-boton[aria-expanded="true"] .desp-flecha { transform: rotate(180deg); }
.desp-lista { position: absolute; z-index: 45; top: calc(100% + 6px); left: 0; right: 0; max-height: 248px; overflow: auto; padding: 4px; border-radius: 10px; background: var(--sup); border: 1px solid var(--linea); box-shadow: var(--sh2); transform-origin: top; animation: menu-in .2s var(--ease) both; }
.desp-lista button { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 34px; padding: 0 10px; border-radius: 6px; font-size: 13.5px; text-align: left; transition: background .15s; }
.desp-lista button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desp-lista button:hover { background: var(--hover); }
.desp-lista button[aria-selected="true"] { background: var(--azul-s); color: var(--azul-tinta); font-weight: 600; }
@keyframes menu-in { from { opacity: 0; transform: translateY(-4px) scale(.98); } }

/* Menús emergentes: compactos */
.menu-ancla, .cuenta-ancla { position: relative; display: inline-flex; }
.pop { position: absolute; z-index: 50; top: calc(100% + 8px); right: 0; min-width: 232px; padding: 5px; border-radius: 12px; background: var(--sup); border: 1px solid var(--linea); box-shadow: var(--sh3); transform-origin: top right; animation: menu-in .22s var(--ease) both; text-align: left; }
.pop-arriba { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; transform-origin: bottom left; }
.pop-op { display: flex; align-items: center; gap: 10px; width: 100%; height: 34px; padding: 0 10px; border-radius: 7px; font-size: 13.5px; font-weight: 500; transition: background .15s; }
.pop-op .i { --s: .68; color: var(--suave); }
.pop-op:hover { background: var(--hover); }
.op-peligro, .op-peligro .i { color: var(--mal) !important; }
.pop-yo { display: flex; gap: 10px; align-items: center; padding: 8px 8px 10px; }
.pop-yo b { display: block; font-size: 14px; } .pop-yo small { display: block; font-size: 12px; color: var(--suave); }
.pop-fila { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 8px; margin-bottom: 4px; border-bottom: 1px solid var(--linea); font-size: 13px; color: var(--suave); }
.cuenta { display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 4px; border-radius: 999px; transition: background .18s; text-align: left; }
.cuenta:hover { background: var(--hover); }
.cuenta-nombre { display: grid; padding-right: 8px; line-height: 16px; }
.cuenta-nombre b { font-size: 13.5px; } .cuenta-nombre small { font-size: 11.5px; color: var(--suave); }

/* ============ Página ============ */
.cab { margin-bottom: 18px; }
.cab-fila { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.cab h1 { font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -.4px; }
.cab-acc { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.volver { display: inline-flex; align-items: center; gap: 6px; height: 28px; margin-bottom: 6px; color: var(--suave); font-size: 13.5px; font-weight: 600; transition: color .18s, gap .2s var(--ease); }
.volver .i { --s: .55; } .volver:hover { color: var(--tinta); gap: 9px; }
.herramientas { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
.buscador { display: block; width: 260px; max-width: 100%; }
.vacio { display: grid; justify-items: center; gap: 10px; padding: 36px 16px; text-align: center; color: var(--suave); font-size: 14px; }
.vacio b { color: var(--tinta); }
.vacio-dibujo { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--sup3); color: var(--tenue); }
.tarjeta { background: var(--sup); border: 1px solid var(--linea); border-radius: 12px; padding: 18px 20px; min-width: 0; }
.tarjeta + .tarjeta { margin-top: 14px; }
.tarjeta h3, .sub-h { display: flex; align-items: center; gap: 8px; font-size: 15px; line-height: 22px; font-weight: 700; margin: 0 0 12px; }
.tarjeta h3 .i, .sub-h .i { --s: .68; color: var(--suave); }
.tarjeta h3 em, .bt h3 em, .grupo h2 em { font-style: normal; font-size: 11.5px; padding: 0 7px; border-radius: 99px; background: var(--sup3); color: var(--suave); font-weight: 700; }
.tarjeta h3 .vivo { margin-left: auto; }
.dos-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.dos-col > .tarjeta + .tarjeta { margin-top: 0; }
.pila { display: grid; grid-auto-rows: max-content; gap: 14px; }
.pie-form { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }

/* Tabla */
.tabla-caja { background: var(--sup); border: 1px solid var(--linea); border-radius: 12px; overflow: auto; container: tabla / inline-size; }
.tabla { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.tabla th { position: sticky; top: 0; z-index: 2; text-align: left; padding: 10px 14px; font-size: 12px; font-weight: 600; color: var(--suave); background: var(--sup2); border-bottom: 1px solid var(--linea); white-space: nowrap; }
.tabla td { padding: 10px 14px; border-bottom: 1px solid var(--linea); vertical-align: middle; height: 54px; }
.tabla tbody tr:last-child td { border-bottom: 0; }
.tabla tbody tr { transition: background .16s; }
.tabla tbody tr[data-a] { cursor: pointer; }
.tabla tbody tr[data-a]:hover { background: var(--hover); }
.tabla tbody tr[aria-selected="true"] { background: var(--azul-s); }
.tabla tbody tr[aria-selected="true"] td:first-child { box-shadow: inset 3px 0 0 var(--azul); }
.c-acc { width: 48px; text-align: right; }
.uso { display: grid; gap: 4px; min-width: 110px; } .uso small, .cpu small { font-size: 12px; color: var(--suave); white-space: nowrap; font-variant-numeric: tabular-nums; }
.cpu { display: flex; align-items: center; gap: 8px; }
.t-sub.compacta .c-ases, .t-sub.compacta .c-cpu { display: none; }
@container tabla (max-width: 760px) { .t-sub .c-ases, .t-sub .c-cpu { display: none; } }
.t-reg, .t-equipo { min-width: 620px; }
.esqueleto td, .esqueleto { pointer-events: none; }
.esqueleto i { display: block; height: 10px; border-radius: 6px; margin: 6px 0; background: linear-gradient(90deg, var(--sup3) 0, var(--hover) 120px, var(--sup3) 240px) var(--sup3); background-size: 480px 100%; animation: brillo 1.2s linear infinite; }
.esqueleto i:nth-child(2) { width: 60%; } .esqueleto i:nth-child(3) { width: 35%; }
.paginador { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding: 6px 10px; border: 1px solid var(--linea); border-radius: 12px; background: var(--sup); }
.pag-izq { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.pag-izq .seg { margin-left: 8px; }
.pag-n { font-size: 13px; font-weight: 600; min-width: 48px; text-align: center; font-variant-numeric: tabular-nums; }
.pag-total { font-size: 13px; color: var(--suave); }

/* Ficha */
.metricas { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 14px; }
.met { background: var(--sup); border: 1px solid var(--linea); border-radius: 12px; padding: 14px 16px; display: grid; gap: 6px; align-content: start; transition: border-color .2s, box-shadow .2s; }
.met:hover { border-color: var(--linea2); box-shadow: var(--sh1); }
.met-cab { display: flex; align-items: center; gap: 7px; color: var(--suave); font-size: 12.5px; font-weight: 600; }
.met-cab .i { --s: .62; } .met-cab .vivo { margin-left: auto; }
.met > b { font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }
.met > b small { font-size: 13px; font-weight: 600; color: var(--suave); letter-spacing: 0; }
.met-pie { font-size: 12px; color: var(--suave); }
.chispa-met { width: 100%; height: 26px; }
.datos { margin: 0; display: grid; }
.datos div { display: grid; grid-template-columns: 120px 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--linea); align-items: center; }
.datos div:last-child { border-bottom: 0; }
.datos dt { font-size: 13px; color: var(--suave); } .datos dd { margin: 0; font-size: 13.5px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.conexion { display: flex; align-items: center; gap: 10px; padding: 5px 5px 5px 12px; border-radius: 10px; background: var(--sup3); margin-bottom: 12px; min-width: 0; }
.conexion > .i { --s: .62; color: var(--suave); }
.conexion code { flex: 1; min-width: 0; font-family: var(--mono); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.llaves { display: grid; gap: 8px; margin-bottom: 10px; }
.llaves li { display: flex; align-items: center; gap: 10px; padding: 8px 6px 8px 10px; border: 1px solid var(--linea); border-radius: 10px; transition: border-color .2s, background .2s; }
.llaves li:hover { border-color: var(--linea2); background: var(--sup2); }
.llave-txt { flex: 1; min-width: 0; display: grid; } .llave-txt b { font-size: 13.5px; } .llave-txt small { font-size: 11.5px; color: var(--suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.llave-f { font-size: 12px; color: var(--tenue); }
.limites { display: grid; gap: 14px; }
.lim { display: grid; grid-template-columns: 96px auto; align-items: center; justify-content: start; gap: 12px; }
.lim > .seg:not(.seg-ancho) { justify-self: start; }
.lim-rot { font-size: 13.5px; font-weight: 600; }
.lim-pie { display: flex; justify-content: flex-end; }
.tiempo { position: relative; padding-left: 20px; display: grid; gap: 12px; }
.tiempo::before { content: ''; position: absolute; left: 5px; top: 6px; bottom: 6px; width: 2px; background: var(--linea); border-radius: 2px; }
.tiempo li { position: relative; display: grid; font-size: 13.5px; }
.tiempo li::before { content: ''; position: absolute; left: -20px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--sup); border: 2px solid var(--azul); }
.tiempo time { font-family: var(--mono); letter-spacing: 0; font-size: 11.5px; color: var(--suave); } .tiempo small { color: var(--suave); font-size: 12.5px; }
.tiempo-chico { gap: 10px; } .tiempo-chico li { font-size: 13px; }
.consola { padding: 10px 12px; border-radius: 10px; background: #0D121C; color: #C5D0E2; font: 12px/20px var(--mono); letter-spacing: 0; overflow: hidden; min-height: 120px; }
.cl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cl-mal { color: #FF9E9E; }
.cl-nueva { animation: linea-in .5s var(--ease) both; }
@keyframes linea-in { from { opacity: 0; transform: translateY(6px); background: rgba(142, 192, 255, .12); } }
.consola-orden { margin: 14px 0 0; white-space: pre-wrap; min-height: 0; }
.graficas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.graficas.una { grid-template-columns: minmax(0, 1fr); }
.grafica { margin: 0; background: var(--sup); border: 1px solid var(--linea); border-radius: 12px; padding: 14px 16px 10px; display: grid; gap: 8px; }
.tarjeta .grafica, .bt .grafica { border: 0; padding: 0; background: none; }
.grafica figcaption { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; flex-wrap: wrap; } .grafica figcaption span { color: var(--suave); font-size: 12.5px; }
.grafica svg { width: 100%; height: 100px; overflow: visible; }
.g-linea { fill: none; stroke: var(--azul); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.g-area { fill: var(--azul-s); opacity: .8; }
.g-punto { fill: var(--sup); stroke: var(--azul); stroke-width: 2; vector-effect: non-scaling-stroke; opacity: 0; transition: opacity .2s; }
.grafica:hover .g-punto { opacity: 1; }
.g-morado .g-linea, .g-morado .g-punto { stroke: var(--morado); } .g-morado .g-area { fill: var(--morado-f); }
.g-eje { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--tenue); font-family: var(--mono); letter-spacing: 0; }
.ranking { display: grid; gap: 4px; }
.ranking button { display: grid; grid-template-columns: 22px minmax(0, 1fr) 90px; align-items: center; gap: 10px; width: 100%; padding: 8px 8px; border-radius: 8px; text-align: left; transition: background .15s; }
.ranking button:hover { background: var(--hover); }
.rk-n { font-size: 12px; font-weight: 700; color: var(--tenue); text-align: center; font-variant-numeric: tabular-nums; }
.hechos { display: grid; gap: 10px; } .hechos li { display: flex; gap: 10px; align-items: center; font-size: 14px; } .hechos .i { --s: .68; color: var(--suave); }
.fila-int { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--linea); margin-bottom: 10px; }
.fila-int b { display: block; font-size: 14px; } .fila-int small { display: block; font-size: 12.5px; color: var(--suave); }
.sesiones { display: grid; gap: 8px; }
.sesiones li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border: 1px solid var(--linea); border-radius: 10px; }
.sesiones b { display: block; font-size: 13.5px; } .sesiones small { display: block; font-size: 12px; color: var(--suave); }
.retrato { position: relative; border-radius: 50%; }
.retrato-acc { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; background: rgba(15, 20, 31, .5); opacity: 0; transition: opacity .25s; }
.retrato:hover .retrato-acc, .retrato:focus-within .retrato-acc { opacity: 1; }
.retrato-acc .bi { color: #fff; width: 44px; height: 44px; } .retrato-acc .bi:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.temas { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; max-width: 720px; }
.tema-op { display: grid; gap: 6px; text-align: left; padding: 10px; border-radius: 12px; border: 1px solid var(--linea); background: var(--sup); transition: border-color .25s, box-shadow .25s, transform .2s var(--ease); }
.tema-op:hover { transform: translateY(-2px); }
.tema-op[aria-pressed="true"] { border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-s); }
.tema-op b { display: flex; align-items: center; gap: 8px; font-size: 13.5px; } .tema-op b svg { width: 14px; height: 14px; } .tema-op small { font-size: 12.5px; color: var(--suave); }
.tema-vista { display: grid; grid-template-columns: 18px 1fr; grid-template-rows: 10px 1fr; gap: 4px; height: 78px; padding: 6px; border-radius: 8px; background: #F4F6F8; }
.tema-vista i { border-radius: 3px; background: #fff; } .tema-vista i:first-child { grid-row: 1 / -1; background: #1E2248; }
.tv-dark { background: #0F141F; } .tv-dark i { background: #171E2C; } .tv-dark i:first-child { background: #141A27; }
.tv-auto { background: linear-gradient(135deg, #F4F6F8 50%, #0F141F 50%); }
.etiquetas { display: flex; flex-wrap: wrap; gap: 6px; }
.etq { height: 24px; padding: 0 9px; border-radius: 999px; background: var(--sup3); font-size: 12px; font-weight: 600; font-family: var(--mono); letter-spacing: 0; transition: background .18s, color .18s; }
.etq:hover { background: var(--azul-s); color: var(--azul-tinta); }
.etq-mas { display: inline-grid; place-items: center; font-family: var(--font); color: var(--suave); }
.rejilla-ases { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.ases { display: grid; gap: 12px; padding: 16px; border-radius: 12px; background: var(--sup); border: 1px solid var(--linea); transition: border-color .2s, box-shadow .2s, transform .25s var(--ease); }
.ases:hover { border-color: var(--linea2); box-shadow: var(--sh2); transform: translateY(-2px); }
.ases header { display: flex; align-items: center; gap: 10px; } .ases header .sd { flex: 1; }
.ases footer { display: flex; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid var(--linea); }
.ases footer small { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--suave); } .ases footer .i { --s: .55; }
.filtros-reg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }

/* Alta */
.pasos { position: relative; display: flex; justify-content: space-between; gap: 8px; padding: 16px 24px 4px; }
.pasos li { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--tenue); background: var(--sup); padding-right: 8px; }
.pasos li:not(:first-child) { padding-left: 8px; }
.pasos li > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--linea2); font-size: 12.5px; background: var(--sup); transition: all .35s var(--ease); }
.pasos .ahora { color: var(--tinta); } .pasos .ahora > span { border-color: var(--azul); background: var(--azul); color: var(--pri-tinta); }
.pasos .hecho { color: var(--suave); } .pasos .hecho > span { border-color: var(--azul-s2); background: var(--azul-s); color: var(--azul-tinta); }
.pasos-barra { position: absolute; left: 36px; right: 36px; top: 28px; height: 2px; background: var(--linea); z-index: 0; }
.pasos-barra i { display: block; height: 100%; width: calc((var(--paso) - 1) / (var(--total) - 1) * 100%); background: var(--azul); transition: width .5s var(--ease); }
.pista { display: flex; width: 100%; transition: transform .5s var(--ease); transform: translateX(calc(var(--i) * -100%)); }
.pista-p { flex: 0 0 100%; min-width: 0; padding: 2px; }
.modal-cuerpo:has(.pista), .tarjeta-asist { overflow: hidden; }
.progreso { display: grid; gap: 2px; padding: 6px 0; }
.progreso li { display: flex; align-items: center; gap: 12px; padding: 9px 0; color: var(--tenue); font-size: 14.5px; transition: color .3s; }
.pg { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--linea2); position: relative; flex: 0 0 auto; transition: background .3s, border-color .3s, transform .3s var(--ease); }
.progreso li:first-child:not(.hecho) .pg, .progreso li.hecho + li:not(.hecho) .pg { border-color: var(--azul); border-right-color: transparent; animation: gira .8s linear infinite; }
.progreso li.hecho { color: var(--tinta); }
.progreso li.hecho .pg { background: var(--bien-p); border-color: var(--bien-p); transform: scale(1.06); }
.progreso li.hecho .pg::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.listo { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 6px 0; }
.listo-sello { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--bien-f); color: var(--bien); animation: sello .6s var(--ease) both; }
@keyframes sello { from { transform: scale(.5); opacity: 0; } 60% { transform: scale(1.08); } }
.listo > b { font-size: 19px; line-height: 26px; } .listo > a { font-size: 13.5px; }
.listo-llave { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 10px 10px 14px; border-radius: 10px; border: 1px solid var(--linea); background: var(--sup2); text-align: left; }
.listo-llave > span:not(.i) { flex: 1; display: grid; min-width: 0; } .listo-llave b { font-size: 13.5px; } .listo-llave small { font-size: 12px; color: var(--suave); }
.listo-llave > .i { color: var(--azul); --s: .8; }
.listo .conexion { margin: 0; width: 100%; text-align: left; }
.listo-acc { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.huella { font-size: 12.5px; color: var(--suave); overflow-wrap: anywhere; }

/* Capas */
.velo { position: absolute; inset: 0; z-index: 60; background: var(--velo); animation: aparece .32s ease both; }
.velo-claro { background: color-mix(in srgb, var(--velo) 55%, transparent); }
.modal { position: absolute; z-index: 61; top: 50%; left: 50%; width: min(540px, calc(100% - 32px)); max-height: calc(100% - 48px); display: flex; flex-direction: column;
  background: var(--sup); border-radius: 16px; box-shadow: var(--sh3); border: 1px solid var(--linea); transform: translate(-50%, -50%); animation: modal-in .38s var(--ease) both; }
@keyframes modal-in { from { opacity: 0; transform: translate(-50%, -47%) scale(.97); } }
.asa { display: none; }
.modal-cab, .cajon-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 20px; border-bottom: 1px solid var(--linea); }
.modal-cab b { font-size: 16px; } .cajon-cab h2 { font-size: 17px; }
.modal-cuerpo { padding: 20px; overflow: auto; display: grid; grid-auto-rows: max-content; gap: 14px; }
.modal-pie { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--linea); background: var(--sup2); border-radius: 0 0 16px 16px; }
.modal-pie .pie-form { margin: 0; width: 100%; }
.cajon { position: absolute; z-index: 61; top: 8px; right: 8px; bottom: 8px; width: min(520px, calc(100% - 16px)); display: flex; flex-direction: column; background: var(--sup); border: 1px solid var(--linea); border-radius: 16px; box-shadow: var(--sh3); animation: cajon-in .46s var(--ease) both; }
@keyframes cajon-in { from { transform: translateX(32px); opacity: 0; } }
.cajon-cuerpo { flex: 1; overflow: auto; padding: 16px 20px 24px; display: grid; grid-auto-rows: max-content; gap: 12px; align-content: start; }
.cajon-cuerpo .tarjeta + .tarjeta { margin-top: 0; }
.paleta { position: absolute; z-index: 62; top: 11%; left: 50%; width: min(600px, calc(100% - 32px)); transform: translateX(-50%); border-radius: 16px; background: var(--sup); border: 1px solid var(--linea); box-shadow: var(--sh3); animation: paleta-in .3s var(--ease) both; overflow: hidden; }
@keyframes paleta-in { from { opacity: 0; transform: translate(-50%, -10px) scale(.98); } }
.paleta-busca { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--linea); color: var(--suave); }
.paleta-busca .i { --s: .75; }
.paleta-busca .in { border: 0; box-shadow: none; padding: 0; height: 32px; font-size: 15px; background: none; }
.paleta-ops { padding: 6px; max-height: 340px; overflow: auto; }
.paleta-ops > .ind { background: var(--azul-s); border-radius: 8px; }
.paleta-grupo { font-size: 11.5px; font-weight: 700; color: var(--tenue); padding: 8px 10px 4px; letter-spacing: .2px; }
.paleta-op { display: flex; align-items: center; gap: 10px; width: 100%; height: 38px; padding: 0 10px; border-radius: 8px; font-size: 14px; text-align: left; }
.paleta-op .i { --s: .68; color: var(--suave); } .paleta-op .estado { margin-left: auto; }
.paleta-op[aria-pressed="true"] { color: var(--azul-tinta); } .paleta-op[aria-pressed="true"] .i { color: var(--azul); }
.paleta-vacio { padding: 18px; text-align: center; color: var(--suave); font-size: 14px; }
.paleta-pie { display: flex; gap: 16px; padding: 8px 14px; border-top: 1px solid var(--linea); font-size: 12px; color: var(--suave); background: var(--sup2); }
.paleta-pie kbd { margin-right: 2px; }

/* Avisos y globos */
#avisos { position: fixed; z-index: 999; right: 20px; bottom: 84px; display: grid; gap: 8px; justify-items: end; pointer-events: none; }
.toast { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px; background: var(--tinta); color: var(--bg); font-size: 13.5px; font-weight: 600; box-shadow: var(--sh3); animation: toast-in .45s var(--ease) both; transition: opacity .4s, transform .4s var(--ease); }
.toast .i { --s: .65; } .toast.fuera { opacity: 0; transform: translateY(8px) scale(.98); }
@keyframes toast-in { from { opacity: 0; transform: translateY(14px) scale(.96); } }
#globo { position: fixed; z-index: 1000; left: 0; top: 0; max-width: 260px; padding: 5px 9px; border-radius: 7px; background: var(--tinta); color: var(--bg); font-size: 12.5px; line-height: 17px; font-weight: 600; pointer-events: none; box-shadow: var(--sh2); }

/* ============ Entradas: fondos lentos, sin halos ============ */
.ent { position: relative; height: 100%; overflow: auto; display: grid; place-items: center; padding: 32px 16px; isolation: isolate; }
.ent-col { position: relative; z-index: 1; width: min(400px, 100%); }
.ent-tarjeta { background: var(--sup); border: 1px solid var(--linea); border-radius: 16px; box-shadow: var(--sh2); padding: 28px; }
.ent-tarjeta.sin-marco { border: 0; box-shadow: none; background: transparent; padding: 0; }
.ent-arriba { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 24px; }
.ent-tarjeta h1 { font-size: 22px; line-height: 30px; margin-bottom: 18px; letter-spacing: -.4px; }
.ent-form { display: grid; gap: 14px; }
.ent-form .b-alto { margin-top: 4px; }
.codigo-rot { display: grid; gap: 10px; justify-items: start; } .codigo-rot b { font-size: 14px; }
.codigo { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.codigo-c { height: 48px; padding: 0; text-align: center; font-size: 20px; font-weight: 700; font-family: var(--mono); }
.ent-pie { margin: 14px 0 0; text-align: center; font-size: 12px; color: var(--tenue); }
.entra .ent-tarjeta, .entra .ent1-caja, .entra .terminal { animation: sube .7s var(--ease) both; }

@keyframes hoja-in { from { transform: translateY(60px); opacity: 0; } }
@keyframes cajon-in { from { transform: translateX(32px); opacity: 0; } }

/* ============ El marco ============ */
html, body { height: 100%; }
body { overflow: hidden; }
#app { height: 100dvh; }
/* transform: el panel es el bloque contenedor de lo fijo (velos, hojas). */
.app { position: relative; overflow: hidden; background: var(--bg); container: app / inline-size; transform: translateZ(0); }
.pn, .ent { height: 100%; }
.contenido { overflow: auto; min-width: 0; min-height: 0; padding: 22px 26px 96px; scroll-behavior: smooth; }

/* ============ Armazón: riel de iconos + panel ============ */
.pn { display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.pn-riel { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 14px 0 12px; background: var(--nav); }
.pn-logo img { display: block; width: 30px; height: 30px; }
.pn-ops { display: grid; gap: 4px; }
.pn-ops > .ind { background: rgba(255, 255, 255, .1); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }
.pn-ops .nav-op { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--nav-tinta); transition: color .2s, background .2s; }
.pn-ops .nav-op .i { --s: .86; }
.pn-ops .nav-op:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.pn-ops .nav-op[aria-current="page"] { color: #fff; background: none; }
.pn-ops .nav-op[aria-current="page"]::before { content: ''; position: absolute; left: -10px; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--azul); }
.pn-pie { margin-top: auto; }
.pn-riel .cuenta { padding: 0; height: auto; border-radius: 50%; }
.pn-riel .cuenta:hover { background: none; box-shadow: 0 0 0 3px rgba(255, 255, 255, .14); }
.av-yo { width: 34px; height: 34px; font-size: 12px; }
/* Plano (la 1 del pliego del armazón, 13/10/2026): pegado al riel, sin margen, borde, esquinas ni sombra. */
.pn-panel { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 56px minmax(0, 1fr); min-width: 0; min-height: 0; background: var(--bg); overflow: hidden; }
.pn-barra { display: flex; align-items: center; gap: 14px; padding: 0 12px 0 20px; background: var(--sup); border-bottom: 1px solid var(--linea); min-width: 0; }
.pn-nombre { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.pn-nombre img { display: none; }
.pn-nombre b { font-size: 15px; letter-spacing: -.3px; } .pn-nombre em { font-style: normal; font-size: 13px; color: var(--suave); font-weight: 600; }
.pn-nombre + .ruta { padding-left: 14px; border-left: 1px solid var(--linea); }
.ruta { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--suave); min-width: 0; white-space: nowrap; overflow: hidden; }
.ruta b { color: var(--tinta); font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.ruta-sep { --s: .5; color: var(--tenue); }
.buscar-cmd { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 8px 0 12px; min-width: 200px; border-radius: 8px; border: 1px solid var(--linea); background: var(--sup2); color: var(--tenue); font-size: 13.5px; transition: border-color .2s, background .2s; flex: 0 0 auto; }
.buscar-cmd > span:not(.i) { flex: 1; text-align: left; } .buscar-cmd:hover { border-color: var(--linea2); background: var(--sup); }
.pn-srv { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--suave); white-space: nowrap; }
.pn-cuenta-movil { display: none; }
.pn-abajo { display: none; }

/* ============ Menús flotantes ============ */
.flotante { position: absolute; z-index: 80; left: 0; top: 0; min-width: 236px; max-width: calc(100% - 16px); max-height: 70vh; overflow: auto; padding: 5px; border-radius: 12px;
  background: var(--sup); border: 1px solid var(--linea); box-shadow: var(--sh3); animation: flota-in .2s var(--ease) both; text-align: left; }
.flotante.hacia-arriba { animation-name: flota-in-arriba; }
@keyframes flota-in { from { opacity: 0; transform: translateY(-4px) scale(.98); } }
@keyframes flota-in-arriba { from { opacity: 0; transform: translateY(4px) scale(.98); } }
.flotante-desp { min-width: 0; padding: 4px; }
/* El menú de la cuenta sale de su avatar: flecha hacia él y entrada desde ese punto. */
.flotante.flecha-abajo, .flotante.flecha-arriba { overflow: visible; }
.flotante.flecha-abajo::before, .flotante.flecha-arriba::before { content: ''; position: absolute; width: 14px; height: 14px; background: var(--sup); border: 1px solid var(--linea); border-radius: 2px; transform: rotate(45deg); }
.flotante.flecha-abajo::before { bottom: -8px; left: calc(var(--flecha) - 7px); border-top-color: transparent; border-left-color: transparent; }
.flotante.flecha-arriba::before { top: -8px; left: calc(var(--flecha) - 7px); border-bottom-color: transparent; border-right-color: transparent; }
.flotante.flecha-abajo { transform-origin: var(--flecha) 100%; animation-name: sale-del-avatar; }
.flotante.flecha-arriba { transform-origin: var(--flecha) 0; }
@keyframes sale-del-avatar { from { opacity: 0; transform: translateY(10px) scale(.94); } }
.pn-riel .cuenta[aria-expanded="true"] { box-shadow: 0 0 0 3px rgba(142, 192, 255, .6); }
.pn-cuenta-movil .cuenta[aria-expanded="true"] { box-shadow: 0 0 0 3px var(--azul-s2); }
.pop-op { display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 10px; border-radius: 8px; font-size: 13.5px; font-weight: 500; color: var(--tinta); transition: background .15s; text-align: left; }
.pop-op .i { --s: .68; color: var(--suave); }
.pop-op:hover { background: var(--hover); }
.pop-op .pop-dato { margin-left: auto; font-size: 12px; color: var(--tenue); }
.desp-op { justify-content: space-between; } .desp-op span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desp-op[aria-selected="true"] { background: var(--azul-s); color: var(--azul-tinta); font-weight: 600; }
.op-peligro, .op-peligro .i { color: var(--mal) !important; }
.pop-yo { display: flex; gap: 10px; align-items: center; padding: 8px 8px 10px; }
.pop-yo b { display: block; font-size: 14px; } .pop-yo small { display: block; font-size: 12px; color: var(--suave); margin-bottom: 4px; }
.pop-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 8px 8px; margin-bottom: 4px; border-bottom: 1px solid var(--linea); font-size: 13px; color: var(--suave); }
.c-grupo { background: var(--azul-s); color: var(--azul-tinta); }
.b-chico { height: 30px; padding: 0 12px; font-size: 13px; }
.b-peligro-sec { border: 1px solid var(--mal); color: var(--mal); background: var(--sup); }
.b-peligro-sec:hover { background: var(--mal-f); }
.interruptor:disabled { opacity: .5; cursor: not-allowed; }

/* ============ Subdominios: tabla y ficha que se asoma ============ */
.dividido { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.dividido[data-abierto="true"] { grid-template-columns: minmax(0, 1fr) 420px; }
.dividido-tabla { min-width: 0; }
.velo-asoma { display: none; }
.asoma { position: sticky; top: 0; min-width: 0; }
.asoma-in { background: var(--sup); border: 1px solid var(--linea); border-radius: 14px; box-shadow: var(--sh2); padding: 14px 16px 18px; max-height: calc(100vh - 130px); overflow: auto; }
.asoma-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.asoma-tit { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
.asoma-tit h2 { font-size: 19px; line-height: 26px; letter-spacing: -.3px; overflow: hidden; text-overflow: ellipsis; }
.asoma-host { display: inline-block; font-size: 13px; margin: 2px 0 12px; overflow-wrap: anywhere; }
.asoma-acc { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.asoma .metricas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.asoma .tarjeta { padding: 14px; border-radius: 12px; }
.asoma .datos div { grid-template-columns: 96px 1fr; }
.asa { display: none; }
.tabla-caja { container: tabla / inline-size; }
@container tabla (max-width: 900px) { .t-sub .c-cpu { display: none; } }
@container tabla (max-width: 720px) { .t-sub .c-ases { display: none; } }
@container tabla (max-width: 560px) { .t-sub .c-ram { display: none; } }

/* ============ Consola ============ */
.cs { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.cs-principal { min-width: 0; display: grid; gap: 10px; }
.cs-pestanas { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.cs-pestanas > .ind { background: var(--sup); border-radius: 9px; box-shadow: var(--sh1); border: 1px solid var(--linea); }
.cs-pest { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 8px 0 12px; border-radius: 9px; font-size: 13.5px; font-weight: 600; color: var(--suave); white-space: nowrap; transition: color .2s; flex: 0 0 auto; }
.cs-pest[aria-pressed="true"], .cs-pest:hover { color: var(--tinta); }
.cs-punto { width: 7px; height: 7px; border-radius: 50%; background: var(--tenue); } .cs-punto.ok { background: var(--bien-p); }
.cs-cerrar { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; color: var(--tenue); }
.cs-cerrar .i { --s: .5; } .cs-cerrar:hover { background: var(--hover); color: var(--tinta); }
.cs-mas { width: 30px; height: 30px; flex: 0 0 auto; }
.term { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; height: clamp(420px, calc(100vh - 250px), 760px); border-radius: 14px; overflow: hidden; background: #0C111B; border: 1px solid #1F2838; box-shadow: var(--sh2); color: #D3DBE8; }
.term-barra { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 14px; background: #121927; border-bottom: 1px solid #1F2838; min-width: 0; flex-wrap: wrap; }
.term-tit { display: inline-flex; align-items: center; gap: 8px; } .term-tit .i { --s: .7; color: #8EC0FF; } .term-tit b { font-size: 13.5px; color: #EEF1F7; } .term-tit small { font-size: 11.5px; color: #7F8BA0; }
.term-dir { font-size: 12px; color: #7F8BA0; }
.term-barra .chapa { background: #12322E; color: #74D9B8; }
.term-acc { margin-left: auto; display: flex; gap: 2px; }
.term-acc .bi { color: #8B97AC; } .term-acc .bi:hover { background: #1C2434; color: #fff; }
.term-salida { overflow: auto; padding: 14px 16px; font: 13px/21px var(--mono); letter-spacing: 0; }
.tl { white-space: pre-wrap; overflow-wrap: anywhere; }
.tl-sis { color: #7F8BA0; } .tl-aviso { color: #FFCF87; } .tl-marca { color: #EEF1F7; font-weight: 700; }
.tl-yo { color: #8EC0FF; margin-top: 8px; } .tl-ia { color: #D3DBE8; } .tl-orden { color: #B79BFF; } .tl-res { color: #8B97AC; padding-left: 12px; border-left: 2px solid #26324A; }
.tl-nueva { animation: linea-in .35s var(--ease) both; }
@keyframes linea-in { from { opacity: 0; transform: translateY(4px); } }
.tl-cursor i { display: inline-block; width: 8px; height: 16px; vertical-align: middle; background: #8EC0FF; animation: latido 1.1s steps(1) infinite; }
.term-entrada { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-top: 1px solid #1F2838; background: #0F1521; }
.term-prompt { color: #8EC0FF; font-weight: 700; }
.term-in { flex: 1; min-width: 0; height: 34px; border: 0; background: none; color: #EEF1F7; font: 13.5px var(--mono); letter-spacing: 0; outline: none; }
.term-in::placeholder { color: #5D6A80; }
.teclas { display: none; gap: 6px; padding: 6px 8px 8px; background: #0F1521; overflow-x: auto; scrollbar-width: none; }
.teclas button { flex: 0 0 auto; height: 32px; min-width: 40px; padding: 0 10px; border-radius: 8px; background: #1C2434; color: #C9D3EA; font: 600 12.5px var(--mono); }
/* Pantalla completa de la consola: la terminal tapa todo el panel (.app es su bloque contenedor por el transform). */
.app.consola-completa .c3-term { position: fixed; inset: 0; z-index: 40; }
.app.consola-completa .c3-term .term { height: 100%; min-height: 0; border: 0; border-radius: 0; box-shadow: none; }
.cs-lado { display: grid; gap: 12px; min-width: 0; }
.cs-lado .tarjeta { padding: 14px 16px; } .cs-lado .tarjeta + .tarjeta { margin-top: 0; }
.ag-fila { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--linea); }
.ag-fila:last-child { border-bottom: 0; }
.ag-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #0C111B; color: #8EC0FF; flex: 0 0 auto; } .ag-ico .i { --s: .7; }
.ag-txt { flex: 1; min-width: 0; display: grid; } .ag-txt b { font-size: 13.5px; } .ag-txt small { font-size: 12px; color: var(--suave); }
.cs-modo { display: grid; gap: 8px; margin-top: 12px; }
.atajos { display: grid; gap: 6px; }
.atajo { text-align: left; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--linea); font-size: 13px; line-height: 18px; color: var(--suave); transition: border-color .2s, color .2s, background .2s; }
.atajo:hover { border-color: var(--azul); color: var(--tinta); background: var(--azul-s); }
.pasos-login { display: grid; gap: 14px; }
.pasos-login li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; }
.pasos-login li > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); font-size: 13px; font-weight: 700; }
.pasos-login li > div { display: grid; gap: 8px; min-width: 0; } .pasos-login b { font-size: 14px; }
.pasos-login .conexion { margin: 0; }
.codigo-grande { font-size: 26px; font-weight: 700; letter-spacing: 4px; padding: 10px 14px; border-radius: 10px; background: var(--sup3); justify-self: start; }
.esperando { display: inline-flex; align-items: center; gap: 10px; font: 12.5px var(--mono); color: var(--suave); }
.esperando i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--azul); border-right-color: transparent; animation: gira .8s linear infinite; }

/* ============ Ajustes ============ */
.aj-cuerpo { min-width: 0; }

/* ============ Ventanas que ya estaban abiertas: sin volver a animar su entrada ============ */
.capa-quieta .modal, .capa-quieta .cajon, .capa-quieta .velo, .capa-quieta .paleta { animation: none !important; }
.capa-modo { display: grid; grid-auto-rows: max-content; gap: 14px; }

/* ============ Campo de fecha y calendario ============ */
.in-fecha { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer; }
.in-fecha span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; } .in-fecha .in-vacio { color: var(--tenue); }
.fecha-ico { --s: .72; color: var(--suave); flex: 0 0 auto; }
.in-fecha[aria-expanded="true"] { border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-s); }
.flotante-cal { padding: 10px 10px 6px; }
.cal-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 2px 8px 6px; }
.cal-cab b { font-size: 14px; text-transform: capitalize; } .cal-cab span { display: flex; gap: 2px; } .cal-cab .bi { width: 30px; height: 30px; }
.cal-sem, .cal-dias { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .3rem; }
.cal-sem span { text-align: center; font-size: 11.5px; font-weight: 700; color: var(--tenue); padding: 2px 0 4px; }
.cal-dia { height: 32px; border-radius: 8px; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--tinta); transition: background .15s, color .15s; }
.cal-dia:hover:not(:disabled) { background: var(--hover); }
.cal-dia.otro-mes { color: var(--tenue); font-weight: 500; }
.cal-dia.hoy { box-shadow: inset 0 0 0 1.5px var(--azul); }
.cal-dia.en-rango { background: var(--azul-s); border-radius: 6px; }
.cal-dia.elegido { background: var(--azul); color: var(--pri-tinta); }
.cal-dia:disabled { opacity: .35; cursor: not-allowed; }
.cal-pie { display: flex; justify-content: space-between; padding: 8px 6px 4px; margin-top: 6px; border-top: 1px solid var(--linea); }
.cal-pie .enlace { font-size: 13px; font-weight: 600; }
.t-usuarios { min-width: 0; }
@container tabla (max-width: 760px) { .t-usuarios .c-ult { display: none; } }
@container tabla (max-width: 600px) { .t-usuarios .c-2fa { display: none; } }
.grupos { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.gr { display: grid; gap: 12px; padding: 16px; border-radius: 14px; background: var(--sup); border: 1px solid var(--linea); cursor: pointer; transition: border-color .2s, box-shadow .25s, transform .3s var(--ease); }
.gr:hover { border-color: var(--linea2); box-shadow: var(--sh2); transform: translateY(-2px); }
.gr header { display: flex; align-items: center; gap: 12px; } .gr header .sd { flex: 1; }
.gr-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--azul-s); color: var(--azul); }
.gr-mods { display: flex; gap: 6px; flex-wrap: wrap; }
.gr-mod { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--sup3); color: var(--tenue); }
.gr-mod .i { --s: .62; } .gr-mod.medio { background: var(--azul-s); color: var(--azul); } .gr-mod.lleno { background: var(--azul); color: var(--pri-tinta); }
.gr footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; padding-top: 10px; border-top: 1px solid var(--linea); } .gr footer small { font-size: 12px; color: var(--suave); white-space: nowrap; } .gr footer .chapa { margin-right: auto; }
.cajon-grupo { width: min(560px, calc(100% - 16px)); }
.cajon-pie { display: flex; justify-content: space-between; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--linea); background: var(--sup2); border-radius: 0 0 16px 16px; }
.cajon-pie-der { display: flex; gap: 8px; }
.gr-ed-fila { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; }
.iconos-sel { display: flex; gap: 4px; padding: 3px; border-radius: 9px; background: var(--sup3); }
.ic-op { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; color: var(--suave); transition: background .2s, color .2s; }
.ic-op .i { --s: .68; } .ic-op[aria-pressed="true"] { background: var(--sup); color: var(--azul); box-shadow: var(--sh1); }
.gr-ed-bloque { display: grid; gap: 12px; padding: 4px 0 6px; }
.gr-ed-bloque .fila-int { margin: 0; }
.mods { display: grid; gap: 8px; transition: opacity .25s; }
.mods.apagados { opacity: .55; }
.mod { border: 1px solid var(--linea); border-radius: 12px; background: var(--sup); overflow: hidden; }
.mod-cab { display: flex; align-items: center; gap: 10px; padding: 4px 10px 4px 4px; }
.mod-tit { flex: 1; display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 8px; border-radius: 8px; text-align: left; min-width: 0; }
.mod-tit:hover { background: var(--hover); }
.mod-ico { --s: .72; color: var(--azul); } .mod-tit b { font-size: 14px; } .mod-tit em { font-style: normal; font-size: 12px; color: var(--tenue); font-variant-numeric: tabular-nums; }
.mod-flecha { --s: .6; margin-left: auto; color: var(--tenue); transition: transform .3s var(--ease); }
.mod.plegado .mod-flecha { transform: rotate(-90deg); }
.mod-cuerpo { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .35s var(--ease); }
.mod.plegado .mod-cuerpo { grid-template-rows: 0fr; }
.mod-in { overflow: hidden; display: grid; }
.permiso { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px 9px 46px; border-top: 1px solid var(--linea); font-size: 13.5px; }
.grupos-sel { display: grid; gap: 6px; }
.gs-op { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linea); text-align: left; transition: border-color .2s, background .2s; }
.gs-op > .i { --s: .75; color: var(--suave); } .gs-op > span:not(.i) { flex: 1; display: grid; } .gs-op b { font-size: 13.5px; } .gs-op small { font-size: 12px; color: var(--suave); }
.gs-op .marca-ok { opacity: 0; color: var(--azul); transition: opacity .2s; }
.gs-op[aria-pressed="true"] { border-color: var(--azul); background: var(--azul-s); } .gs-op[aria-pressed="true"] .marca-ok { opacity: 1; } .gs-op[aria-pressed="true"] > .i { color: var(--azul); }
.tabla-plana { border: 0; border-radius: 10px; }
.t-dns td { height: auto; vertical-align: top; }
.dns-valor { max-width: 380px; } .dns-valor span { display: block; overflow-wrap: anywhere; font-size: 12px; line-height: 18px; max-height: 54px; overflow: hidden; }
.envio { display: grid; gap: 6px; } .envio li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
.tarjeta h3 small { margin-left: auto; font-weight: 500; font-size: 12px; color: var(--suave); }

/* ============ Entrada (la de la 1, con el nombre nuevo) ============ */
.ent { position: relative; overflow: auto; display: grid; place-items: center; padding: 32px 16px; isolation: isolate; background: var(--bg); }
.ent1-caja { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); width: min(940px, 100%); min-height: 540px; background: var(--sup); border: 1px solid var(--linea); border-radius: 20px; box-shadow: var(--sh3); overflow: hidden; }
.ent1-form { display: grid; align-content: center; padding: 40px 44px; }
.ent1-arte { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(160deg, #0C4FC4 0%, #0B3D91 55%, #0A2B6C 100%); color: #fff; display: grid; align-content: end; padding: 32px; }
/* La red de subdominios (fondo.js): se apaga hacia abajo para dejar limpio el texto. */
.fondo-lienzo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 38%, rgba(0, 0, 0, .14) 80%); mask-image: linear-gradient(to bottom, #000 38%, rgba(0, 0, 0, .14) 80%); }
.ent1-arte-pie { position: relative; z-index: 1; display: grid; gap: 14px; }
.ent1-arte-pie b { font-size: 24px; line-height: 30px; font-weight: 700; max-width: 340px; letter-spacing: -.4px; }
/* Textos del lado azul: la 2 del pliego de textos, sin descripciones. En el teléfono, una línea. */
.ent1-arte-pie { gap: 18px; }
.ent1-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ent1-lista li { display: flex; align-items: center; gap: 12px; font-size: 15px; line-height: 20px; font-weight: 700; }
.ent1-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); flex: 0 0 auto; }
.ent1-ico .i { --s: .7; color: #fff; }
.ent1-linea { display: none; margin: 0; font-size: 12.5px; line-height: 18px; color: rgba(255, 255, 255, .84); }

.barra.b-neutra i { background: var(--azul) !important; }
#avisos { bottom: 24px; }
@media (max-width: 720px) {
  #avisos { bottom: 76px; left: 12px; right: 12px; justify-items: center; }
}

/* ============ Anchos medianos: la ficha se superpone ============ */
@container app (max-width: 1180px) {
  .dividido[data-abierto="true"] { grid-template-columns: minmax(0, 1fr); }
  .velo-asoma { display: block; position: fixed; inset: 0; z-index: 60; background: var(--velo); animation: aparece .3s both; }
  .asoma { position: fixed; z-index: 61; top: 8px; right: 8px; bottom: 8px; width: min(460px, calc(100% - 16px)); }
  .asoma-in { height: 100%; max-height: none; }
  .asoma-in.abre { animation: cajon-in .45s var(--ease) both; }
  .cs { grid-template-columns: minmax(0, 1fr); }
  .cs-lado { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@container app (max-width: 980px) {
  .pn-nombre em, .pn-srv .mono { display: none; }
}

/* ============ Teléfono ============ */
@container app (max-width: 760px) {
  .pn { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 60px; }
  .pn-riel { display: none; }
  .pn-panel { margin: 0; border: 0; border-radius: 0; box-shadow: none; grid-template-rows: 54px minmax(0, 1fr); }
  .pn-barra { padding: 0 8px 0 14px; gap: 10px; }
  .pn-nombre img { display: block; align-self: center; } .pn-nombre em { display: none; }
  .pn-nombre + .ruta { display: none; }
  .buscar-cmd { position: relative; min-width: 0; width: 36px; justify-content: center; padding: 0; } .buscar-cmd > span:not(.i), .buscar-cmd kbd { display: none; }
  /* Una lupa dibujada (Omnica Icons no trae una): aro y mango. */
  .buscar-cmd::before { content: ''; width: 11px; height: 11px; border: 2px solid currentColor; border-radius: 50%; transform: translate(-2px, -2px); }
  .buscar-cmd::after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 6px; border-radius: 1px; background: currentColor; transform: translate(4.4px, 2.4px) rotate(-45deg); }
  .pn-srv { display: none; }
  .pn-cuenta-movil { display: inline-flex; } .pn-cuenta-movil .cuenta { padding: 0; height: auto; }
  .pn-abajo { display: grid; grid-template-columns: repeat(6, 1fr); background: var(--sup); border-top: 1px solid var(--linea); }
  .pn-abajo > .ind { top: 0; height: 3px !important; transform: translateX(var(--x, 0)); background: var(--azul); border-radius: 0 0 3px 3px; width: 28px !important; margin-left: calc(var(--w, 0) / 2 - 14px); }
  .nav-op.abajo { display: grid; place-items: center; color: var(--suave); transition: color .2s; }
  .nav-op.abajo .i { --s: .9; } .nav-op.abajo[aria-current="page"] { color: var(--azul); }
  .contenido { padding: 16px 16px 90px; }
  .cab h1 { font-size: 22px; line-height: 28px; }
  .cab-acc { margin-left: 0; width: 100%; }
  .herramientas { display: grid; } .buscador { width: 100%; }
  .dos-col { grid-template-columns: minmax(0, 1fr); }
  .metricas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .met { padding: 12px; } .met > b { font-size: 20px; line-height: 26px; }
  .datos div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .lim { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .filtros-reg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paginador .pag-total { width: 100%; text-align: center; }
  .t-sub thead { display: none; } .t-sub, .t-sub tbody { display: block; }
  .t-sub tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 14px; padding: 12px 14px; border-bottom: 1px solid var(--linea); }
  .t-sub td { display: block; padding: 0; border: 0; height: auto; }
  .t-sub td:nth-child(1) { grid-column: 1; } .t-sub td:nth-child(3) { grid-column: 2; justify-self: end; align-self: center; }
  .t-sub td:nth-child(2), .t-sub td:nth-child(6), .t-sub td:nth-child(7) { display: none !important; }
  .t-sub td.c-ram { display: block !important; } .t-sub .uso { min-width: 0; }
  .t-sub tbody tr[aria-selected="true"] td:first-child { box-shadow: none; }
  .asoma { position: fixed; top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-height: 88%; }
  .asoma-in { height: auto; max-height: 88vh; border-radius: 20px 20px 0 0; box-shadow: var(--sh3); padding-top: 4px; }
  .asoma-in.abre { animation: hoja-in .45s var(--ease) both; }
  .asa { display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--linea2); margin: 8px auto 6px; }
  .modal { top: auto; bottom: 0; left: 0; width: 100%; max-height: 92%; transform: none; border-radius: 20px 20px 0 0; animation: hoja-in .45s var(--ease) both; }
  .modal-pie { border-radius: 0; padding-bottom: 18px; }
  .cajon { top: auto; left: 0; right: 0; bottom: 0; width: 100%; height: 92%; border-radius: 20px 20px 0 0; animation: hoja-in .45s var(--ease) both; }
  .cajon-pie { border-radius: 0; flex-wrap: wrap; }
  .paleta { top: 12px; }
  .llave-f, .llaves .chapa { display: none; }
  .term { height: calc(100vh - 290px); min-height: 360px; border-radius: 12px; }
  .term-dir, .term-acc .bi:first-child { display: none; }
  .teclas { display: flex; }
  .term-entrada .b > span:not(.i) { display: none; }
  .cs-lado { grid-template-columns: minmax(0, 1fr); }
  .grupos { grid-template-columns: minmax(0, 1fr); }
  .gr-ed-fila { grid-template-columns: minmax(0, 1fr); }
  .permiso { padding-left: 14px; }
  .ent1-caja { grid-template-columns: minmax(0, 1fr); min-height: 0; border-radius: 16px; }
  .ent1-arte { order: -1; min-height: 150px; padding: 20px; } .ent1-arte-pie { gap: 8px; } .ent1-arte-pie b { font-size: 18px; line-height: 24px; } .ent1-lista { display: none; } .ent1-linea { display: block; }
  .ent1-form { padding: 24px 20px; }
}

/* ============ Píldora del servidor (diseño 2, elegido el 13/10/2026) ============ */
.pv { position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--bien-p); flex: 0 0 auto; }
.pv::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--bien-p); opacity: 0; animation: pv-onda 3s ease-out infinite; }
@keyframes pv-onda { 0% { transform: scale(.6); opacity: .55; } 70%, 100% { transform: scale(1.5); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .pv::after { animation: none; } }
.srv-pildora { display: inline-flex; align-items: center; gap: 10px; height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--linea); background: var(--sup); color: var(--tinta); font-size: 13.5px; white-space: nowrap; box-shadow: var(--sh1); flex: 0 0 auto; transition: border-color .2s, box-shadow .2s; }
.srv-pildora:hover { border-color: var(--linea2); } .srv-pildora[aria-expanded="true"] { border-color: var(--azul); box-shadow: 0 0 0 3px var(--azul-s); }
.srv-pildora b { font-weight: 700; letter-spacing: -.1px; }
.sp-sep { width: 1px; height: 18px; background: var(--linea); }
.sp-cpu { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; } .sp-cpu small { color: var(--suave); font-size: 12px; font-weight: 600; }
.sp-cpu .barra { width: 34px; } .sp-cpu b { min-width: 38px; text-align: right; }
.flotante-srv { width: 300px; padding: 12px; }
.pp-cab { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; align-items: center; padding: 2px 2px 10px; border-bottom: 1px solid var(--linea); }
.pp-cab b { font-size: 14px; } .pp-cab small { grid-column: 2; font-size: 12px; color: var(--suave); }
.pp-datos { display: grid; gap: 8px; margin: 10px 2px 8px; }
.pp-datos div { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 10px; font-size: 13px; }
.pp-datos dt { color: var(--suave); } .pp-datos dd { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.pp-datos dd .barra { min-width: 0; }
.flotante-srv .pop-op { border-top: 1px solid var(--linea); border-radius: 0 0 8px 8px; margin-top: 2px; }
@container app (max-width: 760px) {
  .srv-pildora { height: 32px; padding: 0 10px; gap: 8px; font-size: 13px; }
  .srv-pildora .sp-sep, .srv-pildora .sp-cpu { display: none; }
}
@container app (max-width: 400px) { .pn-nombre b { display: none; } }

/* «Ajustes» al pie del riel, encima de tu foto, y en el teléfono junto a ella (la 1 del pliego de la cuenta, 13/10/2026) */
.pn-pie { display: grid; justify-items: center; gap: 10px; }
.pn-pie .nav-op { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--nav-tinta); transition: color .2s, background .2s; }
.pn-pie .nav-op .i { --s: .86; }
.pn-pie .nav-op:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.pn-pie .nav-op[aria-current="page"] { color: #fff; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); }
.pn-pie .nav-op[aria-current="page"]::before { content: ''; position: absolute; left: -10px; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--azul); }
.pn-cuenta-movil { align-items: center; gap: 4px; }
.ajustes-movil { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--suave); }
.ajustes-movil .i { --s: .8; }
.ajustes-movil:hover { color: var(--tinta); background: var(--hover); }
.ajustes-movil[aria-current="page"] { color: var(--azul); background: var(--azul-s); }
/* El menú de la cuenta, como en la VPN: a la derecha del riel, pegado abajo, con la muesca hacia tu foto */
.flotante-cuenta { width: 292px; padding: 0; overflow: visible; }
.cu-yo { display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-areas: "av nom" "av cor" ". gr"; column-gap: 12px; align-items: center; padding: 14px 12px 0; }
.cu-yo > .av { grid-area: av; }
.cu-yo > b { grid-area: nom; align-self: end; font-size: 15px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cu-yo > small { grid-area: cor; align-self: start; font-size: 13px; line-height: 18px; color: var(--suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cu-yo > .chapas { grid-area: gr; margin-top: 10px; }
.cu-links { display: grid; gap: 2px; margin: 10px 12px 0; padding: 6px 0 8px; border-top: 1px solid var(--linea); }
.cu-links .pop-op { height: 40px; padding: 0 8px; font-size: 14px; }
.cu-tema { padding: 10px 12px 12px; border-top: 1px solid var(--linea); background: var(--sup2); border-radius: 0 0 12px 12px; }
.cu-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 3px; border-radius: 999px; background: var(--sup3); }
.cu-seg button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 6px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--suave); transition: color .2s, background .2s; }
.cu-seg button svg { width: 14px; height: 14px; flex: 0 0 auto; }
.cu-seg button:hover { color: var(--tinta); }
.cu-seg button[aria-pressed="true"] { background: var(--sup); color: var(--tinta); box-shadow: var(--sh1); }
.flotante.muesca-izq::before { content: ''; position: absolute; left: -8px; bottom: calc(var(--muesca, 24px) - 7px); width: 14px; height: 14px; background: var(--sup2); border-left: 1px solid var(--linea); border-bottom: 1px solid var(--linea); border-bottom-left-radius: 3px; transform: rotate(45deg); }
.flotante.muesca-izq { transform-origin: 0 100%; animation-name: sale-del-riel; }
@keyframes sale-del-riel { from { opacity: 0; transform: translateX(-6px) scale(.97); } }

/* ============ Lo que añade el panel real a la maqueta de la ronda 3 ============ */

/* La terminal de verdad (xterm.js) ocupa el sitio de la salida simulada. */
.term-xterm { position: relative; min-height: 0; min-width: 0; padding: 8px 2px 2px 12px; background: #0C111B; }
.term-host { position: absolute; inset: 8px 2px 2px 12px; }
.term-host .xterm { height: 100%; }
.term-host .xterm, .term-host .xterm-viewport, .term-host .xterm-screen { background-color: #0C111B !important; }
.term-host .xterm-viewport { scrollbar-width: thin; scrollbar-color: #2B3547 transparent; }
.term-fin { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 12px; background: rgba(12, 17, 27, .82); color: #D3DBE8; text-align: center; padding: 16px; backdrop-filter: blur(2px); }
.term-fin b { font-size: 15px; color: #EEF1F7; } .term-fin small { color: #8B97AC; }
.term-aviso { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #13233B; color: #CFE2FF; border-bottom: 1px solid #1F2838; font-size: 13px; line-height: 19px; }
.term-aviso .i { --s: .62; color: #8EC0FF; margin-top: 1px; flex: 0 0 auto; }
.term-aviso ol { margin: 0; padding-left: 18px; } .term-aviso li + li { margin-top: 2px; }
.term-aviso .bi { margin-left: auto; color: #8EC0FF; flex: 0 0 auto; }
.term.con-aviso { grid-template-rows: auto auto minmax(0, 1fr) auto auto; }
.term-conectando { position: absolute; left: 14px; top: 10px; font: 12.5px var(--mono); color: #7F8BA0; }

/* Alta del 2FA y bienvenida. */
.dosf { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: start; }
.qr { width: 172px; height: 172px; padding: 6px; border-radius: 12px; background: #fff; border: 1px solid var(--linea); }
.qr svg { display: block; width: 100%; height: 100%; }
.dosf-pasos { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 20px; }
.dosf-pasos li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; }
.dosf-pasos li > span:first-child { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); font-size: 12.5px; font-weight: 700; }
.secreto { display: block; margin-top: 6px; font: 600 13px/20px var(--mono); letter-spacing: 1.5px; word-break: break-all; color: var(--tinta); user-select: all; }
.respaldos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 4px 0 0; padding: 12px; border-radius: 12px; background: var(--sup3); list-style: none; }
.respaldos li { font: 600 14px/22px var(--mono); letter-spacing: 1px; text-align: center; }
.ent-ancha { width: min(560px, 100%); }
.ent-sola { position: relative; z-index: 1; width: min(560px, 100%); background: var(--sup); border: 1px solid var(--linea); border-radius: 20px; box-shadow: var(--sh3); padding: 32px 36px; }
.ent-sola .ent-arriba { margin-bottom: 18px; }
.ent-sola h1 { font-size: 22px; line-height: 30px; letter-spacing: -.4px; margin: 0 0 6px; }
.ent-sola .ent-sub { margin: 0 0 20px; color: var(--suave); font-size: 14px; line-height: 21px; }
.ent-error { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; background: var(--mal-f); color: var(--mal); font-size: 13.5px; font-weight: 600; }
.ent-error .i { --s: .6; flex: 0 0 auto; }
.ent-fondo { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.ent-fondo .malla { opacity: .5; }
:root[data-theme="dark"] .ent-fondo .malla { opacity: .32; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ent-fondo .malla { opacity: .32; } }
.medidor { height: 6px; border-radius: 3px; background: var(--sup3); overflow: hidden; }
.medidor i { display: block; height: 100%; width: var(--p, 0%); background: var(--p-color, var(--mal-p)); border-radius: 3px; transition: width .3s var(--ease), background .3s; }

/* Avisos de error. */
.toast.t-mal { background: var(--mal-f); color: var(--mal); border: 1px solid color-mix(in srgb, var(--mal-p) 35%, transparent); }

/* Aviso arriba del panel cuando falta la 2FA o algo no carga. */
.aviso-panel { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 14px; border-radius: 12px; background: var(--aviso-f); color: var(--aviso); font-size: 13.5px; font-weight: 600; }
.aviso-panel .i { --s: .62; flex: 0 0 auto; } .aviso-panel .b { margin-left: auto; }

/* Botones que esperan al servidor. */
.b.cargando { position: relative; color: transparent !important; pointer-events: none; }
.b.cargando::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; border: 2px solid currentColor; border-color: var(--pri-tinta) transparent var(--pri-tinta) transparent; animation: gira .8s linear infinite; }
.b-sec.cargando::after { border-color: var(--tinta) transparent var(--tinta) transparent; }
@keyframes gira { to { transform: rotate(360deg); } }
.progreso li.mal .pg { background: var(--mal-p); }

/* Fila sin datos de la gráfica. */
.g-vacia { display: grid; place-items: center; height: 110px; color: var(--tenue); font-size: 13px; }

@media (max-width: 720px) {
  .dosf { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .ent-sola { padding: 24px 18px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .b.cargando::after { animation-duration: 2s; }
}

/* ============ Terminal con la paleta Omnica (elegida el 13/10/2026) ============ */
/* Clara en el tema claro; en el oscuro, más oscura que el fondo y con borde, para que no se funda. */
:root { --t-bg: #F8FAFC; --t-barra: #EEF2F7; --t-borde: #D6DEE8; --t-fg: #1E2248; --t-dim: #5F6B80; --t-azul: #0057D9; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --t-bg: #0A0F18; --t-barra: #121A28; --t-borde: #33405A; --t-fg: #E6EBF3; --t-dim: #8B98AE; --t-azul: #8EC0FF; } }
:root[data-theme="dark"] { --t-bg: #0A0F18; --t-barra: #121A28; --t-borde: #33405A; --t-fg: #E6EBF3; --t-dim: #8B98AE; --t-azul: #8EC0FF; }
.term { background: var(--t-bg); border-color: var(--t-borde); color: var(--t-fg); }
.term-barra { background: var(--t-barra); border-bottom-color: var(--t-borde); }
.term-tit .i { color: var(--t-azul); } .term-tit b { color: var(--t-fg); } .term-tit small, .term-dir { color: var(--t-dim); }
.term-acc .bi { color: var(--t-dim); } .term-acc .bi:hover { background: color-mix(in srgb, var(--t-fg) 8%, transparent); color: var(--t-fg); }
.term-entrada { background: var(--t-barra); border-top-color: var(--t-borde); }
.term-prompt { color: var(--t-azul); } .term-in { color: var(--t-fg); } .term-in::placeholder { color: var(--t-dim); }
.teclas { background: var(--t-barra); } .teclas button { background: color-mix(in srgb, var(--t-fg) 8%, var(--t-barra)); color: var(--t-fg); }
.term-xterm { background: var(--t-bg); }
.term-host .xterm, .term-host .xterm-viewport, .term-host .xterm-screen { background-color: var(--t-bg) !important; }
.term-host .xterm-viewport { scrollbar-color: var(--t-borde) transparent; }
.term-aviso { background: var(--azul-s); color: var(--azul-tinta); border-bottom-color: var(--t-borde); }
.term-aviso .i, .term-aviso .bi { color: var(--azul); }
.term-fin { background: color-mix(in srgb, var(--t-bg) 86%, transparent); color: var(--t-fg); }
.term-fin b { color: var(--t-fg); } .term-fin small { color: var(--t-dim); }
.term-conectando { color: var(--t-dim); }
.term-guardada { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 12px; background: color-mix(in srgb, var(--aviso-p) 13%, var(--t-bg)); border-bottom: 1px solid var(--t-borde); color: var(--t-fg); font-size: 12.5px; }
.term-guardada b { color: var(--aviso); } .tg-acc { margin-left: auto; display: flex; gap: 6px; }
.term:has(.term-guardada) { grid-template-rows: auto auto minmax(0, 1fr); }
.term.con-aviso:has(.term-guardada) { grid-template-rows: auto auto auto minmax(0, 1fr); }
.term-barra .chapa { background: var(--sup3); color: var(--suave); } .term-barra .chapa.c-bien { background: var(--bien-f); color: var(--bien); }

/* ============ Consola: terminal a la izquierda y la lista de sesiones a la derecha ============ */
/* Diseño 3 del pliego de la consola y diseño 2 del de sesiones (pestañas), elegidos el 13/10/2026. */
.c3 { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 16px; height: clamp(480px, calc(100vh - 190px), 900px); }
.c3-term { min-width: 0; min-height: 0; display: grid; } .c3-term .term { height: 100%; }
.term-vacia { display: grid; place-items: center; background: var(--t-bg); }
.c3-lado { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 12px; min-height: 0; }
.c3-lado .tarjeta { margin: 0; }
.ses-panel { display: flex; flex-direction: column; min-height: 0; padding: 0; overflow: hidden; }
.sv-cab { display: flex; align-items: center; gap: 10px; padding: 14px 14px 10px 16px; }
.sv-cab h3 { margin: 0; font-size: 15.5px; display: flex; align-items: center; gap: 8px; } .sv-cab h3 em { font-style: normal; font-size: 12px; padding: 1px 8px; border-radius: 99px; background: var(--sup3); color: var(--suave); }
.sv-cab .b { margin-left: auto; }
.sv-busca { position: relative; margin: 0 14px 10px; }
.sv-busca label { position: relative; display: block; }
.sv-busca .in { height: 38px; padding-left: 34px; font-size: 13.5px; }
.sv-busca label::before { content: ''; position: absolute; left: 12px; top: 12px; width: 9px; height: 9px; border: 2px solid var(--tenue); border-radius: 50%; pointer-events: none; }
.sv-busca label::after { content: ''; position: absolute; left: 22px; top: 22px; width: 2px; height: 5px; border-radius: 1px; background: var(--tenue); transform: rotate(-45deg); pointer-events: none; }
.sv-tabs { display: flex; gap: 4px; padding: 0 14px; border-bottom: 1px solid var(--linea); }
.sv-tabs button { position: relative; height: 38px; padding: 0 10px; font-size: 13.5px; font-weight: 600; color: var(--suave); white-space: nowrap; }
.sv-tabs button em { font-style: normal; margin-left: 4px; font-size: 11.5px; color: var(--tenue); }
.sv-tabs button:hover, .sv-tabs button[aria-pressed="true"] { color: var(--tinta); }
.sv-tabs button[aria-pressed="true"]::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--azul); }
.sv-lista { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 4px 8px 12px; scrollbar-width: thin; }
.sv-seccion { display: flex; align-items: center; gap: 8px; padding: 12px 8px 4px; font-size: 12px; font-weight: 700; color: var(--tenue); letter-spacing: .2px; }
.sv-seccion em { font-style: normal; font-weight: 600; }
.sp-grupo { position: sticky; top: 0; z-index: 1; padding: 10px 8px 4px; background: var(--sup); font-size: 12px; font-weight: 700; color: var(--tenue); letter-spacing: .2px; }
.sp-grupo button { display: inline-flex; align-items: center; gap: 6px; color: inherit; font: inherit; letter-spacing: inherit; }
.sp-grupo em { font-style: normal; font-weight: 600; }
.sp-grupo .i { --s: .5; transition: transform .2s var(--ease); } .sp-grupo.plegado .i { transform: rotate(-90deg); }
.pv { position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--bien-p); flex: 0 0 auto; }
.ses { position: relative; display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 9px 8px 9px 12px; border-radius: 10px; cursor: pointer; }
.ses:hover { background: var(--hover); } .ses.activa { background: var(--azul-s); }
.ses-ag { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ag, var(--tenue)); flex: 0 0 auto; }
.viva .ses-ag::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--ag); opacity: .45; }
.ses-txt { min-width: 0; display: grid; } .ses-txt b { font-size: 13.5px; line-height: 19px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ses-txt small { font-size: 12px; line-height: 17px; color: var(--suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ses-fav, .ses-mas { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--tenue); }
.ses-fav svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.ses-fav[aria-pressed="true"] { color: #E3A03A; } .ses-fav[aria-pressed="true"] svg { fill: currentColor; }
.ses-fav:hover, .ses-mas:hover { background: var(--sup3); color: var(--tinta); } .ses-mas .i { --s: .62; }
@media (hover: hover) { .ses:not(:hover):not(.activa) .ses-fav[aria-pressed="false"], .ses:not(:hover):not(.activa) .ses-mas { opacity: 0; } }
.ses-renombrar { width: 100%; height: 26px; padding: 0 6px; border-radius: 6px; border: 1px solid var(--azul); background: var(--sup); font: 600 13.5px var(--font); color: var(--tinta); outline: none; box-shadow: 0 0 0 3px var(--azul-s); }
.sp-vacio { display: grid; justify-items: center; gap: 8px; padding: 34px 14px; text-align: center; color: var(--suave); font-size: 13px; }
.sp-vacio b { color: var(--tinta); } .sp-estrella { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.proy { margin: 2px 0; border-radius: 12px; }
.proy-cab { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border-radius: 12px; text-align: left; }
.proy-cab:hover { background: var(--hover); }
.proy-ini { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; font-size: 12px; font-weight: 800; color: #fff; background: var(--pc, #5B6B85); flex: 0 0 auto; }
.proy-cab b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .proy-cab small { display: block; font-size: 12px; color: var(--suave); }
.proy-cab > .i { --s: .55; color: var(--suave); transition: transform .2s var(--ease); } .proy.plegado .proy-cab > .i { transform: rotate(-90deg); }
.proy-vivas { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; color: var(--bien); }
.proy-cuerpo { padding: 0 0 6px 20px; } .proy.plegado .proy-cuerpo { display: none; }
.estado-s { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.estado-s.viva { background: var(--bien-f); color: var(--bien); } .estado-s.guardada { background: var(--sup3); color: var(--suave); }
.ag-c { --ag: #4D7FF0; } .ag-cl { --ag: #E2874E; } .ag-t { --ag: #2FB487; }
.ag-tarjeta { padding: 4px 14px; }
.term-atajos { color: var(--t-dim); }
.flotante .pop-modo { display: grid; gap: 6px; padding: 8px 10px 6px; margin-top: 4px; border-top: 1px solid var(--linea); font-size: 12px; color: var(--suave); }
.flotante .pop-modo .seg { width: 100%; } .flotante .pop-modo .seg button { flex: 1; }
.c3-selector { display: none; }
.velo-hoja { position: fixed; inset: 0; z-index: 60; background: var(--velo); animation: aparece .3s both; }
.c3-hoja { position: fixed; z-index: 61; left: 0; right: 0; bottom: 0; height: 86%; display: flex; flex-direction: column; border-radius: 20px 20px 0 0; background: var(--sup); border-top: 1px solid var(--linea); box-shadow: var(--sh3); animation: hoja-in .4s var(--ease) both; }
.c3-hoja .asa { display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--linea2); margin: 8px auto 2px; cursor: pointer; }
.c3-hoja .ses-panel { flex: 1; }
@container app (max-width: 1180px) { .c3 { grid-template-columns: minmax(0, 1fr) 340px; } }
@container app (max-width: 980px) {
  .c3 { grid-template-columns: minmax(0, 1fr); height: auto; }
  .c3-lado { display: none; }
  .c3 .term { height: calc(100vh - 300px); min-height: 420px; }
  .c3-selector { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
  .c3-sel { flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; height: 44px; padding: 0 12px; border-radius: 12px; background: var(--sup); border: 1px solid var(--linea); font-size: 13.5px; text-align: left; }
  .c3-sel b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c3-sel > .i { --s: .6; color: var(--suave); }
  .c3-mas { height: 44px; width: 44px; padding: 0; justify-content: center; flex: 0 0 auto; }
  .ses-fav[aria-pressed="false"], .ses-mas { opacity: 1 !important; }
}
@container app (max-width: 760px) { .c3 .term { height: calc(100vh - 330px); min-height: 380px; } }
.pop-op .pop-estrella { width: 14px; height: 14px; fill: none; stroke: var(--suave); stroke-width: 1.8; flex: 0 0 auto; }

/* Aviso de inicio de sesión: pasos y, para Codex, el campo de la dirección de vuelta del navegador. */
.ta-cuerpo { flex: 1; min-width: 0; display: grid; gap: 8px; }
.ta-pegar { display: flex; gap: 8px; } .ta-pegar .in { flex: 1; min-width: 0; height: 32px; font-size: 12px; }
.term.con-aviso:has(.term-guardada) { grid-template-rows: auto auto auto minmax(0, 1fr); }

/* Recordar este equipo 30 días: antes del código (que se envía solo con la sexta cifra). */
.codigo-quien { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; width: 100%; }
.recordar { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--suave); cursor: pointer; user-select: none; }
.recordar:hover { color: var(--tinta); }
/* Equipos recordados en Mi perfil */
.sub-h-acc .b { margin-left: auto; }
.eq-acc { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }

/* Foto de perfil (13/10/2026): la imagen ocupa el círculo; sin foto, las iniciales de siempre. */
.av.av-foto { background: var(--sup3); overflow: hidden; }
.av img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.retrato { display: grid; justify-items: center; align-content: start; }
/* La cámara (y la papelera si hay foto) salen encima, al pasar el ratón o al tocar la foto; sin foto, las iniciales. */
.retrato-foto { position: relative; display: grid; border-radius: 50%; outline: none; }
.retrato-foto:focus-visible { box-shadow: 0 0 0 3px var(--azul-s2); }
.retrato-acc { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 50%; background: rgba(9, 13, 22, .56); opacity: 0; transition: opacity .2s var(--ease); }
.retrato-foto:hover .retrato-acc, .retrato-foto:focus-within .retrato-acc { opacity: 1; }
.retrato-acc .bi { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; }
.retrato-acc .bi:hover { background: rgba(255, 255, 255, .3); }
/* Ajustar foto (como en la VPN): la foto en un círculo, «Ampliación» con − y +, «Centrar imagen». */
.recorte { display: grid; gap: 16px; }
.recorte-ayuda { margin: 0; font-size: 13.5px; line-height: 20px; color: var(--suave); }
.recorte-lienzo { justify-self: center; width: min(300px, 100%); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--sup3); border: 3px solid var(--linea); touch-action: none; cursor: grab; }
.recorte-lienzo:active { cursor: grabbing; }
.recorte-lienzo:focus-within { border-color: var(--azul); }
.recorte-lienzo canvas { display: block; width: 100%; height: 100%; outline: none; }
.recorte-zoom { display: grid; gap: 8px; }
.recorte-fila { display: flex; align-items: center; gap: 12px; }
.recorte-fila input[type="range"] { flex: 1; min-width: 0; accent-color: var(--azul); }
.recorte-paso { width: 42px; height: 42px; padding: 0; justify-content: center; font-size: 20px; line-height: 1; flex: 0 0 auto; }
.recorte-pie { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.recorte-dato { font-size: 13px; color: var(--suave); font-variant-numeric: tabular-nums; }
/* Reiniciando el servidor */
.modal-reinicio .modal-cuerpo { display: grid; justify-items: center; gap: 8px; padding: 28px; text-align: center; }
.reinicio-giro { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--azul-s); color: var(--azul); }
.reinicio-giro .i { animation: gira 1.4s linear infinite; }
.modal-reinicio small { color: var(--suave); font-variant-numeric: tabular-nums; }
/* Nombre y apellidos, uno al lado del otro (uno bajo otro en lo estrecho). */
.dos-campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@container app (max-width: 520px) { .dos-campos { grid-template-columns: minmax(0, 1fr); } }

/* Una app reiniciándose: el punto late en azul hasta que vuelve. */
.e-reinicio { color: var(--azul-tinta); } .e-reinicio i { background: var(--azul); animation: latido 1s ease-in-out infinite; }

/* Subdominios sin ninguno: un vacío limpio, sin tabla, filtros ni paginación (13/10/2026). */
.vacio-grande { display: grid; place-items: center; min-height: 420px; border: 1px dashed var(--linea2); border-radius: 16px; background: var(--sup); }
.vacio-grande .vacio { padding: 40px 20px; }
@container app (max-width: 760px) { .vacio-grande { min-height: 320px; } }
/* La ventana del alta: su sello junto al título, como en el pliego. */
.sello-chico { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--azul-s); color: var(--azul); flex: 0 0 auto; }
.sello-chico .i { --s: .62; }
.modal-alta .modal-cab { gap: 10px; }
.modal-alta .modal-cab > b { margin-right: auto; }

/* Grupos en tarjetas (Nuevo usuario y la ficha de la persona), 13/10/2026 */
.gr-tars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.gr-tar { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--linea); background: var(--sup); text-align: left; min-width: 0; transition: border-color .2s, background .2s; }
.gr-tar:hover:not(:disabled) { border-color: var(--linea2); }
.gr-tar.si { border-color: var(--azul); background: var(--azul-s); }
.gr-tar:disabled { opacity: .55; cursor: not-allowed; }
.gr-tar-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--sup3); color: var(--suave); flex: 0 0 auto; }
.gr-tar.si .gr-tar-ico { background: var(--azul); color: var(--pri-tinta); }
.gr-tar-ico .i { --s: .72; }
.gr-tar-txt { display: grid; flex: 1; min-width: 0; }
.gr-tar-txt b { font-size: 14px; }
.gr-tar-txt small { font-size: 12px; line-height: 16px; color: var(--suave); }
.gr-marca { position: relative; width: 20px; height: 20px; border-radius: 6px; border: 2px solid var(--linea2); flex: 0 0 auto; }
.gr-marca.radio { border-radius: 50%; }
.gr-tar.si .gr-marca { border-color: var(--azul); background: var(--azul); }
.gr-tar.si .gr-marca::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid var(--pri-tinta); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.gr-tar.si .gr-marca.radio::after { left: 4px; top: 4px; width: 8px; height: 8px; border: 0; border-radius: 50%; background: var(--pri-tinta); transform: none; }
/* Pasos del asistente */
.pasos-asis { display: flex; gap: 8px; align-items: center; margin: 0 0 18px; padding: 0; list-style: none; }
.pasos-asis li { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; font-size: 13px; font-weight: 600; color: var(--tenue); }
.pasos-asis li:not(:last-child)::after { content: ''; flex: 1; height: 1px; background: var(--linea); min-width: 8px; }
.pasos-asis li > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pasos-asis i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; flex: 0 0 auto; font-style: normal; font-size: 12.5px; font-weight: 700; background: var(--sup3); color: var(--suave); }
.pasos-asis i .i { --s: .55; }
.pasos-asis li.hecho { color: var(--suave); } .pasos-asis li.hecho i { background: var(--bien-f); color: var(--bien); }
.pasos-asis li.activo { color: var(--tinta); } .pasos-asis li.activo i { background: var(--azul); color: var(--pri-tinta); }
/* Subdominios asignados */
.asig { display: grid; gap: 8px; }
.asig-fila { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.asig-chip { height: 32px; padding: 0 6px 0 10px; gap: 7px; }
.asig-chip button { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--suave); }
.asig-chip button:hover { background: var(--hover); color: var(--tinta); }
.asig-chip button .i { --s: .45; }
.asig-nada { font-size: 12.5px; color: var(--suave); }
/* La ficha de una persona */
.persona-pag { display: grid; gap: 16px; max-width: 880px; margin: 0 auto; }
.persona-cab { display: flex; align-items: center; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--linea); }
.persona-cab h1 { font-size: 22px; line-height: 28px; letter-spacing: -.4px; }
.persona-cab small { display: block; margin: 2px 0 8px; color: var(--suave); }
.persona-cab .av-retrato { width: 88px; height: 88px; font-size: 28px; }
.persona-pie { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 16px; border-radius: 14px; background: var(--sup); border: 1px solid var(--linea); }
.nota-der { margin-left: auto; font-size: 12px; font-weight: 500; color: var(--tenue); }
.t-usuarios tbody tr[data-a] { cursor: pointer; }
@container app (max-width: 760px) {
  .gr-tars { grid-template-columns: minmax(0, 1fr); }
  .pasos-asis li:not(.activo) > span { display: none; }
  .persona-cab { gap: 14px; } .persona-cab .av-retrato { width: 64px; height: 64px; font-size: 22px; }
  .persona-pie { flex-direction: column-reverse; } .persona-pie .b { width: 100%; justify-content: center; }
}

/* La consola de los asesores (13/10/2026): «Conecta tu cuenta» y «Tus cuentas», como en el pliego. */
.cx-conectar { display: grid; justify-items: center; gap: 14px; padding: 24px; width: min(460px, 100%); margin: auto; text-align: center; }
.cx-conectar > b { font-size: 17px; }
.cx-segs { max-width: 100%; overflow-x: auto; }
.cx-filas { display: grid; gap: 8px; width: 100%; text-align: left; }
.cx-filas .ag-fila { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--linea); background: var(--sup); }
.cx-filas .ag-fila:last-child { border-bottom: 1px solid var(--linea); }
.cx-cargando { font-size: 12px; color: var(--tenue); }
.cx-cab { display: flex; align-items: baseline; gap: 8px; padding: 10px 0 6px; }
.cx-cab small { color: var(--suave); }
.cx-sub { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 6px; border-radius: 8px; font-size: 12px; color: var(--suave); }
.cx-sub:hover, .cx-sub[aria-expanded="true"] { background: var(--hover); color: var(--tinta); }
.cx-sub .i { --s: .45; }
.flotante .pop-sub { padding: 8px 10px 4px; font-size: 12px; color: var(--suave); }
.flotante .pop-sub b { color: var(--tinta); font-weight: 600; }

/* Los logos de los agentes (design/recursos/marcas, 13/10/2026): OpenAI en blanco y Claude en su naranja sobre la
   baldosa oscura; en la barra de la terminal, Claude también con su naranja. */
.ag-ico.ag-codex { color: #fff; }
.ag-ico.ag-claude { color: #D97757; }
.term-tit.ag-claude > .i { color: #D97757; }
.term-tit.ag-codex > .i { color: var(--t-fg); }

/* Mi perfil (la 1 del pliego, 13/10/2026): la cabecera de la persona y una tarjeta por bloque, centrado */
.perfil-pila { display: grid; gap: 16px; min-width: 0; }
.fila-int.sin-raya { border-bottom: 0; margin-bottom: 0; padding-bottom: 2px; }
.tarjeta h3 .h3-acc { margin-left: auto; }
.h3-svg { display: inline-grid; place-items: center; width: 18px; height: 18px; color: var(--suave); flex: 0 0 auto; }
.h3-svg svg { width: 16px; height: 16px; }
.temas-tarjeta { max-width: none; }
.nada-txt { font-size: 13px; color: var(--suave); }