.ruleta-pizza-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0033a0;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.encabezado-fondo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.fondo-red-img{width:min(60vw,320px);height:auto}.fondo-llegate-img{width:min(70vw,420px);height:auto}.ruleta-pizza-wrapper{position:relative;width:90vw;max-width:500px;height:90vw;max-height:500px;margin-bottom:40px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.indicador-pizza{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #FFD700;z-index:20;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.indicador-pizza:after{content:"";position:absolute;top:-45px;left:50%;transform:translate(-50%);width:8px;height:15px;background:#333;border-radius:4px}.ruleta-pizza{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circulo-pizza{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 4.5s cubic-bezier(.17,.67,.12,.99);background:repeating-conic-gradient(from -90deg,#1e40af,#1e40af 20deg,#dc2626 20deg,#dc2626 40deg,#fefefe 40deg,#fefefe 60deg);box-shadow:0 0 0 8px #333,0 0 0 12px #000,0 20px 50px #000000b3}.porcion-pizza{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center;transition:filter .2s ease}.porcion-pizza:hover{filter:brightness(1.1)}.porcion-pizza:nth-child(1){background-color:#1e40af}.porcion-pizza:nth-child(2){background-color:#dc2626}.porcion-pizza:nth-child(3){background-color:#fefefe}.porcion-pizza:nth-child(4){background-color:#1e40af}.porcion-pizza:nth-child(5){background-color:#dc2626}.porcion-pizza:nth-child(6){background-color:#fefefe}.porcion-pizza:nth-child(7){background-color:#1e40af}.porcion-pizza:nth-child(8){background-color:#dc2626}.porcion-pizza:nth-child(9){background-color:#fefefe}.porcion-pizza:nth-child(10){background-color:#1e40af}.porcion-pizza:nth-child(11){background-color:#dc2626}.porcion-pizza:nth-child(12){background-color:#fefefe}.contenido-porcion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:12px;font-weight:700;color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.8);opacity:1;transition:opacity .3s ease;z-index:5;width:16;padding-right:2px;transform-origin:center center}.porcion-pizza:nth-child(1) .contenido-porcion,.porcion-pizza:nth-child(4) .contenido-porcion,.porcion-pizza:nth-child(7) .contenido-porcion,.porcion-pizza:nth-child(10) .contenido-porcion{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.porcion-pizza:nth-child(2) .contenido-porcion,.porcion-pizza:nth-child(5) .contenido-porcion,.porcion-pizza:nth-child(8) .contenido-porcion,.porcion-pizza:nth-child(11) .contenido-porcion{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.porcion-pizza:nth-child(3) .contenido-porcion,.porcion-pizza:nth-child(6) .contenido-porcion,.porcion-pizza:nth-child(9) .contenido-porcion,.porcion-pizza:nth-child(12) .contenido-porcion{color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.img-logo-pizza{width:96%;max-width:72px;max-height:44px;min-width:24px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.texto-pizza{font-size:10px;line-height:1.2;max-width:60px}.centro-pizza{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1f2937,#111827);border:4px solid #374151;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 6px 20px #0009,inset 0 2px 8px #0006}.boton-centro-pizza{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#374151,#1f2937);border:2px solid #4B5563;box-shadow:inset 0 2px 8px #00000080}.divisiones-pizza{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(rgba(0,0,0,.85) 0deg 1deg,transparent 1deg 20deg);mix-blend-mode:multiply;transform:rotate(-90deg);z-index:1}.boton-girar-pizza{background:linear-gradient(45deg,gold,orange);color:#000;border:none;padding:20px 40px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #ffd7004d;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;animation:brillar-pizza 2s ease-in-out infinite;position:relative;overflow:hidden}@keyframes brillar-pizza{0%,to{box-shadow:0 8px 20px #ffd7004d}50%{box-shadow:0 8px 30px #ffd70099}}.boton-girar-pizza:hover:not(.deshabilitado){transform:translateY(-2px) scale(1.05);box-shadow:0 12px 25px #ffd70066}.boton-girar-pizza:active:not(.deshabilitado){transform:translateY(0) scale(.98)}.boton-girar-pizza.deshabilitado{opacity:.6;cursor:not-allowed;animation:none}.resultado-modal-pizza{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contenido-resultado-pizza{background:linear-gradient(135deg,#1f2937,#111827);padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0009;animation:slideIn .5s ease;max-width:90vw;max-height:80vh;overflow-y:auto;border:3px solid #FFD700;position:relative;color:#fff}.contenido-resultado-pizza.ganador{background:#fff;border:none;color:#111827}.contenido-resultado-pizza.ganador .logo-ganador-pizza{animation:none}.contenido-resultado-pizza.ganador .animacion-celebracion-pizza{display:none}.contenido-resultado-pizza.intento{background:#fff;border:none;color:#000}.contenido-resultado-pizza.intento .titulo-intento-pizza,.contenido-resultado-pizza.intento .texto-intento-pizza{color:#000;text-shadow:none}.titulo-intento-pizza.simple{font-size:28px}.logo-ganador-pizza,.logo-intento-pizza{font-size:80px;margin-bottom:20px;animation:celebrar 1s ease-in-out infinite}.logo-ganador-img{width:min(55vw,260px);max-height:50vh;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto 16px}.titulo-ganador-pizza{color:#1e40af;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.titulo-intento-pizza{color:#dc2626;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.texto-ganador-pizza,.texto-intento-pizza{font-size:18px;color:#e5e7eb;margin-bottom:30px;line-height:1.5;font-weight:500}.animacion-celebracion-pizza,.animacion-intento-pizza{font-size:24px;margin:20px 0;animation:bounce 1s ease-in-out infinite}.boton-cerrar-pizza{background:linear-gradient(45deg,#374151,#4b5563);color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #37415166;text-transform:uppercase;letter-spacing:1px}.boton-cerrar-pizza:hover{transform:translateY(-2px);box-shadow:0 6px 20px #37415180}@media(max-width:768px)and (max-height:1024px){.ruleta-pizza-wrapper{width:85vw;height:85vw;max-width:400px;max-height:400px;margin-bottom:30px}.centro-pizza{width:70px;height:70px}.boton-centro-pizza{width:40px;height:40px}.contenido-porcion{font-size:10px;top:50%;width:12%}.img-logo-pizza{width:60%;max-width:60px;max-height:40px}.texto-pizza{font-size:8px}.boton-girar-pizza{padding:15px 30px;font-size:16px}.contenido-resultado-pizza{padding:30px 20px}.logo-ganador-pizza,.logo-intento-pizza{font-size:60px}.titulo-ganador-pizza,.titulo-intento-pizza{font-size:24px}}@media(max-width:480px){.ruleta-pizza-wrapper{width:80vw;height:80vw;max-width:350px;max-height:350px}.centro-pizza{width:60px;height:60px}.boton-centro-pizza{width:35px;height:35px}.contenido-porcion{font-size:9px;top:50%;width:11%}.img-logo-pizza{width:58%;max-width:56px;max-height:36px}.texto-pizza{font-size:7px}.boton-girar-pizza{padding:12px 24px;font-size:14px}.contenido-resultado-pizza{padding:25px 15px;margin:20px}.logo-ganador-pizza,.logo-intento-pizza{font-size:50px}.titulo-ganador-pizza,.titulo-intento-pizza{font-size:20px}.texto-ganador-pizza,.texto-intento-pizza{font-size:16px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.particula{position:absolute;pointer-events:none;border-radius:2px;animation:caer linear infinite}@keyframes caer{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.particula:nth-child(odd){animation-duration:3s}.particula:nth-child(2n){animation-duration:4s}.particula:nth-child(3n){animation-duration:2.5s}.particula:nth-child(4n){animation-duration:3.5s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.App{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative}.App:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:brillar-azul 8s ease-in-out infinite;z-index:0}@keyframes brillar-azul{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@media(max-width:768px)and (max-height:1024px){.App{min-height:100vh;height:auto;padding:20px 0}}@keyframes entrada{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.texto-centrado{text-align:center}.sombra-texto{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.animacion-entrada{animation:entrada .6s ease-out}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media(max-width:768px)and (max-height:1024px)and (min-aspect-ratio:9/16){html,body{overflow-y:auto;overflow-x:hidden}#root{min-height:100vh;height:auto;padding:10px 0}}@media(max-width:480px)and (orientation:portrait){html,body{font-size:14px}#root{padding:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.animate-slideInUp{animation:slideInUp .6s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}