@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:Poppins,sans-serif}body{background-color:#fdfffc;color:#333;position:relative;min-height:100vh;min-width:100vw}a{text-decoration:none;cursor:pointer;padding:.3rem;color:inherit}button{text-decoration:none;cursor:pointer;padding:.3rem}h1{text-align:center;color:#01aeb1;margin-top:.3rem;padding:.3rem}h1>svg{margin-right:1rem}h2{color:#01aeb1}.container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 768px){.container{padding-bottom:4rem}}.banner{display:flex;flex-direction:row;justify-content:center;align-items:center}.banner>img{margin:5rem;width:55%;height:auto;border-radius:20px;transition:.3s}.banner>img:hover{transform:scale(1.03)}@media screen and (max-width: 768px){.banner>img{width:80%}}.container-add_clientes{width:100%;padding:1rem 3rem;margin-top:1rem}.container-add_clientes>form{display:flex;flex-direction:column;justify-content:center;margin:auto;width:50%;padding-top:1rem;border:2px solid #1b9aaa;border-radius:10px}.container-add_clientes>form>.form_group{display:flex;flex-direction:column;justify-content:center;text-align:center;margin:1rem;padding:.3rem}.container-add_clientes>form>.form_group>label{cursor:pointer;font-size:1.2rem;font-weight:600;color:#1b9aaa}.container-add_clientes>form>.form_group>label>svg{margin-right:.3rem}.container-add_clientes>form>.form_group>input[type=text],input[type=email],input[type=number]{border:2px solid #1b9aaa;font-size:1rem;border-radius:5px;width:100%;height:2rem}.container-add_clientes>form>.form_group>button{font-size:1rem;font-weight:600;padding:.6rem 1.3rem;border:2px solid #e4e9f1;background-color:#01aeb1;border-radius:20px;color:#e4e9f1;margin:auto;width:200px}.container-add_clientes>form>.form_group>button:hover{background-color:#1b9aaa}@media screen and (max-width: 768px){.container-add_clientes>form{width:100%}.container-add_clientes>form>.form_group>button{width:80%}}.container-clientes{width:100%;padding:1rem 3rem}.table{text-align:center;width:100%;border-collapse:collapse;cursor:pointer}.table,td,th{padding:.3rem;border:2px solid #1b9aaa;font-weight:600}.table th{background-color:#01aeb1;color:#fff}.table tr:nth-child(2n){background-color:#7da7d1}.table tr:hover{background-color:#0466c8;color:#fff}.table .btn-edit,.table .btn-delete{margin:.2rem;font-size:1rem;padding:.6rem 1.3rem;border:2px solid #1b9aaa;border-radius:20px;color:#e4e9f1}.table .btn-delete{background-color:#fa0000}.table .btn-delete:hover{background-color:#ff3e3e}.table td>a{padding:0;margin:0}.table .btn-edit{background-color:#0c2d77}.table .btn-edit:hover{background-color:#0353a4}@media screen and (max-width: 768px){.container-clientes{padding:1rem .5rem}.table{width:100%}.table,td,th{padding:.1rem}}.notFound{background-color:#fcfefc;color:#23407e;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;margin-top:8rem;width:100%}.notFound>.notFound-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:2rem}.notFound>.notFound-message>h1{font-size:10rem}.notFound>.notFound-gif>img{width:100%;min-width:170px;height:auto;min-height:165px}@media screen and (max-width: 768px){.notFound>.notFound-message>h1{font-size:3rem}}.darkmode{background-color:#202124;color:#fff}.header{width:100%;background-color:#23407e;color:#fff;margin-bottom:1rem}.header>ul{display:flex;flex-wrap:wrap;flex-direction:row;list-style:none;justify-content:center;align-items:center;padding:.3rem}.header>ul>li{text-align:center;margin:0 .5rem;padding:1rem;border-radius:.2rem;cursor:pointer;text-transform:uppercase;font-weight:600}.header>ul>li:hover{background-color:#20629e;transform:scale(1.02)}.header>ul>li:last-child.last{background-color:#0466c8;position:absolute;right:0}.header>ul>li:last-child.last>button{text-transform:uppercase;font-weight:600;background-color:inherit;border:none;color:#fff}.active{background-color:#01aeb1;color:#fff}.active:hover{background-color:#1b9aaa!important}@media screen and (max-width: 768px){.header>ul{flex-direction:column}.header>ul>li{margin-top:.3rem}.header>ul>li:last-child.last{position:inherit}}.footer{position:absolute;bottom:0;align-items:center;text-align:center;padding:1rem;width:100%}.footer>b>a{color:#01aeb1}