*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;color:#000;min-height:100vh;line-height:1.6;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}.whatsapp-btn{position:fixed;bottom:25px;right:25px;width:65px;height:65px;background-color:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000040;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.whatsapp-btn i{font-size:40px;color:#fff}.whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 6px 15px #25d36666}.product-viewer-container{padding:20px 30px;display:flex;flex-direction:column;gap:20px;background-color:#fff;width:100%}.error-message{width:100%;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c1c1c1;font-size:20px}.err-mess{width:100%;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#444;font-size:20px}.err-mess button{font-size:20px;padding:5px 20px;color:#000;text-decoration:underline;background:none;border:none;cursor:pointer;transition:all .2s ease}.err-mess button:hover{transform:scale(1.05)}.scroll-container{position:relative;width:100%;padding:0;margin:0}.fade-in{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.fade-out{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.show-discount-container{padding:30px 40px;width:100%;display:flex;gap:40px;align-items:center}.discount-image-controller{flex:1;display:flex;flex-direction:column;gap:20px;height:500px}.discount-image-viewer{width:100%;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 4px 8px #000000b3;background:#fff}.discount-info{position:absolute;color:#fff;background:red;font-size:40px;padding:5px 100px;box-shadow:0 8px 16px #000000b3;transform:rotate(-45deg);top:50px;left:-100px}.discount-image{max-width:100%;max-height:100%;transition:all .15s ease}.discount-image.hide{opacity:0}.discount-image.show{opacity:1}.discount-stock{position:absolute;display:flex;flex-direction:column;width:100%;font-size:25px;padding:5px 0;align-items:center;bottom:0;left:0;color:#fff;background:#000000b3}.discout-bubbles-container{width:100%;display:flex;justify-content:center;height:10px;gap:8px}.discout-bubble{height:100%;width:10px;background:#888;border-radius:50%;transition:all .15s ease}.discout-bubble.active{transform:scale(1.2);cursor:pointer;background:#444}.discount-information{flex:1;color:#000;display:flex;flex-direction:column;gap:10px;max-width:100%;padding:0 10px}.discount-information h2{width:100%;display:flex;justify-content:center}.discount-prices{display:flex;padding:5px 10px;gap:10px;align-items:center}.normal-price{font-size:28px;color:red;text-decoration:line-through}.discount-price{font-size:38px;color:#002878}.discount-time-display{display:flex;flex-direction:column;align-items:center;font-size:30px;margin:0;gap:10px}.discount-time-display p{margin:0}.dis-time-cont{display:flex;align-items:center;gap:10px;font-size:60px}.dis-time{width:80px;height:100px;display:flex;font-size:30px;flex-direction:column;align-items:center;gap:0;color:#fff;background:red;border-radius:10px;box-shadow:0 4px 8px #00000080}.dis-time p{margin:0}.discount-click{display:block;margin:20px auto;padding:10px 20px;font-size:30px;border:solid 2px red;border-radius:10px;background:#fff;color:red;cursor:pointer;transition:all .2s ease}.discount-click:hover{transform:scale(1.05);box-shadow:0 2px 4px #00000080;color:#fff;background:red}.discount-progress{width:100%;height:6px;background:#222;position:relative;margin:0;padding:0;overflow:hidden}.discount-progress-bar{height:100%;background:linear-gradient(90deg,#ff3c3c,#f90);transition:width .1s linear}@media(max-width:1024px){.show-discount-container{flex-direction:column;height:950px;gap:10px}.discount-image-controller{width:100%;height:450px}.discount-data{align-items:center}.discount-progress{margin-top:40px}.discount-info{font-size:32px}}@media(max-width:780px){.show-discount-container{flex-direction:column;height:1200px;gap:10px}.discount-info{font-size:25px;top:35px}.dis-time-cont{gap:5px;font-size:30px}.dis-time{width:50px;height:70px;font-size:18px}.normal-price{font-size:16px}.discount-price{font-size:25px}}.products-container{width:100%;padding:5px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;box-sizing:border-box;margin-bottom:20px}.product-container{width:100%;height:500px;border:solid 1px black;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:5px 0;overflow:hidden;cursor:pointer;transition:all .2s ease}.product-container:hover{transform:translateY(-10px);box-shadow:0 8px 16px #000000b3}.product-container h2{font-size:20px}.product-image-viewer{position:relative;width:100%;min-height:300px;max-height:300px;display:flex;justify-content:center;align-items:center}.product-image{max-width:100%;max-height:100%;overflow:hidden;transition:all .15s ease}.product-image.hide{opacity:0}.product-image.show{opacity:1}.product-discount{padding:5px 80px;position:absolute;color:#fff;background:red;font-size:25px;box-shadow:0 4px 8px #000000b3;transform:rotate(-45deg);top:30px;left:-80px}.product-stock{position:absolute;bottom:0;left:0;width:100%;font-size:20px;display:flex;flex-direction:column;align-items:center;padding:5px 0;color:#fff;background:#000000b3}.product-empty{position:absolute;top:30%;left:5%;font-size:50px;font-weight:900;text-transform:uppercase;letter-spacing:3px;transform:rotate(-15deg);color:red;padding:10px 25px;border:6px solid red;border-radius:8px;background:transparent;font-family:Courier New,monospace;box-shadow:0 0 0 2px red,inset 0 0 0 2px red;filter:brightness(.9) contrast(1.2);text-shadow:1px 1px 0 rgba(0,0,0,.1),-1px -1px 0 rgba(0,0,0,.1),2px 2px 3px rgba(0,0,0,.2);background-image:radial-gradient(rgba(255,0,0,.2) 1px,transparent 1px);background-size:3px 3px;opacity:.9}.product-bubbles-container{display:flex;gap:5px;width:100px;height:10px;justify-content:center}.product-bubble{width:10px;height:100%;border-radius:50%;background:#888;transition:all .15s ease}.product-bubble.active{background-color:#444;scale:1.05}.product-prices-container{margin:0;padding:5px 10px;width:100%;display:flex;flex-direction:column;font-size:20px}.product-price-old,.product-price-new{margin:0}.product-prices{display:flex;align-items:baseline;gap:8px}.product-price-old{font-size:22px;color:red;text-decoration:line-through}.product-price-new{font-size:30px;color:#002878}@media(max-width:1080px){.products-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.products-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.products-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.hero{margin:20px 0;position:relative;width:100%;height:500px;border-radius:20px;overflow:hidden}.hero:after{content:"";position:absolute;width:100%;height:100%;background:#0006;top:0;left:0;z-index:1}.bg{position:absolute;width:120%;height:100%;top:0;left:0;background-size:cover;background-position:center;transition:opacity 1s ease-in-out;opacity:0}.bg1{background-image:url(https://res.cloudinary.com/dm6vq2px2/image/upload/v1776036229/ddfa2afa-ed06-499f-8dc4-a86be31516e8_opxuhw.jpg);animation:moveLeft 10s linear infinite}.bg2{background-image:url(https://res.cloudinary.com/dm6vq2px2/image/upload/v1779219177/R_oniokc.jpg);animation:moveRight 10s linear infinite}.visible{opacity:1}.hidden{opacity:0}.hero-content{position:relative;z-index:2;color:#fff;width:100%;padding:auto 20px;text-align:center;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px}.hero-content h2,.hero-content p{margin:0}.link-content{width:100%;padding:auto}.link-content a{border:2px solid rgb(1,255,1);border-radius:20px;max-height:30%;padding:10px 20px;font-size:20px;color:#01ff01;text-decoration:none;cursor:pointer;transition:all .2s ease}.link-content a:hover{color:#fff;background:#01ff01}@keyframes moveLeft{0%{transform:translate(0)}to{transform:translate(-10%)}}@keyframes moveRight{0%{transform:translate(-10%)}to{transform:translate(0)}}.container{width:100%;display:flex;flex-direction:column;gap:10px;margin:0;padding:0 40px}.container h1{margin:0 40px}.discount{width:100%;min-height:400px;background:#fff;overflow:hidden;border:solid 1px black;border-radius:20px}.popular{width:100%;min-height:500px}.footer{display:flex;flex-direction:column;background-color:#0f172a;color:#e5e7eb;padding:20px 10px 0;gap:2px;font-family:system-ui,-apple-system,BlinkMacSystemFont;align-items:center}.footer-content{max-width:1200px;display:grid;display:flex;gap:200px;padding:0;margin:0}.footer-section h3,.footer-section h4{color:#f8fafc;margin-bottom:.8rem;font-size:1.2rem}.footer-section p{font-size:.95rem;line-height:1.6;color:#cbd5f5}.footer-section.links button{background:none;margin:0 10px;border:none;color:#cbd5f5;text-align:left;padding:.3rem 0;cursor:pointer;font-size:.95rem;transition:color .2s ease}.footer-section.links button p{color:#cbd5f5;transition:color .2s ease}.footer-section.links button:hover,.footer-section.links button:hover p{color:#38bdf8}.footer-section.links button:last-child{display:flex;align-items:center;gap:.4rem}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-links a{font-size:1.4rem;color:#cbd5f5;transition:transform .2s ease,color .2s ease}.social-links a:hover{color:#38bdf8;transform:scale(1.15)}.footer-bottom{border-top:1px solid #1e293b;margin-top:2rem;padding-top:1rem;text-align:center;font-size:.85rem;color:#94a3b8}@media(max-width:780px){.footer{text-align:center}.footer-content{flex-direction:column;gap:10px}.footer-section{margin:0;padding:0}.footer-section p{margin:0}.footer-section.links{display:flex;flex-direction:column;align-items:center}.social-links{justify-content:center}}.edit-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.edit-modal{background:#fff;padding:30px;border-radius:12px;min-width:400px;position:relative;transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.edit-modal.open{transform:scale(1);opacity:1}.edit-modal.closing{transform:scale(.7);opacity:0}.login-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.login-modal{background:#fff;padding:30px;border-radius:12px;min-width:400px;position:relative;transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.login-modal.open{transform:scale(1);opacity:1}.login-modal.closing{transform:scale(.7);opacity:0}.modal-form input{width:100%;padding:10px;font-size:16px;border-radius:6px;border:1px solid #ccc}.modal-form{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}.modal-form select{padding:5px 10px;font-size:20px;border-radius:5px;cursor:pointer}.modal-form select option{border-radius:5px}.modal-form button{width:100%;padding:10px;background:linear-gradient(45deg,#002878,#00153e);border:none;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.modal-form button:hover{transform:scale(1.025);box-shadow:0 2px 4px #000000b3}.modal-form button:disabled{filter:brightness(.4);cursor:default;transform:none;box-shadow:none}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:45px}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-textfield-decoration-container{visibility:hidden}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem}.cancel{color:#fff;background:red;font-size:30px;border:none;border-radius:10px;width:40px;height:35px;position:absolute;top:10px;right:10px;cursor:pointer;transition:all .2s ease}.cancel:hover{transform:scale(1.05);box-shadow:0 2px 2px #0009}.birthdate-inputs{display:flex;gap:10px}.birthdate-inputs input{font-size:16px;border-radius:6px;border:1px solid #ccc}.error_modal{color:red;font-size:12px}.actions-container,.resend-actions{display:flex;flex-direction:column;gap:10px}.register-action p,.retry-actions p{font-size:12px}.input-flex{width:100%;max-width:340px;display:flex;gap:10px}.input-column{flex:1;display:flex;flex-direction:column;gap:10px}.actions-flex{display:flex;gap:10px}.code-container{max-width:340px;display:flex;gap:10px;justify-content:center;margin:20px 0}.code-input{width:45px;height:55px;text-align:center;font-size:22px;border-radius:10px;border:1px solid #ccc;outline:none}.code-input:focus{border-color:#0b3c88;box-shadow:0 0 0 2px #0b3c8833}.password-rules{margin-top:10px}.rule-ok{color:#1db954;font-weight:600}.rule-bad{color:#ff4d4f;font-weight:600}.password-create-input{margin-bottom:10px}.change-password-button button{border:none;background:none;color:#00f;font-size:12px;text-decoration:underline}.change-password-button button:hover{transform:none;box-shadow:none;color:#5f0079}header{background:#fff;width:100%;position:sticky;top:0;left:0;z-index:1000;box-shadow:0 2px 10px #000000b3}.upper-header{padding:10px 100px;height:100px;background:#fff;display:flex;align-items:center;justify-content:space-between}.upper-header img{height:100%}.identification{color:#000;background:none;border:none;transition:all .2s ease;cursor:pointer}.identification i{font-size:40px}.identification:hover{transform:scale(1.1)}.burger-container{display:none;width:100%;background:linear-gradient(45deg,#002878,#001d56);height:70px}.burger{width:40px;height:30px;background:none;border:none;cursor:pointer;position:relative}.burger span{position:absolute;left:0;width:100%;height:4px;background:#fff;border-radius:4px;transition:all .3s ease}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:13px}.burger span:nth-child(3){bottom:0}.burger.open span:nth-child(1){transform:rotate(45deg);top:13px}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg);bottom:13px}.menu{width:100%;background:linear-gradient(45deg,#002878,#001d56);height:70px;padding-left:40px}.menu-container{height:100%;display:flex;flex-direction:column}.menu-container>ul{display:flex;gap:20px;height:100%}.menu-container>ul>li{list-style:none;position:relative;height:100%}.menu-container>ul>li>button{position:relative;background:none;color:#fff;font-size:20px;height:100%;padding:0 20px;border:none;cursor:pointer;transition:all .2s ease}.menu-container>ul>li:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:100%;background:linear-gradient(to bottom,#fff0,#fff9,#fff0);pointer-events:none}.user-container{display:flex;align-items:center;gap:20px;background:#fff;border:solid 1px black;padding:5px 10px;border-radius:10px;cursor:pointer;transition:all .2s ease}.anon-container{cursor:pointer;color:#000;background:#fff;transition:all .2s ease}.user-container:hover,.anon-container:hover{background:#f1f6ff;transform:scale(1.05)}.anon-container i{font-size:40px}.user-data{font-size:12px}.menu-container>ul>li>button:hover{transform:scaleX(1.05);background:#0003}.menu-container>ul>li>button:disabled{transition:none;cursor:default;background:none;transform:none}.menu-container>ul>li>button:disabled:after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:3px;background:#fff;transform:translate(-50%);transition:width .25s ease}.user-wrapper{position:relative;display:inline-block}.user-menu.desktop{display:block}.user-menu.mobile{display:none}.user-menu.desktop{position:absolute;top:105%;right:-2.5%;width:105%;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;overflow:visible;max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none;transition:max-height .25s ease,opacity .2s ease,transform .25s ease;z-index:50}.user-menu.desktop.open{max-height:200px;opacity:1;transform:translateY(0);pointer-events:auto}.user-menu.desktop button{background:none;border:none;cursor:pointer;padding:8px 12px;width:100%;text-align:left;transition:all .2s ease}.user-menu.desktop button:hover{background:#f1f6ff}.logout-submenu{background:#f6f6f6;border-radius:12px;box-shadow:0 6px 20px #00000026;min-width:180px;opacity:0;pointer-events:none;transition:all .2s ease}.logout-wrapper{position:relative;width:100%}.logout-submenu.desktop{position:absolute;top:100%;right:100%;transform:translate(8px,-50%)}.logout-submenu.desktop.open{opacity:1;transform:translateY(-50%);pointer-events:auto}.logout-submenu.desktop button{display:block;width:100%;padding:10px 14px;text-align:left;background:none;border:none;cursor:pointer}.logout-submenu .danger{color:#c0392b;font-weight:600}.logout-submenu.desktop button:hover{background:#e9ebf0}.user-menu-header{display:flex;gap:5px;padding:5px 10px;align-items:center}.user-menu-header .hello{font-size:12px;color:#373737}.user-divider{height:1px;background:#e5e5e5}.user-menu-header .username{font-size:14px}.anon-wrapper{position:relative;display:inline-block}.anon-menu{position:absolute;top:110%;right:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;opacity:0;transform:translateY(-8px);pointer-events:none;border:none;transition:all .25s ease;z-index:50}.anon-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.anon-menu button{width:100%;padding:12px 16px;text-align:left;background:none;border:none;cursor:pointer;transition:all .2s ease;font-size:14px}.anon-menu button:hover{background:#f1f6ff}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:780px){.upper-header{padding:10px 20px}.burger-container{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 30px}.burger{position:relative}.menu{position:fixed;top:170px;left:0;width:100%;height:400px;background:linear-gradient(45deg,#002878,#001d56);transform:translateY(-20px);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .25s ease}.menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.menu-container>ul{flex-direction:column;background:linear-gradient(45deg,#002878,#001d56)}.menu-container>ul>li{width:100%}.menu-container>ul>li>button{width:100%;text-align:left}.menu-container>ul>li:not(:last-child):after{inset:auto auto 0 50%;transform:translate(-50%);width:100%;height:1px;background:linear-gradient(to right,#fff0,#fff9,#fff0)}.menu-container>ul>li>button:disabled:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:2px}.user-menu.desktop{display:none}.user-menu.mobile{display:block;position:absolute;top:105%;right:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;overflow:visible;max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .25s ease}.user-menu.mobile.open{max-height:600px;opacity:1;transform:translateY(0);pointer-events:auto}.user-menu-header{flex-direction:column;padding:12px 14px 4px}.user-menu-header .hello{font-size:12px;color:#373737}.user-menu-header .username{font-size:14px;font-weight:600}.user-divider{height:1px;background:#e5e5e5;margin:8px 0}.submenu-toggle{width:100%;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;transition:all .2s ease}.submenu-toggle:hover{background:#e9ebf0}.arrow{font-size:18px;transition:transform .25s ease}.arrow.open{transform:rotate(180deg)}.logout-submenu.mobile{max-height:0;overflow:hidden;transition:max-height .3s ease;opacity:1;pointer-events:auto}.logout-submenu.mobile.open{max-height:300px}.logout-submenu.mobile button{width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;transition:all .2s ease}.logout-submenu.mobile button:hover{background:#c7c8c9}}.selected-options{font-size:20px;padding:10px;border:1px solid black;border-radius:5px;cursor:pointer}.filters{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px}.bar-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:10px 20px}.bar{width:100%;border:1px solid black;border-radius:10px;overflow:hidden;background:#fff}.bar-scroll{overflow-x:auto;overflow-y:hidden;cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;display:flex;scroll-snap-type:x mandatory}.bar-scroll:active{cursor:grabbing}.bar-buttons{display:flex;gap:20px;padding:0;width:max-content}.bar-buttons button{min-width:160px;padding:12px 20px;font-size:20px;border-radius:20px;border:none;background:#f0f0f0;color:#022960;cursor:pointer;transition:all .2s ease}.bar-buttons button:hover:not(:disabled){background:#ddd}.bar-buttons button:disabled{background:#222;color:#fff;cursor:default}.bar-buttons-disactive{display:flex;gap:20px;padding:0 20px;width:max-content}.bar-buttons-disactive button{min-width:160px;padding:12px 20px;font-size:20px;border-radius:20px;border:none;background:#f0f0f0;color:#3b485c;cursor:default;transition:all .2s ease}.bar-buttons-disactive button:disabled{background:#ddd;opacity:.2}.bar-scroll::-webkit-scrollbar{height:6px}.bar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0050ac,#0177ff);border-radius:4px}.search-bar{width:100%;max-width:500px;display:flex;gap:10px;padding:10px 20px;margin:0 auto}.search-bar input{flex:1;padding:12px 16px;font-size:18px;border-radius:10px;border:1px solid #ccc;outline:none}.search-bar input:focus{border-color:#0050ac}.search-bar button{color:#00f;background:none;font-size:20px;padding:5px 20px;border:2px solid blue;border-radius:10px;cursor:pointer;transition:all .2s ease}.search-bar button:hover{color:#fff;background:#00f}.product-content{padding:0 40px}.pagination{padding:0 40px 20px;font-size:20px;display:flex;justify-content:space-between;gap:20px}.page-buttons{display:flex;gap:20px}.page-buttons button{color:#fff;background:#012567;width:50px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.page-buttons button:hover{transform:scale(1.1);box-shadow:0 2px 4px #0009}.page-buttons button:disabled{opacity:.3;cursor:default;transition:none;transform:none;box-shadow:none}@media(max-width:780px){.pagination{gap:30px}.filters{flex-direction:column}.pagination,.page-buttons{font-size:14px}.bar-container h2{font-size:20px}.search-bar{flex-direction:column}}.product-selected-container{display:flex;flex-direction:column;gap:10px;padding:10px 30px}.product-selected-container h2{font-size:40px;width:100%;display:flex;flex-direction:column;align-items:center;margin:0}.product-selected-container h3{font-size:35px}.product-selected-viewer{display:flex;gap:20px;align-items:center}.product-selected-principal{flex:1;display:flex;flex-direction:column;gap:10px}.product-selected-principal-image{position:relative;width:100%;height:400px;border:solid 1px #565656;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.product-selected-image{max-width:100%;max-height:100%;object-fit:cover;transition:all .3s ease}.product-selected-image.show{opacity:1}.product-selected-image.hide{opacity:0}.product-selected-discount{position:absolute;top:50px;left:-85px;font-size:30px;color:#fff;background:red;padding:5px 90px;box-shadow:0 4px 8px #000000b3;transform:rotate(-45deg)}.product-selected-stock{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:30px;width:100%;padding:5px 0;background:#000000b3}.product-selected-empty{position:absolute;top:80px;left:80px;font-size:100px;font-weight:900;text-transform:uppercase;letter-spacing:3px;transform:rotate(-15deg);color:red;padding:10px 25px;border:6px solid red;border-radius:8px;background:transparent;font-family:Courier New,monospace;box-shadow:0 0 0 2px red,inset 0 0 0 2px red;filter:brightness(.9) contrast(1.2);text-shadow:1px 1px 0 rgba(0,0,0,.1),-1px -1px 0 rgba(0,0,0,.1),2px 2px 3px rgba(0,0,0,.2);background-image:radial-gradient(rgba(255,0,0,.2) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;opacity:.9}.bar-images{height:40px;width:100%;gap:10px;display:flex;justify-content:center}.image-container{width:15%;height:100%;border:solid 1px black;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease}.image-container.selected{background:#0009;filter:brightness(.4)}.image-container img{max-width:100%;max-height:100%}.product-selected-secondary{flex:1;max-width:100%;display:flex;flex-direction:column;gap:5px}.product-selected-price-container{display:flex;padding:5px 10px;gap:10px;align-items:center}.selected-old-price{font-size:28px;color:red;text-decoration:line-through}.selected-new-price{font-size:38px;color:#002878}.product-number-container{display:flex;gap:10px;font-size:20px;align-items:center}.product-number-container input{width:100px;height:40px;font-size:20px;border:solid 1px rgb(130,130,130);border-radius:10px;padding:10px 15px;cursor:pointer}.buy-button{display:block;margin:20px auto;width:400px;height:60px;color:red;background:none;border:solid 3px red;border-radius:20px;font-size:40px;cursor:pointer;transition:all .3s ease}.buy-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #000000b3}.buy-button:disabled{transform:none;cursor:default;opacity:.7;box-shadow:none}.product-selected-data{display:flex;flex-direction:column;gap:5px}.product-selected-data h3{margin-top:10px}.spec-list{list-style:none;padding-left:0;margin:10px 0;display:flex;flex-direction:column;justify-content:center;gap:8px}.spec-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px}.spec-key{font-weight:600;color:#000;text-transform:capitalize}.spec-value{color:#000}.spec-item ul{margin-top:6px;margin-left:15px;padding-left:10px;border-left:2px solid #ddd}.options-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;box-sizing:border-box;padding:10px 0}.options-grid button{padding:5px 10px;border:2px solid rgb(0,63,152);border-radius:10px;background:none;color:#003f98;cursor:pointer;transition:all .2s ease}.options-grid button:hover{transform:scale(1.05);box-shadow:0 2px 2px #0009}.options-grid button:disabled{cursor:default;background:none;transform:none;box-shadow:none;background:#003f98;color:#fff}@media(max-width:860px){.product-selected-container{padding:10px}.product-selected-viewer{flex-direction:column}.options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-number-container{flex-direction:column}.buy-button{width:330px;font-size:35px}}.other-product-viewer{border:solid 1px black;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;gap:10px;width:350px;height:500px;padding:0 0 5px;cursor:pointer}.other-product-viewer h3{font-size:25px;display:flex;justify-content:center}.other-product-img{width:100%;min-height:300px;max-height:300px;border-radius:20px;position:relative}.other-product-image{width:100%;height:100%;object-fit:cover;transition:all .15s ease}.other-product-image.show{opacity:1}.other-product-image.hide{opacity:0}.other-product-discount{font-size:25px;color:#fff;background:red;padding:5px 80px;position:absolute;box-shadow:0 4px 8px #000000b3;transform:rotate(-45deg);top:30px;left:-80px}.other-product-stock{color:#fff;background:#000000b3;position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:center;padding:5px 0;font-size:20px}.other-product-empty{position:absolute;top:80px;left:25px;font-size:50px;font-weight:900;text-transform:uppercase;letter-spacing:3px;transform:rotate(-15deg);color:red;padding:10px 25px;border:6px solid red;border-radius:8px;background:transparent;font-family:Courier New,monospace;box-shadow:0 0 0 2px red,inset 0 0 0 2px red;filter:brightness(.9) contrast(1.2);text-shadow:1px 1px 0 rgba(0,0,0,.1),-1px -1px 0 rgba(0,0,0,.1),2px 2px 3px rgba(0,0,0,.2);background-image:radial-gradient(rgba(255,0,0,.2) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;opacity:.9}.other-product-bubbles{width:100%;height:10px;display:flex;justify-content:center;gap:5px}.other-bubble{height:100%;width:10px;border-radius:50%;background:#888;transition:all .2s ease}.other-bubble.active{background-color:#444;scale:1.05}.other-product-price-content{margin:0;padding:5px 10px;width:100%;display:flex;flex-direction:column;font-size:20px}.other-product-price-content p{margin:0}.other-product-price-container{width:100%;display:flex;padding:0 30px;align-items:center;gap:15px}.other-product-old-price{font-size:22px;color:red;text-decoration:line-through}.other-product-new-price{font-size:30px;color:#002878}.about-container{padding:60px 100px;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px}.about-text{flex:1;min-width:320px}.about-text h1{font-size:42px;margin-bottom:20px}.about-text p{font-size:18px;line-height:1.6;margin-bottom:15px;color:#333}.about-img{flex:1;display:flex;justify-content:center}.about-img img{width:100%;max-width:450px;border-radius:16px;box-shadow:0 6px 20px #00000026;object-fit:cover}.about-values{margin-top:80px;text-align:center}.about-values h2{font-size:32px;margin-bottom:30px}.values-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.value-card{background:#fff;padding:25px;width:280px;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.value-card h3{margin-bottom:10px;font-size:22px}.value-card p{color:#555;font-size:16px;line-height:1.5}@media(max-width:768px){.about-content{flex-direction:column;text-align:center}.about-img img{max-width:320px}.about-text h1{font-size:34px}}.contact-section{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:20px 10px}.contact-div{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.presentation{display:flex;max-width:80%;gap:20px}.presentation h1{font-size:2.5rem;color:#222;margin-bottom:1rem}.presentation p{font-size:1.1rem;color:#555;line-height:1.6}.pres{flex:1}.options{flex:1;max-width:600px;background:#fff;border-radius:1rem;box-shadow:0 2px 10px #00000014;padding:2rem}.contact-section iframe{width:100%;height:400px;border:none;border-radius:1rem;box-shadow:0 2px 8px #00000026}.map-container{width:90%;position:relative;margin-left:-50vw;margin-right:-50vw}.map-container iframe{width:100%;height:450px;border:none}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:80%;max-width:900px;background:#fff;border-radius:1rem;padding:2.5rem 3rem;box-shadow:0 4px 15px #0000001a}.contact-form h2{text-align:center;color:#222;margin-bottom:1rem;font-size:1.8rem}.form-group{display:flex;align-items:center;gap:1.5rem}.form-group label{width:25%;text-align:right;font-weight:700;color:#333}.form-group input,.form-group textarea{width:70%;padding:.8rem 1rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;font-style:normal;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#07c;box-shadow:0 0 4px #0077cc4d}.contact-btn{align-self:center;background:linear-gradient(45deg,#002878,#001d56);color:#fff;font-size:20px;padding:10px 40px;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease}.contact-btn:hover{transform:scale(1.1);box-shadow:0 2px 4px #000000b3}.contact-btn:disabled{filter:brightness(.4);cursor:not-allowed;transform:none}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;text-align:center}.modal.success h3{color:#0f0}.modal.error h3{color:red}.modal button{margin-top:20px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal button:hover{transform:scale(1.1)}.confetti-layer{position:fixed;inset:0;z-index:9999;pointer-events:none}@media(max-width:780px){.presentation{flex-direction:column}}.loader-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:99999}.loader-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.cart-modal{background:#fff;padding:30px;border-radius:12px;min-width:400px;position:relative;transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.cart-modal.open{transform:scale(1);opacity:1}.cart-modal.closing{transform:scale(.7);opacity:0}.cart-modal-gap{max-width:320px;display:flex;flex-direction:column;align-items:center;gap:20px}.cart-form{display:flex;flex-direction:column;gap:20px}.cart-content{display:flex;gap:10px;align-items:center}.cart-form-image{position:relative;flex:1;height:200px;width:100%;background:#fff;border:1px solid black;border-radius:20px;overflow:hidden}.cart-form-image img{max-width:100%;max-height:100%}.cart-form-discount{position:absolute;top:22px;left:-50px;background:red;color:#fff;font-size:20px;transform:rotate(-45deg);box-shadow:0 2px 2px #0009;padding:5px 50px}.cart-form-data{flex:1;display:flex;flex-direction:column;gap:10px;font-size:14px}.cart-quantity-content{display:flex;gap:5px}.cart-quantity-content p{flex:1}.cart-quantity-content input{width:80px;height:40px;font-size:16px;border:solid 1px rgb(130,130,130);border-radius:10px;padding:10px 15px;cursor:pointer;margin-right:20px}.cart-form button{width:100%;padding:5px;background:linear-gradient(45deg,#002878,#00153e);color:#fff;font-size:25px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.cart-form button:hover{transform:scale(1.025);box-shadow:0 2px 4px #000000b3}.cart-form button:disabled{filter:brightness(.4);cursor:default;transform:none;box-shadow:none}.delete-prod-modal{width:100%;font-size:25px;padding:5px;color:#fff;background:linear-gradient(45deg,#af2000,#8d0000);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.delete-prod-modal:hover{transform:scale(1.025);box-shadow:0 2px 4px #000000b3}.delete-prod-modal:disabled{filter:brightness(.4);cursor:default;transform:none;box-shadow:none}.minutes-input-container{display:flex;gap:10px;font-size:20px}.minutes-input-container input{padding:10px 20px;border:1px solid #777;border-radius:10px}.user-form-content{display:flex;flex-direction:column;gap:10px}.user-form-content input{font-size:20px;padding:5px 10px;border-radius:10px;border:1px solid black}.send-cart-content{display:flex;align-items:center;justify-content:center;margin-top:15px}.send-cart-content button{font-size:20px;padding:5px 10px;border-radius:5px;background:#002878;color:#fff;border:2px solid rgb(0,40,120);cursor:pointer;transition:all .2s ease}.send-cart-content button:hover{background:#fff;color:#002878}.send-cart-content button:disabled{color:#fff;background:#002878;opacity:.7;cursor:default}.whatsapp-options{padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.buttons-whatsapp-container{display:flex;width:100%;justify-content:left;gap:20px}.buttons-whatsapp-container button{font-size:20px;width:80px;padding:10px;border-radius:10px;background:none;cursor:pointer;transition:all .2s ease}.buy-whatsapp-confirm{color:green;border:2px solid green}.buy-whatsapp-deny{color:red;border:2px solid red}.buy-whatsapp-confirm:hover{color:#fff;background:green}.buy-whatsapp-deny:hover{color:#fff;background:red}.shopping-car-container{display:flex;gap:20px;padding:20px 40px}.shopping-items-container{flex:4;display:flex;flex-direction:column;gap:20px}.shopping-item-container{display:flex;gap:20px;background:#fff;border:1px solid black;border-radius:10px;overflow:hidden;align-items:center;height:250px}.shopping-product-img{width:300px;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.shopping-product-img img{max-width:100%;max-height:100%}.shopping-product-discount{background:red;color:#fff;padding:5px 80px;font-size:25px;box-shadow:0 4px 4px #000000b3;position:absolute;top:35px;left:-80px;transform:rotate(-45deg)}.inter-data{height:100%;width:1px;background:#000;margin:0}.shopping-item-data{width:70%;display:flex;flex-direction:column;gap:5px}.shopping-item-prices{color:#242424;font-size:18px}.shopping-item-quantity{color:#3f3f3f;font-size:14px}.shopping-item-price{color:red}.shopping-item-discounted{color:#023f96;font-size:20px}.shopping-prices-container{flex:1;background:#fff;max-height:250px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black;border-radius:20px;gap:10px}.shopping-buttons-options{width:20%;display:flex;flex-direction:column;gap:20px;align-items:center;margin-right:20px}.update-quantity-product{width:90%;padding:5px;font-size:16px;color:#013175;border:2px solid rgb(1,49,117);background:none;border-radius:5px;cursor:pointer;transition:all .2s ease}.delete-product-cart{width:90%;padding:5px;font-size:16px;color:#be0000;border:2px solid rgb(190,0,0);background:none;border-radius:5px;cursor:pointer;transition:all .2s ease}.update-quantity-product:hover{background:#013175;color:#fff}.delete-product-cart:hover{background:#be0000;color:#fff}.create-order{width:90%;padding:5px;font-size:16px;color:#013175;border:2px solid rgb(1,49,117);background:none;border-radius:5px;cursor:pointer;transition:all .2s ease}.create-order:hover{background:#013175;color:#fff}.create-order:disabled,.delete-product-cart:disabled{opacity:.7;padding:5px;cursor:default;transform:none;transition:none;box-shadow:none;background:none;color:#000;border:2px solid black}.removed-product-flex{display:flex;justify-content:space-between;background:#fff;border:1px solid black;border-radius:10px;overflow:hidden;align-items:center;height:250px}.removed-product-img{display:flex;justify-content:center;align-items:center;max-width:300px;height:100%}.removed-product-img img{max-width:100%;max-height:100%}.removed-product-data{display:flex;flex-direction:column;margin-right:100px}.remove-item-reason{font-size:25px;color:red}.buy-whatsapp-button{width:90%;padding:5px;font-size:16px;color:#009f00;background:none;border:2px solid rgb(0,159,0);border-radius:5px;cursor:pointer;transition:all .2s ease}.buy-whatsapp-button:hover{color:#fff;background:#009f00}@media(max-width:780px){.shopping-car-container{flex-direction:column}.shopping-item-prices{font-size:16px}.shopping-item-quantity{font-size:12px}.shopping-item-price{font-size:14px}.shopping-item-discounted{font-size:18px}.shopping-item-container{height:200px}.removed-product-img{max-width:200px}.shopping-product-discount{font-size:20px;top:20px}.update-quantity-product,.delete-product-cart{font-size:10px}.removed-product-data{margin-right:20px}}@media(max-width:560px){.shopping-car-container{flex-direction:column}.shopping-item-prices{font-size:10px}.shopping-item-name,.removed-item-name{font-size:12px}.shopping-item-quantity,.shopping-item-price{font-size:10px}.shopping-item-discounted{font-size:12px}.shopping-item-container{height:180px}.shopping-product-discount{font-size:14px;top:20px;left:-40px;padding:5px 40px}.removed-product-data{margin-right:10px}}.order_backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.order-modal{background:#fff;padding:60px 30px 30px;border-radius:12px;min-width:450px;position:relative;transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.order-modal h2{padding:10px 0}.order-modal.open{transform:scale(1);opacity:1}.order-modal.closing{transform:scale(.7);opacity:0}.modar-items-data-type,.modal-item-container{width:100%;display:grid;grid-template-columns:80px 1fr auto auto auto;align-items:center;gap:15px}.modal-item-container img{max-width:80px;max-height:100px}.modar-items-data-type p,.modal-item-container p{width:70px;display:flex;justify-content:center}.erase-order-button{margin-top:20px;width:100%;padding:5px 0;font-size:20px;border:solid 1px red;color:red;border-radius:5px;background:none;cursor:pointer;transition:all .2s ease}.error-order{margin-top:10px;font-size:12px;color:red}.erase-order-button:hover{color:#fff;background:red}.erase-order-button:disabled{opacity:.5;color:red;background:#fff;cursor:default}.more-items{margin-top:6px;font-size:13px;color:#5c6b82;font-style:italic;text-align:right}.scroll-wrapper{border:1px solid black;border-radius:10px;overflow:hidden}.admin-items-scroll{margin:10px 0;height:200px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.admin-items-scroll:active{cursor:grabbing}.admin-items-scroll::-webkit-scrollbar{width:8px}.admin-items-scroll::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0050ac,#0177ff);border-radius:4px}.change-status{margin-top:20px;width:100%;padding:10px 0;cursor:pointer;color:#00f;background:none;border:solid 2px blue;border-radius:10px;transition:all .2s ease}.change-status:hover{background:#00f;color:#fff}.change-status:disabled{color:#00f;background:none;opacity:.7}.order-data-client{position:relative;width:100%;height:350px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:solid 1px black;border-radius:20px;gap:5px;cursor:pointer;transition:all .2s ease}.trash-order{position:absolute;top:20px;right:20px;font-size:20px;color:red;background:none;border:2px solid red;border-radius:5px;padding:10px;cursor:pointer;transition:all .2s ease}.trash-order:hover{background:red;color:#fff}.product-list-order{margin:0 20px;height:96px}.product-list-order li{list-style-type:disc;font-size:16px}.order-data-client:hover{transform:translateY(-5px);box-shadow:0 4px 8px #000000b3}.order-products-content{display:flex;flex-direction:column;gap:10px}.order-products-content li{list-style-type:disc;font-size:16px}.order-products-content li p{font-size:12px}.view-historial-product{color:#00f;background:none;font-size:20px;padding:5px 20px;border:2px solid blue;border-radius:10px;cursor:pointer;transition:all .2s ease}.view-historial-product:hover{color:#fff;background:#00f}@media(max-width:780px){.order-data-client{padding-top:20px}}.inputs-container{width:100%;padding:20px 40px;display:flex;gap:5px;align-items:center;justify-content:center}.inputs-container .filters{flex:1}.search-container{flex:1;display:flex;flex-direction:column;gap:0}.orders-content{padding:0 40px}.orders-grid{width:100%;padding:5px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;box-sizing:border-box;margin-bottom:20px}.order-data{position:relative;width:100%;height:400px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:solid 1px black;border-radius:20px;gap:5px;cursor:pointer;transition:all .2s ease}.order-data i{font-size:120px}.order-data p{font-size:16px}.order-data:hover{transform:translateY(-5px);box-shadow:0 4px 8px #000000b3}.erased{color:red;padding:0;font-size:12px;margin:0}@media(max-width:1024px){.inputs-container{padding:20px 10px;flex-direction:column}.orders-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-data p{font-size:14px}}@media(max-width:780px){.order-data p{font-size:12px}.orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.orders-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.product-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.modal-button-flex{display:flex;align-items:center;gap:20px}.modal-button-flex button{font-size:20px;width:100px;height:30px;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.confirm-button{border:solid 2px blue;color:#00f}.confirm-button:hover{color:#fff;background:#00f}.confirm-button:disabled{transition:none;background:#fff;color:#00f;cursor:default;opacity:.5}.cancel-button{border:solid 2px red;color:red}.cancel-button:hover{color:#fff;background:red}.cancel-button:disabled{transition:none;background:#fff;color:red;cursor:default;opacity:.5}.interactions-flex{width:100%;padding:10px 20px;display:flex;gap:10px;box-sizing:border-box;align-items:center;justify-content:center}.interactions-container{flex:1;min-width:0}.products-grid{width:100%;padding:5px 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;box-sizing:border-box;margin-bottom:20px}.product-editor{width:100%;height:600px;border:solid 1px black;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0}.product-editor h3{font-size:20px}.product-editor-img-container{width:100%;min-height:300px;max-height:300px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.product-editor-img-container img{max-width:100%;max-height:100%}.buttons-product-flex{display:flex;flex-direction:column;gap:10px}.buttons-flex-container{width:100%;display:flex;gap:10px;justify-content:center}.buttons-flex-container button{flex:1;font-size:20px;padding:5px 10px;cursor:pointer;transition:all .2s ease;border-radius:5px}.edit-product{color:#000;background:none;border:solid 2px black;min-height:60px}.edit-product:hover{color:#fff;background:#000}.put-discounts-product{color:#00f;background:none;border:solid 2px blue}.put-discounts-product:hover{color:#fff;background:#00f}.alert-product-button{color:red;background:none;border:solid 2px red}.alert-product-button:hover{color:#fff;background:red}.create-product-container{display:flex;justify-content:flex-end;padding-right:40px;margin-bottom:20px}.create-product{font-size:20px;padding:5px 10px;color:#000071;border:solid 2px rgb(0,0,113);border-radius:10px;cursor:pointer;transition:all .2s ease}.create-product:hover{color:#fff;background:#000071}.agregate-stock{flex:1;font-size:20px;padding:5px 10px;border-radius:5px;color:#4000ff;background:none;border:solid 2px rgb(64,0,255);cursor:pointer;transition:all .2s ease}.agregate-stock:hover{color:#fff;background:#4000ff}@media(max-width:1080px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.interactions-flex{flex-direction:column;padding:10px}.interactions-container{max-width:100%;min-width:100%}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.products-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.create-product-cont{display:flex;flex-direction:column;gap:10px;width:100%;margin:auto;padding:10px 20px}.create-product-cont h1{font-size:34px;width:100%;display:flex;flex-direction:column;align-items:center}.create-product-flex{display:flex;gap:10px}.drop-zone{flex:1;width:100%;border-radius:8px;text-align:center;align-self:stretch;display:flex;flex-direction:column;gap:10px}.drop-zone:hover{border-color:#666}.main-image{border:2px dashed #878787;background:#fff;width:100%;height:400px;overflow:hidden;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-image p{font-size:200px;color:#878787}.main-image img{max-width:100%;max-height:100%}.preview-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.preview-image{background:#fff;width:120px;height:40px;font-size:25px;border:2px dashed #878787;border-radius:10px;color:#878787;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.preview-image img{max-width:100%;max-height:100%;pointer-events:none}.preview-image.drag-over{outline:2px dashed #4da3ff}.preview-container button{background:#fff;width:100%;height:40px;font-size:15px;border:2px dashed #878787;border-radius:10px;color:#878787;transition:all .2s ease;cursor:pointer}.preview-container button:hover{border-color:#006eff;color:#006eff}.preview-image button{position:absolute;border:none;font-size:10px;background:red;color:#fff;width:20px;height:20px;top:0;left:0;transition:all .2s ease;cursor:pointer}.preview-image button:hover{color:#fff;transform:scale(1.05)}.create-product-data{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 10px;justify-content:center;align-items:center}.create-product-data input{border:2px solid #878787;max-width:100%;border-radius:10px;padding:5px 10px}.create-product-price{width:120px;font-size:20px;align-self:flex-start}.create-product-stock{width:120px;font-size:30px;align-self:flex-start}.options-container{width:100%;display:flex;flex-direction:column;gap:10px;font-size:20px}.options-list,.stock-by-option{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;box-sizing:border-box}.option-item{width:100%;height:100%;position:relative;background:#fff;font-size:18px;border:2px solid #878787;color:#878787;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stock-option-item{display:flex;flex-direction:column;gap:5px;align-items:center}.stock-option-item input{font-size:20px}.option-item button{position:absolute;top:1px;right:1px;color:#fff;background:red;border:none;border-radius:10px;font-size:16px;padding:2px 4px;transition:all .2s ease;cursor:pointer}.option-item button:hover{transform:scale(1.05)}.aggregate-option{width:100%;height:40px;position:relative}.aggregate-option input{width:100%;height:100%}.aggregate-option button{position:absolute;top:3px;right:3px;color:#fff;background:red;border:none;border-radius:10px;font-size:16px;padding:2px 4px;transition:all .2s ease;cursor:pointer}.aggregate-option button:hover{transform:scale(1.05)}.product-description{height:150px;font-size:20px;padding:10px;border:2px solid #878787;color:#878787;border-radius:10px}.spec-editor{display:flex;flex-direction:column;gap:10px}.spec-block{background:#fff;border:2px solid #878787;color:#212121;border-radius:10px;padding:2px 25px;display:flex;gap:10px;align-items:center;position:relative}.spec-block button{position:absolute;top:2px;right:5px;font-size:10px;border:none;border-radius:5px;padding:3px;color:#fff;background:red;transition:all .2s ease;cursor:pointer}.spec-block button:hover{transform:scale(1.05);box-shadow:0 1px 2px #00000080}.spec-add{display:flex;gap:10px;font-size:20px;padding:10px;border:2px solid #878787;color:#878787;border-radius:10px}.spec-add select{font-size:20px;padding:5px 10px;border:2px solid #878787;color:#878787;border-radius:10px;cursor:pointer;transition:all .2s ease}.spec-add select:hover{border-color:#000;color:#000}.spec-add input{max-width:150px;font-size:20px;padding:5px 10px;border:2px solid #878787;color:#878787;border-radius:10px}.spec-add button{position:inherit;font-size:30px;padding:2px 10px;color:#fff;background:red;border:none;border-radius:10px;transition:all .2s ease;cursor:pointer}.spec-add button:hover{transform:scale(1.05);box-shadow:0 1px 2px #00000080}.create-error{font-size:12px;color:red}.create-button{width:100%;display:flex;flex-direction:column;align-items:flex-start}.create-button button{font-size:20px;padding:5px 10px;border:2px solid rgb(0,63,152);border-radius:10px;background:none;color:#003f98;cursor:pointer;transition:all .2s ease}.create-button button:hover{background:#003f98;color:#fff}.create-button button:disabled{cursor:default;background:none;color:#003f98;opacity:.5}.remove-all-images{font-size:20px;color:red;background:none;border:solid 2px red;padding:5px;border-radius:10px;transition:all .2s ease;cursor:pointer}.remove-all-images:hover{color:#fff;background:red}.option-item input{border:none;font-size:20px;cursor:pointer}.create-discount-container{width:100%;display:flex;flex-direction:column;gap:10px;justify-content:left}.discount-percent{display:flex;gap:10px;align-items:center}.discount-percent input{font-size:30px;width:190px}.discount-time-adjust{font-size:40px;display:flex;gap:10px;justify-content:center}.discount-time-adjust input{font-size:30px;width:30%}@media(max-width:780px){.create-product-flex{flex-direction:column}.preview-container{grid-template-columns:repeat(3,1fr)}}.change-log{padding:20px}.change-log-item{border-bottom:1px solid #333;padding:10px 0;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:20px}.old-value{color:#ff6b6b}.new-value{color:#4cd137}.change-images{display:flex;gap:8px;flex-wrap:wrap}.change-log-image{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #ccc}.change-values{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.old-value,.new-value{display:flex;gap:5px}.arrow{font-weight:700}.create-reclam-container{display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px 20px;width:100%}.create-reclam-container form{width:100%}.reclam-form{width:100%;display:flex;padding:10px 0;gap:20px;justify-content:center;align-items:center}.user-form,.order-reclam-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.user-form input,.order-reclam-info input,.order-reclam-info select{width:100%;font-size:20px;padding:5px 20px;border:1px solid black;border-radius:10px}.document{display:flex;gap:0;width:100%;align-items:center;justify-content:center;border:1px solid black;height:40px;border-radius:10px;padding:0 10px;overflow:hidden}.document select{cursor:pointer;border:none;background:none;width:10%;height:100%;outline:none}.document select:focus,.document input:focus{outline:none}.document select:active,.document input:active{outline:none}.document-type-container option{cursor:pointer}.middle{width:1px;height:100%;background:#000}.document input{border:none}.selectors-container{width:100%;display:flex;flex-direction:column;align-items:start}.selector-container{padding:5px 10px;display:flex;gap:10px;align-items:center;cursor:pointer}.circle-container{display:"inline-block";width:14px;height:14px;border-radius:50%;border:2px solid black;position:relative}.circle-selected{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#000}.order-reclam-info textarea{font-size:20px;width:100%;height:60px;padding:5px 10px;border:1px solid black;border-radius:10px}.create-reclam-container form button{font-size:20px;padding:5px 20px;border:2px solid rgb(0,0,155);background:none;color:#00009b;border-radius:10px;cursor:pointer;transition:all .2s ease}.create-reclam-container form button:hover{color:#fff;background:#00009b}.create-reclam-container form button:disabled{transition:none;cursor:default;color:#00009b;background:none;opacity:.7}@media(max-width:780px){.create-reclam-container{padding:10px}.reclam-form{flex-direction:column}.user-form,.order-reclam-info{width:100%}}.reclamations-container{width:100%;padding:10px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.reclams-grid{width:100%;padding:5px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;box-sizing:border-box;margin-bottom:20px}.create-reclam,.create-product-button{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#000;border:1px solid black;transition:all .2s ease}.create-reclam:hover,.create-product-button:hover{background-color:#000;color:#fff}.create-icon{font-size:100px;margin:0}.reclam-container{width:100%;height:410px;padding:10px 15px;background:#fff;border:1px solid black;border-radius:10px;display:flex;flex-direction:column;gap:5px}.empty-products-claim{width:100%;display:flex;flex-direction:column;align-items:center;height:160px}.products-claim{display:flex;flex-direction:column;align-items:center}.product-list{margin:0 20px;height:160px}.product-list li{list-style-type:disc;font-size:16px}.view-historial{padding:10px 20px;font-size:20px;border:2px solid rgb(0,32,212);border-radius:10px;color:#0020d4;background:none;cursor:pointer;transition:all .2s ease}.view-historial:hover{color:#fff;background:#0020d4}@media(max-width:1024px){.reclams-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.reclams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reclam-container{height:430px}}@media(max-width:560px){.reclams-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.watch-reclamation-content{width:100%;padding:10px 40px;display:flex;flex-direction:column;gap:10px;align-items:center}.header-reclamation{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.header-left h1{margin:0;font-size:28px}.header-subtitle{margin:2px 0 0;font-size:14px;color:#666}.btn-pdf{display:flex;align-items:center;gap:8px;background:#111;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-pdf:hover{background:#333;transform:translateY(-1px)}.btn-pdf:active{transform:scale(.97)}.btn-pdf:disabled{background:#aaa;cursor:not-allowed}.watch-reclamation-main{width:100%;display:flex;gap:20px;align-items:center;justify-content:center;border:1px solid black;border-radius:20px;padding:20px}.user-details{flex:1;display:flex;flex-direction:column;gap:10px;font-size:22px;padding:10px 20px}.claim-details{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 20px}.claim-details p{font-size:20px}.claim-history{width:100%;display:flex;flex-direction:column;gap:20px}.claim-history p{padding:0 20px}.claim-history ul{padding:0 20px;display:flex;flex-direction:column;gap:20px}.claim-history ul li{list-style-type:disc;font-size:20px}@media(max-width:780px){.watch-reclamation-main{flex-direction:column}.claim-history{padding-top:30px}}.accept-button{position:absolute;right:20px;font-size:20px;padding:10px 20px;background:none;border:2px solid black;color:#000;border-radius:10px;cursor:pointer;transition:all .2s ease}.accept-button:hover{background:#000;color:#fff}.claim-admin-content{width:100%;display:flex;flex-direction:column;gap:10px;padding:15px 40px}.claim-admin-inputs{width:100%;display:flex;gap:20px;align-items:center}.claim-admin-selector{flex:1;width:100%}.search-bars{flex:1;width:100%;display:flex;gap:10px;align-items:center}.inputs-content{flex:3;display:flex;flex-direction:column;gap:5px}.inputs-content input{font-size:20px;padding:5px 20px;border:1px solid black;width:100%;border-radius:10px}.inputs-content input:focus{outline:none}.inputs-content input:active{outline:none}.search-button-content{flex:1;width:100%}.search-button-content button{color:#0000a7;background:none;border:2px solid rgb(0,0,167);padding:10px 20px;font-size:20px;border-radius:10px;cursor:pointer;transition:all .2 ease}.search-button-content button:hover{color:#fff;background:#0000a7}.update-button{padding:10px 20px;font-size:20px;border:2px solid rgb(212,0,0);border-radius:10px;color:#d40000;background:none;cursor:pointer;transition:all .2s ease}.update-button:hover{color:#fff;background:#d40000}@media(max-width:780px){.claim-admin-inputs{flex-direction:column}}@media(max-width:480px){.claim-admin-inputs,.search-bars{width:100%;flex-direction:column}.pagination{flex-direction:column}}.claim-history form{display:flex;flex-direction:column;gap:10px}.historial-form{display:flex;gap:40px;width:100%;align-items:center}.historial-selector{flex:1;width:100%;display:flex;flex-direction:column;gap:5px;font-size:20px}.historial-selector select{font-size:20px;padding:10px 20px;border:1px solid black;border-radius:10px;cursor:pointer}.historial-selector select:focus{outline:none}.historial-selector select:active{outline:none}.historial-form textarea{flex:5;width:100%;height:80px;font-size:20px;padding:5px 20px;border:1px solid black;border-radius:10px}.historial-form textarea:focus{outline:none}.historial-form textarea:active{outline:none}.historial-form button{flex:1;font-size:20px;padding:10px;color:#00005e;background:none;border:2px solid rgb(0,0,94);border-radius:15px;transition:all .2s ease;cursor:pointer}.historial-form button:hover{color:#fff;background:#00005e}.historial-form button:disabled{color:#00005e;background:#fff;cursor:default;transition:none;opacity:.7}@media(max-width:780px){.historial-form{flex-direction:column}}.users-filters-content{width:100%;padding:10px 20px;display:flex;gap:10px;align-items:center}.users-selector,.users-searcher{flex:1}.user-control-content{width:100%;height:350px;border:solid 1px black;border-radius:20px;background:#fff;display:flex;padding:10px 20px;flex-direction:column;align-items:center;gap:10px}.user-control-content i{font-size:100px}.user-control-content button{font-size:20px;padding:10px 20px;color:#00f;background:none;border:2px solid blue;border-radius:10px;cursor:pointer;transition:all .2s ease}.user-control-content button:hover{color:#fff;background:#00f}@media(max-width:780px){.users-filters-content{flex-direction:column}.users-searcher,.users-selector{width:100%}}.user-panel{display:flex;flex-direction:column;gap:10px;padding:10px 30px}.user-panel h1{font-size:40px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.user-data-main{padding:20px 40px;display:flex;gap:20px;border:1px solid black;border-radius:20px}.user-logo{width:100%;height:250px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:200px}.user-panel-data{flex:1;font-size:20px}.change-user-data{width:100%;padding:10px 40px;display:flex;align-items:center;justify-content:center;gap:20px}.change-user-role{flex:3;display:flex;justify-content:center;align-items:center}.change-user-role button{font-size:20px;padding:10px 20px;background:none;color:#00f;border:2px solid blue;border-radius:10px;cursor:pointer;transition:all .2s ease}.change-user-role button:hover{color:#fff;background:#00f}.change-user-role button:disabled{transition:none;cursor:default;color:#00f;background:none;opacity:.5}.block-user{flex:1;padding:10px 20px}.block-user button{color:red;font-size:20px;padding:10px 20px;background:none;border:2px solid red;border-radius:10px;cursor:pointer;transition:all .2s ease}.block-user button:hover{color:#fff;background:red}.user-history{padding:5px 20px;display:flex;flex-direction:column;gap:10px}.history-item{font-size:20px}@media(max-width:780px){.user-data-main,.change-user-data{flex-direction:column}}@media(max-width:480px){.change-user-role{flex-direction:column}}
