/* Simla Landing Builder: los estilos de la app. Tokens y piezas de Omnica, los mismos del panel de simlatech.app
   (admin.simlatech.app), para que las dos se sientan de la misma familia. Claro, oscuro y automático. */
@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-pagina{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc0JyB3aWR0aD0nMTgnIGhlaWdodD0nMTYnIHJ4PScyJy8+PHBhdGggZD0nTTMgOWgxOE05IDl2MTEnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-formulario{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc0JyB5PSczJyB3aWR0aD0nMTYnIGhlaWdodD0nMTgnIHJ4PScyJy8+PHBhdGggZD0nTTggOGg4TTggMTJoOE04IDE2aDUnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-bandeja{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMyAxM2g1bDIgM2g0bDItM2g1Jy8+PHBhdGggZD0nTTUuNSA1aDEzTDIxIDEzdjZIM3YtNnonLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-globo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc5Jy8+PHBhdGggZD0nTTMgMTJoMThNMTIgM2MyLjUgMi43IDMuOCA1LjcgMy44IDlzLTEuMyA2LjMtMy44IDljLTIuNS0yLjctMy44LTUuNy0zLjgtOVM5LjUgNS43IDEyIDN6Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-check{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSAxMi41bDQuNSA0LjVMMTkgNycvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-cambiar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA4aDE1TTE1LjUgNC41IDE5IDhsLTMuNSAzLjVNMjAgMTZINU04LjUgMTIuNSA1IDE2bDMuNSAzLjUnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-pantalla{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc0JyB3aWR0aD0nMTgnIGhlaWdodD0nMTInIHJ4PScyJy8+PHBhdGggZD0nTTggMjBoOE0xMiAxNnY0Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-movil{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc3JyB5PSczJyB3aWR0aD0nMTAnIGhlaWdodD0nMTgnIHJ4PScyJy8+PHBhdGggZD0nTTExIDE4aDInLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-enchufe{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNOSAzdjVNMTUgM3Y1TTYgOGgxMnYzYTYgNiAwIDAgMS0xMiAwek0xMiAxN3Y0Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-desenchufe{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNOSAzdjRNMTUgM3Y0TTYgN2gxMnYzYTYgNiAwIDAgMS05LjUgNC45TTEyIDE2djUnLz48cGF0aCBkPSdNMyAzbDE4IDE4Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-libro{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA1YTIgMiAwIDAgMSAyLTJoMTN2MTZINmEyIDIgMCAwIDAtMiAyeicvPjxwYXRoIGQ9J000IDE5YTIgMiAwIDAgMSAyLTJoMTMnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-bolsa{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSA4aDE0bC0xIDEySDZ6Jy8+PHBhdGggZD0nTTkgOFY2YTMgMyAwIDAgMSA2IDB2MicvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-buscar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMScgY3k9JzExJyByPSc3Jy8+PHBhdGggZD0nTTIwIDIwbC0zLjUtMy41Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-pregunta{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc5Jy8+PHBhdGggZD0nTTkuNSA5LjVhMi41IDIuNSAwIDEgMSA0IDJjLS45LjYtMS41IDEuMS0xLjUgMi4yJy8+PHBhdGggZD0nTTEyIDE3aC4wMScvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-candado{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc1JyB5PScxMScgd2lkdGg9JzE0JyBoZWlnaHQ9JzEwJyByeD0nMicvPjxwYXRoIGQ9J004IDExVjhhNCA0IDAgMCAxIDggMHYzJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-chispa{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTIgM3Y0TTEyIDE3djRNMyAxMmg0TTE3IDEyaDRNNiA2bDIuNSAyLjVNMTUuNSAxNS41TDE4IDE4TTYgMThsMi41LTIuNU0xNS41IDguNUwxOCA2Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-alerta{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSc5Jy8+PHBhdGggZD0nTTEyIDcuNXY1LjVNMTIgMTYuNWguMDEnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-asa{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGNpcmNsZSBjeD0nOScgY3k9JzYnIHI9JzEuNicvPjxjaXJjbGUgY3g9JzE1JyBjeT0nNicgcj0nMS42Jy8+PGNpcmNsZSBjeD0nOScgY3k9JzEyJyByPScxLjYnLz48Y2lyY2xlIGN4PScxNScgY3k9JzEyJyByPScxLjYnLz48Y2lyY2xlIGN4PSc5JyBjeT0nMTgnIHI9JzEuNicvPjxjaXJjbGUgY3g9JzE1JyBjeT0nMTgnIHI9JzEuNicvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-texto{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSA2aDE0TTEyIDZ2MTNNOSAxOWg2Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-parrafo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDE2TTQgMTFoMTZNNCAxNmgxMCcvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-numero{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSA5aDE0TTUgMTVoMTRNMTAgNEw4IDIwTTE2IDRsLTIgMTYnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-lista{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNOSA2aDExTTkgMTJoMTFNOSAxOGgxMScvPjxjaXJjbGUgY3g9JzQuNScgY3k9JzYnIHI9JzEnLz48Y2lyY2xlIGN4PSc0LjUnIGN5PScxMicgcj0nMScvPjxjaXJjbGUgY3g9JzQuNScgY3k9JzE4JyByPScxJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-casillas{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczLjUnIHk9JzQnIHdpZHRoPSc3JyBoZWlnaHQ9JzcnIHJ4PScxLjUnLz48cGF0aCBkPSdNNS4zIDcuNmwxLjUgMS41IDIuNS0yLjhNMTQgNy41aDdNMy41IDE0aDd2N2gtN3pNMTQgMTcuNWg3Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-oculto{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMyAzbDE4IDE4TTEwLjYgNS4xQTEwLjggMTAuOCAwIDAgMSAxMiA1YzYuNSAwIDEwIDcgMTAgN2ExNy42IDE3LjYgMCAwIDEtMy4yIDQuMk02LjYgNi42QTE3LjQgMTcuNCAwIDAgMCAyIDEyczMuNSA3IDEwIDdhOS43IDkuNyAwIDAgMCA1LjQtMS42TTkuOSA5LjlhMyAzIDAgMCAwIDQuMiA0LjInLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-enlace{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTAgMTRhNCA0IDAgMCAwIDUuNyAwbDMtM2E0IDQgMCAwIDAtNS43LTUuN2wtMSAxJy8+PHBhdGggZD0nTTE0IDEwYTQgNCAwIDAgMC01LjcgMGwtMyAzYTQgNCAwIDAgMCA1LjcgNS43bDEtMScvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-capas{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTIgM2w5IDUtOSA1LTktNXonLz48cGF0aCBkPSdNMyAxM2w5IDUgOS01Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-flujo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSczJyB5PSc0JyB3aWR0aD0nNicgaGVpZ2h0PSc1JyByeD0nMScvPjxyZWN0IHg9JzE1JyB5PScxNScgd2lkdGg9JzYnIGhlaWdodD0nNScgcng9JzEnLz48cGF0aCBkPSdNNiA5djNhMyAzIDAgMCAwIDMgM2g2Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-codigo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNOCA4bC01IDQgNSA0TTE2IDhsNSA0LTUgNCcvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-abrir{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTQgNGg2djZNMjAgNGwtOSA5Jy8+PHBhdGggZD0nTTE4IDE0djVhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTFWN2ExIDEgMCAwIDEgMS0xaDUnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-flecha{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSAxMmgxNE0xMyA2bDYgNi02IDYnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-etiqueta{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMyAxMlY0aDhsMTAgMTAtOCA4eicvPjxjaXJjbGUgY3g9JzcuNScgY3k9JzguNScgcj0nMS4zJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-enviar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCAxMmwxNi04LTYgMTYtMy03eicvPjxwYXRoIGQ9J00xMSAxM2w5LTknLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-menos{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNSAxMmgxNCcvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-estirar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNMTkgMTJsLTcgN00xOSAxN2wtMiAyJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-compartir{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48Y2lyY2xlIGN4PScxOCcgY3k9JzUnIHI9JzIuNScvPjxjaXJjbGUgY3g9JzYnIGN5PScxMicgcj0nMi41Jy8+PGNpcmNsZSBjeD0nMTgnIGN5PScxOScgcj0nMi41Jy8+PHBhdGggZD0nTTguMiAxMC44bDcuNi00LjRNOC4yIDEzLjJsNy42IDQuNCcvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-guardar{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNyA0aDEwdjE2bC01LTMuNkw3IDIweicvPjwvc3ZnPg==");--w:24px;--h:24px;--x:0px;--y:0px}
.i-al-left{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDE2TTQgMTBoMTBNNCAxNGgxNk00IDE4aDEwJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-al-center{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDE2TTcgMTBoMTBNNCAxNGgxNk03IDE4aDEwJy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-al-right{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDE2TTEwIDEwaDEwTTQgMTRoMTZNMTAgMThoMTAnLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-al-justify{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA2aDE2TTQgMTBoMTZNNCAxNGgxNk00IDE4aDE2Jy8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-embudo{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cGF0aCBkPSdNNCA1aDE2bC02IDcuNVYxOGwtNCAydi03LjV6Jy8+PC9zdmc+");--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-tema-auto{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj48cGF0aCBkPSJNOCAxLjVhNi41IDYuNSAwIDEgMCAwIDEzIDYuNSA2LjUgMCAwIDAgMC0xM1ptMCAxLjZ2OS44YTQuOSA0LjkgMCAwIDEgMC05LjhaIi8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
.i-tema-light{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iMy4xIi8+PHBhdGggZD0iTTggLjh2Mm0wIDEwLjR2Mk0uOCA4aDJtMTAuNCAwaDJNMi45IDIuOWwxLjQgMS40bTcuNCA3LjQgMS40IDEuNE0xMy4xIDIuOWwtMS40IDEuNE00LjMgMTEuN2wtMS40IDEuNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");--w:24px;--h:24px;--x:0px;--y:0px}
.i-tema-dark{--m:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj48cGF0aCBkPSJNMTMuNCA5LjhBNS45IDUuOSAwIDAgMSA2LjIgMi42IDYuNCA2LjQgMCAxIDAgMTMuNCA5LjhaIi8+PC9zdmc+");--w:24px;--h:24px;--x:0px;--y:0px}
: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-tinta: #0047B3; --pri-tinta: #FFFFFF;
  --btn-a: #0068FF; --btn-b: #005BD5; --btn-h: #0052CC; --btn-p: #0043A7; --btn-t: #FFFFFF; --btn2-a: #FFFFFF; --btn2-b: #F4F6F8; --btn2-h: #EEF1F3; --btn2-p: #DEE2E6; --btn2-l: #DEE2E6; --btn-r-a: #C13C3C; --btn-r-b: #B73232; --btn-r-p: #972929; --btn-sombra: 0 1px 2px rgb(30 34 72 / .12); --btn-sombra-h: 0 2px 4px rgb(30 34 72 / .12); --btn-ha: #0062F5; --btn-hb: #0052CC; --btn-pa: #0050C8; --btn-pb: #0043A7; --btn2-ha: #FAFBFC; --btn2-hb: #ECEFF2; --btn2-pa: #EEF1F3; --btn2-pb: #E2E6EA; --btn-r-ha: #C94444; --btn-r-hb: #AE2E2E; --btn-sombra-p: inset 0 1px 2px rgb(30 34 72 / .16);
  --bien-f: #E9FBF6; --bien: #11654A; --bien-p: #19A97B;
  --mal-f: #FFEDED; --mal: #B73232; --mal-p: #E5484D; --relleno-rojo: #B42335;
  --aviso-f: #FFF6E8; --aviso: #965601; --aviso-p: #E99A2C;
  --violeta: #6A4BF0; --violeta-s: #F1EEFF;
  --riel: #1E2248; --riel-t: #C9CDE6;
  --sh1: 0 1px 2px rgba(30, 34, 72, .06), 0 1px 3px rgba(30, 34, 72, .06);
  --sh-ind: 0 0 0 1px rgba(30, 34, 72, .07), 0 0 3px rgba(30, 34, 72, .08);
  --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);
  --sombra-cajon: -24px 0 64px rgba(30, 34, 72, .16);
  --ease: cubic-bezier(.22, 1, .36, 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-tinta: #B4D6FF; --pri-tinta: #10223A;
    --btn-a: #AFD3FF; --btn-b: #8DBAF3; --btn-h: #B7D9FF; --btn-p: #7FAEE8; --btn-t: #13243B; --btn2-a: #253044; --btn2-b: #202A3C; --btn2-h: #2D3A51; --btn2-p: #39455A; --btn2-l: #73839B; --btn-r-a: #C13C3C; --btn-r-b: #B73232; --btn-r-p: #972929; --btn-sombra: 0 1px 2px rgb(0 0 0 / .31); --btn-sombra-h: 0 2px 4px rgb(0 0 0 / .31); --btn-ha: #BEDCFF; --btn-hb: #9CC4F6; --btn-pa: #9CC4F6; --btn-pb: #7FAEE8; --btn2-ha: #2E3B52; --btn2-hb: #27324A; --btn2-pa: #27324A; --btn2-pb: #222C40; --btn-r-ha: #C94444; --btn-r-hb: #AE2E2E; --btn-sombra-p: inset 0 1px 2px rgb(0 0 0 / .35);
    --bien-f: #12322E; --bien: #74D9B8; --bien-p: #3CCB9C;
    --mal-f: #3E2230; --mal: #FFA9A9; --mal-p: #FF7A7A; --relleno-rojo: #C92A3A;
    --aviso-f: #3B321D; --aviso: #FFCF87; --aviso-p: #F2B54E;
    --violeta: #B4A4FF; --violeta-s: #262046;
    --riel: #0B0F18; --riel-t: #9AA3BD;
    --sh1: 0 1px 2px rgba(0, 0, 0, .3); --sh-ind: 0 0 0 1px rgba(255, 255, 255, .07);
    --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);
    --sombra-cajon: -30px 0 80px rgba(0, 0, 0, .45);
    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-tinta: #B4D6FF; --pri-tinta: #10223A;
  --btn-a: #AFD3FF; --btn-b: #8DBAF3; --btn-h: #B7D9FF; --btn-p: #7FAEE8; --btn-t: #13243B; --btn2-a: #253044; --btn2-b: #202A3C; --btn2-h: #2D3A51; --btn2-p: #39455A; --btn2-l: #73839B; --btn-r-a: #C13C3C; --btn-r-b: #B73232; --btn-r-p: #972929; --btn-sombra: 0 1px 2px rgb(0 0 0 / .31); --btn-sombra-h: 0 2px 4px rgb(0 0 0 / .31); --btn-ha: #BEDCFF; --btn-hb: #9CC4F6; --btn-pa: #9CC4F6; --btn-pb: #7FAEE8; --btn2-ha: #2E3B52; --btn2-hb: #27324A; --btn2-pa: #27324A; --btn2-pb: #222C40; --btn-r-ha: #C94444; --btn-r-hb: #AE2E2E; --btn-sombra-p: inset 0 1px 2px rgb(0 0 0 / .35);
  --bien-f: #12322E; --bien: #74D9B8; --bien-p: #3CCB9C;
  --mal-f: #3E2230; --mal: #FFA9A9; --mal-p: #FF7A7A; --relleno-rojo: #C92A3A;
  --aviso-f: #3B321D; --aviso: #FFCF87; --aviso-p: #F2B54E;
  --violeta: #B4A4FF; --violeta-s: #262046;
  --riel: #0B0F18; --riel-t: #9AA3BD;
  --sh1: 0 1px 2px rgba(0, 0, 0, .3); --sh-ind: 0 0 0 1px rgba(255, 255, 255, .07);
  --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);
  --sombra-cajon: -30px 0 80px rgba(0, 0, 0, .45);
  color-scheme: dark;
}

/* ============ 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, select { 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; }
h1, h2, h3, h4, p { margin: 0; }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; border-radius: 6px; }
.mono { font-family: var(--mono); }
[hidden] { display: none !important; }
.oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Barras de desplazamiento finas y redondas, sin flechas, en toda la app: salen al pasar por encima (0.3.1) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; border: 3px solid transparent; border-radius: 999px; background-clip: padding-box; }
:hover::-webkit-scrollbar-thumb { background-color: var(--linea2); }
::-webkit-scrollbar-thumb:hover { background-color: var(--tenue); }
@supports not selector(::-webkit-scrollbar) { * { scrollbar-width: thin; scrollbar-color: var(--linea2) transparent; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@keyframes sube { from { opacity: 0; transform: translateY(8px); } }
@keyframes aparece { from { opacity: 0; } }
@keyframes baja { from { opacity: 0; transform: translateY(-4px) scale(.98); } }
@keyframes desliza { from { transform: translateX(28px); opacity: 0; } }
@keyframes subeH { from { transform: translateY(100%); } }
@keyframes gira { to { transform: rotate(360deg); } }
/* La pastilla del selector se desliza desde la opción anterior con transform (las opciones miden lo mismo) */
@keyframes indDesliza { from { transform: translateX(calc((var(--de) - var(--i)) * 100%)); } }

/* ============ Iconos (máscaras de Omnica: el color lo pone el texto) ============ */
.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)); }
.gira { width: 14px; height: 14px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: gira .8s linear infinite; display: inline-block; flex: 0 0 auto; }

/* ============ Botones ============ */
/* Los botones de Simla (Omnica, Figma): degradado, sombra de 1 px y esquinas de 6 px (design/pliego-movimiento.html) */
.b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 6px; border: 1px solid var(--btn2-l); background-color: var(--btn2-b); background-image: linear-gradient(180deg, var(--btn2-a), var(--btn2-b)); box-shadow: var(--btn-sombra); color: var(--tinta); font-weight: 600; font-size: 14px; letter-spacing: -.15px; white-space: nowrap; transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s, opacity .2s; }
/* Al pasar y al pulsar, el mismo degradado más oscuro: nunca plano (Luis, 22/10/2026) */
.b:hover { background-color: var(--btn2-h); background-image: linear-gradient(180deg, var(--btn2-ha), var(--btn2-hb)); box-shadow: var(--btn-sombra-h); text-decoration: none; } .b:active { background-color: var(--btn2-p); background-image: linear-gradient(180deg, var(--btn2-pa), var(--btn2-pb)); box-shadow: var(--btn-sombra-p); }
.b .i { --s: .7; }
.b-pri { border-color: transparent; background-color: var(--btn-b); background-image: linear-gradient(180deg, var(--btn-a), var(--btn-b)); color: var(--btn-t); } .b-pri:hover { background-color: var(--btn-h); background-image: linear-gradient(180deg, var(--btn-ha), var(--btn-hb)); } .b-pri:active { background-color: var(--btn-p); background-image: linear-gradient(180deg, var(--btn-pa), var(--btn-pb)); }
.b-peligro { border-color: transparent; background-color: var(--btn-r-b); background-image: linear-gradient(180deg, var(--btn-r-a), var(--btn-r-b)); color: #fff; } .b-peligro:hover { background-color: var(--btn-r-b); background-image: linear-gradient(180deg, var(--btn-r-ha), var(--btn-r-hb)); } .b-peligro:active { background-color: var(--btn-r-p); background-image: linear-gradient(180deg, var(--btn-r-hb), var(--btn-r-p)); }
.b-fan { border-color: transparent; background: transparent; box-shadow: none; } .b-fan:hover { background: var(--hover); box-shadow: none; }
.b-chico { height: 30px; padding: 0 10px; font-size: 13px; } .b-chico .i { --s: .62; }
.b-alto { height: 44px; font-size: 15px; width: 100%; }
.b-ic { width: 36px; padding: 0; } .b-chico.b-ic { width: 30px; }
.b:disabled, .b[aria-disabled="true"] { opacity: .55; cursor: default; transform: none; }
.b-ok { background: var(--bien-p); border-color: var(--bien-p); color: #fff; }
.enlace-b { color: var(--azul); font-weight: 600; font-size: 14px; } .enlace-b:hover { text-decoration: underline; }

/* ============ Campos ============ */
.campo { display: grid; gap: 6px; min-width: 0; }
.campo-rot { display: inline-flex; justify-self: start; align-items: center; column-gap: .28em; font-size: 13.5px; line-height: 18px; font-weight: 600; color: var(--tinta); }
.campo-rot > .ay { margin-left: 1px; }
.campo-ayuda { font-size: 12.5px; line-height: 17px; color: var(--suave); }
.campo-err { font-size: 12.5px; line-height: 17px; color: var(--mal); font-weight: 600; animation: aparece .2s ease-out both; }
.in { display: block; width: 100%; height: 40px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--linea2); background: var(--sup); color: var(--tinta); font-size: 15px; outline: 0; transition: border-color .2s, box-shadow .2s; min-width: 0; }
.in::placeholder { color: var(--tenue); }
.in:focus { border-color: var(--azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 18%, transparent); }
.in.mal, .in[aria-invalid="true"] { border-color: var(--mal-p); }
/* El campo justo encima de un error de la entrada se marca como el error */
.campo:has(+ .ent-error) .in { border-color: var(--mal-p); }
.ent-error + .b { margin-top: 8px; }
.in[readonly] { background: var(--sup2); color: var(--suave); }
.in-con { position: relative; display: block; }
.in-con .in { padding-right: 44px; }
.in-con .bi { position: absolute; right: 3px; top: 3px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; color: var(--suave); }
.in-con .bi:hover { background: var(--hover); color: var(--tinta); } .in-con .bi .i { --s: .72; }
@media (pointer: coarse), (max-width: 600px) { .in, .vf-input { font-size: 16px; } }
.fila-campos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
@media (max-width: 560px) { .fila-campos { grid-template-columns: minmax(0, 1fr); } }

/* Desplegable propio: el botón y su lista pegada debajo, de su ancho */
.desp { position: relative; display: block; }
.desp-boton { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 40px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--linea2); background: var(--sup); text-align: left; font-size: 15px; }
.desp-boton > span { min-width: 0; overflow: hidden; white-space: nowrap; }
.desp-boton .i { --s: .62; color: var(--suave); transition: transform .2s var(--ease); }
.desp-boton[aria-expanded="true"] { border-color: var(--azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 18%, transparent); }
.desp-boton[aria-expanded="true"] .i { transform: rotate(180deg); }
.desp-boton.dos { height: 50px; } .desp-t { display: grid; min-width: 0; text-align: left; } .desp-t b { font-size: 14.5px; font-weight: 600; line-height: 20px; } .desp-t small { font-size: 11.5px; line-height: 16px; color: var(--suave); }

/* Interruptor */
.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); }

/* Segmentado con el indicador que se desliza (sin sombra desplazada) */
.seg { position: relative; isolation: isolate; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 3px; border-radius: 10px; background: var(--sup3); }
.seg.ancho { display: grid; }
.seg button { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 8px; color: var(--suave); font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: color .2s; }
.seg button[aria-pressed="true"] { color: var(--tinta); } .seg button .i { --s: .62; }
.seg .ind { position: absolute; z-index: 0; will-change: transform; top: 3px; bottom: 3px; left: calc(3px + (100% - 6px) / var(--n) * var(--i)); width: calc((100% - 6px) / var(--n)); border-radius: 8px; background: var(--sup); box-shadow: var(--sh-ind); }
.seg .ind.mueve { animation: indDesliza .28s var(--ease); }

/* Chapas */
.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; font-weight: 600; white-space: nowrap; }
.chapa .i { --s: .55; } .chapa .pt { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.c-bien { background: var(--bien-f); color: var(--bien); } .c-aviso { background: var(--aviso-f); color: var(--aviso); } .c-mal { background: var(--mal-f); color: var(--mal); } .c-azul { background: var(--azul-s); color: var(--azul-tinta); } .c-violeta { background: var(--violeta-s); color: var(--violeta); }
.chapas { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* Avatar */
.av { --t: 32px; width: var(--t); height: var(--t); border-radius: 50%; display: inline-grid; place-items: center; flex: 0 0 auto; background: linear-gradient(135deg, #7B5CFF, #4B2BD9); color: #fff; font-size: calc(var(--t) * .36); font-weight: 700; overflow: hidden; }
.av img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============ Las ayudas «?» (con su ejemplo dibujado, como el panel) ============ */
/* El «?»: dibujado en vector, nítido en claro y en oscuro; al pasar o abierto, relleno (Luis, 22/10/2026) */
.ay { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-left: 4px; padding: 0; border: 0; border-radius: 50%; color: var(--azul); background: none; vertical-align: middle; flex: 0 0 auto; cursor: help; }
.ay svg { width: 16px; height: 16px; display: block; overflow: visible; }
.ay .o { fill: none; stroke: currentColor; stroke-width: 1.5; transition: fill .15s; }
.ay .g { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .15s; }
.ay .p { fill: currentColor; transition: fill .15s; }
.ay:hover .o, .ay[aria-expanded="true"] .o { fill: currentColor; } .ay:hover .g, .ay[aria-expanded="true"] .g { stroke: var(--sup); } .ay:hover .p, .ay[aria-expanded="true"] .p { fill: var(--sup); }
.ay-globo { position: fixed; z-index: 1001; left: 0; top: 0; display: grid; gap: 10px; padding: 16px 18px 18px; border-radius: 14px; background: var(--sup); border: 1px solid var(--linea2); box-shadow: var(--sh3); color: var(--tinta); text-align: left; pointer-events: none; transform-origin: var(--flecha, 24px) 0; }
.ay-globo::before { content: ''; position: absolute; top: -8px; left: calc(var(--flecha, 24px) - 7px); width: 14px; height: 14px; background: var(--sup); border: 1px solid var(--linea2); border-right-color: transparent; border-bottom-color: transparent; border-radius: 2px; transform: rotate(45deg); }
.ay-globo.arriba { transform-origin: var(--flecha, 24px) 100%; }
.ay-globo.arriba::before { top: auto; bottom: -8px; border-color: var(--linea2); border-top-color: transparent; border-left-color: transparent; }
.ay-globo.entra { animation: sale-del-ay .2s var(--ease) both; } .ay-globo.entra.arriba { animation-name: sale-del-ay-arriba; }
@keyframes sale-del-ay { from { opacity: 0; transform: translateY(-6px) scale(.94); } }
@keyframes sale-del-ay-arriba { from { opacity: 0; transform: translateY(6px) scale(.94); } }
.ay-t { font-size: 15px; line-height: 20px; font-weight: 700; }
.ay-d, .ay-e { margin: 0; font-size: 13.5px; line-height: 20px; color: var(--suave); }
.ay-e b { color: var(--tinta); font-weight: 700; }
.ay-i { --ai-tinta: #172033; --ai-suave: #5E6B80; --ai-borde: #E2E7EE; --ai-azul: #1A5CFF; --ai-azul-f: #E8EFFF; --ai-verde: #0E7A55; --ai-verde-f: #E2F5EC; --ai-ambar: #965601; --ai-ambar-f: #FFF6E8;
  display: grid; gap: 8px; padding: 12px 14px; border-radius: 12px; background: #F5F7FA; border: 1px solid var(--ai-borde); color: var(--ai-tinta); font-size: 12.5px; line-height: 17px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ay-i { background: #FFFFFF; border-color: transparent; } }
:root[data-theme="dark"] .ay-i { background: #FFFFFF; border-color: transparent; }
.ai-cap { font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--ai-suave); }
.ai-par { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--ai-suave); } .ai-par b { color: var(--ai-tinta); font-weight: 600; text-align: right; overflow-wrap: anywhere; min-width: 0; }
.ai-fila { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: #fff; border: 1px solid var(--ai-borde); }
.ai-av { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ai-azul-f); color: var(--ai-azul); font-size: 11px; font-weight: 700; flex: 0 0 auto; } .ai-av .i { --s: .55; }
.ai-txt { display: grid; min-width: 0; flex: 1 1 130px; } .ai-txt b { font-size: 12.5px; } .ai-txt small { font-size: 11px; color: var(--ai-suave); overflow: hidden; white-space: nowrap; }
.ai-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #EEF1F5; color: var(--ai-suave); white-space: nowrap; }
.ai-c-verde { background: var(--ai-verde-f); color: var(--ai-verde); } .ai-c-azul { background: var(--ai-azul-f); color: var(--ai-azul); } .ai-c-ambar { background: var(--ai-ambar-f); color: var(--ai-ambar); }
.ai-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ai-ops { display: grid; gap: 6px; }
.ai-op { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border-radius: 10px; background: #fff; border: 1px solid var(--ai-borde); }
.ai-op.si { border-color: var(--ai-azul); box-shadow: inset 0 0 0 1px var(--ai-azul); } .ai-op .i { --s: .6; color: var(--ai-azul); margin-top: 1px; flex: 0 0 auto; }
.ai-op span { display: grid; } .ai-op b { font-size: 12.5px; } .ai-op small { font-size: 11.5px; line-height: 16px; color: var(--ai-suave); }
.ai-codigos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; } .ai-codigos span { padding: 6px 8px; border-radius: 8px; background: #fff; border: 1px solid var(--ai-borde); font-size: 12px; text-align: center; }
.ai-tel { display: grid; justify-items: center; gap: 6px; padding: 10px; border-radius: 14px; background: #fff; border: 1px solid var(--ai-borde); }
.ai-tel b { font: 700 22px/1 var(--font); letter-spacing: 4px; color: var(--ai-tinta); font-variant-numeric: tabular-nums; }
.ai-barrita { width: 100%; height: 4px; border-radius: 4px; background: #EEF1F5; overflow: hidden; } .ai-barrita i { display: block; height: 100%; width: 62%; background: var(--ai-azul); }
.ai-correo { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--ai-borde); } .ai-correo b { font-size: 12.5px; } .ai-correo small { font-size: 11.5px; color: var(--ai-suave); }

/* ============ Requisitos de una contraseña nueva (pegados debajo de su campo, de su ancho) ============ */
.reglas { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 40; display: grid; gap: 10px; padding: 14px 16px; border-radius: 12px; background: var(--sup); border: 1px solid var(--linea2); box-shadow: 0 10px 30px rgb(15 23 42 / .14); text-align: left; pointer-events: none; animation: baja .2s var(--ease) both; }
.reglas[hidden] { display: none; }
.reglas-t { font-size: 13.5px; line-height: 18px; font-weight: 700; }
.reglas ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.reglas li { display: flex; align-items: center; gap: 9px; font-size: 13px; line-height: 18px; color: var(--suave); }
.reglas li.sub { padding-left: 25px; }
.reglas li > i { display: grid; place-items: center; width: 16px; height: 16px; flex: 0 0 16px; border-radius: 50%; border: 1.5px solid var(--linea2); transition: background-color .2s, border-color .2s; }
.reglas li.ok { color: var(--bien); } .reglas li.ok > i { background: var(--bien-p); border-color: var(--bien-p); }
.reglas li.ok > i::after { content: ''; width: 3.5px; height: 7px; border: solid #fff; border-width: 0 1.75px 1.75px 0; transform: translateY(-1px) rotate(45deg); }
.reglas-n { margin-left: auto; font-size: 12px; font-variant-numeric: tabular-nums; color: inherit; font-weight: 700; }

/* ============ La entrada: «Todo dentro, con barras» (design/pliego-entrada-10.html, la 2, elegida el 21/10/2026) ============ */
/* La ventana partida, como Pinterest, sobre una página en calma: arriba la barra con la marca, el idioma y el tema; el
   formulario y el mosaico (tarjetas grandes y únicas) uno al lado del otro; abajo la barra del copyright. Tamaño fijo:
   a 2000 px mide lo mismo que a 1440. En el teléfono, la ventana es la pantalla entera, sin esquinas, con el mosaico en
   una franja arriba. */
.arranque { min-height: 100vh; display: grid; place-items: center; color: var(--suave); }
.ent { position: relative; height: 100vh; height: 100dvh; overflow: hidden; background: var(--bg); }
.ent-vista { position: relative; height: 100%; overflow-y: auto; display: grid; justify-items: center; align-content: center; padding: 40px 16px; }
.ent-ventana { position: relative; width: 1000px; max-width: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: var(--sup); border: 1px solid var(--linea); border-radius: 16px; box-shadow: 0 30px 70px rgb(15 23 42 / .22); overflow: hidden; }
.ent-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px 16px 28px; background: var(--sup2); border-bottom: 1px solid var(--linea); }
.ent-marca { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; line-height: 1.1; color: var(--tinta); white-space: nowrap; }
.ent-marca img { width: 30px; height: 30px; display: block; flex: 0 0 auto; } .ent-marca b { font-weight: 700; } .ent-marca span { font-weight: 500; letter-spacing: -.2px; }
.ent-prefs { display: inline-flex; align-items: center; gap: 8px; }
.ent-seg.seg { padding: 2px; border-radius: 9px; border: 1px solid var(--linea); }
.ent-seg.seg button { height: 26px; min-width: 30px; padding: 0 6px; font-size: 12px; font-weight: 700; }
.ent-seg.seg button .i { --s: .62; }
.ent-seg .ind { top: 2px; bottom: 2px; left: calc(2px + (100% - 4px) / var(--n) * var(--i)); width: calc((100% - 4px) / var(--n)); border-radius: 7px; }
.ent-cuerpo { display: grid; grid-template-columns: 440px minmax(0, 1fr); min-height: 480px; }
.ent-centro { align-self: center; display: grid; gap: 14px; min-width: 0; padding: 28px 32px 30px; }
.ent-panel { position: relative; overflow: hidden; background: #0E1830; min-width: 0; }
.ent-sombra { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 90% at 30% 50%, transparent 35%, rgba(14, 24, 48, .75)); }
/* «Deslizar» (pliego-movimiento, la 1): la pantalla nueva entra de lado y la vieja sale hacia el otro; solo al cambiar de
   pantalla (al repintar la misma, nada se mueve). La primera vez, sube un poco. */
.ent-centro.primera > .ent-tarjeta { animation: sube .35s var(--ease) both; }
.ent-centro.ent-entra.adelante { animation: entDer .32s var(--ease) both; } .ent-centro.ent-entra.atras { animation: entIzq .32s var(--ease) both; }
.ent-sale { position: absolute; z-index: 1; margin: 0; pointer-events: none; }
.ent-sale.adelante { animation: entSaleIzq .32s var(--ease) both; } .ent-sale.atras { animation: entSaleDer .32s var(--ease) both; }
@keyframes entDer { from { opacity: 0; transform: translateX(48px); } } @keyframes entIzq { from { opacity: 0; transform: translateX(-48px); } }
@keyframes entSaleIzq { to { opacity: 0; transform: translateX(-48px); } } @keyframes entSaleDer { to { opacity: 0; transform: translateX(48px); } }
@media (prefers-reduced-motion: reduce) { .ent-centro.ent-entra { animation: aparece .2s ease-out both; } .ent-sale { display: none; } }
.ent-pie { display: flex; align-items: center; justify-content: center; gap: 10px 12px; flex-wrap: wrap; padding: 12px 20px; border-top: 1px solid var(--linea); font-size: 12px; color: var(--tenue); }
.solo-tel { display: none; }
/* En qué paso del alta va (invitación → verificación → códigos) */
.ent-prog { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; }
.ent-prog span { font-size: 12.5px; font-weight: 600; color: var(--suave); white-space: nowrap; }
.ent-prog div { display: grid; grid-auto-flow: column; gap: 4px; } .ent-prog i { height: 4px; border-radius: 4px; background: var(--sup3); }
.ent-prog i.on { background: var(--azul); }
.ent-tarjeta { display: grid; gap: 16px; }
.ent-tarjeta h1 { font-size: 21px; line-height: 27px; letter-spacing: -.3px; }
.ent-sub { color: var(--suave); font-size: 14.5px; line-height: 21px; margin-top: -8px; }
.ent-sub .ay { vertical-align: -2px; }
/* El botón principal, con aire respecto al último campo (más si hay un error encima) */
.ent-tarjeta > .b-alto { margin-top: 8px; }
.ent-tarjeta > .ent-error + .b-alto { margin-top: 14px; }
/* El código de dos pasos y activar la verificación: más aire entre sus piezas */
.ent-tarjeta.amplia { gap: 18px; }
.ent-tarjeta.amplia > .ent-sub { margin-top: -10px; }
.campo-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.campo-cab .enlace-b { font-size: 13px; }
/* El error en línea, sin caja: texto rojo con su icono, pegado a lo que lo causó (el hueco de la tarjeta es de 16 px) */
.ent-error { display: flex; align-items: flex-start; gap: 7px; margin-top: -8px; color: var(--mal); font-size: 13px; line-height: 18px; font-weight: 600; animation: aparece .2s ease-out both; }
/* Gilroy: el icono se centra entre el centro de las mayúsculas (el de la línea) y el de las minúsculas (0,1 em más abajo) */
.ent-error .i { --s: .62; flex: 0 0 auto; margin-top: 2.5px; }
.vf-codigo > .ent-error { margin-top: -2px; }
.ent-ok { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 10px; background: var(--bien-f); color: var(--bien); font-size: 14px; line-height: 20px; font-weight: 600; }
.ent-ok.aviso { background: var(--aviso-f); color: var(--aviso); }   /* el del enlace caducado: ámbar, no se va solo */
.ent-ok .i { --s: .7; flex: 0 0 auto; margin-top: 2.25px; }
.ent-enlaces { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.ent-enlaces.centro { justify-content: center; }
/* Con qué cuenta se entra */
/* La cuenta en la verificación (pliego-cambiar, la 4): una fila del ancho de los campos y con sus esquinas */
.ent-cuenta { display: flex; align-items: center; gap: 16px; justify-self: stretch; min-width: 0; max-width: 100%; min-height: 56px; padding: 8px 8px 8px 12px; border: 1px solid var(--linea2); border-radius: 9px; background: var(--sup2); }
.ent-cuenta-txt { display: grid; gap: 1px; flex: 1 1 auto; min-width: 0; }
.ent-cuenta-txt small { font-size: 12px; line-height: 16px; color: var(--suave); }
.ent-cuenta-txt .desv { font-size: 14px; line-height: 19px; font-weight: 600; color: var(--tinta); }
.ent-cuenta .b { flex: 0 0 auto; } .ent-cuenta .b-ic .i { --s: .75; }
@media (max-width: 760px) {
  .ent { height: auto; min-height: 100vh; min-height: 100dvh; overflow: visible; background: var(--sup); }
  .ent-vista { height: auto; overflow: visible; display: block; align-content: start; padding: 0; }
  .ent-ventana { width: 100%; border: 0; border-radius: 0; box-shadow: none; display: flex; flex-direction: column; }
  .ent-cuerpo { display: contents; }
  .ent-panel { order: -1; flex: 0 0 150px; }
  .ent-cab { justify-content: center; padding: 18px 18px 0; background: none; border: 0; }
  .ent-marca { font-size: 16px; } .ent-marca img { width: 26px; height: 26px; }
  .solo-esc { display: none; } .solo-tel { display: block; }
  .ent-centro { align-self: stretch; padding: 16px 18px 8px; }
  .ent-pie { flex-direction: column; justify-content: center; gap: 10px; border: 0; padding: 16px 18px max(18px, env(safe-area-inset-bottom, 0px)); }
}

/* ---- El mosaico: tarjetas de landings y formularios en un plano isométrico que no se corta ---- */
.m-mos { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 16px; padding: 0 22px; overflow: hidden; }
.m-mos.p-iso { inset: -70% -45%; overflow: visible; transform: rotateX(55deg) rotateZ(-40deg); transform-origin: 50% 50%; }
/* Tarjetas de ancho fijo: en una pantalla ancha, más columnas; nunca tarjetas estiradas */
.m-mos.fijo { grid-template-columns: repeat(var(--cols), 220px); justify-content: center; }
/* En el panel de la entrada, tarjetas 1,3 veces más grandes: menos y más legibles */
.m-mos.p-iso.grande { transform: rotateX(55deg) rotateZ(-40deg) scale(1.3); }
.m-col { display: grid; gap: 16px; align-content: start; padding-bottom: 16px; animation: mosaico 330s linear infinite; }
.m-car { min-width: 0; }
.m-car:nth-child(2n) .m-col { animation-duration: 420s; animation-direction: reverse; } .m-car:nth-child(3n) .m-col { animation-duration: 290s; } .m-car:nth-child(5) .m-col { animation-duration: 380s; }
/* Cada columna lleva sus catorce tarjetas dos veces y sube exactamente una vuelta: el final es idéntico al principio */
@keyframes mosaico { to { transform: translateY(-50%); } }
.m-min { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 10px 24px rgb(0 0 0 / .3); color: #14231E; font-family: var(--font); letter-spacing: 0; display: grid; }
.mm-nav { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-bottom: 1px solid #EEF2F0; }
.mm-nav img { width: 15px; height: 15px; display: block; } .mm-nav i { height: 3px; width: 16px; border-radius: 2px; background: #DCE4E1; } .mm-nav img + i { margin-left: auto; }
.mm-img { height: 52px; background: linear-gradient(135deg, color-mix(in srgb, var(--c) 38%, #fff), color-mix(in srgb, var(--c) 10%, #fff)); position: relative; }
.mm-img::after { content: ''; position: absolute; left: 50%; bottom: 8px; width: 46px; height: 22px; margin-left: -23px; border-radius: 6px 6px 3px 3px; background: color-mix(in srgb, var(--c) 70%, #fff); box-shadow: -18px 6px 0 -6px color-mix(in srgb, var(--c) 55%, #fff), 18px 6px 0 -6px color-mix(in srgb, var(--c) 55%, #fff); }
.mm-hero { padding: 10px 10px 8px; background: linear-gradient(120deg, color-mix(in srgb, var(--c) 13%, #fff), #fff); display: grid; gap: 3px; }
.mm-hero b { font-size: 11.5px; line-height: 1.2; font-weight: 700; } .mm-hero small { font-size: 8px; line-height: 1.3; color: #5E6A7B; }
.mm-chip { justify-self: start; font-size: 7px; font-weight: 700; color: var(--c); background: color-mix(in srgb, var(--c) 13%, #fff); padding: 2px 6px; border-radius: 999px; margin-bottom: 1px; }
.mm-form { padding: 8px 10px 11px; display: grid; gap: 6px; }
.mm-f { display: grid; gap: 2px; min-width: 0; } .mm-r { font-size: 7.5px; font-weight: 600; color: #3B4A44; }
.mm-in { display: flex; align-items: center; gap: 4px; height: 18px; padding: 0 6px; border: 1px solid #DCE4E1; border-radius: 4px; font-size: 7.5px; color: #98A6A1; white-space: nowrap; overflow: hidden; min-width: 0; }
.mm-in.sel { color: #14231E; } .mm-in.sel::after { content: ''; margin-left: auto; border: 3px solid transparent; border-top-color: #7A8A84; margin-top: 3px; }
.mm-in.area { height: 30px; align-items: flex-start; padding-top: 4px; }
.mm-cal { width: 8px; height: 8px; border: 1px solid #98A6A1; border-top-width: 2px; border-radius: 2px; flex: 0 0 auto; }
.mm-flag { width: 10px; height: 7px; border-radius: 1px; flex: 0 0 auto; background: linear-gradient(90deg, #0F7A3E 33%, #F4F4F4 33% 66%, #C8102E 66%); }
.mm-dos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5px; }
.mm-chk { display: flex; align-items: center; gap: 5px; font-size: 7.5px; color: #3B4A44; white-space: nowrap; } .mm-chk i { width: 9px; height: 9px; border-radius: 2px; border: 1px solid #B8C6C0; flex: 0 0 auto; } .mm-chk i.on { background: var(--c); border-color: var(--c); }
.mm-radio i { border-radius: 50%; } .mm-radio i.on { box-shadow: inset 0 0 0 2px #fff; }
.mm-ops { display: flex; gap: 10px; }
.mm-esc { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; } .mm-esc span { height: 17px; border: 1px solid #DCE4E1; border-radius: 4px; display: grid; place-items: center; font-size: 8px; font-weight: 600; color: #5E6A7B; } .mm-esc span.on { background: var(--c); border-color: var(--c); color: #fff; }
.mm-cant { display: inline-flex; align-items: center; justify-self: start; height: 18px; border: 1px solid #DCE4E1; border-radius: 4px; font-size: 8px; } .mm-cant i { width: 18px; text-align: center; font-style: normal; color: #7A8A84; } .mm-cant b { width: 18px; text-align: center; border-left: 1px solid #DCE4E1; border-right: 1px solid #DCE4E1; line-height: 16px; }
.mm-btn { display: grid; place-items: center; height: 20px; padding: 0 8px; border-radius: 5px; background: var(--c); color: #fff; font-size: 8px; font-weight: 700; margin-top: 2px; white-space: nowrap; }
.mm-btn.inv { background: #fff; color: var(--c); }
.mm-news { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px; align-items: center; } .mm-news .mm-btn { margin-top: 0; height: 18px; }
.ml-portada { position: relative; min-height: 118px; padding: 14px 10px 10px; display: grid; align-content: end; justify-items: start; gap: 4px; color: #fff; background: linear-gradient(160deg, color-mix(in srgb, var(--c) 55%, #000), var(--c)); overflow: hidden; }
.ml-portada::before { content: ''; position: absolute; right: 12px; top: 14px; width: 58px; height: 30px; border-radius: 12px 12px 4px 4px; background: rgba(255, 255, 255, .22); box-shadow: -16px 12px 0 -6px rgba(255, 255, 255, .14), 0 22px 0 -10px rgba(255, 255, 255, .18); }
.ml-portada b { position: relative; font-size: 13px; line-height: 1.15; } .ml-portada small { position: relative; font-size: 8px; opacity: .85; } .ml-portada .mm-btn { position: relative; margin-top: 4px; }
.ml-ventajas { display: grid; gap: 5px; padding: 9px 10px 11px; } .ml-ventajas span { display: flex; align-items: center; gap: 6px; font-size: 7.5px; font-weight: 600; color: #3B4A44; }
.ml-ventajas i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--c); background: color-mix(in srgb, var(--c) 18%, #fff); flex: 0 0 auto; }
.ml-cuerpo { padding: 10px 10px 11px; display: grid; gap: 6px; } .ml-cuerpo > b { font-size: 11.5px; line-height: 1.2; } .ml-cuerpo > small { font-size: 8px; color: #5E6A7B; margin-top: -3px; }
.ml-estrellas { display: inline-flex; gap: 1px; } .ml-estrellas i { width: 8px; height: 8px; background: #F2B54E; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.ml-nota { display: flex; align-items: center; gap: 5px; } .ml-nota em { font-style: normal; font-size: 7.5px; color: #5E6A7B; }
.ml-precio { font-size: 14px; font-weight: 700; }
.ml-evento { padding: 12px 10px 12px; display: grid; justify-items: start; gap: 5px; background: var(--c); color: #fff; } .ml-evento .mm-chip { background: rgba(255, 255, 255, .16); color: #fff; }
.ml-evento b { font-size: 12.5px; line-height: 1.2; } .ml-evento small { font-size: 8px; opacity: .8; } .ml-evento .mm-btn { justify-self: stretch; }
.ml-gente { display: flex; align-items: center; margin: 2px 0; } .ml-gente i { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--c); margin-left: -5px; background: linear-gradient(135deg, #F4C7A1, #D9926B); } .ml-gente i:first-child { margin-left: 0; }
.ml-gente i:nth-child(2) { background: linear-gradient(135deg, #C9B6F2, #8C6BD9); } .ml-gente i:nth-child(3) { background: linear-gradient(135deg, #A7D8C9, #4FA58C); } .ml-gente em { font-style: normal; font-size: 7.5px; margin-left: 6px; opacity: .85; }
.ml-fila { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 6px; align-items: start; } .ml-fila > i { width: 16px; height: 16px; border-radius: 5px; background: color-mix(in srgb, var(--c) 14%, #fff); border: 1px solid color-mix(in srgb, var(--c) 40%, #fff); }
.ml-fila > span { display: grid; gap: 1px; } .ml-fila b { font-size: 8px; } .ml-fila em { font-style: normal; font-size: 7px; color: #5E6A7B; }
.ml-cita { font-size: 10px; line-height: 1.35; font-weight: 600; }
.ml-autor { display: flex; align-items: center; gap: 6px; } .ml-autor > i { width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg, #F4C7A1, #C77F57); flex: 0 0 auto; } .ml-autor b { display: block; font-size: 8px; } .ml-autor em { font-style: normal; font-size: 7px; color: #5E6A7B; }
.ml-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding-top: 6px; border-top: 1px solid #EEF2F0; } .ml-logos i { height: 7px; border-radius: 2px; background: #DCE4E1; }
.ml-planes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } .ml-planes > span { display: grid; gap: 4px; padding: 7px; border: 1px solid #DCE4E1; border-radius: 6px; }
.ml-planes > span.dest { border-color: var(--c); background: color-mix(in srgb, var(--c) 6%, #fff); } .ml-planes em { font-style: normal; font-size: 7.5px; font-weight: 600; color: #5E6A7B; } .ml-planes b { font-size: 12px; }
.ml-planes i { height: 3px; border-radius: 2px; background: #E5ECE9; } .ml-planes .mm-btn { height: 17px; font-size: 7px; margin-top: 2px; }
.ml-promo { padding: 16px 10px 12px; display: grid; justify-items: center; text-align: center; gap: 6px; color: #fff; background: linear-gradient(140deg, var(--c), color-mix(in srgb, var(--c) 55%, #F59E0B)); }
.ml-promo small { font-size: 7.5px; opacity: .9; } .ml-promo b { font-size: 15px; line-height: 1.15; } .ml-promo .mm-btn { justify-self: stretch; }
.ml-cuenta { display: flex; gap: 4px; } .ml-cuenta i { font-style: normal; font-size: 9px; font-weight: 700; padding: 3px 5px; border-radius: 4px; background: rgba(255, 255, 255, .2); }
.ml-app { justify-items: center; text-align: center; }
.ml-tel { width: 70px; height: 92px; border-radius: 12px; border: 3px solid #14231E; background: color-mix(in srgb, var(--c) 8%, #fff); display: grid; gap: 4px; align-content: start; padding: 9px 7px; }
.ml-tel i { height: 8px; border-radius: 3px; background: color-mix(in srgb, var(--c) 30%, #fff); } .ml-tel i:first-child { height: 24px; background: var(--c); }
.ml-tiendas { display: flex; gap: 5px; } .ml-tiendas i { width: 46px; height: 14px; border-radius: 4px; background: #14231E; }
@media (max-width: 760px) { .m-mos { zoom: .62; gap: 10px; padding: 0 12px; } .m-col { gap: 10px; padding-bottom: 10px; } }

/* ============ El código de 6 cifras (el de la VPN, como el panel) ============ */
.vf-codigo { --vf-alto: 60px; --vf-hueco: 10px; --vf-tam: 26px; --vf-ease: cubic-bezier(.2, .8, .2, 1); display: grid; gap: 10px; color: var(--tinta); }
.vf-otp { position: relative; }
.vf-input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; outline: 0; box-shadow: none; background: transparent; color: transparent; caret-color: transparent; font-size: 16px; cursor: text; -webkit-text-fill-color: transparent; }
.vf-input:focus, .vf-input:focus-visible { outline: 0; box-shadow: none; }
.vf-celdas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--vf-hueco); }
.vf-celda { position: relative; display: grid; place-items: center; min-width: 0; height: var(--vf-alto); border: 1px solid var(--linea2); border-radius: 12px; background: var(--sup); color: var(--tinta); font: 700 var(--vf-tam)/1 var(--font); font-variant-numeric: tabular-nums; transition: border-color .18s var(--vf-ease), box-shadow .18s var(--vf-ease); }
.vf-celda:not(.llena) .vf-cifra::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--linea2); transition: transform .2s var(--vf-ease), background-color .2s var(--vf-ease); }
.vf-celda.llena { border-color: var(--tenue); } .vf-celda.llena .vf-cifra { animation: aparece .2s var(--vf-ease) both; }
.vf-foco .vf-celda.activa { border-color: var(--azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 22%, transparent); }
.vf-foco .vf-celda.activa:not(.llena) .vf-cifra::before { transform: scale(1.5); background: var(--azul); }
.vf-completo .vf-celda { animation: vf-ola .5s var(--vf-ease) both; animation-delay: calc(var(--i, 0) * 45ms); }
.vf-mal .vf-celda { border-color: var(--mal); animation: vf-rojo .6s var(--vf-ease); }
/* La nota bajo las casillas, centrada y con su reloj */
.vf-tiempo { display: grid; gap: 7px; }
.vf-barra { height: 3px; border-radius: 3px; overflow: hidden; background: var(--sup3); }
.vf-barra i { display: block; height: 100%; background: var(--azul); transform-origin: 0 50%; animation: vfVacia 30s linear infinite; }
@keyframes vfVacia { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .vf-barra { display: none; } }
.vf-nota { margin: 0; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--suave); font-size: 13px; line-height: 18px; text-align: center; }
.vf-nota[data-aviso] { color: var(--tinta); font-weight: 600; }
@keyframes vf-ola { 0%, 100% { transform: none; } 40% { transform: translateY(-4px); } }
@keyframes vf-rojo { from { background-color: var(--mal-f); } }
/* «Recordar este navegador durante 30 días» en una línea: interruptor, nombre y su «?» */
.vf-recordar { display: flex; align-items: center; gap: 10px; font-size: 13.5px; line-height: 18px; font-weight: 600; color: var(--tinta); }
.vf-recordar label { cursor: pointer; min-width: 0; } .vf-recordar .ay { margin-left: 0; }
.vf-alta { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; }
.vf-qr { display: block; width: 148px; height: 148px; padding: 6px; border-radius: 12px; background: #fff; border: 1px solid var(--linea); }
.vf-qr svg { display: block; width: 100%; height: 100%; }
.vf-qr.cargando { background: var(--sup3); animation: aparece 1s ease-in-out infinite alternate; }
.vf-lista { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; font-size: 13.5px; line-height: 19px; }
.vf-lista li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.vf-lista li > span:first-child { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); font-size: 12px; font-weight: 700; }
.vf-clave { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 9px; background: var(--sup2); border: 1px solid var(--linea); font: 13px/18px var(--mono); overflow-wrap: anywhere; animation: aparece .3s var(--ease) both; }
.vf-clave span { flex: 1; min-width: 0; }
.vf-respaldos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.vf-respaldos li { padding: 8px 10px; border-radius: 9px; background: var(--sup2); border: 1px solid var(--linea); font: 600 14px/18px var(--mono); text-align: center; animation: sube .35s var(--ease) both; animation-delay: calc(var(--n, 0) * 40ms); }
.vf-acciones { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 520px) { .vf-codigo { --vf-alto: 50px; --vf-hueco: 6px; --vf-tam: 22px; } .vf-alta { grid-template-columns: minmax(0, 1fr); justify-items: center; } .vf-alta .vf-lista { justify-self: stretch; } }

/* ============ La app: riel oscuro, contenido plano y centrado ============ */
.app { display: grid; grid-template-columns: 64px minmax(0, 1fr); min-height: 100vh; }
.riel { position: sticky; top: 0; height: 100vh; background: var(--riel); display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 0; z-index: 20; }
.riel-logo { width: 32px; height: 32px; margin-bottom: 12px; display: block; }
.ri { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; color: var(--riel-t); transition: background-color .2s, color .2s; }
.ri .i { --s: .82; } .ri:hover { background: color-mix(in srgb, var(--riel-t) 14%, transparent); color: #fff; text-decoration: none; }
.ri.on { background: color-mix(in srgb, var(--riel-t) 22%, transparent); color: #fff; }
.ri.on::before { content: ''; position: absolute; left: -11px; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: #fff; }
/* Al pie: «Ajustes» justo encima de tu foto (como la VPN y el panel de simlatech.app) */
.riel-abajo { margin-top: auto; display: grid; justify-items: center; gap: 10px; }
.riel .cuenta-b { border-radius: 50%; padding: 2px; transition: box-shadow .2s; } .riel .cuenta-b[aria-expanded="true"] { box-shadow: 0 0 0 2px #fff; }
.contenido { min-width: 0; padding: 28px max(20px, env(safe-area-inset-right, 0px)) 80px 28px; }
.col { width: min(880px, 100%); margin: 0 auto; display: grid; gap: 18px; align-content: start; }
.col-ancha { width: min(1120px, 100%); }
.cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-height: 40px; }
.cab h1 { font-size: 26px; line-height: 32px; letter-spacing: -.5px; }
.cab .acc { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.tarjeta { background: var(--sup); border: 1px solid var(--linea); border-radius: 14px; padding: 18px 20px; display: grid; gap: 14px; min-width: 0; }
.tarjeta > h2 { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 22px; }
.tarjeta > h2 .i { --s: .7; color: var(--suave); }
.tarjeta > h2 .acc { margin-left: auto; display: flex; gap: 6px; }
.fila { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--linea); min-width: 0; }
.fila:first-of-type { border-top: 0; padding-top: 0; }
.fila-txt { display: grid; min-width: 0; flex: 1; } .fila-txt b { font-size: 14px; line-height: 20px; display: inline-flex; align-items: center; column-gap: .28em; } .fila-txt small { font-size: 13px; line-height: 18px; color: var(--suave); overflow-wrap: anywhere; }
.fila .acc { display: flex; gap: 6px; align-items: center; flex: 0 0 auto; }
.tel-barra { display: none; }
@media (max-width: 760px) {
  .app { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
  .riel { display: none; }
  .tel-cab { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--sup); border-bottom: 1px solid var(--linea); }
  .tel-der { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
  .tel-aj { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--suave); } .tel-aj .i { --s: .82; }
  .tel-aj:hover { background: var(--hover); text-decoration: none; } .tel-aj.on { color: var(--azul); background: var(--azul-s); }
  .tel-cab img { width: 28px; height: 28px; } .tel-cab b { flex: 1; font-size: 16px; min-width: 0; overflow: hidden; white-space: nowrap; }
  .tel-barra { position: sticky; bottom: 0; z-index: 20; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--sup); border-top: 1px solid var(--linea); padding: 6px 4px calc(8px + env(safe-area-inset-bottom, 0px)); }
  .tel-barra a { display: grid; justify-items: center; gap: 2px; color: var(--tenue); font-size: 10.5px; line-height: 13px; font-weight: 600; padding: 4px 0; text-decoration: none; min-width: 0; }
  .tel-barra a .i { --s: .82; } .tel-barra a.on { color: var(--azul); }
  .tel-barra a span { max-width: 100%; overflow: hidden; white-space: nowrap; }
  .contenido { padding: 16px 14px 28px; }
  .cab h1 { font-size: 22px; line-height: 28px; }
  .tarjeta { padding: 16px; }
  .fila { flex-wrap: wrap; } .fila .acc { width: 100%; justify-content: flex-start; }
}
@media (min-width: 761px) { .tel-cab { display: none; } }

/* ============ De la entrada al panel: «Profundidad» (design/pliego-entrada-5.html, elegida la 6) ============ */
/* Solo transform y opacity: la entrada se aleja y se apaga (capa fija debajo, que app.js quita al acabar), y el panel
   llega desde delante con un acercamiento leve; el riel (o la cabecera y la barra del teléfono) y sus piezas entran en
   orden. --tr-t es el tiempo ya pasado si se vuelve a pintar a media transición. Con «Reducir movimiento», un fundido. */
.tr-atras { position: fixed; left: 0; right: 0; z-index: 0; pointer-events: none; opacity: 0; transform: scale(.92); animation: trAtras .42s cubic-bezier(.4, 0, .2, 1) both; }
.tr-atras * { animation: none !important; transition: none !important; }
@keyframes trAtras { from { opacity: 1; transform: none; } }
.app.tr-llega { --tr-t: 0ms; position: relative; z-index: 1; background: var(--bg); animation: trDelante .5s calc(var(--tr-t) + .1s) cubic-bezier(.2, 0, 0, 1) both; }
@keyframes trDelante { from { opacity: 0; transform: scale(1.06); } }
.app.tr-llega .riel { animation: trRiel .42s calc(var(--tr-t) + .26s) var(--ease) both; }
@keyframes trRiel { from { transform: translateX(-100%); } }
.app.tr-llega .col > * { animation: trSube .38s calc(var(--tr-t) + .3s) var(--ease) both; }
.app.tr-llega .col > :nth-child(2) { animation-delay: calc(var(--tr-t) + .345s); }
.app.tr-llega .col > :nth-child(3) { animation-delay: calc(var(--tr-t) + .39s); }
.app.tr-llega .col > :nth-child(n + 4) { animation-delay: calc(var(--tr-t) + .435s); }
.app.tr-llega .paso-p { animation: trSube .38s calc(var(--tr-t) + .45s) var(--ease) both; }
.app.tr-llega .paso-p:nth-of-type(2) { animation-delay: calc(var(--tr-t) + .495s); }
.app.tr-llega .paso-p:nth-of-type(3) { animation-delay: calc(var(--tr-t) + .54s); }
.app.tr-llega .paso-p:nth-of-type(n + 4) { animation-delay: calc(var(--tr-t) + .585s); }
@keyframes trSube { from { opacity: 0; transform: translateY(14px); } }
@media (max-width: 760px) {
  .app.tr-llega .tel-cab { animation: trCab .38s calc(var(--tr-t) + .26s) var(--ease) both; }
  .app.tr-llega .tel-barra { animation: trBarra .38s calc(var(--tr-t) + .32s) var(--ease) both; }
}
@keyframes trCab { from { transform: translateY(-100%); } }
@keyframes trBarra { from { transform: translateY(100%); } }
@media (prefers-reduced-motion: reduce) {
  .app.tr-llega * { animation: none !important; }
  .app.tr-llega { animation: aparece .2s ease-out both !important; }
}

/* ============ Ventanitas: menús pegados a su botón, el de la cuenta encima del avatar ============ */
.capa { position: fixed; z-index: 900; min-width: 200px; max-width: calc(100vw - 16px); background: var(--sup); border: 1px solid var(--linea); border-radius: 12px; box-shadow: var(--sh3); padding: 6px; display: grid; gap: 1px; animation: baja .2s var(--ease) both; }
.capa.quieta, .velo.quieta, .cajon.quieta, .modal.quieta { animation: none; }
.capa button, .capa a { display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 10px; border-radius: 8px; color: var(--tinta); font-size: 14px; font-weight: 600; text-align: left; white-space: nowrap; text-decoration: none; }
.capa button:hover, .capa a:hover { background: var(--hover); text-decoration: none; }
.capa button .i, .capa a .i { --s: .68; color: var(--suave); }
.capa button[aria-checked="true"] { color: var(--azul-tinta); background: var(--azul-s); } .capa button[aria-checked="true"] .i { color: var(--azul-tinta); }
.capa .rojo { color: var(--mal); } .capa .rojo .i { color: var(--mal); }
.capa .sep { height: 1px; background: var(--linea); margin: 4px 2px; }
.capa .tit { padding: 6px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--tenue); }
.capa .quien { display: flex; align-items: center; gap: 10px; padding: 8px 10px 10px; } .capa .quien div { display: grid; min-width: 0; } .capa .quien b { font-size: 14px; } .capa .quien small { font-size: 12.5px; color: var(--suave); overflow: hidden; }
.capa.con-flecha::after { content: ''; position: absolute; left: var(--flecha, 20px); bottom: -7px; width: 12px; height: 12px; background: var(--sup); border: 1px solid var(--linea); border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); }
/* El menú de tu cuenta (pliego-menu, la 1): tu foto, nombre, correo y rol; Mi perfil; Tema e Idioma en filas; Salir al
   final. En el escritorio sale a la derecha del riel, pegado abajo, con una muesca hacia tu foto (--muesca);
   en el teléfono, bajo tu foto con una flecha hacia ella (--flecha). */
.capa-cuenta { width: 292px; padding: 0; gap: 0; overflow: visible; }
.capa-cuenta[data-capa="cuenta"] { transform-origin: 0 100%; animation-name: sale-del-riel; }
@keyframes sale-del-riel { from { opacity: 0; transform: translateX(-6px) scale(.98); } }
.cu-yo { display: flex; align-items: center; gap: 12px; padding: 14px 24px 12px 14px; }   /* 24 px a la derecha: aire tras el desvanecido */
.cu-yo > div { display: grid; justify-items: start; gap: 1px; flex: 1 1 auto; min-width: 0; }
.cu-yo b { max-width: 100%; font-size: 15px; line-height: 20px; }
.cu-yo small { max-width: 100%; font-size: 12.5px; line-height: 17px; color: var(--suave); }
.cu-rol { display: inline-flex; align-items: center; gap: 4px; margin-top: 5px; font-size: 12px; line-height: 16px; font-weight: 700; color: var(--azul-tinta); } .cu-rol .i { --s: .54; }
.cu-grupo { display: grid; gap: 2px; padding: 6px; border-top: 1px solid var(--linea); }
.capa .cu-grupo > a, .capa .cu-grupo > button { height: 40px; padding: 0 8px; }
.cu-fila { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 4px 0 8px; font-size: 14px; font-weight: 600; }
.cu-fila > .i { --s: .68; flex: 0 0 auto; color: var(--suave); } .cu-fila > span:not(.i) { flex: 1 1 auto; text-align: left; }
.cu-mini.seg { border-radius: 999px; } .cu-mini .ind { border-radius: 999px; }
.capa .cu-mini button { width: 32px; height: 26px; padding: 0; justify-content: center; border-radius: 999px; font-size: 12px; }
.capa .cu-mini.cu-letras button { width: 36px; }
.capa .cu-mini button:hover { background: none; color: var(--tinta); }
.capa .cu-mini button .i { --s: .6; color: inherit; }
.capa-cuenta[data-capa="cuenta"]::before { content: ''; position: absolute; left: -8px; bottom: calc(var(--muesca, 26px) - 7px); width: 14px; height: 14px; background: var(--sup); border-left: 1px solid var(--linea); border-bottom: 1px solid var(--linea); border-bottom-left-radius: 3px; transform: rotate(45deg); }
.capa-cuenta[data-capa="cuenta-tel"]::before { content: ''; position: absolute; top: -8px; left: calc(var(--flecha, 260px) - 7px); width: 14px; height: 14px; background: var(--sup); border-top: 1px solid var(--linea); border-left: 1px solid var(--linea); border-top-left-radius: 3px; transform: rotate(45deg); }
.capa .fila-pref { display: flex; align-items: center; gap: 8px; padding: 4px 6px 6px; } .capa .fila-pref .seg { flex: 1; }
.capa.lista-desp { padding: 4px; max-height: min(380px, calc(100vh - 16px)); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; } .capa.lista-desp button { justify-content: space-between; font-weight: 500; }
.capa.lista-desp:not(.con-bus) { grid-template-rows: minmax(0, 1fr); }
.dl-l { display: grid; gap: 1px; align-content: start; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.dl-bus { display: flex; align-items: center; gap: 8px; height: 38px; margin: 2px 2px 4px; padding: 0 10px; border-radius: 9px; border: 1px solid var(--linea2); background: var(--sup); }
.dl-bus:focus-within { border-color: var(--azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 18%, transparent); }
.dl-bus .i { --s: .6; color: var(--suave); } .dl-bus input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font-size: 14px; color: var(--tinta); }
.capa.lista-desp button.dos { height: auto; min-height: 46px; padding: 5px 10px; }
.dl-t { flex: 1; display: grid; min-width: 0; text-align: left; } .dl-t b { font-size: 14px; font-weight: 600; line-height: 19px; } .dl-t small { font-size: 11.5px; line-height: 16px; color: var(--suave); }
.capa button[aria-checked="true"] .dl-t small { color: var(--azul-tinta); }
.dl-nada { margin: 0; padding: 10px; font-size: 13.5px; color: var(--suave); }

/* Cajón recto, pegado al borde (en el teléfono, hoja desde abajo) */
.velo { position: fixed; inset: 0; z-index: 950; background: var(--velo); animation: aparece .25s ease-out both; }
.cajon { position: fixed; z-index: 960; top: 0; right: 0; bottom: 0; width: min(460px, 100vw); background: var(--sup); box-shadow: var(--sombra-cajon); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; animation: desliza .32s var(--ease) both; }
.cajon > header { display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--linea); } .cajon > header h2 { font-size: 18px; flex: 1; }
.cajon > .cuerpo { overflow: auto; padding: 18px; display: grid; gap: 16px; align-content: start; }
.cajon > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--linea); }
.modal { position: fixed; z-index: 960; left: 50%; top: 12vh; transform: translateX(-50%); width: min(460px, calc(100vw - 24px)); max-height: 76vh; background: var(--sup); border: 1px solid var(--linea); border-radius: 16px; box-shadow: var(--sh3); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; animation: aparece .25s ease-out both; }
.modal > header { display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--linea); } .modal > header h2 { font-size: 17px; flex: 1; }
.modal > .cuerpo { overflow: auto; padding: 18px; display: grid; gap: 14px; }
.modal > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--linea); }
@media (max-width: 600px) {
  .cajon { top: auto; left: 0; width: 100%; max-height: 88vh; border-radius: 0; animation-name: subeH; }
  .modal { top: auto; bottom: 0; left: 0; transform: none; width: 100%; max-height: 88vh; border-radius: 18px 18px 0 0; animation: subeH .32s var(--ease) both; }
  .modal > footer, .cajon > footer { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
}
.aviso-flotante { position: fixed; z-index: 1000; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 24px); padding: 11px 16px; border-radius: 12px; background: var(--tinta); color: var(--bg); font-size: 14px; font-weight: 600; box-shadow: var(--sh3); animation: avisoSube .3s var(--ease) both; }
.aviso-flotante .i { --s: .68; flex: 0 0 auto; }
.aviso-flotante.mal { padding-right: 8px; }
.af-cerrar { display: grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; margin-left: 2px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.af-cerrar:hover { background: color-mix(in srgb, currentColor 16%, transparent); }
.af-cerrar:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.af-cerrar .i { --s: .6; } .aviso-flotante.mal { background: var(--relleno-rojo); color: #fff; }
@keyframes avisoSube { from { opacity: 0; transform: translate(-50%, 10px); } }
@media (max-width: 760px) { .aviso-flotante { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); } }

/* ============ Vacíos y primeros pasos ============ */
.vacio-b { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 30px 18px 10px; }
.vacio-b svg { width: 210px; height: auto; } .vacio-b h2 { font-size: 20px; line-height: 26px; } .vacio-b p { color: var(--suave); max-width: 52ch; }
.vacio-b .acc { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 4px; }
.pasos-p { display: grid; gap: 8px; width: min(600px, 100%); justify-self: center; }
.paso-p { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--linea); background: var(--sup); }
.paso-p .ck { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--linea2); display: grid; place-items: center; flex: 0 0 auto; color: var(--suave); font-size: 12px; font-weight: 700; }
.paso-p.hecho .ck { background: var(--bien-p); border-color: var(--bien-p); color: #fff; } .paso-p.hecho .ck .i { --s: .55; }
.paso-p div { display: grid; min-width: 0; flex: 1 1 220px; } .paso-p b { font-size: 14px; line-height: 20px; } .paso-p small { font-size: 13px; color: var(--suave); }
.paso-p.hecho b { color: var(--suave); }
@media (max-width: 560px) { .paso-p { flex-wrap: wrap; } .paso-p > .b, .paso-p > .chapa { margin-left: 36px; } }

/* ============ Mi perfil ============ */
.perfil-cab { display: flex; align-items: center; gap: 18px; padding: 20px; background: var(--sup); border: 1px solid var(--linea); border-radius: 14px; }
.perfil-foto { position: relative; flex: 0 0 auto; }
.perfil-foto .av { --t: 76px; }
.perfil-foto .foto-acc { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; border-radius: 50%; overflow: hidden; opacity: 0; transition: opacity .2s; }
.perfil-foto:hover .foto-acc, .perfil-foto:focus-within .foto-acc { opacity: 1; }
.perfil-foto .foto-acc button { display: grid; place-items: center; background: rgba(15, 20, 31, .55); color: #fff; } .perfil-foto .foto-acc button:hover { background: rgba(15, 20, 31, .72); }
.perfil-foto .foto-acc button .i { --s: .7; } .perfil-foto .foto-acc.sola { grid-template-columns: 1fr; }
.perfil-id { display: grid; gap: 4px; min-width: 0; } .perfil-id b { font-size: 21px; line-height: 27px; } .perfil-id small { color: var(--suave); overflow-wrap: anywhere; }
@media (pointer: coarse) { .perfil-foto .foto-acc { opacity: 1; background: none; } }
@media (max-width: 560px) { .perfil-cab { flex-direction: column; text-align: center; } .perfil-id .chapas { justify-content: center; } }
.recorte { display: grid; gap: 12px; justify-items: center; }
.recorte-area { position: relative; width: min(300px, 100%); aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #0F141F; touch-action: none; cursor: grab; }
.recorte-area canvas { display: block; width: 100%; height: 100%; }
.recorte-area::after { content: ''; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 999px rgba(0, 0, 0, .45); pointer-events: none; }
.recorte input[type=range] { width: min(300px, 100%); accent-color: var(--azul); }

/* ============ Tablas (Ajustes › Usuarios) ============ */
.lista-u { display: grid; background: var(--sup); border: 1px solid var(--linea); border-radius: 14px; overflow: hidden; }
.lista-u .u-fila { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) 40px; gap: 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--linea); min-height: 60px; }
.lista-u .u-fila:first-child { border-top: 0; }
.lista-u .u-cab { min-height: 0; padding: 9px 16px; background: var(--sup2); font-size: 11.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--tenue); }
.u-quien { display: flex; align-items: center; gap: 10px; min-width: 0; } .u-quien div { display: grid; min-width: 0; } .u-quien b { font-size: 14px; overflow: hidden; white-space: nowrap; } .u-quien small { font-size: 12.5px; color: var(--suave); overflow: hidden; white-space: nowrap; } .u-visto::before { content: ' · '; }
@media (max-width: 700px) { .u-quien small { display: grid; } .u-quien small span { overflow: hidden; } .u-visto::before { content: none; } .lista-u .u-cab { display: none; } .lista-u .u-fila { grid-template-columns: minmax(0, 1fr) 40px; grid-template-areas: "q m" "r r"; row-gap: 6px; } .u-quien { grid-area: q; } .u-mas { grid-area: m; } .u-rol { grid-area: r; display: flex; gap: 8px; flex-wrap: wrap; } .u-estado { display: none; } .u-fila .u-rol .u-est-tel { display: inline-flex; } }
.u-est-tel { display: none; }

/* ============ Ajustes › Correo ============ */
.plantillas-l { display: grid; gap: 6px; }
.plantilla-f { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linea); background: var(--sup); text-align: left; width: 100%; transition: border-color .2s, background-color .2s; }
.plantilla-f:hover { border-color: var(--linea2); } .plantilla-f.on { border-color: var(--azul); box-shadow: 0 0 0 1px var(--azul) inset; background: var(--azul-s); }
.plantilla-f .ico { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--sup3); color: var(--suave); flex: 0 0 auto; } .plantilla-f .ico .i { --s: .65; }
.plantilla-f div { display: grid; min-width: 0; } .plantilla-f b { font-size: 14px; } .plantilla-f small { font-size: 12.5px; color: var(--suave); }
.correo-dos { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 900px) { .correo-dos { grid-template-columns: minmax(0, 1fr); } }
.previa-marco { border: 1px solid var(--linea); border-radius: 14px; overflow: hidden; background: var(--sup2); display: grid; }
.previa-marco header { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--linea); flex-wrap: wrap; }
.previa-marco header .asunto { display: grid; min-width: 0; flex: 1 1 200px; } .previa-marco header .asunto b { font-size: 14px; } .previa-marco header .asunto small { font-size: 12.5px; color: var(--suave); }
.previa-correo { overflow: auto; max-height: 640px; }
.previa-correo .correo { font-size: 15px; }
.envios-l { display: grid; }
.envio-f { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3px 12px; padding: 11px 0; border-top: 1px solid var(--linea); font-size: 13.5px; } .envio-f:first-child { border-top: 0; }
.envio-f > b { min-width: 0; } .envio-f > .chapa { justify-self: end; }
.envio-f .para { grid-column: 1 / -1; min-width: 0; overflow: hidden; white-space: nowrap; }
.envio-f small { color: var(--suave); font-size: 12.5px; } .envio-f .asunto { min-width: 0; overflow: hidden; white-space: nowrap; }
.envio-f .cuando { justify-self: end; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { .envio-f .asunto, .envio-f .cuando { grid-column: 1 / -1; justify-self: start; } }

/* ---- Lo que no cabe en una línea: se desvanece al final (nunca «…») y su texto entero sale en el globo ---- */
.desv { display: block; min-width: 0; overflow: hidden; white-space: nowrap; }
.desv.desborda { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
.desv.desborda[tabindex]:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; border-radius: 4px; -webkit-mask-image: none; mask-image: none; }
/* El globo: el mismo aspecto que el de las ayudas, en pequeño */
.globo { position: fixed; z-index: 1002; left: 0; top: 0; max-width: min(340px, calc(100vw - 16px)); padding: 7px 11px; border-radius: 8px; background: var(--sup); border: 1px solid var(--linea2); box-shadow: var(--sh3); color: var(--tinta); font-size: 13px; line-height: 18px; font-weight: 600; overflow-wrap: anywhere; pointer-events: none; }
.globo::before { content: ''; position: absolute; top: -6px; left: calc(var(--flecha, 20px) - 5px); width: 10px; height: 10px; background: var(--sup); border: 1px solid var(--linea2); border-right-color: transparent; border-bottom-color: transparent; transform: rotate(45deg); border-radius: 2px 0 0 0; }
.globo.arriba::before { top: auto; bottom: -6px; border-color: var(--linea2); border-left-color: transparent; border-top-color: transparent; border-radius: 0 0 2px 0; }
.globo.der::before { top: calc(50% - 5px); left: -6px; border-color: var(--linea2); border-top-color: transparent; border-right-color: transparent; border-radius: 0 0 0 2px; }
.globo.entra { animation: globoEntra .16s var(--ease) both; } .globo.entra.arriba { animation-name: globoEntraArriba; } .globo.entra.der { animation-name: globoEntraDer; }
@keyframes globoEntra { from { opacity: 0; transform: translateY(-4px); } }
@keyframes globoEntraArriba { from { opacity: 0; transform: translateY(4px); } }
@keyframes globoEntraDer { from { opacity: 0; transform: translateX(-4px); } }
@media (prefers-reduced-motion: reduce) { .globo.entra, .globo.entra.arriba, .globo.entra.der { animation: none; } }

/* ============ Ajustes › Simla (0.2.0): design/pliego-simla.html, la 1 con el acordeón de pliego-datos ============ */
/* Animaciones solo de transform y opacity, y solo para lo nuevo (la clase .nuevo dura un pintado): nada se repite al
   escribir en el buscador ni al avanzar la comprobación. */
@keyframes sxPop { from { opacity: 0; transform: scale(.6); } }
@keyframes sxEntra { from { opacity: 0; transform: translateY(6px); } }
@keyframes sxAbre { from { transform: rotate(0); } }
@keyframes sxCierra { from { transform: rotate(180deg); } }
@keyframes sxLate { 50% { opacity: .35; } }
.sx-dos { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1000px) { .sx-dos { grid-template-columns: minmax(0, 1fr); } }
.sx-izq.nuevo, .sx-der.nuevo { animation: sxEntra .36s var(--ease) both; } .sx-der.nuevo { animation-delay: .06s; }
.tarjeta > h2 .sx-logo { width: 20px; height: 20px; }
.sx-h-nota { margin-left: auto; font-size: 12.5px; font-weight: 500; color: var(--suave); }
/* La dirección y la API Key: su icono dentro, a la izquierda; la marca de la dirección, dentro, a la derecha */
.sx-in { position: relative; display: block; }
.sx-in > .i:first-child { position: absolute; z-index: 1; left: 12px; top: 50%; margin-top: calc(-12px * var(--s)); --s: .68; color: var(--tenue); pointer-events: none; }
.sx-in .in { padding-left: 38px; }
.sx-url .in { padding-right: 40px; }
.sx-clave .in { font-family: var(--mono); font-size: 14px; letter-spacing: .2px; }
.sx-in.bien .in { border-color: var(--bien-p); } .sx-in.mal .in { border-color: var(--mal-p); }
.sx-dentro { position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; display: grid; place-items: center; color: var(--tenue); }
.sx-dentro .gira { width: 14px; height: 14px; }
.sx-dentro.ok { border-radius: 50%; background: var(--bien-p); color: #fff; animation: sxPop .3s var(--ease) both; } .sx-dentro.ok .i { --s: .5; }
.sx-nota { display: inline-flex; align-items: center; gap: 5px; } .sx-nota .i { --s: .55; }
.sx-botones { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
/* Los permisos: el icono dice el estado; el que falta, con su arreglo debajo */
.sx-comp { display: grid; gap: 10px; }
.sx-comp-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sx-comp-cab b { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; } .sx-comp-cab b .i { --s: .62; color: var(--suave); }
.sx-barra { position: relative; display: block; height: 4px; border-radius: 4px; background: var(--linea); overflow: hidden; }
.sx-barra i { position: absolute; inset: 0; background: var(--azul); transform-origin: 0 50%; transition: transform .32s var(--ease); }
.sx-barra i.ok { background: var(--bien-p); } .sx-barra i.mal { background: var(--mal-p); }
.sx-lista { display: grid; margin: 0; padding: 0; list-style: none; border: 1px solid var(--linea); border-radius: 12px; overflow: hidden; background: var(--sup); }
.sx-lista li { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: start; column-gap: 10px; padding: 9px 12px; border-top: 1px solid var(--linea); }
.sx-lista li:first-child { border-top: 0; } .sx-comp.compacta .sx-lista li { padding: 7px 10px; }
.sx-lista li.no { background: var(--mal-f); }
.sx-m { width: 24px; height: 24px; margin-top: 1px; border-radius: 50%; display: grid; place-items: center; border: 1.5px dashed var(--linea2); color: var(--tenue); }
.sx-m .i { --s: .5; } .sx-m .gira { width: 12px; height: 12px; }
li.ahora .sx-m { border: 1.5px solid var(--azul); color: var(--azul); } li.si .sx-m { border: 0; background: var(--bien-p); color: #fff; } li.no .sx-m { border: 0; background: var(--mal-p); color: #fff; }
.sx-lista li.nuevo .sx-m { animation: sxPop .32s var(--ease) both; }
.sx-t { display: grid; min-width: 0; } .sx-t b { font-size: 13.5px; line-height: 19px; overflow-wrap: anywhere; } .sx-t code, .sx-t small { font-size: 12px; line-height: 16px; color: var(--tenue); overflow-wrap: anywhere; } .sx-t code { font-family: var(--mono); }
li.pend .sx-t b { color: var(--suave); }
.sx-fix { grid-column: 2 / -1; margin: 6px 0 0; font-size: 13px; line-height: 19px; color: var(--mal); font-weight: 600; }
.sx-fix code, .sx-guia code { font-family: var(--mono); font-size: 12px; padding: 1px 5px; border-radius: 5px; background: var(--sup3); color: var(--tinta); }
.sx-tiendas { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 13px; line-height: 19px; color: var(--suave); } .sx-tiendas .i { --s: .58; margin-top: 2px; } .sx-tiendas b { color: var(--tinta); }
/* Lo que leeremos: solo el nombre hasta leerlo; leído, su dato */
.sx-leera { display: grid; gap: 8px; }
.sx-l { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 9px 12px; border-radius: 10px; border: 1px dashed var(--linea2); background: var(--sup2); }
.sx-l .sx-ic { color: var(--tenue); }
.sx-l.on { border: 1px solid color-mix(in srgb, var(--bien-p) 55%, transparent); background: var(--bien-f); } .sx-l.on .sx-ic { background: var(--bien-p); color: #fff; } .sx-l.on small { color: var(--bien); }
.sx-l.mal { border: 1px solid var(--mal-p); background: var(--mal-f); } .sx-l.mal .sx-ic { background: var(--mal-p); color: #fff; } .sx-l.mal small { color: var(--mal); }
.sx-l.nuevo .sx-ic { animation: sxPop .32s var(--ease) both; }
.sx-ic { width: 32px; height: 32px; border-radius: 9px; background: var(--sup3); display: grid; place-items: center; flex: 0 0 auto; color: var(--suave); } .sx-ic .i { --s: .64; }
.sx-ic.tuyo { background: var(--violeta-s); color: var(--violeta); }
.sx-enl { display: inline-flex; align-items: center; gap: 6px; justify-self: start; padding: 0; color: var(--azul); font-size: 13px; font-weight: 600; }
.sx-enl .i { --s: .6; } .sx-enl:hover { text-decoration: underline; }
.sx-girado { transform: rotate(180deg); }
.sx-guia-c.nuevo { animation: sxEntra .26s var(--ease) both; }
.sx-guia { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sx-guia li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 20px; color: var(--suave); } .sx-guia li b { color: var(--tinta); }
.sx-guia li > i { width: 20px; height: 20px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); display: grid; place-items: center; font: 700 11px/1 var(--font); font-style: normal; flex: 0 0 auto; }
.sx-guia code { display: inline-block; margin: 2px 2px 0 0; }
/* La cuenta conectada */
.sx-con { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sx-baldosa { width: 44px; height: 44px; border-radius: 12px; background: var(--violeta-s); display: grid; place-items: center; flex: 0 0 auto; } .sx-baldosa img { width: 26px; height: 26px; }
.sx-con-t { display: grid; min-width: 0; flex: 1; } .sx-con-t b { font-size: 16px; line-height: 22px; } .sx-con-t small { font-size: 12.5px; line-height: 17px; color: var(--suave); }
.sx-vivo .pt { animation: sxLate 1.8s ease-in-out infinite; }
.sx-acc { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
/* Lo que borra, olvida, cierra o desconecta: el botón de Simla en rojo (Luis, 22/10/2026) */
.b.b-rojo { color: var(--mal); border-color: color-mix(in srgb, var(--mal-p) 38%, var(--btn2-l)); background-image: linear-gradient(180deg, var(--btn2-a), color-mix(in srgb, var(--mal-f) 60%, var(--btn2-b))); }
.b.b-rojo:hover { background-color: var(--mal-f); background-image: linear-gradient(180deg, color-mix(in srgb, var(--mal-f) 40%, var(--btn2-ha)), var(--mal-f)); }
.capa.sx-conf { width: 300px; padding: 12px; gap: 10px; }
.sx-conf p { margin: 0; font-size: 13px; line-height: 19px; color: var(--suave); white-space: normal; }
.sx-conf-b { display: flex; justify-content: flex-end; gap: 6px; }
.capa.sx-conf .b { height: 30px; padding: 0 12px; font-size: 13px; gap: 6px; }
.capa.sx-conf .b:not(.b-peligro):hover { background-color: var(--btn2-h); background-image: linear-gradient(180deg, var(--btn2-ha), var(--btn2-hb)); }
.capa.sx-conf .b-peligro:hover { background-image: linear-gradient(180deg, var(--btn-r-ha), var(--btn-r-hb)); }
.capa.sx-conf .b-peligro, .capa.sx-conf .b-peligro:hover { color: #fff; background-color: var(--btn-r-b); background-image: linear-gradient(180deg, var(--btn-r-a), var(--btn-r-b)); }
.capa.sx-conf .b .i { color: inherit; }
/* Datos leídos: el acordeón (todo cerrado al conectar) */
.sx-exp-cab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sx-exp-cab h2 { display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 22px; } .sx-exp-cab h2 .i { --s: .66; color: var(--violeta); }
.sx-q { position: relative; margin-left: auto; width: 220px; } .sx-q .i { position: absolute; left: 10px; top: 50%; margin-top: calc(-12px * var(--s)); --s: .6; color: var(--tenue); pointer-events: none; }
.sx-q .in { height: 34px; padding-left: 32px; font-size: 14px; }
.sx-acord { display: grid; gap: 6px; }
.sx-sec { border: 1px solid var(--linea); border-radius: 12px; background: var(--sup); overflow: hidden; }
.sx-sec-c { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; color: var(--tinta); text-align: left; }
.sx-sec-c:hover { background: var(--hover); }
.sx-sec-t { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; }
.sx-chev { --s: .62; color: var(--tenue); } .sx-sec.ab .sx-chev { transform: rotate(180deg); }
.sx-sec.ab.nuevo .sx-chev { animation: sxAbre .22s var(--ease); } .sx-sec.nuevo:not(.ab) .sx-chev { animation: sxCierra .22s var(--ease); }
.sx-sec.ab .sx-sec-c { border-bottom: 1px solid var(--linea); }
.sx-sec-c2 { padding: 8px; } .sx-sec.ab.nuevo .sx-sec-c2 { animation: sxEntra .26s var(--ease) both; }
.sx-filas { display: grid; gap: 6px; }
.sx-fila { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--linea); background: var(--sup2); }
.sx-fila .chapa { white-space: nowrap; }
.sx-dic { display: grid; gap: 8px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linea); background: var(--sup2); }
.sx-dic > b { display: flex; align-items: center; gap: 7px; font-size: 13.5px; } .sx-dic > b .i { --s: .58; color: var(--suave); } .sx-dic > b span:first-of-type { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sx-vacia { padding: 6px 4px; }
.sx-nada { padding: 18px 10px 8px; } .sx-nada h2 { font-size: 16px; }
@media (max-width: 760px) {
  .sx-exp-cab .sx-q { width: 100%; margin-left: 0; }
}

/* ---- La ayuda de la API Key: el dibujo de la pantalla de Simla (siempre claro, como Simla) y sus pasos ---- */
.ai-sim { display: grid; grid-template-columns: 96px minmax(0, 1fr); border-radius: 8px; overflow: hidden; border: 1px solid var(--ai-borde); background: #F5F7FA; color: var(--ai-tinta); text-align: left; }
.ai-sim-lado { display: grid; align-content: start; gap: 1px; padding: 8px 6px; background: #FFFFFF; border-right: 1px solid var(--ai-borde); }
.ai-sim-t { padding: 0 6px 6px; font-size: 10.5px; font-weight: 700; color: var(--ai-suave); }
.ai-sim-i { padding: 4px 6px; font-size: 10.5px; } .ai-sim-i.ab { font-weight: 700; }
.ai-sim-s { position: relative; padding: 4px 6px 4px 12px; font-size: 10px; line-height: 13px; color: var(--ai-suave); border-radius: 5px; }
.ai-sim-s.on { background: var(--ai-azul); color: #FFFFFF; font-weight: 600; }
.ai-sim-c { display: grid; align-content: start; gap: 6px; padding: 8px 10px; min-width: 0; }
.ai-sim-c small { font-size: 9.5px; color: var(--ai-suave); }
.ai-sim-cab { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; } .ai-sim-cab b { font-size: 12px; line-height: 15px; font-weight: 600; }
.ai-sim-btn { position: relative; display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 5px; background: linear-gradient(180deg, #0068FF, #005BD5); color: #FFFFFF; font-size: 10.5px; font-weight: 700; white-space: nowrap; box-shadow: 0 0 0 3px rgb(0 104 255 / .2); }
.ai-sim-btn > i:first-child { font-style: normal; font-size: 12px; line-height: 1; }
.ai-sim-tabla { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 5px 8px; padding: 6px 8px; border-radius: 6px; background: #FFFFFF; border: 1px solid var(--ai-borde); font-size: 9.5px; color: var(--ai-suave); }
.ai-sim-tabla code { font-family: var(--mono); font-size: 9.5px; color: var(--ai-azul); } .ai-sim-tabla span:nth-child(5) { color: var(--ai-tinta); } .ai-sim-tabla .ok { color: var(--ai-verde); font-weight: 700; }
.ai-sim-n { position: absolute; top: -7px; right: -7px; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center; background: #E8590C; color: #FFFFFF; font: 700 9.5px/1 var(--font); font-style: normal; box-shadow: 0 0 0 2px #FFFFFF; }
.ai-sim-s .ai-sim-n { right: -4px; }
.ay-pasos { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ay-pasos li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 19px; color: var(--suave); } .ay-pasos li b { color: var(--tinta); }
.ay-pasos li > i { width: 20px; height: 20px; border-radius: 50%; background: var(--azul-s); color: var(--azul-tinta); display: grid; place-items: center; font: 700 11px/1 var(--font); font-style: normal; flex: 0 0 auto; }
.ay-pasos code { display: inline-block; margin: 2px 2px 0 0; font-family: var(--mono); font-size: 11.5px; padding: 1px 5px; border-radius: 5px; background: var(--sup3); color: var(--tinta); }

/* ============ El submenú (submenu.js): la pieza común de Ajustes y de cualquier sección con módulos ============ */
/* design/pliego-panel.html (la 1, con las correcciones de Luis) y design/pliego-plegar.html (la 4, «Escalonado») */
.app.con-submenu { grid-template-columns: 64px 248px minmax(0, 1fr); }
.app.con-submenu.plegado { grid-template-columns: 64px minmax(0, 1fr); }
.sm-panel { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; min-width: 0; background: var(--sup); border-right: 1px solid var(--linea); z-index: 10; }
/* La cabecera: el engranaje en su baldosa, «Ajustes» y plegar; una raya la separa de los grupos */
.sm-cab { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 0 12px 0 16px; border-bottom: 1px solid var(--linea); }
.sm-cab > b { flex: 1; min-width: 0; font-size: 16px; line-height: 22px; }
.sm-bald, .tel-ic { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex: 0 0 auto; background: var(--azul-s); color: var(--azul-tinta); } .sm-bald .i, .tel-ic .i { --s: .68; }
.sm-c { flex: 1; display: grid; gap: 18px; align-content: start; padding: 16px 12px; overflow: auto; min-height: 0; }
.sm-g { display: grid; gap: 2px; }
.sm-gt { padding: 0 10px 6px; font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--tenue); }
.sm-i { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 10px; border-radius: 9px; color: var(--suave); font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .2s, color .2s; }
.sm-i:hover { background: var(--hover); color: var(--tinta); text-decoration: none; }
.sm-i.on { background: var(--azul-s); color: var(--azul-tinta); }
.sm-i .i { --s: .72; } .sm-i .desv { flex: 1; }
.sm-pt { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: var(--tenue); } .sm-pt.bien { background: var(--bien-p); } .sm-pt.aviso { background: var(--aviso-p); }
/* La pestaña de plegar (pliego-plegar, la 4): pegada al borde del panel o, plegado, al del riel, con la cara plana contra
   él; nunca flota ni toca el logo. Su flecha mira hacia donde irá el panel */
.sm-pestana { position: fixed; z-index: 25; top: 15px; left: calc(64px + 248px); width: 18px; height: 34px; display: grid; place-items: center; padding: 0 1px 0 0; border-radius: 0 10px 10px 0; border: 1px solid var(--linea2); border-left: 0; background: var(--sup); color: var(--suave); box-shadow: 2px 1px 3px rgb(15 23 42 / .08); transition: color .2s, border-color .2s, background-color .2s; }
.sm-pestana.plegado { left: 64px; }
.sm-pestana:hover { color: var(--azul); border-color: var(--azul); background: var(--azul-s); }
.sm-pestana .i { --s: .56; transform: rotate(90deg); } .sm-pestana.plegado .i { transform: rotate(-90deg); }
/* El teléfono: la cabecera de Ajustes y la lista por grupos */
.tel-ic.t-azul, .sm-ic.t-azul { background: var(--azul-s); color: var(--azul-tinta); }
.tel-ic.t-aviso, .sm-ic.t-aviso { background: var(--aviso-f); color: var(--aviso); }
.tel-ic.t-violeta, .sm-ic.t-violeta { background: var(--violeta-s); color: var(--violeta); }
.tel-atras { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--tinta); margin-left: -6px; }
.tel-atras .i { --s: .8; transform: rotate(90deg); } .tel-atras:hover { background: var(--hover); text-decoration: none; }
.tel-cab .sm-pt { margin-left: -2px; }
.sm-lista { display: grid; gap: 16px; }
.sm-lg { display: grid; gap: 6px; }
.sm-lgt { padding: 2px 6px; font-size: 11.5px; line-height: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--tenue); }
.sm-bl { border: 1px solid var(--linea); border-radius: 14px; background: var(--sup); overflow: hidden; }
.sm-f { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px; color: var(--tinta); text-decoration: none; }
.sm-f + .sm-f { border-top: 1px solid var(--linea); } .sm-f:hover { background: var(--hover); text-decoration: none; }
.sm-ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; } .sm-ic .i { --s: .72; }
.sm-n { flex: 1; min-width: 0; font-size: 15px; font-weight: 600; }
.sm-e { font-size: 13px; color: var(--suave); white-space: nowrap; } .sm-e.bien { color: var(--bien); } .sm-e.aviso { color: var(--aviso); }
.sm-flecha { --s: .66; color: var(--tenue); transform: rotate(-90deg); }
@media (max-width: 760px) {
  .app.con-submenu, .app.con-submenu.plegado { grid-template-columns: minmax(0, 1fr); }
  .sm-panel, .sm-pestana { display: none; }
  /* La barra de arriba ya dice dónde estás: el título de la página no se repite debajo */
  .cab h1 { display: none; } .cab:not(:has(.acc)) { display: none; }
}

/* ============ Mi perfil (design/pliego-perfil.html, el 1 con las correcciones de Luis) ============ */
.col-perfil { width: min(1000px, 100%); }
.pf-s { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; padding-top: 20px; border-top: 1px solid var(--linea); align-items: start; }
.pf-t { display: grid; gap: 4px; padding-top: 4px; }
.pf-t b { display: flex; align-items: center; gap: 7px; font-size: 15px; line-height: 21px; } .pf-t b > .i { --s: .66; color: var(--suave); } .pf-t b .ay { margin-left: 0; }
.pf-t small { font-size: 13px; line-height: 18px; color: var(--suave); }
.pf-tarjeta { gap: 0; padding-top: 6px; padding-bottom: 6px; }
.pf-form { display: grid; gap: 14px; padding: 12px 0; }
.pf-acc { display: flex; justify-content: flex-end; padding: 8px 0 4px; }
/* El correo: un dato con su candado; la nota, alineada con el correo */
.pf-ro { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: 9px; border: 1px dashed var(--linea2); background: var(--sup2); color: var(--tinta); font-size: 15px; min-width: 0; }
.pf-ro .i { --s: .62; color: var(--tenue); flex: 0 0 auto; }
.pf-ro-n { padding-left: 35px; font-size: 12.5px; line-height: 17px; color: var(--suave); }
.pf-pie { display: flex; justify-content: flex-end; gap: 8px; } .pf-pie [hidden] { display: none; }
/* Idioma y Tema, uno debajo del otro, con los controles alineados */
.pf-prefs { display: grid; grid-template-columns: max-content max-content; justify-content: start; justify-items: start; align-items: center; gap: 12px 24px; padding: 14px 0; }
.pf-pl { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--suave); } .pf-pl > .i { --s: .64; }
.seg.pf-mini button { height: 28px; padding: 0 12px; font-size: 13px; }
.seg.pf-letras button { min-width: 44px; }
/* Las filas: título y datos a la izquierda, la acción a la derecha, en la misma columna */
.pf-f { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--linea); min-width: 0; }
.pf-tarjeta > .pf-f:first-child, .pf-tarjeta > .pf-acc + .pf-f { border-top: 0; }
.pf-eq { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; background: var(--sup3); color: var(--suave); } .pf-eq .i { --s: .7; }
.pf-ft { display: grid; gap: 2px; flex: 1; min-width: 0; }
.pf-ft b { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; } .pf-ft b .ay { margin-left: 0; }
.pf-dato { display: flex; flex-wrap: wrap; font-size: 13px; line-height: 18px; color: var(--suave); }
.pf-dato span { white-space: nowrap; } .pf-dato i { font-style: normal; white-space: pre; }
.pf-fa { flex: 0 0 auto; display: flex; justify-content: flex-end; }
.pf-fa .pf-b { min-width: 148px; }
.pf-vacio { display: flex; align-items: center; gap: 8px; margin: 0; padding: 14px 0; font-size: 14px; color: var(--suave); } .pf-vacio .i { --s: .62; color: var(--bien); }
/* Con la tarjeta debajo: el título y su línea alineados con lo de dentro de la tarjeta (su relleno + su borde) y con aire */
@media (max-width: 900px) { .pf-s { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 22px; } .pf-t { padding: 0 21px; } }
@media (max-width: 760px) { .pf-t { padding: 0 17px; } }
@media (max-width: 760px) {
  .pf-fa .pf-b { min-width: 0; width: 32px; padding: 0; } .pf-fa .pf-b .pf-bt { display: none; }
  .pf-dato { display: grid; } .pf-dato i { display: none; }
  .pf-ft b { white-space: nowrap; }
  .seg.pf-temas button { font-size: 0; width: 40px; padding: 0; gap: 0; } .seg.pf-temas button .i { --s: .62; }
}
/* En el teléfono, el punto de estado del módulo va junto a su nombre, no junto a tu foto */
@media (max-width: 760px) { .tel-cab .tel-ic ~ b { flex: 0 1 auto; } .tel-cab .tel-der { margin-left: auto; } }

/* ============ Formularios (0.3.0): la lista y el editor «Estudio del formulario» (design/pliego-formularios.html, la 1) ============ */
.i.gira-90 { transform: rotate(90deg); } .i.gira-180 { transform: rotate(180deg); }
/* La lista */
.fo-aviso-s { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: 12px; background: var(--aviso-f); color: var(--aviso); font-size: 14px; font-weight: 600; }
.fo-aviso-s > span { flex: 1 1 220px; } .fo-aviso-s > .i { --s: .75; }
.fo-lista-f { display: grid; background: var(--sup); border: 1px solid var(--linea); border-radius: 14px; overflow: hidden; }
.fo-fl { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 120px 96px 36px; gap: 12px; align-items: center; min-height: 64px; padding: 10px 14px; border-bottom: 1px solid var(--linea); cursor: pointer; transition: background-color .15s; animation: sube .3s var(--ease) both; animation-delay: calc(var(--i, 0) * 24ms); }
.fo-fl:last-child { border-bottom: 0; } .fo-fl:hover { background: var(--hover); }
.fo-min { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--azul-s); color: var(--azul-tinta); } .fo-min .i { --s: .8; }
.fo-fl-n { display: grid; min-width: 0; } .fo-fl-n b { font-size: 15px; } .fo-fl-n small { font-size: 12.5px; color: var(--tenue); }
.fo-fl-num { display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; } .fo-fl-num b { font-size: 15px; } .fo-fl-num small { color: var(--suave); font-size: 12.5px; }
.fo-fl-f { color: var(--suave); font-size: 13px; text-align: right; }
.capa-fo { min-width: 220px; }
@media (max-width: 760px) {
  .fo-fl { grid-template-columns: 40px minmax(0, 1fr) 36px; grid-template-areas: "m n x" "m e x"; row-gap: 6px; }
  .fo-min { grid-area: m; } .fo-fl-n { grid-area: n; } .fo-fl > .b-ic { grid-area: x; }
  .fo-fl-e { grid-area: e; display: flex; gap: 8px; align-items: center; } .fo-fl-num, .fo-fl-f { display: none; }
}

/* El editor: a toda la pantalla, como el Estudio de las landings */
.fe { position: fixed; inset: 0; display: grid; grid-template-rows: 56px minmax(0, 1fr); background: var(--bg); color: var(--tinta); }
.fe-top { display: flex; align-items: center; gap: 10px; padding: 0 12px; background: var(--sup); border-bottom: 1px solid var(--linea); min-width: 0; }
.fe-nombre { flex: 0 1 300px; min-width: 0; height: 36px; padding: 0 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--tinta); font: 700 15px/1 var(--font); outline: 0; transition: border-color .15s, background-color .15s; }
.fe-nombre:hover { border-color: var(--linea); } .fe-nombre:focus { border-color: var(--azul); background: var(--sup); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 18%, transparent); }
.fe-centro { flex: 1; display: flex; justify-content: center; min-width: 0; }
.fe-der-top { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.fe-estado { display: flex; align-items: center; gap: 8px; }
.fe-disp button { width: 40px; padding: 0; } .fe-disp button .i { --s: .68; }
.fe-cuerpo { --izq: 300px; --der: 380px; position: relative; display: grid; grid-template-columns: var(--izq) minmax(0, 1fr) var(--der); min-height: 0; }
.fe-cuerpo.sin-der { grid-template-columns: var(--izq) minmax(0, 1fr); }
@media (max-width: 1180px) { .fe-cuerpo { --izq: 270px; --der: 340px; } }
.fe-pest { position: absolute; z-index: 6; top: 12px; width: 18px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid var(--linea2); background: var(--sup); color: var(--suave); box-shadow: 0 1px 3px rgb(15 23 42 / .08); transition: color .2s, border-color .2s, background-color .2s; }
.fe-pest:hover { color: var(--azul); border-color: var(--azul); background: var(--azul-s); }
.fe-pest .i { --s: .56; transition: transform .2s var(--ease); }
.fe-pest.der { right: var(--der); border-right: 0; border-radius: 10px 0 0 10px; } .fe-pest.der .i { transform: rotate(-90deg); }
.fe-pest.der.plegado { right: 0; } .fe-pest.der.plegado .i { transform: rotate(90deg); }
.fe-cuerpo .fe-lienzo::-webkit-scrollbar-track { margin-top: 50px; }
.fe-panel-der.fe-abre { animation: feAbreDer .26s var(--ease) both; }
@keyframes feAbreDer { from { opacity: 0; transform: translateX(14px); } }
/* 0.3.3: los campos guardados y los datos fijos de «Se añade siempre» */
.fa-g { display: flex; align-items: center; gap: 2px; } .fa-g .fa-s { flex: 1; min-width: 0; } .fa-quitar { color: var(--suave); } .fa-quitar:hover { color: var(--mal); }
.fe-fijos { display: grid; gap: 8px; } .fe-fijos > .b { justify-self: start; }
.fe-fijo-f { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.fe-izq, .fe-panel-der { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; background: var(--sup); }
.fe-izq { border-right: 1px solid var(--linea); } .fe-panel-der { border-left: 1px solid var(--linea); }
.fe-tabs { padding: 10px 12px; border-bottom: 1px solid var(--linea); display: grid; }
.fe-tabs .seg button .i { --s: .62; }
.fe-pc { overflow: auto; padding: 12px; display: grid; gap: 12px; align-content: start; }
.fe-lienzo { overflow: auto; min-height: 0; padding: 28px 24px 60px; display: grid; justify-items: center; align-content: start; background: var(--sup3); }

/* Empezar */
.fe-inicio { width: min(640px, 100%); display: grid; gap: 16px; justify-items: center; text-align: center; padding-top: 20px; }
.fe-inicio h2 { font-size: 20px; }
.fe-ini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; }
.fe-ini-b { display: grid; justify-items: start; align-content: start; gap: 4px; padding: 16px; border-radius: 14px; border: 1px solid var(--linea); background: var(--sup); color: var(--tinta); text-align: left; transition: border-color .15s, transform .15s; }
.fe-ini-b:hover { border-color: var(--azul); } .fe-ini-b:active { transform: scale(.98); }
.fe-ini-i { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: var(--azul-s); color: var(--azul-tinta); margin-bottom: 6px; } .fe-ini-i .i { --s: .7; }
.fe-ini-b b { font-size: 14.5px; } .fe-ini-b small { font-size: 13px; color: var(--suave); }

/* La vista previa: el formulario de la persona (claro siempre: es la marca de la cuenta) */
.fp { --c: #005EEB; width: 100%; max-width: 600px; background: #FFFFFF; color: #14231E; border-radius: 12px; box-shadow: 0 8px 24px rgb(15 23 42 / .12); padding: 22px 24px 24px; display: grid; gap: 12px; transition: max-width .35s var(--ease); }
.fp[data-disp="tel"] { max-width: 360px; padding: 18px 16px 20px 26px; }
.fp[data-disp="tel"] .fp-asa { left: -24px; width: 20px; }
.fp-pie, .fp-c { position: relative; border-radius: 9px; outline: 2px solid transparent; outline-offset: 2px; cursor: pointer; }
.fp-pie:hover, .fp-c:hover { outline-color: color-mix(in srgb, #005EEB 35%, transparent); }
.fp-pie.on, .fp-c.on { outline-color: #005EEB; }
/* La letra (0.3.4): cada texto del formulario se toca (su ajuste) y, ya tocado, se escribe encima */
.fp [data-txt] { margin: 0; }
.fp-t { border-radius: 4px; outline: 1.5px dashed transparent; outline-offset: 3px; cursor: pointer; transition: outline-color .15s; overflow-wrap: anywhere; }
.fp-t:hover { outline-color: color-mix(in srgb, #005EEB 40%, transparent); }
.fp-t.on, .fp-t[contenteditable]:focus { outline: 2px solid #005EEB; cursor: text; }
.fp-t:empty::before { content: attr(data-ph); color: #8A9993; font-weight: 500; }
.fp-cab { display: grid; gap: 4px; } .fp-cab h2 { font-size: 22px; line-height: 1.25; color: #14231E; } .fp-cab p { color: #4C5F58; font-size: 14px; } .fp-cab .fp-vacio { color: #8A9993; }
.fp-cuerpo { display: grid; gap: 14px; }
.fp-fila { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 14px; }
.fp[data-disp="tel"] .fp-fila { grid-template-columns: minmax(0, 1fr); }
.fp-c { display: grid; gap: 5px; align-content: start; min-width: 0; padding: 4px; margin: -4px; }
.fp-tipo { display: none; position: absolute; z-index: 2; top: -11px; right: 8px; padding: 3px 7px; border-radius: 6px; background: #005EEB; color: #fff; font: 700 11px/1.2 var(--font); }
.fp-c.on .fp-tipo { display: block; }
.fp-asa { position: absolute; z-index: 2; top: 0; left: -22px; width: 20px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: #fff; color: #4C5F58; box-shadow: 0 1px 4px rgb(15 23 42 / .22); cursor: grab; touch-action: none; opacity: 0; transition: opacity .15s; }
.fp-asa .i { --s: .62; } .fp-c:hover .fp-asa, .fp-c.on .fp-asa { opacity: 1; } .fp-asa:active { cursor: grabbing; }
@media (hover: none) { .fp-asa { opacity: 1; } }
.fp-l { font-size: 13px; font-weight: 700; color: #4C5F58; overflow-wrap: anywhere; } .fp-l em, .fp-cons em { font-style: normal; color: #C2410C; margin-left: 2px; }
.fp-in { height: 42px; border-radius: 8px; border: 1px solid #CAD6D1; background: #fff; display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; color: #8A9993; }
.fp-in.alto { height: 90px; } .fp-in .i { --s: .62; } .fp-ta { align-items: flex-end; padding-bottom: 6px; }
.fp-ops { display: flex; flex-wrap: wrap; gap: 8px 16px; } .fp-op { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; min-width: 0; max-width: 100%; }
.fp-op i, .fp-cons i { width: 18px; height: 18px; border-radius: 5px; border: 1px solid #9DB0A8; background: #fff; flex: 0 0 auto; }
.fp-cons { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; } .fp-cons i { margin-top: 1px; }
.fp-ay { font-size: 12.5px; color: #4C5F58; }
.fp-num { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: stretch; padding: 0; overflow: hidden; max-width: 200px; }
.fp-num i { display: grid; place-items: center; color: #4C5F58; font-style: normal; } .fp-num i:first-child { border-right: 1px solid #CAD6D1; } .fp-num i:last-child { border-left: 1px solid #CAD6D1; }
.fp-num b { display: grid; place-items: center; color: #14231E; font-size: 15px; font-variant-numeric: tabular-nums; }
.fp-ph { justify-content: space-between; } .fp-ph > span { color: #7A8A85; font-size: 14px; overflow: hidden; white-space: nowrap; }
.fp-pills { display: flex; flex-wrap: wrap; gap: 8px; } .fp-pills span { display: inline-flex; align-items: center; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid #CAD6D1; background: #fff; font-size: 14px; font-weight: 600; color: #14231E; }
.fp-bajo { display: flex; align-items: flex-start; gap: 12px; } .fp-bajo .fp-ay { flex: 1; min-width: 0; }
.fp-cnt { margin-left: auto; flex: 0 0 auto; font-size: 12px; color: #6B7B76; font-variant-numeric: tabular-nums; }
.fp-enl { color: var(--c); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.fe-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .fe-dos2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.fp-oculto { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px; border-radius: 8px; border: 1px dashed #CAD6D1; color: #4C5F58; font-size: 12.5px; font-weight: 600; min-width: 0; } .fp-oculto .i { --s: .6; }
.fp-pie { justify-self: start; margin-top: 4px; } .fp[data-disp="tel"] .fp-pie { justify-self: stretch; }
.fp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border-radius: 8px; background: var(--c); color: #fff; font-weight: 700; font-size: 15px; width: 100%; }
.fp-nada { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 80px; border: 1.5px dashed #CAD6D1; border-radius: 10px; color: #4C5F58; font-weight: 600; text-align: center; padding: 10px; } .fp-nada .i { --s: .7; }
.fp-nuevo, .fe-nuevo { animation: sube .3s var(--ease) both; }

/* La lista de campos, por filas */
.fe-lista { display: grid; gap: 4px; }
.fl-fila { display: grid; gap: 2px; border-radius: 10px; }
.fl-fila.varios { padding: 4px; background: var(--sup2); border: 1px solid var(--linea); }
.fl-n-fila { padding: 2px 6px; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--tenue); }
.fl-c { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 8px; border-radius: 8px; cursor: pointer; transition: background-color .15s; }
.fl-c:hover { background: var(--hover); } .fl-c.on { background: var(--azul-s); color: var(--azul-tinta); }
.fl-asa { width: 22px; height: 28px; display: grid; place-items: center; color: var(--tenue); cursor: grab; touch-action: none; flex: 0 0 auto; border-radius: 6px; } .fl-asa:hover { background: var(--sup3); color: var(--tinta); } .fl-asa .i { --s: .62; }
.fl-ic { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: var(--sup3); color: var(--suave); flex: 0 0 auto; } .fl-ic .i { --s: .6; }
.fl-c.on .fl-ic { background: var(--sup); color: var(--azul-tinta); }
.fl-txt { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.fl-req { font-style: normal; color: #C2410C; font-weight: 700; }
.fl-sim { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; } .fl-sim img { width: 16px; height: 16px; display: block; }
.fl-pt { width: 9px; height: 9px; border-radius: 50%; background: var(--aviso-p); margin: 0 5px; flex: 0 0 auto; }

/* Añadir: tu Simla primero, con el nombre entero y su código debajo */
.fe-gt { display: flex; align-items: flex-start; gap: 8px; padding: 4px 2px 0; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--tenue); }
.fe-gt > span { display: grid; gap: 1px; min-width: 0; }
.fe-gt img { width: 16px; height: 16px; margin-top: 1px; } .fe-gt .i { --s: .6; } .fe-gt small { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 12px; }
.fa-lista { display: grid; gap: 2px; }
.fa-s { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 8px; border-radius: 9px; color: var(--tinta); text-align: left; transition: background-color .15s; }
.fa-s:hover { background: var(--hover); } .fa-s:active { transform: scale(.99); }
.fa-t { flex: 1; min-width: 0; display: grid; gap: 1px; } .fa-t b { font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; } .fa-t small { font-size: 11.5px; color: var(--tenue); overflow-wrap: anywhere; }
.fa-mas { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; color: var(--azul-tinta); background: var(--azul-s); flex: 0 0 auto; } .fa-mas .i { --s: .6; }
.fa-tipos { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fa-tipo { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 10px; border-radius: 9px; border: 1px solid var(--linea); background: var(--sup2); color: var(--tinta); font-size: 13.5px; font-weight: 600; text-align: left; transition: border-color .15s, background-color .15s; }
/* Los tipos de campo en baldosas, como el editor de Clientify: el icono arriba y el nombre debajo, en una línea (0.3.4) */
.fa-tipo { flex-direction: column; justify-content: center; gap: 6px; min-height: 64px; padding: 8px 6px; text-align: center; white-space: nowrap; } .fa-tipo .i { --s: .78; }
.fa-tipo:hover { border-color: var(--azul); background: var(--azul-s); } .fa-tipo .i { --s: .62; color: var(--suave); }

/* El ajuste de lo elegido */
.fe-insp { padding: 16px; gap: 14px; }
.fe-insp > h3 { display: flex; align-items: center; gap: 8px; font-size: 15px; } .fe-insp > h3 > .i { --s: .68; color: var(--suave); }
.fe-orden { margin-left: auto; display: flex; gap: 4px; }
.fe-sw { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
.fe-ops { display: grid; gap: 8px; } .fe-op { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; } .fe-ops > .b { justify-self: start; }
.fe-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.fe-fijo { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 9px; background: var(--sup2); border: 1px solid var(--linea); font-weight: 600; font-size: 14px; min-width: 0; } .fe-fijo img { width: 16px; height: 16px; }
.fe-acc { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 4px; }
.fe-colores { display: flex; gap: 8px; flex-wrap: wrap; }
.fe-color { width: 30px; height: 30px; border-radius: 9px; background: var(--c); box-shadow: 0 0 0 1px var(--linea2); transition: transform .15s; } .fe-color:hover { transform: scale(1.06); }
.fe-color.on { box-shadow: 0 0 0 2px var(--sup), 0 0 0 4px var(--azul); }
.fe-mini { justify-self: start; }
.fe-elige { padding: 4px 2px; }

/* Al enviar: el tubo */
.fe-env { padding: 14px 16px; gap: 6px; } .fe-env-t { display: flex; align-items: center; gap: 10px; min-width: 0; } .fe-env-t b { flex: 1; font-size: 15px; }
.ft-tubo { display: grid; gap: 8px; }
.ft { border: 1px solid var(--linea); border-radius: 12px; background: var(--sup); }
.ft.on { border-color: color-mix(in srgb, var(--azul) 45%, var(--linea)); }
.ft-cab { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; padding: 8px 12px; text-align: left; color: var(--tinta); }
.ft-cab > .i { --s: .62; color: var(--suave); transition: transform .2s var(--ease); }
.ft-ic { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--azul-s); color: var(--azul-tinta); flex: 0 0 auto; } .ft-ic .i { --s: .66; }
.ft-t { flex: 1; min-width: 0; display: grid; gap: 2px; } .ft-t b { font-size: 14px; } .ft-t small { font-size: 12.5px; color: var(--suave); }
.ft-c { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 4px 12px 14px; animation: sube .25s var(--ease) both; } .ft-c > *, .fe-pc > *, .fe-hoja-c > * { min-width: 0; }
.fe-fila-acc { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fe-mapa { display: grid; gap: 8px; }
.fe-mapa-f { display: grid; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1.2fr); gap: 8px; align-items: center; } .fe-mapa-f > .i { --s: .6; color: var(--tenue); }
.fe-mapa-o { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 10px; border-radius: 9px; background: var(--sup2); border: 1px solid var(--linea); font-size: 13.5px; font-weight: 600; min-width: 0; } .fe-mapa-o .i { --s: .6; color: var(--suave); }
.fe-dest { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fe-dest-b { display: grid; justify-items: start; align-content: start; gap: 3px; padding: 12px; border-radius: 11px; border: 1px solid var(--linea); background: var(--sup); color: var(--tinta); text-align: left; transition: border-color .15s, background-color .15s; }
.fe-dest-b .i { --s: .7; color: var(--suave); } .fe-dest-b b { font-size: 14px; } .fe-dest-b small { font-size: 12.5px; color: var(--suave); }
.fe-dest-b.on { border-color: var(--azul); background: var(--azul-s); } .fe-dest-b.on .i { color: var(--azul-tinta); }
.fe-dos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; } .fe-dos > .campo:last-child:nth-child(odd) { grid-column: 1 / -1; }
.fe-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 42px; padding: 5px 6px; border-radius: 9px; border: 1px solid var(--linea2); background: var(--sup); }
.fe-tags:focus-within { border-color: var(--azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--azul) 18%, transparent); }
.fe-tag { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 4px 0 10px; border-radius: 999px; background: var(--azul-s); color: var(--azul-tinta); font-size: 13px; font-weight: 600; }
.fe-tag button { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; color: inherit; } .fe-tag button:hover { background: color-mix(in srgb, var(--azul) 18%, transparent); } .fe-tag .i { --s: .5; }
.fe-tags input { flex: 1 1 120px; min-width: 0; height: 30px; border: 0; outline: 0; background: transparent; color: var(--tinta); font-size: 14px; }
.fe-gchip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--linea2); background: var(--sup); color: var(--tinta); font-size: 13.5px; font-weight: 600; transition: background-color .15s, border-color .15s; }
.fe-gchip .i { --s: .55; } .fe-gchip.on { background: var(--azul-s); border-color: var(--azul); color: var(--azul-tinta); }

/* Incrustar */
.fe-borrador { display: flex; align-items: flex-start; gap: 9px; padding: 12px 14px; border-radius: 12px; background: var(--aviso-f); color: var(--aviso); font-size: 13.5px; font-weight: 600; } .fe-borrador .i { --s: .62; margin-top: 1px; }
.fe-emb { padding: 16px; gap: 12px; } .fe-emb > h3 { display: flex; align-items: center; gap: 8px; font-size: 15px; } .fe-emb > h3 .i { --s: .66; color: var(--suave); }
.fe-url { display: flex; align-items: center; gap: 6px; padding: 4px 4px 4px 12px; border-radius: 10px; background: var(--sup2); border: 1px solid var(--linea); min-width: 0; } .fe-url > span { flex: 1; font-size: 13px; }
.fe-codigo { position: relative; display: grid; gap: 8px; padding: 12px; border-radius: 10px; background: #0E1424; }
.fe-codigo pre { margin: 0; color: #C9D3EA; font-size: 12.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.fe-codigo .b { justify-self: start; }

/* En el teléfono: el formulario arriba y una hoja abajo con Campos, Añadir, Al enviar e Incrustar */
.fe-tel .fe-top { gap: 6px; padding: 0 8px; } .fe-tel .fe-nombre { flex: 1 1 auto; }
.fe-tel .fe-pub .fe-pub-t { display: none; } .fe-tel .fe-pub { width: 36px; padding: 0; justify-content: center; }
.fe-tel .fe-estado .chapa { display: none; }
.fe-tel .fe-lienzo { padding: 18px 12px calc(56vh + 20px); }
.fe-tel.plegada .fe-lienzo { padding-bottom: 120px; }
.fe-hoja { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; height: 56vh; display: grid; grid-template-rows: auto auto minmax(0, 1fr); background: var(--sup); border-radius: 18px 18px 0 0; border-top: 1px solid var(--linea); box-shadow: 0 -12px 30px rgb(15 23 42 / .14); transition: transform .32s var(--ease); }
.fe-tel.plegada .fe-hoja { transform: translateY(calc(56vh - 104px)); }
.fe-asa { width: 56px; height: 22px; margin: 0 auto; display: grid; place-items: center; } .fe-asa::before { content: ""; width: 40px; height: 4px; border-radius: 4px; background: var(--linea2); }
.fe-hoja-t { padding: 0 12px 10px; display: grid; } .fe-hoja-t .seg button { padding: 0 6px; font-size: 13px; }
.fe-hoja-c { overflow: auto; padding: 4px 12px calc(20px + env(safe-area-inset-bottom, 0px)); display: grid; gap: 12px; align-content: start; }
.fe-volver { justify-self: start; }
@media (max-width: 760px) { .fe-ini { grid-template-columns: minmax(0, 1fr); } .fe-dos { grid-template-columns: minmax(0, 1fr); } }

/* Arrastrar: el campo sigue al puntero (transform) y la marca dice dónde cae */
.fo-fantasma { position: fixed; z-index: 1100; margin: 0 !important; pointer-events: none; background: #fff; border-radius: 10px; box-shadow: 0 16px 40px rgb(15 23 42 / .28); opacity: .96; outline: 2px solid #005EEB; }
.fo-fantasma.fl-c { background: var(--sup); color: var(--tinta); }
.fo-saliendo { opacity: .35; }
.fo-marca { position: fixed; z-index: 1101; left: 0; top: 0; border-radius: 3px; background: #005EEB; pointer-events: none; opacity: 0; transition: opacity .12s; box-shadow: 0 0 0 3px color-mix(in srgb, #005EEB 22%, transparent); }
body.fo-arrastrando, body.fo-arrastrando * { cursor: grabbing !important; user-select: none; }

/* La letra (0.3.4): una fila de ajuste (rótulo a la izquierda, control a la derecha), el paso numérico y la barra de
   formato que sale al seleccionar palabras (oscura, sobre lo seleccionado) */
.aj { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 34px; }
.aj > span:first-child { font-size: 13.5px; font-weight: 500; color: var(--tinta); min-width: 0; }
.aj.col { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.aj .desp { min-width: 176px; } .aj .desp-boton { height: 34px; font-size: 13.5px; }
.aj .fe-colores { gap: 6px; } .fe-color.marca { box-shadow: inset 0 0 0 2px rgb(255 255 255 / .55); }
.fe-sec { margin-top: 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--suave); }
.fe-letra > h3 .desv { flex: 1; min-width: 0; } .fe-cerrar-t { margin-left: auto; }
.fe-letra .fe-reset { justify-self: start; display: inline-flex; align-items: center; gap: 6px; } .fe-letra .fe-reset .i { --s: .6; }
.numc { display: flex; align-items: center; gap: 4px; }
.numc .v { width: 74px; height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 9px; border-radius: 8px; border: 1px solid var(--linea2); background: var(--sup); font-variant-numeric: tabular-nums; font-size: 14px; }
.numc .v small { color: var(--suave); font-size: 12px; }
.fe-tb { position: fixed; z-index: 980; display: flex; align-items: center; gap: 2px; padding: 3px; border-radius: 9px; background: var(--tinta); box-shadow: var(--sh3); animation: aparece .12s ease-out both; }
.fe-tb button { width: 30px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; background: none; color: var(--bg); cursor: pointer; font: 700 14px/1 Georgia, serif; padding: 0; }
.fe-tb button:hover { background: color-mix(in srgb, var(--bg) 22%, transparent); } .fe-tb .i { --s: .62; } .fe-tb sup, .fe-tb sub { font-size: 9px; }
.fe-tb .sep { width: 1px; height: 18px; background: color-mix(in srgb, var(--bg) 30%, transparent); margin: 0 3px; }
.fe-tb-url { width: 230px; height: 28px; border: 0; border-radius: 6px; padding: 0 8px; background: color-mix(in srgb, var(--bg) 14%, transparent); color: var(--bg); font: 500 13px/1 var(--mono); outline: 0; }
.fe-tb-url::placeholder { color: color-mix(in srgb, var(--bg) 55%, transparent); }
.fe-tb-err { position: absolute; left: 0; top: calc(100% + 4px); padding: 5px 9px; border-radius: 7px; background: var(--mal-f); color: var(--mal); font-size: 12.5px; font-weight: 600; white-space: nowrap; } .fe-tb-err:empty { display: none; }

/* ============ Envíos (0.3.5): la bandeja y la ficha (design/pliego-envios.html, la 1, vuelta 4) ============ */
/* En el escritorio, la bandeja ocupa la altura de la pantalla: la lista y la ficha se desplazan cada una por dentro */
.contenido:has(> .sb:not(.sb-tel)) { padding-bottom: 28px; }
.sb:not(.sb-tel) { height: calc(100vh - 56px); min-height: 560px; grid-template-rows: auto auto auto minmax(0, 1fr); gap: 14px; }
.sb-f { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.sb-bus { position: relative; display: block; flex: 1 1 260px; max-width: 360px; }
.sb-bus .in { padding-left: 36px; }
.sb-bus > .i { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); --s: .62; color: var(--suave); pointer-events: none; }
.sb-f .desp { width: auto; flex: 0 1 auto; min-width: 230px; max-width: 340px; }
.desp-rot { color: var(--suave); font-weight: 500; margin-right: 6px; } .desp-rot + b { font-weight: 600; }
.capa.lista-desp .dl-der { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
.dl-n { color: var(--suave); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
/* Los estados con su número: chips de filtro (el elegido, en azul) */
.sb-est { display: flex; gap: 6px; flex-wrap: wrap; }
.fchip { height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--linea2); background: var(--sup); color: var(--tinta); font: inherit; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; cursor: pointer; }
.fchip:hover { background: var(--hover); } .fchip.on { background: var(--azul-s); border-color: var(--azul); color: var(--azul-tinta); }
.fchip b { font-weight: 600; color: var(--suave); font-variant-numeric: tabular-nums; } .fchip.on b { color: var(--azul-tinta); }
.sb-pt { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; display: inline-block; background: var(--azul); }
.sb-pt.en_simla { background: var(--bien-p); } .sb-pt.reintentando { background: var(--aviso-p); } .sb-pt.fallido { background: var(--mal-p); }
/* La lista y la ficha, a la misma altura */
.sb-bd { display: grid; grid-template-columns: 350px minmax(0, 1fr); gap: 16px; min-height: 0; }
.sb-lista { min-height: 0; overflow: auto; border: 1px solid var(--linea); border-radius: 14px; background: var(--sup); }
.sb-it { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; row-gap: 3px; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--linea); cursor: pointer; }
.sb-it:last-child { border-bottom: 0; } .sb-it:hover { background: var(--hover); }
.sb-it.on { background: var(--azul-s); } .sb-it.on::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: var(--azul); }
.sb-it:focus-visible { outline: 2px solid var(--azul); outline-offset: -2px; }
.sb-av { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: var(--violeta-s); color: var(--violeta); font-size: 13px; font-weight: 700; }
.sb-it .sb-av { grid-row: 1 / span 2; }
.sb-nom { grid-column: 2; grid-row: 1; min-width: 0; font-size: 14.5px; line-height: 20px; font-weight: 700; overflow: hidden; white-space: nowrap; }
.sb-cu { grid-column: 3; grid-row: 1; justify-self: end; color: var(--suave); font-size: 12.5px; line-height: 18px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sb-fo { grid-column: 2; grid-row: 2; display: flex; align-items: center; gap: 5px; min-width: 0; color: var(--suave); font-size: 12.5px; line-height: 18px; white-space: nowrap; }
.sb-fo .i { --s: .55; flex: 0 0 auto; } .sb-fo > span { min-width: 0; overflow: hidden; }
/* El estado de la fila: un punto de su color; su nombre, en el globo */
.sb-pe { grid-column: 3; grid-row: 2; justify-self: end; width: 10px; height: 10px; margin-right: 2px; border-radius: 50%; background: var(--azul); }
.sb-pe.en_simla { background: var(--bien-p); } .sb-pe.reintentando { background: var(--aviso-p); }
.sb-pe.fallido { background: var(--mal-p); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mal-p) 22%, transparent); }
.sb-mas { display: flex; justify-content: center; padding: 12px; }
/* Filtrada y vacía, la tarjeta ocupa el sitio de la lista y la ficha, con su dibujo al centro */
.tarjeta.sb-vacio { align-content: center; }
/* La ficha: como la de un cliente o un pedido de Simla, cada cosa en su tarjeta */
.sb-fi { min-height: 0; overflow: auto; padding-right: 2px; }
.sb-fic { display: grid; gap: 12px; align-content: start; min-width: 0; }
.sb .tarjeta > h2 .acc .chapa .i { --s: .55; color: inherit; }
.tarjeta.sb-cab { grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 14px; row-gap: 4px; align-items: center; }
.sb-cab .sb-av { grid-row: 1 / span 2; width: 52px; height: 52px; font-size: 17px; }
.tarjeta.sb-cab > h2 { display: block; grid-column: 2; min-width: 0; font-size: 21px; line-height: 27px; letter-spacing: -.3px; overflow: hidden; white-space: nowrap; }
.sb-cab.solo > h2 { grid-row: 1 / span 2; }
.sb-contacto { grid-column: 2; display: flex; flex-wrap: wrap; gap: 4px 16px; min-width: 0; color: var(--suave); font-size: 13.5px; line-height: 19px; }
.sb-contacto > span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; } .sb-contacto .i { --s: .58; flex: 0 0 auto; }
.sb-cab > .acc { grid-column: 3; grid-row: 1 / span 2; display: flex; gap: 8px; }
/* La franja del estado: a todo lo ancho, con su icono, qué pasó, qué hacer y su botón */
.sb-franja { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; padding: 12px 14px; border-radius: 14px; border: 1px solid transparent; }
.sb-fr-ic { grid-row: 1 / span 2; align-self: start; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; } .sb-fr-ic .i { --s: .62; }
.sb-franja > b { font-size: 14.5px; line-height: 20px; min-width: 0; }
.sb-franja > p, .sb-que { grid-column: 2; margin: 0; font-size: 13.5px; line-height: 19px; color: var(--tinta); }
.sb-franja > .b { grid-column: 3; grid-row: 1 / span 2; }
.sb-que { display: grid; gap: 1px; }
.sb-que small { margin-top: 6px; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--suave); } .sb-que small:first-child { margin-top: 2px; }
.sb-franja.en_simla { background: var(--bien-f); border-color: color-mix(in srgb, var(--bien-p) 35%, transparent); } .sb-franja.en_simla > b { color: var(--bien); } .sb-franja.en_simla .sb-fr-ic { background: color-mix(in srgb, var(--bien-p) 20%, transparent); color: var(--bien); }
.sb-franja.fallido { background: var(--mal-f); border-color: color-mix(in srgb, var(--mal-p) 35%, transparent); } .sb-franja.fallido > b { color: var(--mal); } .sb-franja.fallido .sb-fr-ic { background: color-mix(in srgb, var(--mal-p) 20%, transparent); color: var(--mal); }
.sb-franja.reintentando { background: var(--aviso-f); border-color: color-mix(in srgb, var(--aviso-p) 35%, transparent); } .sb-franja.reintentando > b { color: var(--aviso); } .sb-franja.reintentando .sb-fr-ic { background: color-mix(in srgb, var(--aviso-p) 22%, transparent); color: var(--aviso); }
.sb-franja.recibido, .sb-franja.enviando { background: var(--azul-s); border-color: color-mix(in srgb, var(--azul) 30%, transparent); } .sb-franja.recibido > b, .sb-franja.enviando > b { color: var(--azul-tinta); } .sb-franja.recibido .sb-fr-ic, .sb-franja.enviando .sb-fr-ic { background: color-mix(in srgb, var(--azul) 18%, transparent); color: var(--azul-tinta); }
/* El formulario tal como lo rellenó; lo que Simla rechazó, como un campo con su error */
.sb-relleno { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.sb-rc { display: grid; gap: 5px; align-content: start; min-width: 0; } .sb-rc.ancho { grid-column: 1 / -1; }
.sb-rot { font-size: 12.5px; line-height: 16px; font-weight: 600; color: var(--suave); }
.sb-v { min-height: 40px; display: flex; align-items: center; padding: 8px 12px; border-radius: 9px; border: 1px solid var(--linea); background: var(--sup2); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; white-space: pre-wrap; }
.sb-v.vacio { color: var(--tenue); }
.sb-in-ic { position: relative; display: block; min-width: 0; }
.sb-in-ic > .i { position: absolute; right: 11px; top: 20px; transform: translateY(-50%); --s: .62; color: var(--mal-p); pointer-events: none; }
.sb-rc:not(.mal) .sb-in-ic > .i, .sb-in-ic .desp ~ .i { display: none; }
.sb-rc.mal .in { padding-right: 36px; } .sb-rc.mal .desp-boton { border-color: var(--mal-p); }
/* De dónde vino y el historial */
.sb-kv { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px 14px; margin: 0; font-size: 14px; line-height: 20px; }
.sb-kv dt { color: var(--suave); } .sb-kv dd { margin: 0; min-width: 0; overflow-wrap: anywhere; } .sb-kv dd .i { --s: .58; vertical-align: -3px; margin-right: 6px; color: var(--suave); }
.sb-nota { margin: 0; color: var(--suave); font-size: 14px; }
.sb-tl { list-style: none; margin: 0; padding: 0; display: grid; }
.sb-tl li { position: relative; display: grid; grid-template-columns: 84px 14px minmax(0, 1fr); column-gap: 10px; align-items: baseline; padding-bottom: 12px; font-size: 13.5px; line-height: 20px; }
.sb-tl li:last-child { padding-bottom: 0; }
.sb-tl li::before { content: ''; position: absolute; left: 100px; top: 15px; bottom: -3px; width: 2px; background: var(--linea); } .sb-tl li:last-child::before { display: none; }
.sb-tl .sb-pt { width: 10px; height: 10px; justify-self: center; position: relative; z-index: 1; box-shadow: 0 0 0 3px var(--sup); }
.sb-tl-t { display: grid; color: var(--suave); font-variant-numeric: tabular-nums; white-space: nowrap; } .sb-tl-t small { font-size: 11.5px; line-height: 15px; }
/* El teléfono: buscador con «Filtros», el resumen con los filtros puestos, la lista y, aparte, la ficha */
.sb-tel { gap: 10px; }
.sb-busf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.sb-busf .sb-bus { max-width: none; }
.sb-filtros { position: relative; width: 44px; } .sb-filtros .i { --s: .72; }
.sb-cnt { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--azul); color: var(--pri-tinta); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.sb-resumen { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 26px; color: var(--suave); font-size: 13px; } .sb-resumen > span { margin-right: 4px; }
.sb-pill { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; height: 26px; padding: 0 6px 0 10px; border-radius: 999px; border: 1px solid var(--azul); background: var(--azul-s); color: var(--azul-tinta); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.sb-pill > span { min-width: 0; overflow: hidden; white-space: nowrap; } .sb-pill .i { --s: .5; flex: 0 0 auto; }
.sb-tel .sb-lista { overflow: visible; }
.sb-tel .tarjeta { padding: 14px; }
.sb-tel .tarjeta > h2 { flex-wrap: wrap; row-gap: 8px; } .sb-tel .tarjeta > h2 .acc { flex-basis: 100%; margin-left: 0; }
.sb-tel .tarjeta.sb-cab { grid-template-columns: auto minmax(0, 1fr); }
.sb-tel .sb-cab .sb-av { width: 44px; height: 44px; font-size: 15px; }
.sb-tel .tarjeta.sb-cab > h2 { font-size: 19px; line-height: 25px; }
.sb-tel .sb-contacto { flex-direction: column; align-items: flex-start; }
.sb-tel .sb-cab > .acc { grid-column: 1 / -1; grid-row: auto; margin-top: 8px; } .sb-tel .sb-cab > .acc .b { width: 100%; }
.sb-tel .sb-franja { grid-template-columns: 32px minmax(0, 1fr); }
.sb-tel .sb-franja > .b { grid-column: 1 / -1; grid-row: auto; margin-top: 8px; width: 100%; }
.sb-tel .sb-relleno { grid-template-columns: minmax(0, 1fr); }
.sb-tel .sb-kv { grid-template-columns: 104px minmax(0, 1fr); }
.sb-tel .sb-tl li { grid-template-columns: 74px 14px minmax(0, 1fr); } .sb-tel .sb-tl li::before { left: 90px; }
/* La hoja de «Filtros» (una ventana que en el teléfono sube desde abajo): cada grupo, sus opciones con su número */
.sb-hoja > .cuerpo { display: flex; flex-direction: column; gap: 6px; } .sb-hoja > .cuerpo > * { flex-shrink: 0; }
.sb-ht { margin-top: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--suave); } .sb-ht:first-child { margin-top: 0; }
.sb-ops { display: grid; border: 1px solid var(--linea); border-radius: 12px; overflow: hidden; }
.sb-op { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 0; border-top: 1px solid var(--linea); background: none; color: var(--tinta); font: inherit; font-size: 14.5px; font-weight: 500; text-align: left; cursor: pointer; }
.sb-op:first-child { border-top: 0; } .sb-op > span:first-child { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; }
.sb-op > b { color: var(--suave); font-weight: 600; font-variant-numeric: tabular-nums; }
.sb-op .sb-ok { width: 18px; display: grid; place-items: center; } .sb-op .i { --s: .62; }
.sb-op[aria-checked="true"] { background: var(--azul-s); color: var(--azul-tinta); }
.sb-hoja > footer { display: grid; grid-template-columns: auto minmax(0, 1fr); }