:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;font-size:14px;font-synthesis:none;-webkit-autocomplete:off;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #000000;--background-color: #e0dbdb;--primaryColor: rgb(13, 111, 202);--primaryColorHover: rgb(5, 88, 167);--primaryColorDisabled: gray;--secondaryColor: gray;--secondaryColorHover: rgb(88, 88, 88);--successColorSecondary: rgb(86, 128, 85);--successColor: rgb(47, 136, 44);--successColorHover: rgb(14, 121, 10);--dangerColor: rgb(209, 47, 47);--dangerColorHover: rgb(190, 43, 43);--worningColor: rgb(248, 213, 54);--worningColorHover: rgb(248, 205, 14);--infoColor: rgb(147, 228, 239);--infoColorHover: rgb(112, 236, 245);--darkColor: #525252;--darkColorHover: #464545;--lightColor: #f5f4f4;--lightColorHover: #aca8a8;--blackColor: #060606}[data-theme=dark]{--text-color: #9a9aaa;--text-color-hover: #bdbdc4;--background-color: #202130;--background-div: #333549;--background-hover: #d4cece;--background-input: #cdceda;--text-color-input: #333549;--border-color: #b9b5b5}[data-theme=light]{--text-color: #565454;--text-color-hover: #181717;--background-color: #e9e6e6;--background-div: #ffffff;--background-hover: #f0e9e9;--background-input: #ffffff;--text-color-input: #727378;--border-color: #b9b5b5}[data-theme=rosa]{--text-color: #6b085c;--text-color-hover: #68075a;--background-color: #f9aded;--background-div: #f4cdee;--background-hover: #68075a;--background-input: #f8e1f4;--text-color-input: #68075a;--border-color: #ed6fda}[data-theme=vermelho]{--text-color: #6b0808;--text-color-hover: #680707;--background-color: #f9adad;--background-div: #f4cdcd;--background-hover: #680707;--background-input: #f8e1e1;--text-color-input: #680707;--border-color: #ed6f6f}[data-theme=preto]{--text-color: #fcf8f8;--text-color-hover: hwb(0 83% 14%);--background-color: #000000;--background-div: #1a1818;--background-hover: #0a0909;--background-input: #484646;--text-color-input: #1e1d1d;--border-color: #595555}[data-theme=azul]{--text-color: #0981b5;--text-color-hover: hwb(205 26% 14%);--background-color: #a1dbee;--background-div: #c8e8f4;--background-hover: #96b5c8;--background-input: #eff3f6;--text-color-input: #157ed4;--border-color: #5cbff1}body{margin:0;padding:0;background-color:var(--background-color);transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;align-items:flex-end;color:var(--text-color)}label{color:var(--text-color)}input[type=radio]{margin:0;padding:0}.radio-group{display:flex;align-items:center;justify-content:left;max-width:100px;margin:0}input{height:22px;outline:none;padding:2px 2px 2px 5px;font-size:16px;font-weight:600;width:300px;background-color:var(--background-input);color:var(--text-color-input);border:2px solid var(--border-color);border-radius:5px}input[type=checkbox]{cursor:pointer;height:20px;width:20px}select{height:32px;outline:none;padding:2px 2px 2px 5px;background-color:var(--background-input);color:var(--text-color-input);font-size:16px;font-weight:600;width:312px;border:2px solid var(--border-color);border-radius:5px}select:hover{border:1px solid var(--primaryColor)}.container{width:100%;max-width:calc(100dvw - 30px);display:flex;flex-direction:column;padding:10px;background-color:var(--background-div);color:var(--text-color)}.input-group{display:flex;flex-wrap:wrap;gap:10px;padding:25px 0 0;align-items:flex-end}.input-box{display:flex;flex-direction:column;position:relative}.input-box input{color:var(--text-color-input)}.input-box select:focus-visible{outline:1px solid var(--border-color)}.input-box label{position:absolute;left:5px;top:100%;transform:translateY(calc(-100% - 2px));transition:all .3s ease-in-out;font-size:16px;color:var(--text-color)}.input-box input:focus~label,.input-box input:valid~label{top:3px;left:0;font-size:14px;color:var(--text-color)}.input-box select:focus~label,.input-box select:valid~label{top:3px;left:0;font-size:14px;color:var(--text-color)}ul{border:#000000 2px solid}.buttonPrimary{background-color:var(--primaryColor);color:#fff;cursor:pointer}.buttonPrimary:hover{background-color:var(--primaryColorHover);color:#fff;cursor:pointer}.buttonPrimary:disabled{background-color:var(--primaryColorDisabled);color:#fff;cursor:pointer}.buttonSecondary{background-color:var(--secondaryColor);color:#fff;cursor:pointer}.buttonSecondary:hover{background-color:var(--secondaryColorHover);color:#fff;cursor:pointer}.buttonSuccess{background-color:var(--successColor);color:#fff;cursor:pointer}.buttonSuccess:hover{background-color:var(--successColorHover);color:#fff;cursor:pointer}.buttonDanger{background-color:var(--dangerColor);color:#fff;cursor:pointer}.buttonDanger:hover{background-color:var(--dangerColorHover);color:#fff;cursor:pointer}.buttonWorning{background-color:var(--worningColor);color:#000;cursor:pointer}.buttonWorning:hover{background-color:var(--worningColorHover);color:#000;cursor:pointer}.buttonInfo{background-color:var(--infoColor);color:#000;cursor:pointer}.buttonInfo:hover{background-color:var(--infoColorHover);color:#000;cursor:pointer}.buttonDark{background-color:var(--darkColor);color:#fff;cursor:pointer}.buttonDark:hover{background-color:var(--darkColorHover);color:#fff;cursor:pointer}.buttonLight{background-color:var(--lightColor);color:#000;cursor:pointer}.buttonLight:hover{background-color:var(--lightColorHover);color:#000;cursor:pointer}button{height:35px;border:none;border-radius:5px;padding:10px}.divTheme{background-color:var(--background-div);color:var(--text-color)}.w100p{width:100%}.w100dvw{width:100dvw}.w100dvh{height:100dvh}.padding10{padding:10px}.paddingTop10{padding-top:10px}.paddingBottom20{padding-bottom:20px}.divDark{background-color:var(--darkColor)}.hoverTheme:hover{background-color:var(--background-hover)}.flexRow{display:flex}.flexCol{display:flex;flex-direction:column}.jf-right{justify-content:right}.jf-left{justify-content:left}.jf-center{justify-content:center}.jf-around{justify-content:space-around}.jf-between{justify-content:space-between}.center{align-items:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.border1{border:1px solid}.borderR5{border-radius:5px}.borderR10{border-radius:10px}.gap10{gap:10px}a{font-weight:500;text-decoration:inherit;color:var(--text-color)}a:hover{color:var(--text-color-hover)}h1{font-size:3.2em;line-height:1.1}h2{font-size:2em;line-height:0;color:var(--text-color)}.pointer{cursor:pointer}.divScreen{display:flex;flex-direction:row;background-color:var(--background-color);align-items:center;position:absolute;margin-top:50px;left:50px;flex-wrap:wrap;gap:10px;padding:10px;width:calc(100% - 70px)}section{flex-wrap:wrap}.margin10{margin:10px}.margin-top10{margin-top:10px}.margin-bottom10{margin-bottom:10px}.margin-left10{margin-left:10px}.margin-right10{margin-right:10px}.box-popup{min-width:100dvw;max-width:100dvw;min-height:100dvh;position:fixed;top:0;left:0;z-index:13;justify-content:center;background-color:var(--background-color);overflow-y:auto}.box-group{display:flex;flex-wrap:wrap;gap:10px;background-color:var(--background-div);color:var(--text-color)}.box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;cursor:pointer}.title-grid{display:flex;background-color:var(--background-color);border:2px solid var(--background-div);padding:0 10px;min-height:30px;align-items:center;color:var(--text-color)}.item-grid{display:flex;padding:0 10px;align-items:center;min-height:30px;color:var(--text-color)}.box-row{display:flex;flex-wrap:wrap;color:var(--text-color)}.box-col{display:flex;flex-direction:column;color:var(--text-color)}.invisivel,.visivel-mobile{display:none}.input150px{width:150px}.input100px{width:100px}.inputData{width:150px}.inputNome{width:350px}.inputCnpjCpf,.inputIeRg{width:150px}.inputCep{width:85px}.inputRua{width:365px}.inputBairro{width:300px}.inputNumero{width:150px}.inputCidade{width:240px}.selectUf{width:68px}.inputTelefone{width:150px}.inputAno{width:60px;height:25px}.painelVencimento{display:flex;flex-direction:column;padding:20px;border-radius:10px;background-color:var(--border-color);min-width:150px;min-height:100px;max-height:100px;align-items:center;justify-content:center;cursor:pointer}.loader{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#divClientesCadastrados{display:flex;flex-direction:column;position:absolute;top:45px;padding:10px;background-color:var(--background-color);font-size:18px;box-shadow:-5px 5px 10px 0 var(--background-hover);z-index:1}#divMenuEmpresa{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 720px){:root{font-size:18px}#divMenuEmpresa{display:flex;flex-direction:column;padding:30px 0}#divMenuEmpresa button{min-width:300px}select{width:calc(100% - 10px);max-width:600px;height:42px;font-size:19px}.divScreen{display:flex;flex-direction:row;background-color:var(--background-color);align-items:center;position:absolute;margin-top:60px;left:0;flex-wrap:wrap;gap:10px;padding:0;margin-left:0;margin-right:0;width:100%;z-index:-1;justify-content:center}.container{width:calc(100% - 10px);min-width:100%;align-items:center;padding:0 0 20px}.input-group{justify-content:center;padding:0;gap:10px;margin:0}.input-box{width:90%;height:65px;font-size:26px;margin:0}.input-box input{width:calc(100% - 10px);height:35px;font-size:19px}.input-box select{width:100%;min-width:100%;height:42px;font-size:19px}.input-box label{position:absolute;left:10px;top:55%;transform:translateY(calc(-100% - 2px));transition:all .3s ease-in-out;padding:0;font-size:16px;color:var(--text-color)}.input-box input:focus~label,.input-box input:valid~label{top:3px;left:0;font-size:14px;color:var(--text-color)}.input-box select:focus~label,.input-box select:valid~label{top:3px;left:0;font-size:14px;color:var(--text-color)}.box-col{width:100%}.box-row{width:100%;flex-wrap:wrap}h2{font-size:1.2em;line-height:1.1}.box-grid{display:grid;padding:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border:2px solid var(--border-color);border-radius:20px;max-width:calc(100% - 40px);margin-top:15px}.title-grid{display:flex;background-color:var(--background-color);border:0px solid var(--background-div);min-height:30px;align-items:center;border-radius:10px;padding:5px}.invisivel-mobile{display:none}.visivel-mobile{display:block}.box-popup{min-width:100dvw;max-width:100dvw;min-height:100dvh;max-height:100dvh;position:fixed;top:50px;left:0;z-index:13;justify-content:center;background-color:#000;overflow-y:auto}.box-group{max-width:calc(100dvw - 50px)}.painelVencimento{display:flex;flex-direction:column;padding:20px;border-radius:10px;background-color:var(--background-div);width:calc(100% - 80px);max-width:calc(100% - 80px);min-height:50px;align-items:center;justify-content:center;cursor:pointer}button{height:55px;min-width:100px;border:none;border-radius:5px;padding:10px}input[type=checkbox]{width:30px;height:30px;cursor:pointer}#divClientesCadastrados{display:flex;flex-direction:column;position:absolute;top:45px;padding:10px;background-color:var(--background-color);font-size:18px;box-shadow:-5px 5px 10px 0 var(--background-hover);z-index:1}input[type=radio]{margin:0;padding:0}.radio-group{display:flex;flex-direction:column;max-width:100px;margin:0;padding-top:10px}.inputAno{width:60px;height:34px}}.itemInvisivel{display:none}.itemVisivel{opacity:0;transition:opacity .2s ease-in-out}.itemVisivel.visivel{opacity:1}#subItemMenu{background-color:var(--lightColor);color:var(--darkColor);padding:0 10px 5px 25px}#subItemMenu:hover,.itemAtivo{background-color:var(--background-color)}label{cursor:pointer}.divMenu{max-width:250px;height:100dvh;min-height:100dvh;max-height:100dvh;width:250px;position:fixed;left:0;transform:translate(-200px);transition:transform .3s ease-in-out;overflow:auto;display:flex;flex-direction:column;box-shadow:0 20px 20px 05px #00000074;cursor:pointer;z-index:2}.divMenu:hover{transform:translate(0)}@media (max-width: 720px){.divMenu{max-width:300px;height:100dvh;min-height:100dvh;max-height:100dvh;width:300px;position:fixed;top:50px;left:0;transform:translate(-300px);transition:transform .3s ease-in-out;overflow:auto;display:flex;flex-direction:column;box-shadow:0 20px 20px 05px #00000074;cursor:pointer;z-index:2}.visivel{transform:translate(0)}.divMenu:hover{transform:translate(-300px)}}#btnWhatsapp{font-size:18px}@media screen and (max-width: 720px){#btnWhatsapp{font-size:25px}}#divHeader{background-color:var(--background-div);display:flex;width:calc(100dvw - 80px);height:50px;align-items:center;position:fixed;right:0;top:0;box-shadow:0 0 20px #00000074;justify-content:right;gap:20px;padding-right:20px;z-index:1;color:var(--text-color)}#iconeMenuMobile{display:none}@media (max-width: 720px){#divHeader{background-color:var(--background-div);display:flex;width:calc(100dvw - 20px);height:50px;align-items:center;position:fixed;left:0;box-shadow:0 0 20px #00000074;justify-content:right;gap:20px;padding-right:20px}#iconeMenuMobile{display:block;position:fixed;left:10px}}#divInstallButton{position:absolute;left:calc(50% - 100px);right:50%;width:200px;display:flex;flex-direction:row;align-items:center;justify-content:center}#buttonInstall{height:35px}#divExit:hover{color:var(--text-color-hover);cursor:pointer}#itemPorPagina{width:50px;max-width:50px}.toggle-switch{position:relative;display:inline-block;width:50px;height:25px}.toggle-switch input{opacity:0;width:0;height:0}.slider{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#f3f2f2;transition:background-color .4s ease-in-out;border-radius:10px;border:1px solid #2d2e2e}.slider:before{position:absolute;content:"";height:20px;width:25px;left:2px;bottom:2px;background-color:#616060;transition:transform .4s ease-in-out;border-radius:10px;will-change:transform}input:checked+.slider{background-color:#fff}input:checked+.slider:before{transform:translate(19px);background-color:#2ca10f}#divCalendario{display:flex;flex-wrap:wrap;gap:10px;max-width:1015px}.mes{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color);width:150px;max-width:150px;height:150px;font-size:14px;padding:5px;cursor:pointer;text-align:center}.mes:hover{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--text-color);width:150px;max-width:150px;height:150px;font-size:14px;padding:5px;cursor:pointer;color:var(--background-div)}.mes:active{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondaryColorHover);width:150px;max-width:150px;height:150px;font-size:14px;padding:5px;cursor:pointer}.recebido{background-color:var(--successColor);color:#f0f8ff}#iconeAddCliente{position:absolute;top:6px;right:17px;cursor:pointer;color:#202130;width:40px;height:20px}#divClientesCadastrados{width:100%;max-width:calc(100dvw - 60px);display:flex;flex-direction:column;position:absolute;top:32px;padding:10px;background-color:var(--background-color);font-size:18px;box-shadow:0 0 10px 0 var(--text-color)}#divRow{max-width:310px}#vencimento,#horario,#valor,#sinal{width:120px;max-width:120px}@media screen and (max-width: 720px){#divCalendario{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:15px;margin-bottom:15px}.mes{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-color);width:110px;max-width:110px;height:150px;font-size:14px;padding:5px;cursor:pointer;text-align:center}.mes:hover{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondaryColor);width:110px;max-width:110px;height:150px;font-size:14px;padding:5px;cursor:pointer;color:var(--background-color)}.mes:active{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondaryColorHover);width:110px;max-width:110px;height:150px;font-size:14px;padding:5px;cursor:pointer}#nomePlano{font-size:12px}.recebido{background-color:var(--successColor);color:#f0f8ff}#iconeAddCliente{position:absolute;top:7px;right:35px;cursor:pointer;color:#202130;width:40px;height:30px}#divClientesCadastrados{width:100%;max-width:calc(100dvw - 60px);display:flex;flex-direction:column;position:absolute;top:45px;padding:10px;background-color:var(--background-color);font-size:18px;box-shadow:0 0 10px 0 var(--text-color)}#divRow{max-width:100%}#vencimento,#horario,#valor,#sinal{width:140px;max-width:140px}}.tableFatura{width:870px}#divChaveCopiaEcola{display:flex;flex-direction:column;padding:10px;margin-top:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;cursor:pointer;width:300px}@media screen and (max-width: 720px){.tableFatura{padding:20px;border-radius:10px;background-color:var(--background-div);min-width:150px;min-height:100px;max-height:100px;align-items:center;justify-content:center;cursor:pointer;max-width:calc(100% - 40px)}#divChaveCopiaEcola{display:flex;flex-direction:column;padding:10px;margin-top:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;cursor:pointer;width:150px}}body{margin:0;font-family:Inter,sans-serif;color:#333}header{background:#0a74da;color:#fff;padding:60px 20px;text-align:center}header h1{font-size:2.5rem;margin-bottom:10px}header p{font-size:1.2rem;margin-bottom:20px}header a{background:#fff;color:#0a74da;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700}section{padding:60px 20px;max-width:960px;margin:auto}.benefits,.steps,.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{border:1px solid #eee;border-radius:8px;padding:20px;background:#f9f9f9}.cta{text-align:center;padding:40px 20px;background:#eef6ff}footer{text-align:center;padding:30px 20px;background:#f1f1f1;font-size:.9rem}