:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}.app-wrapper{width:100%;min-height:100dvh;display:flex;flex-direction:column}.loteria6-loading{text-align:center;padding:clamp(.6rem,2vmin,1rem);color:#ffd54a;font-size:clamp(.9rem,2.4vmin,1.1rem);font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.loteria6-estado{margin-bottom:clamp(.6rem,2vmin,1rem);padding:clamp(.6rem,2vmin,.9rem) clamp(.8rem,3vmin,1.2rem);border-radius:12px;background:#15803dd9;color:#fff;font-weight:600;font-size:clamp(.8rem,2vmin,.95rem);text-shadow:1px 1px 2px rgba(0,0,0,.6);max-width:750px;width:100%;box-sizing:border-box}.loteria6-estado p{margin:0 0 .35rem}.loteria6-estado p:last-child{margin-bottom:0}.loteria6-estado.is-simulado{background:#b45309e6;font-weight:700}.loteria6-estado code{background:#00000059;padding:0 .3em;border-radius:4px}.loteria6-estado-alerta{background:#991b1be6;padding:.4rem .6rem;border-radius:8px;font-weight:700}.loteria6-estado-menor{opacity:.85;font-weight:500}.loteria6-error{margin-bottom:clamp(.6rem,2vmin,1rem);padding:clamp(.6rem,2vmin,.9rem) clamp(.8rem,3vmin,1.2rem);border-radius:12px;background:#dc2626d9;color:#fff;font-weight:700;font-size:clamp(.85rem,2.2vmin,1rem);text-shadow:1px 1px 2px rgba(0,0,0,.6);max-width:750px;width:100%;box-sizing:border-box}.triplepollo{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 14px 16px;box-sizing:border-box;background-color:#00a4e2;background-image:repeating-conic-gradient(from -90deg at 50% -18%,#00a4e2 0deg 7deg,#0c52a0 7deg 14deg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}.triplepollo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,#ffffff14,#20234c80 82%);pointer-events:none;z-index:0}.triplepollo>*{position:relative;z-index:1}.triplepollo-logo{width:min(320px,62vw);max-height:160px;object-fit:contain;height:auto;filter:drop-shadow(0 8px 20px rgba(32,35,76,.6));margin-bottom:0}.triplepollo-tagline{font-weight:800;letter-spacing:.5px;font-size:clamp(.8rem,2.6vw,1.05rem);color:#fff;text-shadow:0 2px 6px rgba(32,35,76,.7);margin-bottom:10px}.triplepollo-tagline strong{background:#20234c;padding:2px 10px;border-radius:4px;box-shadow:0 3px 10px #20234c80}.triplepollo-columns{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2.5rem)}.triplepollo-stage-col{display:flex;justify-content:center;flex:1 1 auto;min-width:0}.triplepollo-reveal-col{display:flex;justify-content:center;flex:0 0 560px;max-width:560px;animation:triplepollo-reveal-in .4s ease-out}@keyframes triplepollo-reveal-in{0%{opacity:0;transform:translate(24px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:860px){.triplepollo-columns{flex-direction:column}.triplepollo-reveal-col{flex:0 0 auto;max-width:100%}}.triplepollo-stage{width:100%;max-width:980px;display:flex;justify-content:center;padding:6px}.triplepollo-canvas{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;max-height:52dvh}.triplepollo-result{width:100%;max-width:560px;text-align:center;padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,#0c52a0,#20234c);border:2px solid rgba(244,187,68,.7);box-shadow:0 14px 36px #20234c8c}.triplepollo-result h2{margin:0 0 14px;font-size:clamp(1.15rem,3vw,1.6rem);color:#f4bb44;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.triplepollo-triple{display:flex;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,2vw,18px);margin-bottom:16px}.triplepollo-digit-card{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:170px;padding:clamp(4px,1vw,8px);border-radius:14px;background:linear-gradient(180deg,#0c52a066,#20234ca6);border:1px solid rgba(244,187,68,.4);box-shadow:0 6px 16px #20234c66,inset 0 1px 2px #ffffff0f}.triplepollo-digit-badge{display:block;width:100%;height:auto;aspect-ratio:150 / 190}.triplepollo-premios{font-size:.9rem;line-height:1.5;color:#dbeafe;margin:8px 0 0}.triplepollo-premios strong{color:#f4bb44;text-transform:uppercase;letter-spacing:.5px}.triplepollo-buttons{margin-top:12px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.triplepollo-btn{border:none;cursor:pointer;padding:12px 28px;border-radius:999px;font-size:1rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.triplepollo-btn:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.85);opacity:.7}.triplepollo-btn.sortear{color:#20234c;background:linear-gradient(180deg,#fff6c8,#f4bb44 55%,#c97618);box-shadow:0 8px 22px #f4bb4480}.triplepollo-btn.reiniciar{color:#fff;background:linear-gradient(180deg,#0c52a0,#20234c);border:1px solid rgba(244,187,68,.5);box-shadow:0 8px 22px #20234c80}.triplepollo-btn:not(:disabled):hover{transform:translateY(-2px)}.triplepollo-btn:not(:disabled):active{transform:translateY(0)}.triplepollo-error{margin:14px 0;padding:12px 18px;border-radius:12px;font-weight:600;text-align:center;background:#dc262659;border:1px solid rgba(248,113,113,.6);color:#fee2e2}@media(max-width:768px){.triplepollo-logo{max-height:130px}.triplepollo-canvas{max-height:40dvh}}@media(max-width:480px){.triplepollo{padding:8px 10px 14px}.triplepollo-logo{max-height:110px}.triplepollo-canvas{max-height:34dvh}}.triplepollo-btn.probar{color:#cbd5e1;background:linear-gradient(180deg,#3f4756,#2b313c);border:2px dashed rgba(203,213,225,.55);box-shadow:none;opacity:.92}.triplepollo-btn.probar:hover:not(:disabled){color:#f1f5f9;border-color:#f1f5f9cc;opacity:1}