@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";span{font-family:Roboto,sans-serif}.navBar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0rem;background-color:#000;position:relative}.navBar h2 a{opacity:1}.navBar ul{display:flex;gap:1rem}.new-btn{font-weight:700;border:1px solid #fff;padding:.5rem 1rem;border-radius:1rem;opacity:1;font-family:Roboto,sans-serif}.logo{width:165px}.btnNav{position:relative;box-shadow:0 3px #ffb325;padding-block:.5rem;padding-inline:1.25rem;background-color:#fdc03d;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#000;gap:10px;font-weight:700;border:3px solid #ffcc3e4d;outline:none;overflow:hidden;font-size:18px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;font-family:Roboto,sans-serif}.btnNav:hover{background-color:#fff;box-shadow:0 1px 1px #ffb325}@media screen and (max-width: 600px){.navBar{padding:1rem;flex-direction:column}.navBar ul{align-items:center;gap:.5rem}.btnNav{padding:.8rem 1.5rem;font-size:15px;margin-top:.5rem}.logo{width:150px;margin-bottom:10%}}.card{width:240px;height:254px;padding:0 15px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#000;border-radius:20px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.card>*{margin:0}.card__title{font-size:23px;font-weight:900;color:#fff}.card__content{font-size:13px;line-height:18px;color:#333}.card__form{display:flex;flex-direction:column;gap:10px}.card__form input{margin-top:10px;outline:0;background:#fff;box-shadow:transparent 0 0 0 1px inset;padding:.6em;border-radius:14px;border:1px solid #333;color:#000;font-family:Roboto,sans-serif}.card__form button{border:0;background:#111;color:#fff;padding:.6em;border-radius:14px;font-weight:700;font-family:Roboto,sans-serif;font-size:15px}.sign-up:hover{opacity:.8;cursor:pointer}.error-message1{color:red;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.password-container{position:relative}.toggle-password{position:absolute;right:-3px;top:60%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}.clear{clear:both}.left{float:left}.right{float:right}body{background-color:#000;color:#fff;font-family:Fira Code,monospace}a{text-decoration:none}.cadastroPedido{display:flex;font-family:Roboto,sans-serif;justify-content:center;align-items:center;width:100%;margin:0 auto}.card__form1{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:5px;display:flex}.video{width:100%;height:100%}video{width:99%;border-radius:5px}.input{width:50%;padding:10px}.inputPedido{width:100%;padding:10px;border:1px solid #ccc;border-radius:15px;margin-bottom:10px}.buttonPedido{width:100%;margin-top:130%;background-color:#fab22d;color:#000;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-family:Roboto,sans-serif;font-size:15px}.buttonPedido:hover{background-color:#ffa600;box-shadow:0 1px 1px #ffd78b}.confirmation-message{font-family:Roboto,sans-serif;color:green;text-align:center;margin-top:10px;position:absolute;margin-left:7%}.error-message{font-family:Roboto,sans-serif;color:red;text-align:center;margin-top:10px;position:absolute;margin-left:8%}@media screen and (max-width: 600px){.cadastroPedido{padding:10px;height:auto}.card__form1{flex-direction:column;padding:10px;box-shadow:none}p{width:100%}.inputPedido{width:212%;padding:8px;font-size:14px}.buttonPedido{width:210%;padding:10px;margin-top:10px;font-size:14px}video{width:100%}.confirmation-message,.error-message{font-size:14px;position:static;margin-top:10px}}.tabelaPedidos{background-color:#d4d4d4;color:#000;display:flex;justify-content:center;padding:10px;border-radius:20px;overflow-x:auto;font-family:Roboto,sans-serif}.container{width:100%;overflow-x:auto;background-color:#fff;border-radius:20px;font-family:Roboto,sans-serif}table{width:100%;border-collapse:collapse;border-spacing:0;font-family:Roboto,sans-serif}th,td{padding:10px;text-align:center;border-bottom:1px solid #ddd;font-family:Roboto,sans-serif;word-wrap:break-word}th{background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}.pesquisa{display:flex;justify-content:center}.button{background-color:#d1d1d1;color:#fff;border:none;padding:1px 8px;cursor:pointer;border-radius:4px;font-family:Roboto,sans-serif}.button:hover{background-color:#ffb425}.buttonFiltro{position:relative;box-shadow:0 3px #ffb325;padding-block:.5rem;padding-inline:1.25rem;background-color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#000;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;font-family:Roboto,sans-serif}.buttonFiltro:hover{background-color:#ffb425;box-shadow:0 5px 5px #ffb325}@media screen and (max-width: 600px){.tabelaPedidos{padding:1.5px}th,td{padding:8px;font-size:14px}.buttonFiltro{padding-block:.3rem;padding-inline:.8rem;font-size:15px}.pesquisa{flex-direction:column;align-items:flex-start}}.modal-content{background-color:#fff0;border-radius:5px;padding:20px;box-shadow:0 0 10px #0000;animation:modalFadeIn .3s ease-in-out;width:90%;max-height:90%;overflow:auto;display:flex;align-items:center;flex-direction:column}.modal-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto;border-radius:10px}.modal-content button{display:block;margin-top:10px;padding:8px 16px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.modal-content button:hover{background-color:#555}.img{width:65%;max-height:auto}.buttonClose{width:5%}@media screen and (max-width: 600px){.img{width:100%;max-height:auto}.buttonClose{width:30%;height:40px}}*{font-family:Roboto,sans-serif}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-filtro{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 0 10px #0000004d;animation:modalFadeIn .3s ease-in-out;max-width:400px;width:100%;font-family:Roboto,sans-serif}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-filtro-title,.modal-filtro-form{margin-bottom:20px;font-family:Roboto,sans-serif}.modal-filtro-label{display:block;margin-bottom:10px;font-family:Roboto,sans-serif}.modal-filtro-input-field{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:text}.modal-filtro-button{display:block;width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-family:Roboto,sans-serif;font-size:15px}.modal-filtro-button:hover{background-color:#555}.pagination{display:flex;justify-content:center;margin:20px;position:relative;font-family:Roboto,sans-serif}.pagination button{background-color:#333;color:#fff;border:none;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:10px;position:relative;z-index:1;font-size:14px;font-family:Roboto,sans-serif}.pagination button.active{background-color:#ffb325}.pagination:after{content:"";position:absolute;bottom:0;left:0;height:100%;width:0;background-color:#ffb325;transition:all 1s ease;z-index:0}.pagination button.active:after{width:calc(100% + 10px);left:-5px}@media (max-width: 768px){.pagination{margin-top:15px}.pagination button{padding:8px 12px;margin:0 4px;font-size:12px}}@media (max-width: 480px){.pagination button{padding:6px 10px;margin:0 3px;font-size:10px}}