*{margin:0;padding:0;font-family:arial}:root{--tl-yellow:#ffc700;--tl-yellow-hover:#e5b300;--tl-yellow-light:#fff9e6;--tl-dark:#121212;--tl-dark-card:#1e1e1e;--tl-dark-subtle:#2a2a2a;--tl-gray-100:#f3f4f6;--tl-gray-200:#e5e7eb;--tl-gray-300:#d1d5db;--tl-gray-500:#6b7280;--tl-gray-700:#374151;--tl-gray-900:#111827;--tl-white:#fff;--tl-red:#dc2626;--tl-red-hover:#b91c1c;--tl-red-light:#fee2e2;--tl-green:#16a34a;--tl-green-light:#dcfce7;--tl-blue:#2563eb;--tl-blue-light:#dbeafe;--tl-radius-sm:6px;--tl-radius-md:10px;--tl-radius-lg:16px;--tl-shadow-sm:0 1px 3px #00000014;--tl-shadow-md:0 4px 12px #0000001a;--tl-shadow-lg:0 10px 25px #00000026;--tl-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tl-transition:all .2s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--tl-font-family);color:var(--tl-gray-900);-webkit-font-smoothing:antialiased;background-color:#f8f9fa;min-height:100vh;line-height:1.5}body:has(>form button[type=submit]){background:radial-gradient(circle at 50% 0,#ffc70026,#0000 70%),#f8f9fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}body>div:has(>form button[type=submit]){background:radial-gradient(circle at 50% 0,#ffc70026,#0000 70%),#f8f9fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}#root:has(>h1:first-child+form){background:radial-gradient(circle at 50% 0,#ffc70026,#0000 70%),#f8f9fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}h1:not(.titulo-producto):not(.product-row h1){color:var(--tl-dark);text-transform:uppercase;letter-spacing:-.02em;text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:2rem;font-weight:800;display:flex}h1+form:has(button[type=submit]){background-color:var(--tl-white);border-radius:var(--tl-radius-lg);width:100%;max-width:420px;box-shadow:var(--tl-shadow-lg);border-top:5px solid var(--tl-yellow);flex-direction:column;gap:1.25rem;padding:2.25rem 2rem;display:flex}:is(h1+form:has(button[type=submit]) input[type=text],h1+form:has(button[type=submit]) input[type=password]){width:100%;color:var(--tl-gray-900);background-color:var(--tl-gray-100);border:1.5px solid var(--tl-gray-200);border-radius:var(--tl-radius-md);transition:var(--tl-transition);outline:none;padding:.85rem 1rem;font-size:1rem}:is(h1+form:has(button[type=submit]) input[type=text]:focus,h1+form:has(button[type=submit]) input[type=password]:focus){background-color:var(--tl-white);border-color:var(--tl-yellow);box-shadow:0 0 0 3px #ffc70040}h1+form:has(button[type=submit]) button[type=submit]{width:100%;color:var(--tl-dark);background-color:var(--tl-yellow);border-radius:var(--tl-radius-md);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;letter-spacing:.03em;border:none;padding:.9rem;font-size:1rem;font-weight:700;box-shadow:0 4px 8px #ffc7004d}h1+form:has(button[type=submit]) button[type=submit]:hover{background-color:var(--tl-yellow-hover);transform:translateY(-1px)}h1+form:has(button[type=submit]) button[type=submit]:active{transform:translateY(0)}h1+form+p[style*=red],h1+form+p{text-align:center;border-radius:var(--tl-radius-sm);background-color:var(--tl-red-light);justify-content:center;align-items:center;width:100%;max-width:420px;margin-top:1rem;padding:.75rem;font-size:.9rem;font-weight:600;display:flex;color:var(--tl-red)!important}h1+form+p:empty{display:none!important}body:has(.controles-generales)>h1{background-color:var(--tl-dark);width:100%;color:var(--tl-yellow);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--tl-yellow);justify-content:start;align-items:center;margin-bottom:0;padding:.6rem 1.5rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0003}#root:has(.controles-generales)>h1{background-color:var(--tl-dark);width:100%;color:var(--tl-yellow);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--tl-yellow);justify-content:start;align-items:center;margin-bottom:0;padding:.6rem 1.5rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0003}body>h1:first-child:has(+p[style*=pointer]){background-color:var(--tl-dark);width:100%;color:var(--tl-yellow);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--tl-yellow);justify-content:start;align-items:center;margin-bottom:0;padding:.6rem 1.5rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0003}div:has(>.controles-generales)>h1{background-color:var(--tl-dark);width:100%;color:var(--tl-yellow);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--tl-yellow);justify-content:start;align-items:center;margin-bottom:0;padding:.6rem 1.5rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0003}p[style*="cursor: pointer"],p[style*=cursor\:pointer],h1+p[style*=pointer]{text-transform:uppercase;letter-spacing:.05em;transition:var(--tl-transition);background-color:#171717;border-bottom:1px solid #ffffff14;justify-content:flex-end;align-items:center;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;display:flex;color:#f87171!important;cursor:pointer!important}p[style*="cursor: pointer"]:hover,p[style*=cursor\:pointer]:hover{background-color:#202020;color:#ef4444!important}.controles-generales{background-color:var(--tl-white);border-bottom:1px solid var(--tl-gray-200);box-shadow:var(--tl-shadow-sm);z-index:50;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.productos-cargados{color:var(--tl-gray-700);align-items:center;font-size:.95rem;font-weight:700;display:flex}.productos-cargados p{background-color:var(--tl-yellow-light);border:1px solid var(--tl-yellow);border-radius:var(--tl-radius-sm);color:#855c00;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.controles-generales form{flex-direction:column;gap:.6rem;width:100%;display:flex}.controles-generales form input[type=text]{border:1.5px solid var(--tl-gray-300);border-radius:var(--tl-radius-md);background-color:var(--tl-gray-100);width:100%;color:var(--tl-gray-900);transition:var(--tl-transition);outline:none;padding:.75rem 1rem .75rem 2rem;font-size:.95rem}.controles-generales form input[type=text]:focus{background-color:var(--tl-white);border-color:var(--tl-yellow);box-shadow:0 0 0 3px #ffc70033}.controles-generales form button[type=submit]{background-color:var(--tl-dark);color:var(--tl-yellow);border:1.5px solid var(--tl-dark);border-radius:var(--tl-radius-md);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;letter-spacing:.02em;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;display:flex}.controles-generales form button[type=submit]:hover:not(:disabled){background-color:#2d2d2d;border-color:#2d2d2d}.controles-generales form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.controles-generales>button[type=button]{border-radius:var(--tl-radius-md);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;letter-spacing:.02em;border:none;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:700;display:flex}.controles-generales>button[type=button]:first-of-type{background-color:var(--tl-yellow);color:var(--tl-dark);box-shadow:0 2px 6px #ffc70040}.controles-generales>button[type=button]:first-of-type:hover:not(:disabled){background-color:var(--tl-yellow-hover)}.controles-generales>button[type=button]:nth-of-type(2){background-color:var(--tl-red-light);color:var(--tl-red);border:1px solid var(--tl-red)}.controles-generales>button[type=button]:nth-of-type(2):hover:not(:disabled){background-color:var(--tl-red);color:var(--tl-white)}.controles-generales>button[type=button]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}p[role=status],p[role=alert]{border-radius:var(--tl-radius-md);align-items:center;margin:1rem 1rem 0;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}p[role=status]{background-color:var(--tl-blue-light);color:var(--tl-blue);border-left:4px solid var(--tl-blue)}p[role=alert]{background-color:var(--tl-red-light);color:var(--tl-red);border-left:4px solid var(--tl-red)}.products-rows{flex-direction:column;gap:1.5rem;max-width:1800px;margin:0 auto;padding:1.25rem 1rem;display:flex}.product-row{background-color:var(--tl-white);border:1px solid var(--tl-gray-200);border-radius:var(--tl-radius-lg);box-shadow:var(--tl-shadow-sm);transition:var(--tl-transition);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.product-row:hover{box-shadow:var(--tl-shadow-md);border-color:var(--tl-yellow)}.product-row:before{content:"";background-color:var(--tl-yellow);width:6px;height:100%;position:absolute;top:0;left:0}.titulo-producto{color:var(--tl-dark);margin:0;padding-left:.5rem;font-size:1.15rem;font-weight:800;line-height:1.3}.item-id{color:var(--tl-gray-500);background-color:var(--tl-gray-100);border-radius:var(--tl-radius-sm);border:1px solid var(--tl-gray-200);align-self:flex-start;margin-top:-.5rem;margin-left:.5rem;padding:.25rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700;display:inline-flex}.product-row>section{border-radius:var(--tl-radius-md);border:1px solid var(--tl-gray-200);background-color:#fafafa;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.product-row>section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--tl-gray-700);border-bottom:2px solid var(--tl-yellow);align-items:center;width:100%;padding-bottom:.35rem;font-size:.85rem;font-weight:800;display:flex}.imagenes-producto{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.imagenes-producto img{object-fit:contain;background-color:var(--tl-white);border-radius:var(--tl-radius-sm);border:1px solid var(--tl-gray-200);height:7.5rem;transition:var(--tl-transition);flex-shrink:0;padding:.35rem;width:7.5rem!important}.descripcion{color:var(--tl-gray-700);white-space:pre-line;resize:vertical;height:120px;padding-right:.5rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.product-row section:has(.descripcion) p:not(.descripcion){color:#059669;background-color:var(--tl-green-light);border-radius:var(--tl-radius-sm);align-self:flex-start;margin-top:.25rem;padding:.4rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.atributos{flex-wrap:wrap;gap:.5rem;display:flex}.atributos p{background-color:var(--tl-white);border-radius:var(--tl-radius-sm);border:1px solid var(--tl-gray-300);color:var(--tl-gray-900);align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;display:flex}.atributos p strong{color:var(--tl-dark);font-weight:700}.imagenes-subidas{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.imagenes-subidas label{flex-shrink:0;display:flex;position:relative}.imagenes-subidas img{object-fit:contain;background-color:var(--tl-white);border-radius:var(--tl-radius-sm);border:1.5px dashed var(--tl-gray-300);height:7.5rem;transition:var(--tl-transition);padding:.35rem;width:7.5rem!important}.imagenes-subidas input[type=checkbox]{width:1.3rem;height:1.3rem;accent-color:var(--tl-red);cursor:pointer;z-index:2;position:absolute;top:6px;right:6px}.imagenes-subidas label:has(input[type=checkbox]:checked) img{border:2px solid var(--tl-red);background-color:var(--tl-red-light);opacity:.75}.product-row section:has(.imagenes-subidas) button[type=button]{background-color:var(--tl-dark);color:var(--tl-white);border-radius:var(--tl-radius-sm);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;border:none;align-self:flex-start;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.product-row section:has(.imagenes-subidas) button[type=button]:hover:not(:disabled){background-color:var(--tl-gray-700)}.product-row section:has(.imagenes-subidas) button[type=button]:disabled{opacity:.5;cursor:not-allowed}.control-row{border-top:1px dashed var(--tl-gray-300);flex-direction:column;gap:1rem;padding-top:.75rem;display:flex}.control-row form{background-color:var(--tl-gray-100);border-radius:var(--tl-radius-md);border:1px solid var(--tl-gray-200);flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.control-row form input[type=file]{color:var(--tl-gray-700);cursor:pointer;font-size:.8rem}.control-row form input[type=file]::file-selector-button{background-color:var(--tl-white);color:var(--tl-dark);border:1.5px solid var(--tl-gray-300);border-radius:var(--tl-radius-sm);cursor:pointer;transition:var(--tl-transition);margin-right:.75rem;padding:.45rem .9rem;font-weight:600}.control-row form input[type=file]::file-selector-button:hover{background-color:var(--tl-gray-100);border-color:var(--tl-dark)}.control-row .img-submit{background-color:var(--tl-dark);color:var(--tl-yellow);border-radius:var(--tl-radius-sm);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;border:none;padding:.65rem 1rem;font-size:.85rem;font-weight:700}.control-row .img-submit:hover:not(:disabled){background-color:#2d2d2d}.control-row label{color:var(--tl-gray-700);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.control-row textarea{border:1.5px solid var(--tl-gray-300);border-radius:var(--tl-radius-md);background-color:var(--tl-white);width:100%;min-height:70px;color:var(--tl-gray-900);resize:vertical;transition:var(--tl-transition);outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.85rem}.control-row textarea:focus{border-color:var(--tl-yellow);box-shadow:0 0 0 3px #ffc70033}.control-row>button[type=button]{border-radius:var(--tl-radius-md);cursor:pointer;transition:var(--tl-transition);text-transform:uppercase;letter-spacing:.02em;border:none;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:700;display:flex}.control-row>button[type=button]:first-of-type{color:var(--tl-blue);border:1px solid var(--tl-blue);background-color:#eef2ff}.control-row>button[type=button]:first-of-type:hover:not(:disabled){background-color:var(--tl-blue);color:var(--tl-white)}.control-row>button[type=button]:nth-of-type(2){color:var(--tl-gray-500);border:1px solid var(--tl-gray-300);background-color:#0000}.control-row>button[type=button]:nth-of-type(2):hover:not(:disabled){background-color:var(--tl-gray-200);color:var(--tl-gray-900)}.control-row>button[type=button]:nth-of-type(3){background-color:var(--tl-yellow);color:var(--tl-dark);box-shadow:0 2px 4px #ffc70033}.control-row>button[type=button]:nth-of-type(3):hover:not(:disabled){background-color:var(--tl-yellow-hover)}.control-row>button[type=button]:nth-of-type(4){background-color:var(--tl-red-light);color:var(--tl-red);border:1px solid var(--tl-red)}.control-row>button[type=button]:nth-of-type(4):hover:not(:disabled){background-color:var(--tl-red);color:var(--tl-white)}.control-row button:disabled{opacity:.45;cursor:not-allowed}.control-row form p[role=status],.product-row>p[role=status]{margin:.5rem 0 0;padding:.5rem .75rem;font-size:.8rem}@media (width>=640px){.controles-generales form{flex-direction:row;align-items:center}.controles-generales form input[type=text]{flex:1}.control-row form{flex-direction:row;justify-content:space-between;align-items:center}.control-row form input[type=file]{flex:1}.control-row{flex-flow:wrap;align-items:flex-end}.control-row form,.control-row label{flex-basis:100%}.control-row>button[type=button]{flex:calc(50% - .5rem)}}@media (width>=992px){.controles-generales{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 2rem}.controles-generales form{flex:1;max-width:58rem;margin:0 1rem}.controles-generales>button[type=button]{white-space:nowrap}.product-row{padding:1.75rem}.control-row{flex-direction:row;align-items:center}.control-row form{flex:350px}.control-row label{flex:300px}.control-row>button[type=button]{flex:none;padding:.75rem 1.25rem}}.logout-button{width:12rem;margin-left:auto;justify-content:center!important}.keywords p{margin-bottom:.6rem}.keywords ul{flex-wrap:wrap;list-style:none;display:flex}.keywords ul li{border:solid .1rem var(--tl-green);border-radius:.3rem;margin:.2rem;padding:.1rem .4rem;font-size:.8rem}.logo-dashboard{width:4rem;height:4rem;margin-left:1rem}.logo-login{width:9rem;height:9rem}.logo-dashboard,.logo-login{background:url(https://cdn.shopify.com/s/files/1/0828/4222/2889/files/Logo_3_Leones_EPP_2200_x_2200.png?v=1786553344) 50%/contain no-repeat;border-radius:50%}.logo-login,.title-login,.form-login{position:relative;top:-9rem}
