@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css?family=Raleway:300,400,700";.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-color);color:#fff;position:fixed;width:100%;top:0;left:0;z-index:100}.logo{width:40px;height:40px;margin-bottom:-7px;padding:0;border-radius:50%}.title{font-size:1.8rem;margin:.5rem}.link ul{margin:2px;padding:0;display:flex}.link li{list-style:none}.link li a,.logout{text-decoration:none;color:#fff;padding:1rem;display:block;font-size:1.2rem;cursor:pointer}.logout{border:none;background:none}.logout:hover,.link li:hover{background-color:var(--second-color)}.toggle_button{position:absolute;top:1.2rem;right:1rem;display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.toggle_button .bar{height:3px;width:100%;background-color:#fff;border-radius:10px}.active{border-bottom:2px solid white}.cart_quantity{font-size:.7rem;font-weight:700;border:1px solid white;padding:4px 6px;border-radius:50%;position:absolute;z-index:10;top:-15px;right:-8px;background-color:#f30}@media (max-width: 460px){.toggle_button{display:flex}.link{display:none;width:100%;position:absolute;z-index:100;background-color:#333;margin-top:52.5px}.navbar{flex-direction:column;align-items:flex-start}.navbar ul{width:100%;flex-direction:column}.navbar li{text-align:center}.navbar li a{padding:.5rem 1rem}.link.link_active{display:flex}}footer{width:100vw;margin:0;padding:0}footer .btn{border:2px solid var(--primary_color)}footer .btn:hover{background-color:var(--primary_color)}.contenedor{display:flex;flex-direction:column}.contenedor div{margin:0 auto}.ultima{background-color:var(--third_color_modal);padding:10px}.social{padding-top:15px;width:250px}.ultima p{margin-bottom:2px}.button_footer{border:1px solid white;color:#fff;margin:.5rem;padding:5px;border-radius:5px}.button_footer:hover{border:1px solid white;color:#fff;background-color:var(--second-color)}.ultima2{background-color:var(--third_color);text-align:center;padding:15px 0;border-top:3px solid black}.descripcion{font-size:1.2rem;font-style:italic;font-weight:700;padding:10px 10px 10px 10%;margin:10px}.contacto{padding-top:20px}.contacto div{margin:5px 0 10px}@media (min-width: 992px){.contenedor{flex-direction:row;justify-content:center;align-items:flex-start}.contacto{padding-top:0}}.container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap}h1{text-align:center}.card{background-color:#0000007e;display:flex;flex-direction:column;padding:0;margin:10px;box-shadow:0 0 1rem var(--second-color);border-radius:10px;height:510px;position:relative}.imagen_product{width:240px;height:280px;margin:0;padding:0}.imagen_product img{width:100%;height:100%;object-fit:cover}.texto_card p{margin:5px 0;padding:10px;width:240px}p.title_card{margin:10px 0;width:240px;height:54px;text-align:center;font-size:1.3rem;font-weight:700}.price{font-family:Raleway;font-size:1.1rem}.div_button{text-align:center;position:absolute;bottom:10px;width:100%}.image-pop{width:250px;height:250px}.about1{display:flex;flex-direction:column;align-items:center;margin:10px 20px}.about2{display:flex;flex-direction:column;align-items:center}.about p{font-size:1.1rem}.about{display:flex;align-items:center;gap:20px}.about{font-size:1.1rem}.servicos{display:flex;flex-direction:column;align-items:center;margin:100px auto;gap:5px;background-color:#000000bf;border-radius:5px;padding:10px;width:fit-content}.servicos__bloco{display:flex;flex-direction:column;align-items:center;margin:10px 20px}.servicos__entrega{display:flex;flex-direction:column;align-items:center}.servicos__entrega p{font-size:1.1rem}.servicos__bloco h2{font-size:1.6rem}.servicos__preco{display:flex;align-items:center;gap:20px}.servicos__preco h2{border-bottom:1px solid var(--second-color)}.servicos__preco p{font-size:1.1rem}.container_cart_left{position:absolute;transition:left 1s ease;top:-100%}.container_cart{width:100%;transition:left 1s ease;background-color:#000000bf;border-radius:5px;padding:5px 5px 30px;margin:0;min-width:340px;box-sizing:border-box}.container_confirm_right{position:absolute;top:-100vh;width:100%}.table{width:100%;margin:0 auto}.table_cart tr{text-align:center}.table_cart th{font-size:1rem}.table_cart{width:95%}.info_cart{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.info_cart span{margin:10px 60px;font-family:Raleway;font-size:1rem;font-weight:700}@media only screen and (min-width: 600px){.table{width:90%}.info_cart{text-align:right;flex-direction:row;justify-content:flex-end}.table_cart th{font-size:1.2rem}.info_cart span{font-size:1.1rem}}.compra_cantidad{width:50px;padding:5px;border:1px solid var(--second-color);margin:0}.cart_item td{font-size:.8rem;padding:10px;text-align:center;border-bottom:1px solid var(--second-color)}@media only screen and (min-width: 600px){.cart_item td{font-size:1.1rem}.compra_cantidad{width:60px;padding:5px;border:1px solid var(--second-color);margin:5px 0}}.title{margin:0;padding:6px 0}.cep{display:flex;flex-direction:row;justify-content:space-evenly}.buscar_cep{cursor:pointer;margin:0 0 0 20px;padding:10px;border-radius:5px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--second-color);transition:border-color .25s;font-weight:700}.buscar_cep>*{pointer-events:none}.error_login{color:red;text-align:center}.buscar_cep:hover{border-color:#646cff;opacity:.8;color:#fff}.container_confirm{margin:20px auto;max-width:900px;width:100%;padding:25px 30px;border-radius:5px;box-shadow:0 5px 10px #00000026}.container .title{font-size:25px;font-weight:500;position:relative}.container .title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;border-radius:5px;background:linear-gradient(135deg,blue,blue)}.content form .user-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 12px}form .user-details .input-box{margin-bottom:15px;width:calc(50% - 20px)}form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.user-details .input-box input{height:45px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:1px solid #ccc;border-bottom-width:2px;transition:all .3s ease}form .category{display:flex;width:80%;margin:14px 0;justify-content:space-between}form .category label{display:flex;align-items:center;cursor:pointer}form .category label .dot{height:18px;width:18px;border-radius:50%;margin-right:10px;background:#d9d9d9;border:5px solid transparent;transition:all .3s ease}input[type=email]:focus{box-shadow:0 0 2rem var(--second-color);transition:.5s}.error{margin:2px;padding:0;text-align:center;color:red}@media (max-width: 584px){.container{max-width:100%}form .user-details .input-box{margin-bottom:15px;width:100%}form .category{width:100%}.content form .user-details{max-height:300px;overflow-y:scroll}.user-details::-webkit-scrollbar{width:5px}}@media (max-width: 459px){.container .content .category{flex-direction:column}}.figure404{width:100%;margin:0 auto;text-align:center}.imagen404{width:90%;max-width:500px;margin:0 auto}.figure404 figcaption{font-weight:700}@media only screen and (min-width: 600px){.figure404 figcaption{font-size:2rem}}.botones{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.modal_product{background-color:#000000cf;position:fixed;z-index:600;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh}.arriba{top:-100vh}.contenedor_product{width:100%;position:relative}.button_close{font-size:1.3rem;font-weight:700;position:absolute;top:1rem;right:1rem;cursor:pointer}.cart_admin_product{margin:71px 20px 20px;background-color:#000000bf;border-radius:5px;padding:10px;width:50%}.container_figure{display:flex;justify-content:center;align-items:center}.container_figure figure{margin:80px 20px 20px;width:300px;height:449px;padding:0;border:none}.container_figure img{width:100%;height:100%;object-fit:cover;border:1px solid var(--second-color);border-radius:5px}.div_admin_product{margin:71px 20px 20px;background-color:#000000bf;border-radius:5px;padding:10px;width:fit-content}.figure_product{width:240px;height:280px;background-color:#000;margin:0 auto;padding:0}.figure_product img{width:100%;height:100%;object-fit:cover;border:1px solid var(--second-color)}.form_product{margin-top:10px}.form_product label{margin:10px 0}.form_product input{margin:10px 0;height:35px;font-size:16px;border-radius:5px;outline:none;border:1px solid var(--second-color)}.form_product input[type=file]{display:inline-block;background:linear-gradient(top,#f9f9f9,#e3e3e3);outline:none;white-space:nowrap;cursor:pointer;font-weight:800;font-size:10pt}.form_product input::file-selector-button{height:35px;font-weight:700;color:#000;background-color:var(--second-color);border:1px solid var(--second-color);border-radius:5px 0}.form_product input::file-selector-button:hover{border-color:#646cff;opacity:.8;color:#fff}.container_admin_product{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (min-width: 560px){.container_admin_product{flex-direction:row;justify-content:center;align-items:flex-start}}.modal{width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;transform:translate(0);position:fixed;z-index:500;top:0;left:0;right:0;bottom:0}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:50px solid var(--second-color);border-color:var(--second-color) transparent var(--second-color) transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1800deg)}}.login{display:flex;flex-direction:column;align-items:center;margin:71px auto;background-color:#000000bf;border-radius:5px;padding:10px;width:fit-content}.login__bloco{margin-bottom:20px}.login__labelEmail,.login__labelSenha{font-size:1.3rem}.login__email,.login__senha{padding:10px;margin:10px;width:220px;border-radius:5px;border-style:none;border:1px solid var(--second-color);outline:none;font-size:.9rem}.login__email:focus,.login__senha:focus{box-shadow:0 0 2rem var(--second-color);transition:.5s}.loader{text-align:center;display:none;margin:0;padding:0}.showloader{display:block}.error_login{color:red;text-align:center;margin:0;padding:0}:root{--second-color: #ff3300;--main-color: #333;--primary_color: #000;--third_color: rgba(51, 51, 51);--third_color_modal: rgba(51, 51, 51, .8)}body{background:-webkit-linear-gradient(top,rgb(0,0,0,.6),rgb(0,0,0,.7)),url(/assets/background-cdad8f81.jpg);background:-o-linear-gradient(top,rgb(0,0,0,.6),rgb(0,0,0,.7)),url(/assets/background-cdad8f81.jpg);background:-moz-linear-gradient(top,rgb(0,0,0,.6),rgb(0,0,0,.7)),url(/assets/background-cdad8f81.jpg);background:linear-gradient(top,rgb(0,0,0,.6),rgb(0,0,0,.7)),url(/assets/background-cdad8f81.jpg);height:100vh;width:100vw;min-height:100vh;min-width:100vw;background-repeat:no-repeat;background-position:top center;background-attachment:fixed;background-size:cover;color:#fff;margin:0;padding:0;box-sizing:border-box}*,:before,:after{box-sizing:inherit}.container_principal{width:95%;padding:0;margin:81px auto 20px;box-sizing:border-box}.title_principal{font-family:EB Garamond,serif;text-align:center;font-size:1.8rem;font-weight:700;font-style:italic;margin:10px 10px 20px}.title_principal p{display:inline;border-bottom:2px solid var(--second-color)}.button_principal{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--second-color);cursor:pointer;transition:border-color .25s;margin:10px;font-weight:700;width:fit-content}.button_principal:hover{border-color:#646cff;opacity:.8;color:#fff}.del_button{cursor:pointer;border:1px solid var(--second-color);width:30px;height:30px;background-color:red;padding:0;margin:0;border-radius:5px;font-size:.8rem}.del_button>*,.edit_button>*,.see_button>*{padding:0;margin:0}.del_button:hover,.edit_button:hover,.see_button:hover{border-color:#646cff;opacity:.8;color:#fff}.edit_button{cursor:pointer;border:1px solid var(--second-color);width:30px;height:30px;background-color:#00f;padding:0;margin:10px;border-radius:5px;font-size:1.2rem}.see_button{cursor:pointer;border:1px solid var(--second-color);width:30px;height:30px;background-color:green;padding:0;margin:10px;border-radius:5px}#root{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:0;margin:0;box-sizing:border-box}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=email]:focus{box-shadow:0 0 2rem var(--second-color);transition:.5s}@media only screen and (min-width: 600px){.del_button{font-size:1.2rem;margin:10px}.title_principal{font-size:2.3rem}}
