.auth{min-height:100dvh;width:100%;overflow:hidden;flex:1;display:flex;justify-content:center;align-items:center}.auth-logo{max-width:300px;width:35%}.auth-form{width:100%;max-width:380px;padding:0;border-radius:10px}.auth-form form{width:100%;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;border:1px solid #e01c24;border-radius:20px;padding:13px;background:#464646c4}.auth-form h2{text-align:center;font-size:2rem;color:#050404;margin:5%}.auth-form input{width:100%;padding:12px;margin-bottom:12px;border-radius:6px;border:1px solid #e01c24;font-size:14px;box-sizing:border-box;background:#fff0;color:#fff}.auth-form input:focus-visible{border:1px solid green;color:#fff;outline:none}.auth-form button{width:100%;padding:12px;border:none;border-radius:6px;background:#e01c24;color:#fff;font-weight:700;cursor:pointer}.auth-form button:hover{background:#fff;color:#000}@media(max-width:900px){.auth{flex-direction:column}.auth-right{display:none}.auth-left:before{background:linear-gradient(to bottom,#000000d9,#000000bf,#0009)}.auth-logo{width:150px;margin:20px 0 30px}.auth-form{max-width:100%}.auth-form form{padding:20px;box-sizing:border-box}.auth-form h2{font-size:2.2rem;margin:20px 0}.auth-form input,.auth-form button{padding:14px;font-size:16px}}._card_uhksr_1{background:#ffffff42;padding:30px;border-radius:8px;border:1px solid #e01c24;max-width:600px;margin:auto;box-shadow:0 4px 12px #00000014}._card_uhksr_1 ._titulo_uhksr_11{text-align:center;font-size:2rem;color:#fff;margin:10%}._rules_uhksr_18{margin-top:15px;font-size:.9rem;color:#fff}._rules_uhksr_18 li{list-style:none;margin:4px 0}._ok_uhksr_29{color:#22c55e;font-weight:700}._error_uhksr_34{color:#ff4d4f;margin-top:10px;text-align:center}.perfil-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.perfil-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.perfil-form h2{color:#333;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;font-size:1.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-column{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 3px #4a90e21a}.form-group input:disabled,.form-group select:disabled{background:#f0f0f0;cursor:not-allowed}.form-group input.edad-disabled{background:#f5f5f5;color:#666;font-weight:600}.form-row{display:flex;gap:1rem}.form-group.half{flex:1}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.btn-submit,.btn-cancel{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit{background:#4a90e2;color:#fff;flex:2}.btn-submit:hover:not(:disabled){background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-cancel{background:#f5f5f5;color:#666;flex:1}.btn-cancel:hover{background:#e8e8e8}.btn-submit:disabled{background:#a0c0e8;cursor:not-allowed;transform:none}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1.5rem}.form-row,.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.select-categoria option[value=Oro]{color:gold}.select-categoria option[value=Plata]{color:silver}.select-categoria option[value=Bronce]{color:#cd7f32}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.perfil-form{animation:fadeIn .5s ease-out}.clasificacion-mostrada{margin-top:.5rem}.clasificacion-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;border:2px solid transparent}.clasificacion-badge.oro{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-color:#b8860b;box-shadow:0 4px 12px #ffd7004d}.clasificacion-badge.plata{background:linear-gradient(135deg,silver,#e0e0e0);color:#000;border-color:gray;box-shadow:0 4px 12px #c0c0c04d}.clasificacion-badge.bronce{background:linear-gradient(135deg,#cd7f32,#e69b5c);color:#fff;border-color:#8b4513;box-shadow:0 4px 12px #cd7f324d}.clasificacion-badge .medalla{font-size:1.5rem}.clasificacion-badge .nombre{font-size:1.1rem;letter-spacing:1px}.sin-clasificacion{color:#999;font-style:italic;padding:.5rem 0}@font-face{font-family:Coalition;src:url(/assets/Coalition_v2-0oI0Tw_t.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#root{margin:0!important;padding:0;height:100%;font-family:Coalition!important;overflow-x:hidden;color:red}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#fff}.auth-form input::placeholder{color:#fff;opacity:1}.auth-form input::-webkit-input-placeholder{color:#fff}.auth-form input:-ms-input-placeholder{color:#fff}.auth-form input::-ms-input-placeholder{color:#fff}.titulo-seccion{margin:30px 0;font-size:2.2rem}.estado-cuenta{display:flex;flex-direction:column;gap:30px}.periodo-card{background:#111;border-radius:16px;padding:25px 30px;border:2px solid #d51b23;color:#fff;box-shadow:0 10px 25px #0000004d}.periodo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.meta-total{font-weight:700;color:#e01c24;font-size:1.1rem}.metas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.meta-box{background:#1c1c1c;border-radius:12px;padding:20px;text-align:center;border:1px solid #2a2a2a;transition:.3s}.meta-box span{display:block;margin-bottom:10px;opacity:.7}.meta-box strong{font-size:1.3rem}.meta-box:hover{transform:translateY(-4px);border-color:#e01c24}@media(max-width:900px){.metas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.metas-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{width:420px;background:#fff;border-radius:10px;padding:25px;display:flex;flex-direction:column;gap:15px}.pdf{width:100%;height:220px;border:1px solid #ddd;border-radius:6px}.inputs{display:flex;flex-direction:column;gap:10px}.inputs input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.check{display:flex;gap:8px;align-items:center;font-size:14px}.rules{list-style:none;padding:0;margin:0;font-size:13px}.rules li{color:#aaa;transition:.2s}.rules li.ok{color:#27ae60;font-weight:600}button{padding:10px;border-radius:6px;border:none;background:#2c3e50;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;background:#111;color:#fff;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000004d}.header-logo{height:100px}.menu-btn{position:absolute;right:20px;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;display:none}.nav{display:flex;justify-content:center;gap:40px;padding:15px 10px;background:#1a1a1a;border-top:1px solid #2a2a2a}.nav a{color:#fff;text-decoration:none;font-weight:500;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#e01c24;transition:.3s}.nav a:hover:after{width:100%}.logout-btn{background:#e01c24;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer}@media(max-width:900px){.menu-btn{display:block}.nav{position:fixed;bottom:-100%;left:0;width:100%;flex-direction:column;align-items:center;gap:25px;padding:30px 0 40px;transition:.4s;border-top-left-radius:20px;border-top-right-radius:20px}.nav.open{bottom:0}}.banner{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:#000000db}.banner img{width:100%;height:auto;object-fit:cover}@media(max-width:768px){.banner img{width:100%}}.content{flex:1;padding:40px;background:#f4f6f8}.card{background:#fff;padding:30px;border-radius:8px;max-width:600px;margin:auto;box-shadow:0 4px 12px #00000014}.footer{text-align:center;padding:15px;background:#111;color:#aaa;font-size:14px}.login-form{display:flex;flex-direction:column;gap:14px}.error-box{padding:10px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;font-size:14px}.help-box{border-radius:8px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.whatsapp-link{display:flex;align-items:center;gap:8px;color:#25d366;padding:8px 14px;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.linea-atencion{font-size:13px;color:#fafafa;display:flex;flex-direction:column;align-items:center}.recover-pass{text-align:right;margin-top:-6px;margin-bottom:6px}.recover-pass a{font-size:13px;color:#fff;text-decoration:none;font-weight:500}.recover-pass a:hover{text-decoration:underline}.whatsapp-float-btn{position:fixed;bottom:30px;right:30px;background-color:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:all .3s ease;z-index:1000}.whatsapp-tooltip{visibility:hidden;position:absolute;right:70px;background-color:#333;color:#fff;padding:8px 15px;border-radius:20px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .3s}.whatsapp-float-btn:hover .whatsapp-tooltip{visibility:visible;opacity:1}.boton-salir{color:red!important;cursor:pointer}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:2rem}.user-info{display:flex;gap:1.5rem;align-items:center}.user-info p{margin:0;color:#a1a1a1;font-size:.95rem}.user-info strong{color:#fff;margin-right:.25rem}.menu-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:#333;transition:color .3s}.menu-btn:hover{color:#007bff}@media(max-width:768px){.header-top{flex-direction:column;padding:1rem}.header-left{margin-bottom:1rem}.header-right{width:100%;justify-content:space-between}.user-info{flex-direction:column;gap:.5rem;align-items:flex-start}}