body{margin:0}.mobile-text{display:none}.desktop-text{display:inline}@media (max-width: 576px){.mobile-text{display:inline}.desktop-text{display:none}}.premio-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden;padding:20px}.premio-content{position:relative;z-index:1;background:#fffffff2;border-radius:20px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.premio-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.premio-subtitle{text-align:center;margin-top:20px}.premio-message{font-size:24px;color:#333;margin-bottom:10px;font-weight:600}.premio-details{font-size:18px;color:#666;margin:0}.confetti{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;width:10px;height:10px;background:gold;top:-10px;opacity:.8;animation:fall linear infinite}@keyframes fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.premio-title{font-size:32px;flex-direction:column}.premio-content{padding:40px 20px}.premio-message{font-size:20px}.premio-details{font-size:16px}}.qr-viewer-modal .ant-modal-content{padding:24px}.qr-viewer-content{display:flex;flex-direction:column;align-items:center}.qr-image-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:24px;min-height:300px;background:#fafafa;border-radius:8px;padding:20px}.qr-large-image{max-width:100%;height:auto;border:2px solid #d9d9d9;border-radius:8px;box-shadow:0 2px 8px #0000001a}.qr-info{width:100%;margin-bottom:24px;padding:16px;background:#f5f5f5;border-radius:8px}.qr-actions{width:100%;margin-top:16px}@media (max-width: 768px){.qr-image-container{min-height:200px;padding:10px}.qr-large-image{max-width:90%}}