@import"https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.form-login{margin:0 auto;margin-right:5rem;width:100%;max-width:360px;min-height:572px;padding:24px;gap:10px;background:url(/imgs/fondoForm.webp) padding-box,linear-gradient(to bottom,#cc9872,#664c39) border-box;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;border:solid 2px transparent;border-radius:16px}.form-login img{width:100%;max-width:420px;height:auto;object-fit:contain}.form-login .title{margin:0;font-family:Roboto,sans-serif;font-weight:700;font-size:clamp(1.2rem,5vw,25px);text-transform:uppercase;background:linear-gradient(to right,#8d744e,#a28558,#a28558,#8d744e);filter:drop-shadow(2px 4px 4px rgba(0,0,0,.4));text-shadow:-1px -1px 3px rgba(0,0,0,.4),1px 1px 2px;-webkit-background-clip:text;background-clip:text;color:transparent}.form-login .input-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.input-container .input-parts{width:100%;display:flex;flex-direction:column;position:relative}.input-parts .icon-input{color:#a28558;font-size:25px;margin-left:12px;position:absolute;left:calc(50%-135px);bottom:16px;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.8));z-index:10}.input-container .input-parts .title-input{font-family:Roboto,sans-serif;font-size:1.3rem;color:#898883;text-shadow:-1px -1px 3px rgba(0,0,0,.8),1px 1px 2px rgba(255,255,255,.1);filter:drop-shadow(3px 5px 6px rgba(0,0,0,.4));width:100%;max-width:300px;margin-bottom:5px}.input-parts input{max-width:300px;height:50px;border-radius:15px;border:solid 2px transparent;background:linear-gradient(#2e221d,#2e221d) padding-box,linear-gradient(to right,#a28558,#eadfd5,#a28558) border-box;outline:none;padding-left:45px;color:#fff}.form-login .access-button{display:flex;align-items:center;justify-content:center;position:relative;margin:1rem 0;width:100%;max-width:230px;height:55px;color:#edc598;font-size:23px;letter-spacing:.1rem;font-family:Playfair Display,sans-serif;font-weight:lighter;background:url(/imgs/botonFondo.webp);background-size:cover;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.8));border:none;outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .3s ease}.form-login .access-button:hover{transform:scale(1.05)}.form-login .access-button:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#8d744e,#a28558);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:-1px -1px 0px rgba(0,0,0,.6),1px 1px 0px rgba(255,255,255,.3);transition:filter .3s ease}.form-login .access-button:hover:after{filter:brightness(1.15) saturate(1.2)}.access-button:hover,.access-button:focus,.access-button:active{background-color:transparent;outline:none;transform:none;box-shadow:none}.form-login .contra-forgot{text-decoration:none;color:#d99a56;cursor:pointer;font-family:Playfair Display,sans-serif;font-size:13px}@media(max-width:768px){.form-login{margin-right:0;padding:20px 15px}}@media(max-width:360px){.input-parts .icon-input{left:14px}}.loginPadre{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.form-container{width:100%;min-height:100vh;display:flex;justify-content:flex-end;align-items:center}.panel-container{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;margin:0;padding:0;background-color:#110802}.panel-body{display:flex;flex:1;overflow:hidden}.panel-right-content{display:flex;justify-content:flex-end;flex:1;padding:40px;height:95vh;overflow-y:auto;box-sizing:border-box}@media(max-width:1024px){.panel-body{width:100%}.panel-body>:first-child{display:none}.panel-right-content{width:100%;padding:0 15px;box-sizing:border-box}}.sidebar-container{margin-left:8rem;width:300px;display:flex;flex-direction:column;gap:40px;padding:20px;height:100%}.sidebar-section{display:flex;flex-direction:column;align-items:center}.sidebar-title{width:200px;color:#eadfd5;font-family:Playfair Display,sans-serif;font-size:1.1rem;font-weight:400;text-align:center;background:linear-gradient(to bottom,#1e1510,#110b08);padding:8px 30px;border-radius:12px;margin-bottom:25px;border:1px solid #3A2B20;box-shadow:inset 0 4px 6px #000c,0 2px 4px #ffffff0d}.category-list{display:flex;flex-direction:column;gap:30px;height:250px;width:100%}.category-button{height:70px;background:url(/imgs/botonFondo.webp),linear-gradient(to bottom,#3e2b1f,#261a13);background-size:100% 100%;color:#c0a483;padding:12px 15px;font-family:Playfair Display,sans-serif;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:2px 4px 8px #0006}.category-button:active,.category-button:focus,.category-button:hover{border:1px solid transparent;outline:none;transform:none}.category-button:hover{transform:scale(1.04)}.login-bg-preview{width:350px;min-height:200px;padding:25px 20px;gap:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/imgs/PlacaMadera.webp)padding-box;background-size:100% 100%;box-sizing:border-box}.img-bg-login{object-fit:cover;width:240px;height:140px;border:1px solid transparent;border-radius:12px;background:linear-gradient(to bottom,#cc9872,#664c39)border-box}.edit-bg-button{display:flex;justify-content:center;align-items:center;padding:0;width:32px;height:32px;border:1px solid #A28558;transition:all .3s ease}.edit-bg-button:active,.edit-bg-button:focus,.edit-bg-button:hover{border:1px solid #A28558;outline:none;transform:none}.edit-bg-button:hover{transform:scale(1.05)}.edit-bg-button .icon-edit-bg-button{color:#a28558;font-size:1rem}.TBModalBackdrop{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.TBModal{position:relative;height:60vh;width:40vw;background:url(/imgs/fondoForm.webp),linear-gradient(to bottom,#cc9872,#664c39);background-size:cover;background-position:center;border-radius:16px;border:solid 2px transparent;background-clip:padding-box,border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.TBTituloModal{font-family:Roboto,sans-serif;font-weight:400;text-align:center;font-size:xx-large;text-transform:uppercase;background:linear-gradient(to right,#a9a9a9,#919191,#c2c2c2,#696969);filter:drop-shadow(2px 4px 4px rgba(0,0,0,.4));text-shadow:-1px -1px 3px rgba(0,0,0,.4),1px 1px 2px;-webkit-background-clip:text;background-clip:text;color:transparent}.TBModalBtnClose{position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0;display:flex;justify-content:center;align-items:center;background:transparent;border:none;outline:none}.TBModalBtnClose:active{outline:none}.TBModalBtnClose svg{height:24px;width:24px;color:#c59a7c}.TBModalBtnClose:hover svg{color:#fff}.TBModalDragZone{height:50%;width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;color:#fff;font-weight:500;background-color:#1414144d;border:solid 2px #666565;border-radius:8px;color:#d9b99a99;font-family:"PlayFair, Display",serif}.TBImageWrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:90%}.TBImagePreview{max-width:100%;width:auto;max-height:90%;height:auto;object-fit:contain;object-position:center}.TBImageName{padding:5px;font-size:larger;color:#fff;font-weight:500}.TBCloudIcon{font-size:2rem;margin-bottom:10px;color:#c59a7c}.TBButtonSubmit{position:relative;width:100%;max-width:230px;height:55px;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.8));border:none;outline:none;cursor:pointer;transition:.3s ease;z-index:0;background-color:transparent;display:flex;justify-content:center;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.TBButtonSubmit span{display:flex;justify-content:center;align-items:center;font-size:x-large;background:linear-gradient(to right,#8d744e,#a28558);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"PlayFair, Display",serif}.TBButtonSubmit:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background-image:url(/imgs/botonFondo.webp);background-size:cover}.TBButtonSubmit:hover{transform:translateZ(0) scale(103%)}.TBButtonSubmit:focus{outline:none}.header-container{flex-shrink:0;width:100%;height:90px;background-color:#000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo-header{grid-column:2;justify-content:center}.logo-header img{width:170px;height:90px}.logout{display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0;background-color:transparent;color:#edc598;cursor:pointer;transition:all .3s ease;grid-column:3;justify-self:flex-end}.logout .logout-icon{font-size:34px;transition:transform .3s ease}.logout:hover,.logout:focus-visible,.logout:focus{outline:none;border:1px solid transparent;transform:none}.logout .logout-icon:hover{transform:scale(1.05)}.grid-products-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.grid-title{width:100%;max-width:1000px;box-sizing:border-box;color:#eadfd5;font-family:Playfair Display,sans-serif;font-size:1.4rem;font-weight:400;text-align:center;background:linear-gradient(to bottom,#1e1510,#110b08);padding:8px 30px;border-radius:12px;margin-bottom:5px;margin-top:0;border:1px solid #3A2B20;box-shadow:inset 0 4px 6px #000c,0 2px 4px #ffffff0d}.grid-search-filter{display:flex;position:relative;justify-content:flex-end;width:100%;max-width:1000px;margin:25px 0;gap:15px}.filter-responsive{display:flex;align-items:center;gap:15px;background-color:transparent;border:solid 1px rgba(162,133,88,.5);color:#eadfd5;padding:8px 15px;border-radius:8px;font-family:Playfair Display,sans-serif;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-responsive:hover{background-color:#14141480;border-color:#c59a7c}.search-wrapper{position:relative;display:flex;align-items:center;max-width:300px}.search-icon{position:absolute;left:130px;color:#c59a7c;font-size:1rem;z-index:1}.search-input{width:100%;max-width:135px;background-color:#1414144d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;border:solid 1px #666565;box-shadow:inset 0 2px 6px #00000080;font-family:Playfair Display,sans-serif;font-size:.95rem;padding:8px 10px 8px 20px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#a28558e6;background-color:#0f0a07e6;box-shadow:0 0 12px #a285584d,inset 0 2px 6px #00000080}.search-input::placeholder{color:#fff}.grid-scroll{width:100%;flex:1;overflow-y:auto;padding-top:15px;padding-right:15px;padding-bottom:20px}.wrapper-card{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;max-width:1200px;margin:0 auto}.grid-scroll::-webkit-scrollbar{width:8px}.grid-scroll::-webkit-scrollbar-track{background:#0f0a07;border-radius:10px}.grid-scroll::-webkit-scrollbar-thumb{background:#a2855866}.grilla-scroll-area::-webkit-scrollbar-thumb:hover{background:#a28558cc}.dropdown-filtro{position:absolute;top:110%;right:0;background-color:#1e1510;border:1px solid rgba(162,133,88,.4);border-radius:12px;box-shadow:0 8px 16px #000c;padding:8px;width:200px;z-index:100;display:flex;flex-direction:column;gap:5px;animation:slideFadeIn .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-10px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-item{background:transparent;color:#f2bf91;border:none;padding:10px;text-align:left;border-radius:8px;cursor:pointer;font-family:Inika,sans-serif;transition:background-color .2s ease}.dropdown-item:hover{background-color:#a2855833}.dropdown-item.seleccionado{background-color:#a2855866;font-weight:700}.filter-responsive.filtro-activo{border-color:#d99a56;color:#d99a56}@media(max-width:1200px){.wrapper-card{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px}.grid-search-filter{justify-content:space-between}}@media(max-width:425px){.wrapper-card{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.grid-search-filter{justify-content:space-between}.search-wrapper{max-width:100%}}@media(min-width:1200px){.filter-responsive{display:none!important}}:root{--card-bg-gray: #5A5A5A;--card-border-rust: #4A3B30;--star-gold: #A28558;--star-gray: #444;--btn-rust: #7A432F;--card-bg-glass: linear-gradient(to bottom, rgba(15,10,7,.1)0%, rgba(15,10,7,.5) 40%, rgba(15,10,7,.8) 100% );--card-border-glass: rgba(162, 133, 88, .2);--card-border-rust: rgba(162, 133, 88, .4)}.card-container{position:relative;width:100%;min-width:270px;max-width:270px;margin:0 auto;height:450px;background:linear-gradient(to bottom,#1e1510,#110b08);box-shadow:0 8px 16px #0009;border:solid 2px var(--card-border-rust);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease;box-sizing:border-box;cursor:pointer}.card-container:hover{transform:translateY(-5px);border-color:#a28558e6;box-shadow:0 12px 24px #000c}.img-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.img-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.6),tranparent);pointer-events:none}.card-img{width:100%;object-fit:cover;display:block}.card-info{position:absolute;bottom:0;left:0;width:100%;height:60%;background-color:var(--card-bg-glass);backdrop-filter:blur(4px) saturate(20%);-webkit-backdrop-filter:blur(4px) saturate(20%);border-radius:30px 30px 0 0;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 100px #0000001a;padding:25px 20px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.card-title{font-family:Inika,sans-serif;color:#f2bf9180;font-size:1.2rem;font-weight:700;margin:0 0 8px;line-height:1.2;text-shadow:-1px -1px 2px rgba(0,0,0,.9),1px 1px 1px rgba(255,255,255,.15)}.card-stars{display:flex;gap:4px;margin-bottom:15px;visibility:visible}.star-active{color:#d99a56;font-size:.9rem;display:block}.star-inactive{color:var(--star-gray);font-size:.9rem}.card-description{font-family:Inika,sans-serif;color:#78716b;font-size:.85rem;line-height:1.5;margin:0 0 20px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;flex:1}.card-actions{width:100%;display:flex;gap:15px}.card-edit-button{background-color:var(--btn-rust);color:#fff;border:none;border-radius:8px;font-family:Inika,sans-serif;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s ease;box-shadow:0 2px 4px #00000080}.card-edit-button:hover{background-color:#8d513a}.card-edit-button#delete:hover{background-color:red}@media(max-width:1024px){.card-actions{justify-content:space-between}.card-container{max-width:270px}}.card-add-container{width:100%;max-width:270px;min-width:270px;margin:0 auto;height:450px;border-radius:25px;background-color:#0f0a0766;border:2px solid rgba(162,133,88,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;cursor:pointer;box-sizing:border-box;transition:all .3s ease}.card-add-container:hover{transform:translateY(-5px);background-color:#0f0a07b3;border-color:#a28558e6;box-shadow:0 12px 24px #00000080}.add-button{padding:0;width:65px;height:55px;border-radius:8px;background-color:transparent;border:solid 2px #735F4D;display:flex;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s ease}.card-add-container:hover .add-button{transform:scale(1.1)}.add-button:hover,.add-button:focus,.add-button:active{border:1px solid #735F4D;outline:none}.icon-plus{color:#f5f5f5}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;width:100%;max-width:500px;animation:modalFadeIn .3s ease}.modal-overlay .input-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}#form-create{width:100%;max-width:550px}.row-inputs{display:flex;align-items:center;gap:1rem;width:100%}.row-inputs .input-parts{flex:1}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-modal-button{position:absolute;top:5px;right:-57px;background:transparent;border:none;color:#c59a7c;font-size:1.5rem;cursor:pointer;transition:color .3s ease;z-index:10}.close-modal-button:hover{color:#fff}.close-modal-button:focus{outline:none}.form-modal{margin:0 auto}select.input,textarea.input{width:100%;background:linear-gradient(#2e221d,#2e221d) padding-box,linear-gradient(to right,#a28558,#eadfd5,#a28558) border-box;border:solid 1px transparent;height:50px;border-radius:8px;color:#eadfd5;font-family:Playfair Display,sans-serif;font-size:.95rem;padding:8px 10px 8px 40px;outline:none;box-shadow:inset 0 2px 6px #00000080;transition:all .3s ease;box-sizing:border-box}.select-wrapper{position:relative;width:100%}.select-arrow-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(180deg);color:#c59a7c;pointer-events:none;transition:transform .3s ease}.select-arrow-icon.rotada{transform:translateY(-50%) rotate(0)}select.input:focus,textarea.input:focus{border-color:#a28558e6;background-color:#0f0a07e6;box-shadow:0 0 12px #a285584d,inset 0 2px 6px #00000080}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}select.input option{background-color:#1e1510;color:#eadfd5;padding:10px}textarea.input{min-height:100px;resize:vertical;line-height:1.5}.drag-drop-zone{width:100%;height:120px;background-color:#1414144d;border:solid 2px #666565;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#d9b99a99;font-family:Playfair Display,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.drag-drop-zone.dragging{background-color:#a2855833;border-color:#d9b99a;color:#d9b99a}.icon-upload{font-size:2rem;margin-bottom:10px;color:#c59a7c}.file-name{color:#d9b99a;font-weight:700}.preview-container{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-container .image-preview{height:70px;width:auto;border-radius:6px;object-fit:cover;box-shadow:0 4px 8px #00000080}.image-wrapper{position:relative;display:inline-block}.button-remove-img{position:absolute;top:-8px;right:-8px;background-color:#dc3545e6;color:#fff;border:none;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 6px #0009;transition:all .2s ease;z-index:50}#form-create .input-parts .icon-input{font-size:20px}.button-remove-img svg{width:12px;height:12px;pointer-events:none}.button-remove-img:hover{background-color:#dc3545;transform:scale(1.1)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important;-moz-appearance:textfield!important}@media(max-width:425px){#form-create{max-width:390px}.close-modal-button{right:-7px}#input-price{max-width:135px}}