@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";.mexican-bar[data-v-40e01b62]{z-index:2001;background:linear-gradient(90deg,#006847 33.33%,#fff 33.33% 66.66%,#ce1126 66.66%);width:100%;height:4px;position:fixed;top:0;left:0}.navbar[data-v-40e01b62]{z-index:2000;justify-content:center;width:100%;padding:0 1rem;display:flex;position:fixed;top:1.5rem;left:0}.nav-container[data-v-40e01b62]{border-radius:0;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:.75rem 2rem;display:flex}.header-white[data-v-40e01b62]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#fffffff2;box-shadow:0 10px 30px #0000000d}.nav-logo-img[data-v-40e01b62]{object-fit:contain;width:auto;height:45px}.nav-links[data-v-40e01b62]{gap:2rem;display:flex}.nav-link[data-v-40e01b62]{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.9rem;font-weight:700;transition:all .3s}.nav-link[data-v-40e01b62]:hover,.router-link-active[data-v-40e01b62]{color:var(--primary-color)}.nav-actions[data-v-40e01b62]{align-items:center;display:flex}.auth-buttons[data-v-40e01b62]{align-items:center;gap:.6rem;display:flex}.btn-register[data-v-40e01b62]{text-transform:uppercase;letter-spacing:.8px;color:#fff;background:#006847;border:1.5px solid #006847;border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-register[data-v-40e01b62]:hover{background:#00573c;border-color:#00573c}.dropdown-wrapper[data-v-40e01b62]{position:relative}.btn-cuenta[data-v-40e01b62]{cursor:pointer;align-items:center;gap:.3rem;display:flex}.chevron-open[data-v-40e01b62]{transition:transform .2s;transform:rotate(180deg)}.dropdown-menu[data-v-40e01b62]{z-index:3000;background:#fff;border:1px solid #e0e0e0;border-radius:10px;min-width:160px;animation:.15s dropIn-40e01b62;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}@keyframes dropIn-40e01b62{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-40e01b62]{color:#1a1a2e;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.7rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.dropdown-item[data-v-40e01b62]:hover{background:#f5f5f5}.dropdown-item-danger[data-v-40e01b62]{color:#ce1126}.dropdown-item-danger[data-v-40e01b62]:hover{background:#fdecea}.mobile-auth-divider[data-v-40e01b62]{background:#e0e0e0;height:1px;margin:.5rem 0}.mobile-user-greeting[data-v-40e01b62]{color:#1a1a2e;font-size:1rem;font-weight:700}.mobile-nav-register[data-v-40e01b62]{color:#006847!important}.mobile-nav-logout[data-v-40e01b62]{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;color:#ce1126!important}.mobile-menu[data-v-40e01b62]{z-index:1002;transition:all .3s;display:none}.mobile-drawer[data-v-40e01b62]{z-index:2005;background:#fff;flex-direction:column;width:80%;max-width:300px;height:100vh;padding:6rem 2rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000001a}.close-drawer[data-v-40e01b62]{color:var(--text-primary);padding:.5rem;transition:all .3s;position:absolute;top:2rem;right:2rem}.close-drawer[data-v-40e01b62]:hover{color:var(--primary-color);transform:rotate(90deg)}.mobile-overlay[data-v-40e01b62]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1004;background:#00000080;width:100%;height:100vh;animation:.3s fadeIn-40e01b62;position:fixed;top:0;left:0}@keyframes fadeIn-40e01b62{0%{opacity:0}to{opacity:1}}.mobile-drawer.is-open[data-v-40e01b62]{right:0}.mobile-drawer-content[data-v-40e01b62]{flex-direction:column;gap:2rem;display:flex}.mobile-nav-link[data-v-40e01b62]{text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:all .3s}.mobile-nav-link[data-v-40e01b62]:hover,.mobile-nav-link.router-link-active[data-v-40e01b62]{color:var(--primary-color);padding-left:10px}@media (width<=992px){.nav-links[data-v-40e01b62],.auth-buttons[data-v-40e01b62]{display:none}.mobile-menu[data-v-40e01b62]{color:var(--text-primary);padding:.5rem;display:block}.nav-container[data-v-40e01b62]{padding:.75rem 1.5rem}}.fade-enter-active,.fade-leave-active{transition:opacity .4s,transform .4s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.app-footer{width:100%;max-width:1300px;margin:0 auto;padding:4rem 2rem 2rem}.footer-content{border:1px solid var(--border-color);background:#f8fafc;border-radius:0;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.footer-info h3{color:var(--primary-color);margin-bottom:.5rem}.footer-info p{color:var(--text-secondary);font-size:.85rem}.footer-links{gap:2rem;display:flex}.footer-links a,.footer-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:600;transition:color .3s}.footer-links a:hover,.footer-btn:hover{color:var(--primary-color)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.contact-modal{border:1px solid var(--border-color);background:#fff;border-radius:1.5rem;width:100%;max-width:500px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #00000026}.modal-close{color:var(--text-secondary);transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--primary-color)}.modal-header h2{margin-bottom:.5rem;font-size:2rem;font-weight:800}.modal-header p{color:var(--text-secondary);margin-bottom:2rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.9rem;font-weight:700}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:.75rem;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.btn-send{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.notification-modal{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:3rem 2.5rem 2.5rem;display:flex;box-shadow:0 25px 50px -12px #00000026}.noti-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.noti-icon-wrapper.success{color:#006847;background:#0068471a}.noti-icon-wrapper.error{color:#ce1126;background:#ce11261a}.noti-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.noti-message{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.btn-noti-close{letter-spacing:1px;justify-content:center;align-items:center;width:100%;padding:1rem;font-weight:800;display:flex}.animate-scale-up{animation:.4s cubic-bezier(.16,1,.3,1) scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:2rem;padding:2rem}}.home-landing[data-v-b1cdd839]{align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-container[data-v-b1cdd839]{z-index:10;grid-template-columns:1fr 400px;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;padding:8rem 2rem 4rem;display:grid;position:relative}.bg-photo[data-v-b1cdd839]{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;top:0;left:0}.hero[data-v-b1cdd839]{width:100%;max-width:100%;display:block}.hero-content[data-v-b1cdd839]{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#ffffffd9;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;box-shadow:0 20px 40px #0000000d}.hero-title[data-v-b1cdd839]{color:var(--text-primary);font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:1.1}.hero-title span[data-v-b1cdd839]{background:linear-gradient(90deg,#006847,#ce1126);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description[data-v-b1cdd839]{color:var(--text-secondary);max-width:500px;font-size:1.15rem;line-height:1.6}.badge-wrapper[data-v-b1cdd839]{margin:.5rem 0}.badge[data-v-b1cdd839]{border-bottom:2px solid var(--primary-glow);width:fit-content;color:var(--primary-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:1px;background:#ffffff80;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero-link-wrap[data-v-b1cdd839]{align-items:center;gap:2rem;margin-top:1rem;display:flex}.btn-comenzar[data-v-b1cdd839]{background:var(--text-primary);color:#fff;letter-spacing:2px;text-align:center;z-index:1;border:none;border-radius:0;padding:1rem 3rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.btn-comenzar[data-v-b1cdd839]:before{content:"";z-index:-1;background:#006847;width:0%;height:100%;transition:width .4s;position:absolute;top:0;left:0}.btn-comenzar[data-v-b1cdd839]:hover:before{width:100%}.btn-comenzar[data-v-b1cdd839]:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0068474d}.text-link[data-v-b1cdd839]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;padding-bottom:4px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.text-link[data-v-b1cdd839]:after{content:"";background:#ce1126;width:40px;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.text-link[data-v-b1cdd839]:hover{color:#ce1126}.text-link[data-v-b1cdd839]:hover:after,.prizes-sidebar[data-v-b1cdd839]{width:100%}.prizes-card[data-v-b1cdd839]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffffd9;border-radius:0;padding:2rem;box-shadow:0 20px 40px #0000001a}.prizes-title[data-v-b1cdd839]{color:var(--text-primary);text-align:left;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem;font-weight:800}.prize-item[data-v-b1cdd839]{background:#ffffffe6;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.prize-item[data-v-b1cdd839]:last-child{margin-bottom:0}.prize-item[data-v-b1cdd839]:before{content:"";width:6px;height:100%;position:absolute;top:0;left:0}.prize-gold[data-v-b1cdd839]:before{background:linear-gradient(gold,#fdb931)}.prize-silver[data-v-b1cdd839]:before{background:linear-gradient(#e0e0e0,#9e9e9e)}.prize-bronze[data-v-b1cdd839]:before{background:linear-gradient(#cd7f32,#8b4513)}.prize-item[data-v-b1cdd839]:hover{background:#fff;transform:translate(8px)}.prize-gold[data-v-b1cdd839]:hover{border-color:#ffd70066;box-shadow:0 10px 25px #ffd70033}.prize-silver[data-v-b1cdd839]:hover{border-color:#9e9e9e66;box-shadow:0 10px 25px #9e9e9e33}.prize-bronze[data-v-b1cdd839]:hover{border-color:#cd7f3266;box-shadow:0 10px 25px #cd7f3233}.prize-icon-wrap[data-v-b1cdd839]{background:#00000008;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon-gold[data-v-b1cdd839]{color:#fdb931;filter:drop-shadow(0 4px 6px #fdb93166)}.icon-silver[data-v-b1cdd839]{color:#9e9e9e;filter:drop-shadow(0 4px 6px #9e9e9e66)}.icon-bronze[data-v-b1cdd839]{color:#cd7f32;filter:drop-shadow(0 4px 6px #cd7f3266)}.prize-details[data-v-b1cdd839]{flex:1}.prize-details h3[data-v-b1cdd839]{letter-spacing:-1px;margin-bottom:.2rem;font-size:2rem;font-weight:900}.prize-gold h3[data-v-b1cdd839]{background:linear-gradient(90deg,#b8860b,#fdb931);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.prize-silver h3[data-v-b1cdd839]{background:linear-gradient(90deg,#757575,#bdbdbd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.prize-bronze h3[data-v-b1cdd839]{background:linear-gradient(90deg,#8b4513,#cd7f32);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.prize-details p[data-v-b1cdd839]{color:var(--text-secondary);font-size:.95rem;font-weight:600;line-height:1.3}.animate-fade-in-delayed[data-v-b1cdd839]{opacity:0;animation:.8s .3s forwards fadeIn-b1cdd839}@keyframes fadeIn-b1cdd839{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero-container[data-v-b1cdd839]{grid-template-columns:1fr;gap:3rem}.hero-content[data-v-b1cdd839]{text-align:center;align-items:center}.hero-link-wrap[data-v-b1cdd839]{flex-direction:column;gap:1.5rem}.prizes-card[data-v-b1cdd839]{max-width:600px;margin:0 auto}}:root{--bg-color:#fff;--surface-color:#f8fafc;--primary-color:#10b981;--primary-glow:#10b98133;--accent-color:#f59e0b;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--glass-blur:blur(12px);--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#10b9810d 0%,#0000 50%),radial-gradient(circle at 0 100%,#f59e0b08 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.glass-card{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);background:#ffffffb3;border-radius:0;box-shadow:0 8px 32px #0000000d}.btn-primary{background:linear-gradient(135deg, var(--primary-color), #059669);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border-radius:0;padding:.75rem 2.5rem;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:0;padding:.75rem 2.5rem;font-weight:600;transition:all .3s}.btn-outline:hover{border-color:var(--primary-color);background:#00000005}.text-gradient{background:linear-gradient(to right, #1e293b, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden!important}.app-container,.main-content{width:100%;max-width:100%;overflow-x:hidden}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}@media (width<=1024px){.view-title{font-size:2.5rem!important}.matches-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important}}@media (width<=768px){.view-header{text-align:center!important;margin-bottom:2rem!important}.countdown-banner{flex-direction:column!important;gap:1.5rem!important;padding:1.5rem!important}.view-title{text-align:center!important;font-size:2rem!important}.view-subtitle{text-align:center!important}.matches-grid{grid-template-columns:1fr!important;gap:1rem!important}.stat-cards{flex-direction:column!important;gap:1rem!important}.actions-footer{flex-direction:column-reverse!important;gap:1rem!important;padding:1.5rem!important}.btn-primary,.btn-secondary,.btn-save-all{justify-content:center!important;width:100%!important;padding:1rem!important}}@media (width<=480px){.view-title{font-size:1.75rem!important}.timer-unit{min-width:50px!important}.timer-value{font-size:1.75rem!important}.timer-desc{font-size:.6rem!important}.auth-card,.contact-modal{padding:1.5rem!important}.form-row{flex-direction:column!important;gap:1rem!important}.quiniela-view{padding:4rem 1rem!important}}