#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%;overflow-x:hidden}.upload-container{background-color:#ffffff1a;border-radius:15px;padding:2rem;box-shadow:0 10px 25px #0003;margin:0 auto;max-width:90%;width:600px;display:flex;flex-direction:column;gap:20px}.privacy-policy-link{margin-top:15px;text-align:center}.privacy-policy-link a{color:#ffffffb3;text-decoration:underline;font-size:.9rem;transition:all .3s ease}.privacy-policy-link a:hover{color:#fff}.ad-separator{margin:20px auto;max-width:728px;width:100%}.upload-container h2{color:#fff;margin-top:0;font-size:2rem}.upload-container p{color:#fffc;margin-bottom:20px}.upload-actions{display:flex;flex-direction:column;gap:15px}.download-template{display:inline-block;display:flex;justify-content:end;align-items:center;color:#fff;text-decoration:none;padding:12px 20px;font-weight:medium}.download-link{background-color:#232424;border-radius:8px;display:inline-block;color:#f5f5f5;text-decoration:none;font-weight:medium;padding:12px 20px}.download-link:hover{color:#fff}.file-upload{display:block;background:linear-gradient(145deg,#552975,#7a3eb8);border-radius:8px;padding:12px 20px;color:#fff;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center}.file-upload:hover{background:linear-gradient(145deg,#5e3392,#8a4ecd);transform:translateY(-2px)}.file-upload input[type=file]{display:none}.upload-button,.example-button{background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;cursor:pointer;transition:all .3s ease}.upload-button:hover,.example-button:hover{background:rgba(255,255,255,.3)}.example-button{background:transparent;border:2px solid rgba(255,255,255,.3)}.reel-viewport{width:100%;height:60px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:transparent;position:relative}.reel-names-list{list-style:none;padding:0;margin:0;position:absolute;width:100%;min-height:200vh;backface-visibility:hidden;will-change:transform}.reel-item{height:60px;min-height:60px;line-height:60px;text-align:center;width:100%;padding:0 15px;margin:0;font-size:2em;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-sizing:border-box;display:flex;justify-content:center;align-items:center}.reel-item.message{font-style:italic;color:#ffffffb3}.reel-item.selected{color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.7),0 0 20px rgba(255,235,59,.5);transform:scale(1.05);transition:all .3s ease;background:rgba(255,255,255,.2);border-radius:8px;padding:0 20px;box-shadow:0 0 15px #ffffff4d;animation:winnerPulse 1.5s ease-in-out infinite alternate}@keyframes winnerPulse{0%{text-shadow:0 0 10px rgba(255,235,59,.7),0 0 20px rgba(255,235,59,.5);transform:scale(1.05);background:rgba(255,255,255,.2)}to{text-shadow:0 0 15px rgba(255,235,59,.9),0 0 25px rgba(255,235,59,.7);transform:scale(1.08);background:rgba(255,255,255,.25)}}@media (max-width: 768px){#root{padding:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.upload-container{padding:1.5rem;width:95%;max-width:100%;box-sizing:border-box}.upload-container h2{font-size:1.5rem}.reel-viewport{width:100%}.contenedorNombre{width:95%;margin:1.5rem auto;min-width:280px}.historial-container{bottom:80px;right:10px}.config-container{bottom:20px;left:10px}.reel-item{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:0 10px;box-sizing:border-box}}@media (max-width: 480px){#root{padding:.8rem;max-width:100vw}.upload-container{padding:1rem;width:95%;margin:0 auto}.btnsortear{width:90%;max-width:300px;margin:15px auto;font-size:1rem;padding:12px 20px;display:block}.contenedorNombre{min-width:280px;width:95%;margin:1rem auto}}.historial-container{position:fixed;bottom:20px;right:20px;z-index:100;transition:all .3s ease}.historial-button{width:50px;height:50px;border-radius:100%;background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white));border:2px solid #fff;box-shadow:0 4px 12px #0003;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.historial-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000040}.badge{position:absolute;top:-8px;right:-8px;background-color:#ff4d4d;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;border:2px solid white}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white));border-radius:15px;padding:20px;width:90%;max-width:500px;max-height:80vh;box-shadow:0 10px 25px #0000004d;position:relative;color:#fff;animation:slideIn .3s ease;border:3px solid rgba(255,255,255,.2)}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.close-button:hover{background-color:#fff3}.modal-content h2{margin-top:10px;margin-bottom:20px;text-align:center;font-size:1.5rem}.ganadores-list{overflow-y:auto;max-height:60vh;padding:10px;background-color:#0000001a;border-radius:10px}.ganador-item{padding:10px 15px;margin-bottom:8px;background-color:#ffffff1a;border-radius:8px;display:flex;align-items:center}.ganador-num{font-weight:700;margin-right:10px;background-color:#fff3;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.8rem}.ganador-nombre{font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal-content{width:90%;max-width:90%;max-height:70vh;padding:15px}.historial-button{width:45px;height:45px}}@media (max-width: 480px){.historial-container{bottom:15px;right:15px}.ganador-item{padding:8px 12px;margin-bottom:6px}.modal-content h2{font-size:1.3rem;margin-top:15px}.historial-container{bottom:80px;right:15px}}.config-container{position:fixed;bottom:20px;left:20px;z-index:100;transition:all .3s ease}.config-button{width:50px;height:50px;border-radius:100%;background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white));border:2px solid #fff;box-shadow:0 4px 12px #0003;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.config-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000040}.config-modal-content{max-width:550px;background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white))}.config-section{margin-bottom:10px;background-color:#0000001a;border-radius:10px;padding:15px}.config-section h3{margin-top:0;margin-bottom:15px;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.color-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 2px 5px #0003}.color-option:hover{transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.color-option.selected{border:2px solid white;box-shadow:0 0 0 2px #ffffffb3}.custom-color{position:relative;background:linear-gradient(45deg,#ff0000,#00ff00,#0000ff);overflow:hidden;display:flex;align-items:center;justify-content:center}.custom-color:before{content:"+";color:#fff;font-size:20px;font-weight:700;position:absolute;z-index:1;text-shadow:0 0 3px rgba(0,0,0,.5)}.custom-color input[type=color]{position:absolute;width:150%;height:150%;top:-25%;left:-25%;border:none;background:none;cursor:pointer;padding:0;margin:0;opacity:0}.color-preview{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px}.preview-box{width:100%;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 0 10px #0003}.config-actions{display:flex;justify-content:center;margin-top:20px}.config-apply{min-width:200px;padding:10px 25px;background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white));color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:700;box-shadow:0 2px 5px #0003}.config-apply:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.config-apply:active{transform:translateY(1px)}.color-picker-container{display:flex;flex-direction:column;gap:15px;align-items:center}.color-picker{width:80px;height:40px;border:none;border-radius:8px;cursor:pointer;padding:2px;background-color:#fff}.preview-button{padding:8px 20px;border:none;border-radius:25px;color:#fff;font-weight:700;cursor:default;min-width:100px;box-shadow:0 2px 5px #0003}.preview-reel{width:150px;height:40px;border-radius:8px;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 5px #0003}@media (max-width: 768px){.config-modal-content{width:90%;max-width:90%;padding:15px}.config-button{width:45px;height:45px}.color-option{width:35px;height:35px}}@media (max-width: 480px){.config-container{bottom:15px;left:15px}.config-section h3{font-size:1.1rem}.config-apply{padding:8px 20px;font-size:.9rem}.color-options{gap:8px}.config-modal-content{max-height:85vh;overflow-y:auto;padding-bottom:15px}.color-picker{width:60px;height:35px}}.site-footer{color:#fff;padding:1rem;margin-top:auto;box-shadow:0 -5px 15px #00000012;width:100%;border-radius:8px 8px 0 0;transition:background-color .3s ease,box-shadow .3s ease}.site-footer:hover{background:linear-gradient(145deg,rgba(var(--button-color-rgb, 98, 47, 133),.85),rgba(var(--button-color-rgb, 87, 42, 119),.9));box-shadow:0 -5px 15px #0000001f}.compact-footer{max-height:80px;padding:.8rem 1rem}.compact-footer .footer-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap}.compact-footer .footer-left{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:200px}.compact-footer .footer-left p{margin:2px 0;font-size:.8rem}.compact-footer .footer-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;flex:1;min-width:200px}.compact-footer .quick-links{display:flex;align-items:center;gap:10px;font-size:.85rem;flex-wrap:wrap;justify-content:flex-end}.footer-divider{color:#fff6}.compact-footer .social-links{display:flex;gap:12px}.social-links a{background-color:#ffffff1a;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-links a:hover{background-color:#fff3;transform:translateY(-2px)}.compact-footer a{color:#fffc;text-decoration:none;transition:all .3s ease}.compact-footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{width:100%;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.9rem;color:#ffffffb3}.footer-bottom p{margin:5px 0}.minimal-footer{padding:.8rem 1rem .6rem;margin-top:1.5rem}.minimal-footer:hover{background:rgba(var(--button-color-rgb, 98, 47, 133),.55)}.minimal-footer .footer-bottom{border-top:none;margin-top:0;padding-top:0;font-size:.8rem;opacity:.7}.minimal-footer .footer-bottom p{margin:3px 0}.minimal-footer .footer-nav-links,.site-footer .footer-nav-links{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;gap:.5rem}.site-footer .footer-nav-links a{color:#fffc;text-decoration:none;font-size:.9rem;transition:color .3s ease}.site-footer .footer-nav-links a:hover{color:#fff}.site-footer .footer-nav-links .footer-divider{color:#fff6;font-size:.9rem}@media (max-width: 768px){.compact-footer{max-height:none;padding:.6rem .5rem}.compact-footer .footer-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;text-align:center;justify-content:space-between;align-items:center}.compact-footer .footer-left{flex:1;min-width:150px;text-align:left}.compact-footer .footer-left p{margin:1px 0;font-size:.7rem;line-height:1.2}.compact-footer .footer-right{flex:1;min-width:150px;text-align:right}.compact-footer .quick-links{font-size:.7rem;gap:4px;flex-wrap:wrap;justify-content:flex-end}.social-links{justify-content:flex-end}.home-container{margin-bottom:2rem}.site-footer .footer-nav-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.2rem;justify-content:center}.site-footer .footer-nav-links a{font-size:.75rem;white-space:nowrap}.site-footer .footer-nav-links .footer-divider{font-size:.75rem;display:inline!important}}@media (max-width: 480px){.site-footer{padding:.5rem .3rem;width:100%;min-width:unset;box-sizing:border-box}.minimal-footer{padding:.5rem .3rem}.compact-footer .footer-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px}.compact-footer .quick-links{flex-wrap:wrap;justify-content:flex-end;gap:3px;font-size:.65rem}.compact-footer .footer-left p{font-size:.65rem;margin:0;line-height:1.1}.home-container{margin-bottom:2rem}.site-footer .footer-nav-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.1rem;justify-content:center}.site-footer .footer-nav-links a{font-size:.7rem;padding:2px 4px}.site-footer .footer-nav-links .footer-divider{font-size:.7rem;display:inline!important}}.ad-container{width:100%;max-width:900px;margin:0 auto;padding:5px 0;position:relative;overflow:hidden;background:rgba(255,255,255,.02);border-radius:8px;box-shadow:0 1px 3px #00000008;transition:all .3s ease}.ad-container:hover{box-shadow:0 2px 8px #0000001a}.ad-label{position:absolute;top:1px;right:3px;font-size:.6rem;color:#fff6;background:rgba(0,0,0,.1);padding:1px 4px;border-radius:2px;z-index:1}.ad-top{margin-bottom:15px}.ad-bottom{margin-top:15px;margin-bottom:10px}.ad-modal{margin:10px auto;max-width:100%;background:rgba(255,255,255,.02)}.ad-middle{margin:10px auto;max-width:728px}.adsbygoogle{width:100%;min-height:90px;opacity:.95;transition:opacity .3s ease}.adsbygoogle:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:.95}}.ad-container ins{animation:fadeIn .5s ease-out}.ad-top{margin-bottom:12px}.ad-bottom{margin-top:15px;margin-bottom:8px}@media (max-width: 768px){.ad-container{padding:4px 0;max-width:100%}.adsbygoogle{min-height:60px}.ad-top,.ad-bottom{margin:8px auto}}@media (max-width: 480px){.ad-container{padding:3px 0;border-radius:6px;box-shadow:none;background:transparent}.adsbygoogle{min-height:50px}.ad-label{font-size:.55rem;padding:1px 3px;opacity:.5}.ad-top{margin:4px auto 8px}.ad-bottom{margin:10px auto 4px}}.privacy-notice{position:fixed;left:0;bottom:0;width:100%;z-index:9999;display:flex;justify-content:center;padding:.5rem;pointer-events:none}.privacy-panel{max-width:300px;width:100%;background-color:#1e1e1ef2;border-radius:8px;box-shadow:0 0 10px #0000004d;overflow:hidden;animation:fadeIn .4s ease-out;color:#fff;font-size:.8rem;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.privacy-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#0003}.privacy-header h2{margin:0;font-size:.9rem;color:#fff}.settings-toggle{background-color:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-weight:400;font-size:.75rem;transition:all .2s;min-width:auto;margin:0}.settings-toggle:hover{background-color:#ffffff1a;color:#fff}.privacy-content{padding:.5rem .75rem;color:#ddd;font-size:.75rem}.privacy-content p{margin:0}.privacy-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.privacy-details.expanded{max-height:300px}.privacy-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.privacy-option:last-child{border-bottom:none}.option-text{flex-grow:1}.option-text h4{margin:0 0 .25rem;font-size:.8rem;color:#fff}.option-text p{margin:0;font-size:.7rem;color:#aaa}.switch{position:relative;display:inline-block;width:36px;height:20px;margin-left:8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;transition:.3s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:var(--button-color, #622f85)}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.switch.disabled{opacity:.5;cursor:not-allowed}.privacy-actions{display:flex;justify-content:space-between;padding:.5rem;background-color:#0003}.privacy-btn{padding:.4rem .6rem;border-radius:4px;font-weight:400;cursor:pointer;transition:all .2s;min-width:auto;margin:0;font-size:.75rem}.accept-btn{background-color:var(--button-color, #622f85);color:#fff;border:none}.accept-btn:hover{opacity:.9}.save-btn{background-color:#fff3;color:#fff;border:none}.save-btn:hover{background-color:#ffffff4d}.reject-btn{background-color:transparent;color:#aaa;border:1px solid rgba(255,255,255,.2)}.reject-btn:hover{background-color:#ffffff1a;color:#fff}@media (max-width: 480px){.privacy-panel{max-width:95%}.privacy-actions{gap:.3rem}.privacy-btn{padding:.3rem .4rem;font-size:.7rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--button-color: #622f85;--reel-color: #622f85}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#622f85;transition:background-color .5s ease}h1{font-size:3.2em;line-height:1.1;color:#213547}.contenedorNombre{display:flex;width:95%;max-width:800px;min-width:280px;border:5px solid #ffffff;margin:2rem auto;height:70px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;background:linear-gradient(145deg,var(--reel-color),color-mix(in srgb,var(--reel-color) 70%,white));box-shadow:0 10px 25px #0000004d,inset 0 0 10px #ffffff1a;justify-content:center;align-items:center;overflow:hidden;position:relative}.names{color:#e4e7e9;font-size:3rem;text-transform:uppercase;transition:.5s all;width:100%;cursor:pointer}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;color:#fff;transition:border-color .25s;margin-top:1rem;min-width:250px}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btnsortear{background:linear-gradient(145deg,var(--button-color),color-mix(in srgb,var(--button-color) 70%,white));color:#fff;font-size:1.2rem;padding:12px 40px;border:2px solid #ffffff;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:700;margin:20px auto;display:block;box-shadow:0 5px 15px #0003;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box}.btnsortear:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,.1);transform:rotate(45deg);transition:all .5s;opacity:0}.btnsortear:hover:before{opacity:1}.btnsortear:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.btnsortear:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}.btnsortear:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.contenedorNombre{width:95%;margin:1.5rem auto;height:65px}.reel-item{font-size:1.8em;padding:0 10px}.btnsortear{font-size:1.1rem;padding:12px 30px;margin:1.5rem auto}}@media (max-width: 480px){.contenedorNombre{width:95%;min-width:280px;margin:1rem auto;height:60px;border-width:3px}.reel-item{font-size:1.6em;padding:0 8px;height:50px;line-height:50px}.reel-viewport{height:50px}.btnsortear{font-size:1rem;padding:10px 25px;margin:1rem auto;width:90%;max-width:280px}}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem;color:#ffffffe6;overflow-x:hidden}.page-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;position:relative;text-align:center}.page-header h1{font-size:2.5rem;margin:1rem 0;background:linear-gradient(135deg,#ffffff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}.back-link{position:absolute;left:0;top:.5rem;color:#fffc;text-decoration:none;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:2rem}.back-link:hover{color:#fff;background:rgba(255,255,255,.2);transform:translate(-5px)}.page-content{background:rgba(255,255,255,.05);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.page-content h2{font-size:1.8rem;margin:2rem 0 1rem;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.page-content h2:first-child{margin-top:0}.page-content h3{font-size:1.3rem;margin:1.5rem 0 1rem;color:#ffffffe6;text-align:left}.page-content p{margin-bottom:1rem;line-height:1.6;color:#fffc;text-align:left}.page-content a{color:var(--button-color, #8b8b8b);text-decoration:underline;transition:color .2s ease}.page-content a:hover{color:#ffffffe6}.page-content ul,.page-content ol{margin:1rem 0 1.5rem 1.5rem;color:#fffc}.page-content li{margin-bottom:.5rem;line-height:1.5}.page-footer{text-align:center;margin-top:3rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff;text-decoration:underline}.features-list{list-style-type:none;margin:1.5rem 0;padding:0}.features-list li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--button-color, #dbdbdb)}.feature-highlight{color:#fff;font-weight:700}.instructions{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.instruction-step{background:rgba(255,255,255,.05);border-radius:8px;padding:1.5rem;text-align:left}.instruction-step h3{margin-top:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:1rem;text-align:left}.recommendations ul{list-style-type:none;padding:0}.recommendations li{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center}.recommendations li:before{content:"💡";margin-right:.8rem;font-size:1.2rem}.use-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.use-case{background:rgba(255,255,255,.03);padding:1.2rem;border-radius:8px;border-left:3px solid var(--button-color, #622f85);text-align:left}.use-case h3{margin-top:0;font-size:1.1rem;text-align:left}.contact-section{margin-bottom:3rem}.contact-card{background:rgba(255,255,255,.03);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.contact-method{display:flex;align-items:flex-start;padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;transition:transform .3s ease,background .3s ease}.contact-method:hover{transform:translateY(-5px);background:rgba(255,255,255,.05)}.contact-icon{margin-right:1rem;color:var(--button-color, #622f85)}.contact-details h3{margin:0;margin-bottom:.5rem}.contact-details a{color:#fff;text-decoration:none;font-weight:500}.contact-details a:hover{text-decoration:underline}.contact-description{margin-top:.5rem;font-size:.9rem;color:#ffffffb3}.faq-section{margin-bottom:3rem}.faq-item{background:rgba(255,255,255,.03);border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1rem}.faq-item h3{margin-top:0;font-size:1.2rem;margin-bottom:.8rem;color:#fff}.faq-item p{margin:0}.testimonials{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.testimonial{background:rgba(255,255,255,.02);padding:1.5rem;border-radius:8px;position:relative}.testimonial:before{content:"";position:absolute;top:.5rem;left:.5rem;font-size:3rem;color:#ffffff1a;font-family:serif}.testimonial p{position:relative;z-index:1}.testimonial-author{text-align:right;font-style:italic;color:#fff9}.policy-content{font-size:.95rem;line-height:1.7}.last-updated{color:#fff9;font-size:.9rem;margin-bottom:2rem}.policy-intro{font-size:1.05rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.policy-section{margin-bottom:2.5rem}.policy-section h2{font-size:1.6rem}.subsection{margin-left:1rem;margin-bottom:1.5rem}.subsection h3{font-size:1.25rem}.home-container{width:100%;display:flex;flex-direction:column;min-height:100vh;position:relative;padding-bottom:120px}.app-container{width:100%}.home-links{margin-top:2rem;width:100%;padding:0 1rem}.links-container{max-width:1200px;margin:0 auto;background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.links-container h2{text-align:center;margin-bottom:1.5rem;color:#ffffffe6}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.feature-link{text-decoration:none;color:inherit;display:flex;align-items:center;padding:1.2rem;border-radius:8px;background:rgba(255,255,255,.03);transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.feature-link:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);box-shadow:0 5px 15px #0000001a;border-color:#ffffff1a}.link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:1rem;border-radius:50%;background:rgba(var(--button-color-rgb, 98, 47, 133),.2);color:#ffffffe6}.link-text h3{margin:0;margin-bottom:.3rem;color:#ffffffe6}.link-text p{margin:0;color:#fff9;font-size:.9rem}.hero-section{background:linear-gradient(135deg,rgba(98,47,133,.1),rgba(98,47,133,.05));padding:2rem 1rem;text-align:center;margin-bottom:2rem}.hero-content h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.feature-badge{background:rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.content-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.benefits-section{padding:3rem 0;background:rgba(0,0,0,.1)}.benefits-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.benefit-card{background:rgba(255,255,255,.1);padding:2rem;border-radius:1rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.15);border-color:#fff3}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.benefit-card p{color:#fffc;line-height:1.6}.use-cases-section{padding:3rem 0}.use-cases-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.use-case{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);text-align:left}.use-case h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.use-case ul{list-style:none;padding:0}.use-case li{color:#fffc;padding:.3rem 0 .3rem 1rem;position:relative}.use-case li:before{content:"→";position:absolute;left:0;color:#fff9}.quick-guide-section{padding:3rem 0;background:rgba(0,0,0,.1)}.quick-guide-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step{text-align:center;padding:1.5rem}.step-number{background:linear-gradient(135deg,#622f85,#8e4ec6);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{color:#fff;margin-bottom:.5rem}.step p{color:#fffc;line-height:1.6}.more-content-section{padding:3rem 0}.more-content-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.content-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.content-link{background:rgba(255,255,255,.1);padding:2rem;border-radius:1rem;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:block;text-align:left}.content-link:hover{transform:translateY(-5px);background:rgba(255,255,255,.15);border-color:#fff3;color:#fff;text-decoration:none}.content-link h3{margin-bottom:.5rem;font-size:1.3rem;text-align:left}.content-link p{color:#fffc;margin:0;text-align:left}.home-container{width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;padding-bottom:120px}.hero-section{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);border-radius:16px;margin-bottom:2rem}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.hero-features{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.feature-badge{padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:25px;font-size:.9rem;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.features-section{padding:2rem 1rem}.content-wrapper{max-width:1000px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{text-align:center;padding:2rem 1rem;background:rgba(255,255,255,.05);border-radius:12px;transition:transform .3s ease,background .3s ease;border:1px solid rgba(255,255,255,.1)}.feature-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem;color:#fffffff2;margin-bottom:.5rem}.feature-card p{color:#ffffffb3;font-size:.9rem;line-height:1.4}.use-cases-section{padding:2rem 1rem;text-align:center}.use-cases-section h2{font-size:2rem;color:#fffffff2;margin-bottom:2rem}.use-cases-simple{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.use-case-simple{padding:1rem 1.5rem;background:rgba(255,255,255,.08);border-radius:25px;color:#ffffffe6;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.15)}.use-case-simple:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.help-section{padding:2rem 1rem;text-align:center}.help-link{display:inline-block;padding:1rem 2rem;background:rgba(255,255,255,.1);color:#ffffffe6;text-decoration:none;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);font-weight:500}.help-link:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);color:#fff}.features-minimal{padding:1.5rem 1rem;background:transparent}.features-grid-minimal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:0 auto}.feature-card-minimal{background:rgba(255,255,255,.144);padding:.4rem;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease}.feature-card-minimal:hover{transform:translateY(-5px)}.feature-card-minimal .feature-icon{font-size:2.5rem;margin-bottom:0rem}.feature-card-minimal h3{font-size:1.3rem;margin:0 0 .5rem;color:#333}.feature-card-minimal p{color:#666;margin:0;font-size:.95rem}.help-link-minimal{text-align:center;padding:.5rem 1rem}.help-button-minimal{display:inline-block;padding:1rem 2rem;background:#1d1d1d;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s ease}.help-button-minimal:hover{background:#292929;transform:translateY(-2px)}@media (max-width: 768px){.page-header h1{font-size:2rem}.back-link{position:relative;margin-bottom:.5rem}.page-content{padding:1.5rem}.instructions,.contact-methods,.testimonials,.links-grid{grid-template-columns:1fr}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.benefits-grid,.use-cases-grid,.steps-container,.content-links{grid-template-columns:1fr}.hero-features{flex-direction:column;align-items:center}}@media (max-width: 480px){.page-header h1{font-size:1.8rem}.page-content{padding:1rem}}.page-content,.page-content h2,.page-content h3,.page-content h4,.page-content p,.page-content li,.page-content pre,.instructions .instruction-step,.instructions .instruction-step h3,.instructions .instruction-step ul,.csv-format,.csv-format h4,.csv-format p,.csv-format pre,.csv-format ul,.use-cases-grid .use-case,.use-cases-grid .use-case h3,.use-cases-grid .use-case p,.use-cases-grid .use-case ul,.troubleshooting .problem-solution,.troubleshooting .problem-solution h4,.troubleshooting .problem-solution ul,.best-practices,.best-practices h3,.best-practices ul,.compatibility,.compatibility h4,.compatibility ul,.compatibility p,.content-links .content-link,.content-links .content-link h3,.content-links .content-link p{text-align:left}.home-container:has(.contenedorNombre) .features-minimal,.home-container:has(.contenedorNombre) .help-link-minimal{display:none}.app-container:has(.contenedorNombre)~.features-minimal,.app-container:has(.contenedorNombre)~.help-link-minimal{display:none}.sorteo-active .features-minimal,.sorteo-active .help-link-minimal{display:none}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem 1rem}.app-container:has(.contenedorNombre){flex:1;justify-content:center;gap:2rem}.btnsortear{display:block;margin:2rem auto!important}@media (max-width: 768px){.app-container{flex:1;padding:1rem .5rem;width:100%;box-sizing:border-box}.app-container:has(.contenedorNombre){gap:1.5rem;width:100%;justify-content:center;align-items:center}.home-container{padding-bottom:120px;width:100%;box-sizing:border-box}}.content-always-visible{padding:3rem 1rem;background:rgba(255,255,255,.02);margin-top:2rem}.content-always-visible .content-wrapper{max-width:1200px;margin:0 auto}.content-always-visible h2{text-align:center;font-size:2rem;color:#fffffff2;margin-bottom:2rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent}.how-it-works{margin-bottom:4rem}.tech-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.tech-card{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:left}.tech-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:#fff3}.tech-card h3{color:#fffffff2;margin-bottom:.8rem;font-size:1.2rem;text-align:left}.tech-card p{color:#fffc;line-height:1.5;margin:0;text-align:left}.real-advantages{margin-bottom:4rem}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.advantage-item{background:rgba(255,255,255,.04);padding:1.2rem;border-radius:10px;border-left:3px solid rgba(255,255,255,.3);transition:all .3s ease;text-align:left}.advantage-item:hover{background:rgba(255,255,255,.07);border-left-color:#ffffff80}.advantage-item h4{color:#fffffff2;margin-bottom:.5rem;font-size:1.1rem;text-align:left}.advantage-item p{color:#fffc;line-height:1.4;margin:0;font-size:.95rem;text-align:left}.real-use-cases{margin-bottom:2rem}.use-cases-practical{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.use-case-category{background:rgba(255,255,255,.06);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:left}.use-case-category h4{color:#fffffff2;margin-bottom:1rem;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;text-align:left}.use-case-category ul{list-style:none;padding:0;margin:0}.use-case-category li{color:#fffc;position:relative;padding:.4rem 0 .4rem 1.2rem;line-height:1.4;text-align:left}.use-case-category li:before{content:"•";position:absolute;left:0;color:#fff9;font-weight:700}@media (max-width: 768px){.content-always-visible{padding:2rem 1rem}.content-always-visible h2{font-size:1.6rem}.tech-info-grid,.advantages-grid,.use-cases-practical{grid-template-columns:1fr;gap:1.5rem}.home-container{padding-bottom:160px}}@media (max-width: 480px){.content-always-visible{padding:1.5rem .5rem}.tech-card,.advantage-item,.use-case-category{padding:1rem}}.welcome-container{width:100%;color:#ffffffe6;line-height:1.6}.welcome-main{width:100%;max-width:1200px;margin:0 auto;padding:2rem 0rem}.welcome-hero{text-align:center;margin-bottom:3rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.welcome-hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.3)}.welcome-hero p{font-size:1.2rem;margin-bottom:2rem;color:#fffc;max-width:600px;margin-left:auto;margin-right:auto}.welcome-cta{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:2rem;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.welcome-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.welcome-content{display:grid;gap:3rem}.welcome-section h2{font-size:2rem;margin-bottom:1.5rem;color:#fff;text-align:center}.welcome-section h3{font-size:1.4rem;margin-bottom:1rem;color:#ffffffe6}.welcome-section p{margin-bottom:1rem;color:#fffc}.welcome-section ul{list-style:none;padding:0}.welcome-section li{position:relative;margin-bottom:.5rem;padding-left:1.5rem;color:#fffc}.welcome-section li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}@media (max-width: 768px){.welcome-hero h1{font-size:2.5rem}.welcome-hero p{font-size:1.1rem}.welcome-main{padding:1rem 0rem}.welcome-content{gap:2rem}}@media (max-width: 480px){.welcome-hero h1{font-size:2rem}.welcome-cta{padding:.8rem 1.5rem;font-size:1rem}.welcome-section h2{font-size:1.6rem}.welcome-section h3{font-size:1.2rem}}.page-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:rgba(0,0,0,.2);box-shadow:0 2px 10px #0000001a;border-radius:8px;margin-bottom:1rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.site-brand{font-size:1.2rem;font-weight:700}.brand-link{color:#fff;text-decoration:none;display:flex;align-items:center}.brand-link:hover{text-decoration:none;opacity:.9}.nav-links{display:flex;gap:1rem}.nav-link{color:#fffc;text-decoration:none;font-size:.9rem;padding:.4rem .8rem;border-radius:4px;transition:all .2s ease}.nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.footer-nav-links{display:flex;justify-content:center;gap:1rem;margin-bottom:.8rem}.footer-nav-link{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-nav-link:hover{color:#fff;text-decoration:underline}@media (max-width: 600px){.page-nav{flex-direction:column;gap:.8rem;padding:.8rem}.nav-links{width:100%;justify-content:space-around}.nav-link{padding:.3rem .5rem;font-size:.8rem}}