:root{--verde-principal: #005d5c;--amarelo: #FCD605;--dourado: #E5B80B;--bg-container: #f3f3f4;--bege-claro: #F5E6C4;--vermelho-destaque: #D93D3D;--cinza-medio: #A9A9A9;--cinza-fraco: #e4e4e4;--cinza: #6d6d6d;--verde-secundario: #007A78;--verde-hover: #00cebd}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}button{border:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--verde-principal);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}button:hover{cursor:pointer}.container_loginpage{width:100dvw;height:100dvh;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;background-image:url(/assets/bg-C-4g-LXD.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.container_formulario_login{animation:descerComFade 2s ease forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;width:500px;height:500px;background-color:var(--bg-container);border-radius:15px}.container_formulario_login img{width:300px;height:300px;object-fit:contain}.container_formulario_login .container_formularios{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.container_formulario_login .container_formularios .input_icon_wrapper{position:relative;width:400px;display:flex;align-items:center}.container_formulario_login .container_formularios .input_icon_wrapper .icon{position:absolute;left:12px;color:var(--verde-principal);font-size:20px;pointer-events:none}.container_formulario_login .container_formularios .input_icon_wrapper input{width:100%;padding-left:40px;height:45px;border-radius:12px;border:1.5px solid #ccc;padding-right:15px;font-size:16px;font-weight:500;color:var(--verde-principal);background-color:#fefefe;box-shadow:inset 0 2px 5px #0000000d;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.container_formulario_login .container_formularios .input_icon_wrapper input::placeholder{color:#9e9e9e;font-weight:400}.container_formulario_login .container_formularios .input_icon_wrapper input:focus{border-color:var(--verde-principal)}.container_formulario_login .container_formularios button{width:150px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--verde-principal),var(--verde-secundario));box-shadow:0 4px 15px #00806066;border:none;cursor:pointer;transition:background .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center}.container_formulario_login .container_formularios button p{font-size:16px;color:#fff;font-weight:600;letter-spacing:1px;margin:0;-webkit-user-select:none;user-select:none}.container_formulario_login .container_formularios button:hover{background:linear-gradient(135deg,var(--verde-secundario),var(--verde-principal));box-shadow:0 6px 20px #00806099}.container_formulario_login .container_formularios button:hover p{color:#fff}@media (width <= 768px){.container_formulario_login{width:90%;height:auto;padding:20px}.container_formulario_login img{width:200px;height:200px}.container_formularios .input_icon_wrapper,.container_formularios button{width:100%}}@media (width <= 480px){.container_formulario_login{width:95%;border-radius:10px}.container_formulario_login img{width:150px;height:150px}.container_formularios .input_icon_wrapper{width:320px!important}.container_formularios .input_icon_wrapper input{font-size:12px;height:36px}.container_formularios button{height:45px}.container_formularios button p{font-size:14px}}@keyframes descerComFade{0%{transform:translateY(-1500px);opacity:0}50%{opacity:.5}to{transform:translateY(0);opacity:1}}.container_navbar{height:100vh;width:200px;background-image:url(/assets/bg_clean--lyvIE0r.jpg);position:fixed;left:0;box-shadow:0 4px 12px #000000b3;display:flex;flex-direction:column;gap:20px}.container_navbar ul li a.active{color:var(--dourado);font-weight:700}.container_navbar div{width:100%;height:90px;display:flex;align-items:center;justify-content:center}.container_navbar h3{font-size:14px;color:#f3f3f4}.container_navbar ul{display:flex;flex-direction:column;flex:1;background-image:url(/assets/bg_clean--lyvIE0r.jpg);list-style:none;padding:33px 0;gap:30px;text-decoration:none;background-size:cover}.container_navbar li{display:flex;gap:10px;height:50px;align-items:center;font-size:18px;color:#f3f3f4;text-decoration:none;border-bottom:1px solid var(--verde-principal);padding:0 10px}.container_navbar li:hover{margin-left:5px;cursor:pointer;background-color:#004e48;border-bottom:1px solid white;transition:all ease-in .3s}.container_navbar li a{gap:10px;font-size:18px;color:#00cebd;text-decoration:none;display:flex;align-items:center;justify-content:center}.CotainerBG{background-image:url(/assets/bg_cinza-B4LBxb-e.jpg);background-size:cover;background-position:right;margin-left:200px;height:100dvh;padding:15px;display:flex;overflow-x:hidden;flex-direction:column}.CotainerBG .container_header_home_page{display:flex;flex-direction:column;gap:15px}.CotainerBG .container_header_home_page img{width:80px;height:80px;object-fit:contain}.CotainerBG .container_header_home_page h3{font-size:50px;color:var(--verde-secundario)}.CotainerBG .container_header_home_page .container_logo_header_home_page{display:flex;align-items:center;justify-content:center;gap:10px}.CotainerBG .container_header_home_page .divider_header_home_page{border:1px solid var(--verde-secundario);height:1px;width:100%}.container_marcas_usuario_page_wrapper{width:100%;height:100vh;padding:20px;display:flex;flex-direction:column}.container_marcas_usuario_page_wrapper .search_bar{display:flex;align-items:center;height:50px;max-width:100%;margin-bottom:24px;border:2px solid var(--cinza-fraco);border-radius:8px}.container_marcas_usuario_page_wrapper .search_bar .container_search_marcas{background-color:var(--verde-secundario);color:#fff;display:flex;justify-content:center;align-items:center;width:50px;height:45px;border-radius:8px}.container_marcas_usuario_page_wrapper .search_bar input{border:none;outline:none;font-size:16px;width:100%;font-family:inherit;color:#333;background-color:#fff;padding:0 12px;height:100%;border-radius:8px}.container_marcas_usuario_page_wrapper .container_marcas_page{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,auto));justify-content:space-between}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca{width:300px;height:230px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:relative;transition:transform .25s ease,box-shadow .25s ease;border:1px solid var(--cinza-fraco);border-radius:10px;margin:20px}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper{display:flex;align-items:center;cursor:pointer;position:relative;margin-block:10px}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input{opacity:0;position:absolute;left:0;width:0;height:0}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper .custom-checkbox{width:20px;height:20px;border:2px solid var(--verde-secundario);border-radius:4px;background-color:#fff;transition:all .2s ease;display:inline-block;position:relative}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input:checked+.custom-checkbox{background-color:var(--verde-secundario);border-color:var(--verde-secundario)}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input:checked+.custom-checkbox:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem{position:relative;display:inline-block;margin-bottom:20px;border:1px solid}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem img{width:100px;height:100px;border:2px solid white;box-shadow:0 4px 8px #0000004d;display:block}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem .container_card_score{position:absolute;top:-10px;left:-15px;width:42px;height:42px;background-color:#fff;border:2px double var(--dourado);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #00000026;-webkit-user-select:none;user-select:none}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem .container_card_score p{color:var(--verde-secundario);font-size:14px;font-weight:700;line-height:1}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca p{font-size:12px;color:#505050}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .marca_nome{font-weight:700;font-size:18px;color:#505050;margin-bottom:10px;text-align:center}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_analise{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;color:var(--verde-secundario);font-weight:600;font-size:14px;transition:color .3s ease}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_analise button{width:80px;height:30px;font-weight:700;color:#fff;border-radius:5px;background-color:var(--verde-secundario)}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca .container_card_analise button:hover{cursor:pointer}.container_marcas_usuario_page_wrapper .container_marcas_page .container_card_marca.apagada img{opacity:.4;filter:grayscale(50%);transition:opacity .3s ease}.container_marcas_atualizar_cadastrar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;background-color:#f9f9f9;padding:12px 20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.ContainerCabecalhoLista{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;text-align:center}.ContainerCabecalhoLista p{font-size:20px;font-weight:700}.novoCliete{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background-color:var(--verde-principal);color:#fff;font-size:20px;text-decoration:none}.novoCliete:hover{cursor:pointer}.container_search_clientes_cadastrar{width:100%;height:80px;padding:20px;display:flex;flex-direction:row}.container_search_clientes_cadastrar .search_bar{display:flex;align-items:center;height:50px;width:70%;margin-bottom:24px;border:2px solid var(--cinza-fraco);border-radius:8px}.container_search_clientes_cadastrar .search_bar .container_search_clientes{background-color:var(--verde-secundario);color:#fff;display:flex;justify-content:center;align-items:center;width:50px;height:45px;border-radius:8px}.container_search_clientes_cadastrar .search_bar input{border:none;outline:none;font-size:16px;width:100%;font-family:inherit;color:#333;background-color:#fff;padding:0 12px;height:100%;border-radius:8px}.container_search_clientes_cadastrar button{width:150px;height:50px;border-radius:10px;background-color:var(--verde-secundario);color:#fff;font-size:16px}.container_marcas_loading{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.container_marcas_page_wrapper{width:100%;height:100vh;padding:20px;display:flex;flex-direction:column}.container_marcas_page_wrapper .search_bar{display:flex;align-items:center;height:50px;max-width:100%;margin-bottom:24px;border:2px solid var(--cinza-fraco);border-radius:8px}.container_marcas_page_wrapper .search_bar .container_search_marcas{background-color:var(--verde-secundario);color:#fff;display:flex;justify-content:center;align-items:center;width:50px;height:45px;border-radius:8px}.container_marcas_page_wrapper .search_bar input{border:none;outline:none;font-size:16px;width:100%;font-family:inherit;color:#333;background-color:#fff;padding:0 12px;height:100%;border-radius:8px}.container_marcas_page_wrapper .container_marcas_page{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,auto));justify-content:space-between}.container_marcas_page_wrapper .container_marcas_page .container_card_marca{width:300px;height:230px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:relative;transition:transform .25s ease,box-shadow .25s ease;border:1px solid var(--cinza-fraco);border-radius:10px;margin:20px}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper{display:flex;align-items:center;cursor:pointer;position:relative;margin-block:10px}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input{opacity:0;position:absolute;left:0;width:0;height:0}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper .custom-checkbox{width:20px;height:20px;border:2px solid var(--verde-secundario);border-radius:4px;background-color:#fff;transition:all .2s ease;display:inline-block;position:relative}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input:checked+.custom-checkbox{background-color:var(--verde-secundario);border-color:var(--verde-secundario)}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_checkbox_wrapper input:checked+.custom-checkbox:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem{position:relative;display:inline-block;margin-bottom:20px;border:1px solid}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem img{width:100px;height:100px;border:2px solid white;box-shadow:0 4px 8px #0000004d;display:block}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem .container_card_score{position:absolute;top:-10px;left:-15px;width:42px;height:42px;background-color:#fff;border:2px double var(--dourado);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #00000026;-webkit-user-select:none;user-select:none}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_marca_imagem .container_card_score p{color:var(--verde-secundario);font-size:14px;font-weight:700;line-height:1}.container_marcas_page_wrapper .container_marcas_page .container_card_marca p{font-size:12px;color:#505050}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .marca_nome{font-weight:700;font-size:18px;color:#505050;margin-bottom:10px;text-align:center}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_analise{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;color:var(--verde-secundario);font-weight:600;font-size:14px;transition:color .3s ease}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_analise button{width:80px;height:30px;font-weight:700;color:#fff;border-radius:5px;background-color:var(--verde-secundario)}.container_marcas_page_wrapper .container_marcas_page .container_card_marca .container_card_analise button:hover{cursor:pointer}.container_marcas_page_wrapper .container_marcas_page .container_card_marca.apagada img{opacity:.4;filter:grayscale(50%);transition:opacity .3s ease}.container_marcas_atualizar_cadastrar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap;background-color:#f9f9f9;padding:12px 20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.container_marcas_atualizar_cadastrar label{display:flex;flex-direction:column;font-weight:600;font-size:14px;color:#333}.container_marcas_atualizar_cadastrar label input[type=date]{text-align:center;margin-top:6px;padding:6px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;background-color:#fff;transition:border-color .3s ease}.container_marcas_atualizar_cadastrar label input[type=date]:focus{border-color:#00cebd;outline:none}.container_marcas_atualizar_cadastrar button{width:150px;height:50px;border-radius:10px;background-color:var(--verde-secundario);color:#fff;font-size:16px}.novo-usuario-cliente-container{width:100%;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 4px 15px #0000001a;border-radius:1rem}.novo-usuario-cliente-container h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#005d5c;text-align:center}.novo-usuario-cliente-container form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.novo-usuario-cliente-container form div{margin-bottom:1rem;width:100%}.novo-usuario-cliente-container form div label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:#333}.novo-usuario-cliente-container form div input{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .2s}.novo-usuario-cliente-container form div input:focus{border-color:#005d5c;box-shadow:0 0 0 2px #005d5c33}.novo-usuario-cliente-container form button{width:20vh;padding:.75rem;font-size:1rem;font-weight:600;color:#fff;background-color:#005d5c;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.novo-usuario-cliente-container form button:hover{background-color:#004c4b}.novo-usuario-cliente-container .novo-usuario-cliente-alert{text-align:center;font-size:.95rem;margin-top:1rem;padding:.75rem;border-radius:.5rem;font-weight:600}.novo-usuario-cliente-container .novo-usuario-cliente-alert.sucesso{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.novo-usuario-cliente-container .novo-usuario-cliente-alert.erro{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
