:root{--accent-rgb: 59, 130, 246;--aws-deep: #0b1220;--aws-navy: #111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.15)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.footer{background:#ffffffe6;padding:15px 0;position:fixed;bottom:0;width:100%;box-shadow:0 -5px 15px #0000001a;z-index:900}.footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-weight:500;color:#4b5563}.footer-text{display:inline-flex;align-items:center;gap:6px}.footer-divider{color:#cbd5f5}.footer-link{color:#1d4ed8;text-decoration:none;font-weight:600}.footer-link:hover{text-decoration:underline}.footer-icon-link{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#3498db;font-size:22px}.footer-icon-link:hover{text-decoration:none;color:#2980b9}.footer-heart{display:inline-flex;align-items:center;color:#e74c3c;animation:heartBeat 1.5s infinite;font-size:16px!important}.footer p{margin:0;color:#2c3e50;font-weight:500}.footer a{color:#3498db;text-decoration:none;font-weight:600;transition:color .3s ease}.footer a:hover{color:#2980b9}@media (prefers-color-scheme: dark){.footer{background:#0c1321f2;box-shadow:0 -5px 15px #00000073}.footer-content{color:#b5bfd7}.footer-link{color:#8db0ff}.footer-link:hover{color:#a9c4ff}.footer-divider{color:#4e5f82}}.loteria-page{--ui-surface: rgba(11, 18, 32, .28);--ui-surface-border: rgba(255, 255, 255, .1);--ui-card-bg: rgba(11, 18, 32, .3);--ui-card-border: rgba(255, 255, 255, .12);--ui-text-primary: rgba(248, 250, 252, .96);--ui-text-secondary: rgba(226, 232, 240, .88);--ui-muted: rgba(148, 163, 184, .9);--ui-upload-bg: rgba(248, 250, 252, .06);--ui-upload-color: rgba(255, 255, 255, .94);--ui-secondary-bg: rgba(var(--accent-rgb), .1);--ui-secondary-border: rgba(var(--accent-rgb), .55);--ui-secondary-text: rgba(255, 255, 255, .95);--ui-input-bg: rgba(2, 6, 23, .25);--ui-input-border: rgba(255, 255, 255, .2);--ui-input-focus: rgba(59, 130, 246, .75);--ui-shadow: 0 16px 40px rgba(2, 6, 23, .2);--ui-btn-secondary-bg: rgba(255, 255, 255, .08);--ui-btn-secondary-border: rgba(148, 163, 184, .42);--ui-btn-secondary-text: rgba(248, 250, 252, .95);--ui-btn-secondary-hover-bg: rgba(59, 130, 246, .14);--ui-btn-secondary-hover-border: rgba(59, 130, 246, .55);padding:2.5rem 0 6rem}.loteria-page.theme-light{--ui-surface: rgba(255, 255, 255, .72);--ui-surface-border: rgba(15, 23, 42, .1);--ui-card-bg: rgba(255, 255, 255, .9);--ui-card-border: rgba(15, 23, 42, .14);--ui-text-primary: rgba(15, 23, 42, .95);--ui-text-secondary: rgba(30, 41, 59, .86);--ui-muted: rgba(71, 85, 105, .9);--ui-upload-bg: rgba(59, 130, 246, .08);--ui-upload-color: rgba(30, 41, 59, .92);--ui-secondary-bg: rgba(59, 130, 246, .08);--ui-secondary-border: rgba(59, 130, 246, .45);--ui-secondary-text: rgba(30, 41, 59, .95);--ui-input-bg: rgba(248, 250, 252, .92);--ui-input-border: rgba(148, 163, 184, .62);--ui-input-focus: rgba(59, 130, 246, .7);--ui-shadow: 0 14px 34px rgba(15, 23, 42, .1);--ui-btn-secondary-bg: rgba(255, 255, 255, .86);--ui-btn-secondary-border: rgba(71, 85, 105, .32);--ui-btn-secondary-text: rgba(30, 41, 59, .95);--ui-btn-secondary-hover-bg: rgba(59, 130, 246, .12);--ui-btn-secondary-hover-border: rgba(59, 130, 246, .52)}.loteria-head{margin-bottom:1.75rem}.loteria-help{margin:1.25rem 0 1.5rem;border-radius:18px}.loteria-controls{border-radius:18px;background:var(--ui-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;box-shadow:var(--ui-shadow);border:1px solid var(--ui-surface-border)}.loteria-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.loteria-upload{border-radius:14px!important;border:2px dashed rgba(56,189,248,.65)!important;background:var(--ui-upload-bg)!important;color:var(--ui-upload-color)!important;padding:12px 16px!important;text-transform:none!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease}.loteria-upload:hover{transform:translateY(-1px);box-shadow:0 8px 20px #02061724}.loteria-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:8px}.loteria-preview img{width:100%;aspect-ratio:1 / 1;object-fit:contain;object-position:center;border-radius:10px;border:1px solid var(--ui-surface-border);background:#ffffffb3}.loteria-primary,.loteria-secondary{border-radius:999px!important;text-transform:none!important;font-weight:800!important;transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.loteria-primary{font-weight:900!important;border:1px solid rgba(var(--accent-rgb),.9)!important;color:#fff!important;background:linear-gradient(135deg,#2563ebf2,#3b82f6eb)!important;box-shadow:0 8px 20px #2563eb4d}.loteria-primary:hover,.loteria-secondary:hover{transform:translateY(-1px)}.loteria-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6fa)!important;border-color:#3b82f6!important;box-shadow:0 10px 24px #2563eb57}.loteria-secondary{border:1px solid rgba(var(--accent-rgb),.9)!important;color:#fff!important;background:linear-gradient(135deg,#2563ebf2,#3b82f6eb)!important;box-shadow:0 8px 20px #2563eb4d!important}.loteria-secondary:hover{border-color:#3b82f6!important;background:linear-gradient(135deg,#2563eb,#3b82f6fa)!important;box-shadow:0 10px 24px #2563eb57!important}.loteria-secondary.Mui-disabled{background:#94a3b838!important;color:#64748bb8!important;border-color:#94a3b84d!important}.loteria-secondary.loteria-print{border-color:rgba(var(--accent-rgb),.9)!important;background:linear-gradient(135deg,#2563ebf2,#3b82f6eb)!important;box-shadow:0 8px 20px #2563eb4d!important}.loteria-secondary.loteria-print:hover{border-color:#3b82f6!important;background:linear-gradient(135deg,#2563eb,#3b82f6fa)!important;box-shadow:0 10px 24px #2563eb57!important}.loteria-secondary.loteria-print.Mui-disabled{background:rgba(var(--accent-rgb),.28)!important;color:#64748bb8!important;border-color:rgba(var(--accent-rgb),.3)!important;box-shadow:none!important}.loteria-boards{margin-top:1.75rem}.loteria-empty{border-radius:18px;border:1px dashed var(--ui-surface-border);padding:1.25rem;text-align:center;background:var(--ui-surface)}.loteria-boards-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;justify-items:center}@media (min-width: 900px){.loteria-boards-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.loteria-board{width:min(100%,420px);aspect-ratio:2 / 3;height:auto;display:grid;gap:8px;padding:12px;background:var(--ui-card-bg);border:1px solid var(--ui-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:var(--ui-shadow)}.loteria-board--9{width:min(100%,420px);aspect-ratio:2 / 3;grid-template-columns:repeat(3,1fr)}.loteria-board--12{width:min(100%,520px);aspect-ratio:4 / 3;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.loteria-board--16{width:min(100%,460px);aspect-ratio:1 / 1;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}@media (max-width: 600px){.loteria-board--12{gap:6px;padding:8px}.loteria-board--16{gap:5px;padding:7px}}.loteria-card{width:100%;aspect-ratio:1 / 1;border:1px solid var(--ui-surface-border);border-radius:10px;overflow:hidden;background:#ffffff59}.loteria-card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.loteria-controls .MuiFormLabel-root,.loteria-controls .MuiSelect-select,.loteria-controls .MuiMenuItem-root{color:var(--ui-text-primary)!important}.loteria-controls .MuiOutlinedInput-root{background:var(--ui-input-bg);border-radius:12px}.loteria-controls .MuiOutlinedInput-notchedOutline{border-color:var(--ui-input-border)!important}.loteria-controls .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--ui-input-focus)!important}.loteria-controls .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--ui-input-focus)!important;border-width:2px}.loteria-page.theme-light .loteria-help .MuiAlert-icon{color:#2563ebeb}