body{margin:0;font-family:Arial,sans-serif;user-select:none}.contenedor-central-barra{position:fixed;top:0;left:50%;transform:translateX(-50%);width:720px;background:linear-gradient(to bottom,rgba(0,0,0,1)0%,rgba(0,0,0,0.08)100%);box-shadow:0 0 100px rgba(0,0,0,0.3);border-radius:15px;padding:15px;z-index:9999}.contenedor-central{position:relative;width:720px;margin:160px auto 15px auto;padding:85px}.encabezado{display:flex;align-items:center;padding-bottom:20px}.busqueda{display:flex;align-items:center;margin-bottom:10px;padding-left:150px;padding-right:150px}.busqueda input[type=text]{flex:1;padding:15px;border:1px solid #aaa;border-radius:5px 0 0 5px;outline:none;background:rgba(255,255,255,0.2);color:#fff}.busqueda input[type=text]::placeholder{color:#ccc}.busqueda .btn-borrar{border-radius:0 5px 5px 0;padding:5px;margin-left:5px;cursor:pointer;background:transparent}.busqueda .btn-buscar{padding:5px;margin-left:5px;cursor:pointer;border-radius:0 5px 5px 0;background:transparent}.grid-articulos{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-gap:15px;max-height:900px;overflow-y:auto;margin-bottom:20px}.grid-articulos::-webkit-scrollbar{width:10px}.grid-articulos::-webkit-scrollbar-track{background:linear-gradient(to bottom,rgba(0,0,0,0.1)0%,rgba(0,0,0,0.3)100%);border:1px solid rgba(0,0,0,0.2)}.grid-articulos::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);border-radius:5px;border:1px solid rgba(0,0,0,0.6);box-shadow:0 0 5px rgba(0,0,0,0.6)}.grid-articulos::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.8)}.articulo{position:relative;width:95%;height:280px;display:flex;align-items:center;justify-content:center;font-weight:bold;cursor:pointer;overflow:hidden;transition:box-shadow .3s,transform .3s;border-radius:10px}.articulo:hover{box-shadow:0 0 25px #ffcd16;transform:scale(1.02)}.articulo.seleccionado{border:4.5px solid #29ff16}.articulo img{text-align:center;border-radius:20px;height:290px}.popup-busqueda,.popup-dar-video{position:fixed;top:50%;left:50%;transform:translate(-50%,-35%);background:#0000002d;color:#fff;z-index:9999;padding:15px;box-shadow:0 0 25px #636362;display:none;text-align:center;opacity:0;transition:opacity .4s ease}.popup-busqueda[style*="display: block"],.popup-dar-video[style*="display: block"]{opacity:1}.popup-busqueda{background:#111}.popup-busqueda .btn-cerrar{display:inline-block;padding:5px 10px;background:#333;border:1px solid #aaa;margin-top:10px;cursor:pointer;text-align:center}.popup-dar-video video{width:500px;display:block;margin:0 auto}.overlay-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);display:none;z-index:9998;opacity:0;transition:opacity .4s ease}.overlay-video[style*="display: block"]{opacity:1}.popup-dar-confirmacion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;width:90%;background:rgba(0,0,0,0.918);color:#fff;z-index:9999;padding:20px;box-shadow:0 0 25px #636362;display:none;text-align:center;opacity:0;transition:opacity .4s ease;border-radius:10px}.popup-dar-confirmacion[style*="display: block"]{opacity:1}.popup-dar-confirmacion img{width:100px;margin:10px;border-radius:20px;box-shadow:0 0 15px #ffcd1673}.popup-dar-confirmacion .btn-cerrar{background:#33333352;padding:5px;cursor:pointer;margin-top:10px}#imagenesSeleccionadas{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;max-height:400px;overflow-y:auto;overflow-x:hidden;place-items:center}.popup-password-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease}.popup-password-overlay[style*="display: flex"]{opacity:1}.popup-password{background:#2b2b2b;padding:20px;text-align:center;border-radius:10px;box-shadow:0 0 25px #000}.popup-password h2{color:#ffcd16;margin-bottom:20px}.popup-password input[type=password]{padding:10px;width:80%;border:1px solid #aaa;border-radius:5px;margin-bottom:20px;outline:none}.popup-password button{padding:10px 20px;background:#ffcd16;border:none;border-radius:5px;cursor:pointer;font-weight:bold;color:#000}.popup-password .error-msg{color:red;margin-top:10px}.boton-dar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;background:transparent;border-radius:10px;box-shadow:none;cursor:pointer;transition:transform .3s,box-shadow .3s}.boton-dar img{max-width:100%;height:auto;display:block;margin:0 auto;box-shadow:none}.boton-dar:hover{transform:translateX(-50%) scale(1.05)}.imagen-brillo{transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}#menuRadial{position:fixed;top:30%;right:90px;transform:translateY(-50%);z-index:99999;width:60px;height:60px}#menuRadial .menu-toggle{width:60px;height:60px;border-radius:50%;cursor:move;box-shadow:0 0 15px #000;background-color:#444;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:2}#menuRadial .menu-toggle img{width:32px;height:32px;pointer-events:none}#menuRadial .menu-toggle:hover{transform:scale(1.08);box-shadow:0 0 30px #000}#menuRadial .menu-items{position:absolute;top:60px;left:0;width:150px;max-height:0;overflow:hidden;background:#333;border-radius:8px;box-shadow:0 0 10px #000;transition:max-height .3s ease;pointer-events:none}#menuRadial.open .menu-items{max-height:400px;pointer-events:auto}#menuRadial .menu-item{display:flex;align-items:center;gap:8px;padding:10px;cursor:pointer;transition:background .3s ease}#menuRadial .menu-item:hover{background:#555}#menuRadial .menu-item img{object-fit:contain;width:150px;height:42px;pointer-events:none}#menuRadial .menu-item span{display:none}#menuRadial .cerrar-menu{text-align:center;background:rgb(250,174,9);color:#fff;font-weight:bold;cursor:pointer;padding:8px 0}.ad-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);width:632px;height:420px;background:rgba(0,0,0,0.85);border-radius:10px;z-index:10000;display:none;opacity:1;resize:both;overflow:auto}.ad-popup.show{display:block}.ad-popup .ad-content{position:relative;width:100%;height:100%}.ad-popup .ad-close{position:absolute;top:10px;right:15px;font-size:24px;font-weight:bold;color:#fff;cursor:pointer;z-index:2}.ad-popup video{width:100%;height:auto;border-radius:10px;display:block}.ad-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(255,255,255,0.1);z-index:3}.ad-progress-bar{width:0;height:100%;background:#ffcd16;transition:width .4s linear}.countdown-timer{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,0.7);color:#fff;padding:10px 15px;border-radius:5px;font-size:16px;z-index:10000}.btnToggleLeft{position:fixed;top:50%;left:0;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:hsl(0,0%,100%);box-shadow:0 0 15px rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99999;transition:transform .3s ease,box-shadow .3s ease}.btnToggleLeft img{width:36px;height:36px;pointer-events:none}.btnToggleLeft:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 0 30px #000}.menu-fondos{position:fixed;bottom:20px;left:20px;z-index:999999}.menu-fondos-toggle{width:60px;height:60px;border-radius:50%;background-color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.5);transition:transform .3s ease}.menu-fondos-toggle img{width:34px;height:34px;pointer-events:none}.menu-fondos-toggle:hover{transform:scale(1.08)}.menu-fondos-items{background:#333;border-radius:8px;box-shadow:0 0 10px #000;overflow:hidden;max-height:0;transition:max-height .3s ease;margin-top:10px;pointer-events:none;overflow-y:auto}.menu-fondos.open .menu-fondos-items{max-height:400px;pointer-events:auto}.fondo-item{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background .3s}.fondo-item:hover{background:#555}.fondo-item img{width:60px;height:40px;object-fit:cover;border-radius:4px;margin-right:10px}.fondo-nombre{color:#fff;font-size:14px}