body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-fondo:#0a0e1f;--color-primario:#6c5ce7;--color-secundario:#00d2d3;--color-acento:#feca57;--color-texto:#fff;--color-gris:#2d3748;--color-error:#ff6b6b;--color-exito:#51cf66;--gradiente-primario:linear-gradient(135deg,#6c5ce7,#a463f5);--gradiente-oscuro:linear-gradient(135deg,#1a1f35,#0a0e1f);--sombra:0 8px 32px #0000004d;--sombra-glow:0 0 20px #6c5ce74d}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e1f;background:var(--color-fondo);background-image:radial-gradient(circle at 10% 20%,#6c5ce71a 0,#0000 50%);color:#fff;color:var(--color-texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ff2;border-bottom:1px solid #6c5ce74d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:2rem}.header nav a{color:#fff;color:var(--color-texto);font-weight:500;margin-left:0;text-decoration:none;transition:color .3s;width:100%}.header nav a:hover{color:#6c5ce7;color:var(--color-primario)}.hero-section{padding:80px 20px 40px;text-align:center}.hero-title{-webkit-text-fill-color:#0000;animation:glowPulse 3s infinite;background:linear-gradient(135deg,#6c5ce7,#00d2d3,#feca57);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario),var(--color-acento));-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:800;margin-bottom:20px;text-shadow:0 0 30px #6c5ce74d}@keyframes glowPulse{0%,to{text-shadow:0 0 30px #6c5ce74d}50%{text-shadow:0 0 50px #6c5ce799}}.hero-subtitle{color:#00d2d3;color:var(--color-secundario);font-size:1.5rem;font-style:italic;line-height:1.4;margin:0 auto;max-width:800px}.status-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2d374880;border:1px solid #6c5ce74d;border-radius:50px;display:inline-flex;gap:10px;margin:20px auto;padding:10px 20px}.status-dot{animation:pulse 2s infinite;background:#51cf66;border-radius:50%;height:10px;width:10px}.status-ai{background:#6c5ce733;border-radius:20px;color:#feca57;color:var(--color-acento);font-size:.9rem;padding:5px 10px}.genre-selector{margin:40px 0;text-align:center}.genre-selector label{color:#fff;color:var(--color-texto);display:block;font-size:1.2rem;margin-bottom:15px;opacity:.9}.genre-select{-webkit-appearance:none;appearance:none;background:#2d3748;background:var(--color-gris);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px;border:2px solid #0000;border-radius:50px;color:#fff;color:var(--color-texto);cursor:pointer;font-size:1.1rem;max-width:400px;padding:15px 30px;transition:all .3s;width:100%}.genre-select:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow)}.genre-select:focus{border-color:#00d2d3;border-color:var(--color-secundario);outline:none}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .3s}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#a463f5);background:var(--gradiente-primario);box-shadow:0 4px 15px #6c5ce766;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #6c5ce799;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #00d2d3;border:2px solid var(--color-secundario);color:#00d2d3;color:var(--color-secundario)}.btn-secondary:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.btn-large{font-size:1.3rem;padding:18px 50px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-back{background:#0000;border:1px solid #fff3;color:#fff;color:var(--color-texto);font-size:.9rem;padding:8px 20px}.btn-back:hover{border-color:#6c5ce7;border-color:var(--color-primario);color:#6c5ce7;color:var(--color-primario)}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:80px 0}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #6c5ce733;border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#6c5ce7;color:var(--color-primario);font-size:1.3rem;margin-bottom:15px}.feature-card p{line-height:1.6;opacity:.8}.story-container{margin:0 auto;max-width:900px;padding:40px 20px}.story-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.story-info{flex:1 1}.story-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));-webkit-background-clip:text;font-size:2rem;margin-bottom:10px}.story-genre{background:#6c5ce733;border-radius:50px;color:#feca57;color:var(--color-acento);font-size:.9rem;padding:5px 15px}.story-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--sombra);padding:40px}.segment-badge{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a463f5);background:var(--gradiente-primario);border-radius:20px;box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-bottom:20px;width:60px}.story-text{font-family:Georgia,serif;font-size:1.2rem;line-height:1.8;margin-bottom:40px;white-space:pre-line}.options-section{border-top:2px solid #6c5ce74d;padding-top:40px}.options-title{color:#00d2d3;color:var(--color-secundario);font-size:1.5rem;margin-bottom:30px;text-align:center}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.option-btn{background:#2d374880;border:2px solid #0000;border-radius:20px;color:#fff;color:var(--color-texto);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;height:99%;padding:25px;text-align:left;transition:all .3s;width:100%}.option-btn:hover:not(:disabled){background:#6c5ce733;border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:scale(1.02)}.option-number{color:#feca57;color:var(--color-acento);font-size:.9rem;font-weight:700}.option-text{font-size:1.1rem;line-height:1.5}.story-end{padding:40px;text-align:center}.story-end h3{color:#feca57;color:var(--color-acento);font-size:2rem;margin-bottom:20px}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #6c5ce733;border-radius:50%;border-right:5px solid #00d2d3;border-right:5px solid var(--color-secundario);border-top-color:#6c5ce7;border-top:5px solid var(--color-primario);height:80px;margin-bottom:30px;width:80px}.loading-spinner.small{border-width:3px;height:40px;width:40px}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748e6;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:50px;bottom:30px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--sombra);gap:15px;position:fixed;right:30px;z-index:1000}.error-screen,.loading-overlay{align-items:center;display:flex;padding:20px}.error-screen{flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.error-icon{animation:shake .5s ease-in-out;font-size:5rem;margin-bottom:30px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-screen h2{color:#ff6b6b;color:var(--color-error);font-size:2rem;margin-bottom:20px}.error-screen p{margin-bottom:30px;opacity:.8}.cta-section{border-top:1px solid #6c5ce733;margin-top:40px;padding:60px 0;text-align:center}.cta-section p{color:#00d2d3;color:var(--color-secundario);font-size:1.3rem;margin-bottom:20px}.button-container{margin:40px 0;text-align:center}footer{border-top:1px solid #6c5ce733;font-size:.9rem;margin-top:80px;opacity:.7;padding:30px;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.features-grid{grid-template-columns:1fr}.story-header{align-items:flex-start;flex-direction:column}.story-card{padding:20px}.options-grid{grid-template-columns:1fr}.loading-overlay{border-radius:20px;bottom:20px;left:20px;right:20px}}@media (max-width:480px){.hero-title{font-size:2.5rem}.btn-large{font-size:1rem;padding:15px 30px}.genre-select{max-width:100%}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6c5ce74d;border-radius:20px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--sombra);max-width:400px;padding:40px;width:100%}.auth-card h2{color:#6c5ce7;color:var(--color-primario);margin-bottom:10px;text-align:center}.auth-subtitle{color:#00d2d3;color:var(--color-secundario);font-style:italic;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#fff;color:var(--color-texto);display:block;font-size:.9rem;margin-bottom:8px}.form-group input{background:#2d374880;border:1px solid #6c5ce74d;border-radius:8px;color:#fff;color:var(--color-texto);font-size:1rem;padding:12px;transition:all .3s;width:100%}.form-group input:focus{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);outline:none}.btn-block{margin-top:10px;width:100%}.auth-error{background:#ff6b6b33;border:1px solid #ff6b6b;border:1px solid var(--color-error);border-radius:8px;color:#ff6b6b;color:var(--color-error);margin-bottom:20px;padding:12px;text-align:center}.auth-footer{color:#ffffffb3;margin-top:20px;text-align:center}.auth-footer a{color:#6c5ce7;color:var(--color-primario);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.user-greeting{margin-right:15px}.auth-success{background:#51cf661a;border:1px solid #51cf66;border-radius:8px;color:#51cf66;margin-bottom:20px;padding:15px;text-align:center}.dashboard-container{margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-container h1{color:#6c5ce7;color:var(--color-primario);margin-bottom:40px;text-align:center}.empty-state{background:#ffffff08;border-radius:20px;padding:60px;text-align:center}.empty-state p{color:#fff;color:var(--color-texto);font-size:1.2rem;margin-bottom:20px;opacity:.8}.stories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.story-card{background:#ffffff08;border:1px solid #6c5ce733;border-radius:15px;padding:20px;transition:all .3s}.story-card:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:translateY(-5px)}.story-card h3{color:#00d2d3;color:var(--color-secundario);font-size:1.2rem;margin-bottom:10px}.story-meta{color:#fff;color:var(--color-texto);font-size:.9rem;margin-bottom:15px;opacity:.7}.story-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-continue,.btn-delete,.btn-edit{border:none;border-radius:20px;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 15px;text-decoration:none;transition:all .3s}.btn-continue{background:#6c5ce7;background:var(--color-primario);color:#fff}.btn-edit{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.btn-delete{background:#ff6b6b;background:var(--color-error);color:#fff}.btn-continue:hover,.btn-delete:hover,.btn-edit:hover{opacity:.9;transform:scale(1.05)}.story-edit{display:flex;flex-direction:column;gap:10px}.edit-input{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:8px;color:#fff;padding:10px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px}.btn-cancel{background:#ff6b6b;color:#fff}.nav-link,.user-greeting{margin:0 15px}.customizer-wrapper{margin:0 auto;max-width:800px;padding:20px}.customizer-container{background:#ffffff08;border:1px solid #6c5ce733;border-radius:20px;padding:30px}.btn-toggle{background:#0000;border:1px solid #00d2d3;border:1px solid var(--color-secundario);border-radius:50px;color:#00d2d3;color:var(--color-secundario);cursor:pointer;font-size:1rem;margin:20px 0;padding:10px 20px;transition:all .3s;width:100%}.btn-toggle:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.custom-options{background:#2d37484d;border-left:3px solid #6c5ce7;border-left:3px solid var(--color-primario);border-radius:15px;margin-top:20px;padding:20px}.custom-options h3{color:#feca57;color:var(--color-acento);margin-bottom:20px}.form-control{background:#2d374880;border:1px solid #6c5ce74d;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:all .3s;width:100%}.form-control:focus{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);outline:none}textarea.form-control{font-family:inherit;resize:vertical}.custom-action-section{border-top:1px solid #6c5ce74d;margin-top:40px;padding-top:40px;text-align:center}.btn-custom-action{background:#0000;border:2px solid #feca57;border:2px solid var(--color-acento);border-radius:50px;color:#feca57;color:var(--color-acento);cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s}.btn-custom-action:hover{background:#feca57;background:var(--color-acento);color:#0a0e1f;color:var(--color-fondo);transform:scale(1.05)}.custom-action-input{background:#2d374880;border-left:4px solid #feca57;border-left:4px solid var(--color-acento);border-radius:15px;padding:30px;text-align:left}.custom-action-input h4{color:#feca57;color:var(--color-acento);margin-bottom:15px}.custom-action-input textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:20px;padding:15px;width:100%}.custom-action-input textarea:focus{border-color:#feca57;border-color:var(--color-acento);outline:none}.custom-action-buttons{display:flex;gap:15px;justify-content:flex-end}.btn-submit{background:#feca57;background:var(--color-acento);border:none;border-radius:25px;color:#0a0e1f;color:var(--color-fondo);cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}.btn-submit:hover:not(:disabled){box-shadow:0 0 15px #feca57;box-shadow:0 0 15px var(--color-acento);transform:scale(1.05)}.btn-cancel{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--color-error);border-radius:25px;color:#ff6b6b;color:var(--color-error);cursor:pointer;padding:12px 25px;transition:all .3s}.btn-cancel:hover{background:#ff6b6b;background:var(--color-error);color:#fff}.edit-section{margin:30px 0;text-align:center}.btn-edit-story{background:#0000;border:1px solid #feca57;border:1px solid var(--color-acento);border-radius:30px;color:#feca57;color:var(--color-acento);cursor:pointer;font-size:1rem;padding:10px 25px;transition:all .3s}.btn-edit-story:hover:not(:disabled){background:#feca57;background:var(--color-acento);color:#0a0e1f;color:var(--color-fondo)}.edit-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:#0a0e1f;background:var(--color-fondo);border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}.edit-modal-content h3{color:#feca57;color:var(--color-acento);font-size:1.5rem;margin-bottom:10px}.edit-modal-subtitle{color:#fff;color:var(--color-texto);margin-bottom:20px;opacity:.8}.edit-modal-content textarea{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:10px;color:#fff;font-size:1rem;margin-bottom:20px;padding:15px;resize:vertical;width:100%}.edit-modal-content textarea:focus{border-color:#feca57;border-color:var(--color-acento);outline:none}.edit-modal-buttons{display:flex;gap:15px;justify-content:flex-end}.btn-regenerate{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}.btn-regenerate:hover:not(:disabled){background:#feca57;background:var(--color-acento);transform:scale(1.05)}.profile-container{margin:40px auto;max-width:800px;padding:20px}.profile-container h1{color:#6c5ce7;color:var(--color-primario);margin-bottom:40px;text-align:center}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:30px}.avatar-container{border:3px solid #6c5ce7;border:3px solid var(--color-primario);border-radius:50%;box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);height:120px;overflow:hidden;width:120px}.profile-avatar{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a463f5);background:var(--gradiente-primario);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-info{background:#ffffff08;border:1px solid #6c5ce733;border-radius:20px;margin-bottom:30px;padding:30px}.info-row{border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:15px;padding-bottom:15px}.info-row label{color:#00d2d3;color:var(--color-secundario);font-weight:700;width:120px}.info-row span{flex:1 1}.verified-badge{color:#51cf66;margin-left:10px}.unverified-badge{color:#ff6b6b;margin-left:10px}.profile-section{background:#ffffff08;border-radius:20px;margin-bottom:30px;padding:30px}.profile-section h2{color:#00d2d3;color:var(--color-secundario);margin-bottom:20px}.profile-section.danger{background:#ff6b6b0d;border:1px solid #ff6b6b}.btn-change-password,.btn-delete-account,.btn-edit-profile{border:none;border-radius:25px;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .3s}.btn-edit-profile{background:#6c5ce7;background:var(--color-primario);color:#fff;width:100%}.btn-change-password{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.btn-delete-account{background:#ff6b6b;color:#fff}.btn-change-password:hover,.btn-delete-account:hover,.btn-edit-profile:hover{filter:brightness(1.1);transform:scale(1.05)}.delete-form,.password-form,.profile-edit-form{margin:0 auto;max-width:500px}.profile-edit-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-save{background:#51cf66}.btn-delete-confirm,.btn-save{border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.btn-delete-confirm{background:#ff6b6b}.warning-text{color:#ff6b6b;font-weight:700;margin-bottom:20px}.profile-message{border-radius:10px;margin-bottom:20px;padding:15px;text-align:center}.profile-message.success{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.profile-message.error{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.story-stats{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin:10px 0 15px;padding:5px 0}.rounds-count{align-items:center;background:#6c5ce733;color:#00d2d3;color:var(--color-secundario);display:inline-flex;gap:5px}.completed-badge,.rounds-count{border-radius:20px;font-size:.85rem;padding:4px 10px}.completed-badge{background:#51cf6633;color:#51cf66}.story-image{border:3px solid #6c5ce7;border:3px solid var(--color-primario);border-radius:15px;box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);max-height:400px;max-width:100%}.story-image-section{margin:30px 0;text-align:center}.story-image-placeholder{background:#2d37484d;border:2px dashed #6c5ce7;border:2px dashed var(--color-primario);border-radius:15px;color:#fff;color:var(--color-texto);font-size:1.1rem;margin-bottom:15px;opacity:.7;padding:40px}.story-image-actions{margin-top:15px}.btn-regenerate-image{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:12px 25px;transition:all .3s}.btn-regenerate-image:hover:not(:disabled){background:#feca57;background:var(--color-acento);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:scale(1.05)}.btn-regenerate-image:disabled{cursor:not-allowed;opacity:.5}.rounds-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d374880;border:1px solid #6c5ce74d;border-radius:50px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:20px 0 30px;padding:10px 20px}.rounds-info{color:#00d2d3;color:var(--color-secundario);font-size:1.1rem;font-weight:700}.rounds-buttons{gap:10px}.nav-round-btn,.rounds-buttons{align-items:center;display:flex}.nav-round-btn{background:#0000;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:50%;color:#fff;color:var(--color-texto);cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s;width:40px}.nav-round-btn:hover:not(:disabled){background:#6c5ce7;background:var(--color-primario);transform:scale(1.1)}.nav-round-btn:disabled{border-color:#666;cursor:not-allowed;opacity:.3}.rounds-progress{background:#6c5ce733;border-radius:20px;color:#feca57;color:var(--color-acento);font-weight:700;min-width:80px;padding:5px 15px;text-align:center}.btn-select-style{background:#0000;border:1px solid #00d2d3;border:1px solid var(--color-secundario);border-radius:30px;color:#00d2d3;color:var(--color-secundario);cursor:pointer;font-size:1rem;margin-left:10px;padding:12px 25px;transition:all .3s}.btn-select-style:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.style-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748e6;border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;margin-top:20px;padding:25px}.style-selector h4{color:#feca57;color:var(--color-acento);margin-bottom:20px;text-align:center}.styles-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:25px;max-height:300px;overflow-y:auto;padding:10px}.style-option{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:15px;transition:all .3s}.style-option:hover{border-color:#00d2d3;border-color:var(--color-secundario);transform:translateY(-2px)}.style-option.selected{background:#6c5ce733;border:2px solid #6c5ce7;border:2px solid var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow)}.style-name{color:#00d2d3;color:var(--color-secundario);display:block;font-weight:700;margin-bottom:5px}.style-desc{display:block;font-size:.8rem;opacity:.7}.style-actions{display:flex;gap:15px;justify-content:center}.btn-apply-style{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px}.btn-cancel-style{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--color-error);border-radius:30px;color:#ff6b6b;color:var(--color-error);cursor:pointer;padding:12px 25px}.age-verification{background:#ff6b6b0d;border-radius:15px;padding:20px;text-align:center}.btn-verify-age{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:12px 25px}.verify-form{margin-top:20px;text-align:left}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:15px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.adult-settings{background:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:10px;padding:15px}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;padding:10px;z-index:1000}.hamburger .bar{background-color:#fff;background-color:var(--color-texto);border-radius:3px;height:3px;margin:3px 0;transition:.3s;width:25px}.hamburger.active .bar:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{align-items:center;display:flex;gap:20px}.nav-link{color:#fff;color:var(--color-texto);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#6c5ce7;color:var(--color-primario)}.user-greeting{color:#feca57;color:var(--color-acento);font-weight:500;margin-right:10px}.btn-logout{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--color-error);border-radius:20px;color:#ff6b6b;color:var(--color-error);cursor:pointer;padding:5px 15px;transition:all .3s}.btn-logout:hover{background:#ff6b6b;background:var(--color-error);color:#fff}@media (max-width:768px){.header-content{position:relative}.hamburger{display:flex}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ff2;border-bottom:2px solid #6c5ce7;border-bottom:2px solid var(--color-primario);display:none;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;right:0;top:100%;z-index:999}.nav-menu.active{display:flex}.nav-link{font-size:1.1rem;padding:10px;text-align:center;width:100%}.nav-link:hover{background:#6c5ce733;border-radius:10px}.user-greeting{font-size:1.1rem;margin:10px 0}.btn-logout{margin-top:10px;padding:12px;width:80%}}@media (max-width:480px){.header h1{font-size:1.5rem}.nav-menu{padding:15px}.btn-logout{width:90%}}.resumen-krums{align-items:center;background:#6c5ce71a;border-left:4px solid #6c5ce7;border-left:4px solid var(--color-primario);border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.resumen-krums h3{color:#feca57;color:var(--color-acento);font-size:1.2rem;margin:0}.resumen-detalle{display:flex;font-size:1.1rem;gap:20px}.resumen-detalle span{background:#0000004d;border-radius:30px;padding:5px 12px}.btn-ir-tienda{background:#6c5ce7;background:var(--color-primario);border-radius:30px;color:#fff;font-weight:700;padding:8px 20px;text-decoration:none;transition:all .3s}.btn-ir-tienda:hover{background:#feca57;background:var(--color-acento);transform:scale(1.05)}.krums-page{margin:0 auto;max-width:1200px;padding:20px}.krums-page-content{align-items:center;background:#6c5ce71a;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.krums-page-content .crisol-krums,.krums-page-content .reclamo-diario{box-sizing:border-box;flex:0 1 400px;min-width:280px;width:100%}@media (max-width:600px){.krums-page-content .crisol-krums,.krums-page-content .reclamo-diario{flex:1 1 100%}}.krums-section{background:#ffffff08;border-radius:20px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;padding:20px}.crisol-krums{background:#6c5ce71a;border-left:4px solid #6c5ce7;border-left:4px solid var(--color-primario);border-radius:15px;flex:1 1;min-width:250px;padding:20px}.crisol-krums h3{color:#feca57;color:var(--color-acento);margin-top:0}.saldo-krums div{display:flex;font-size:1.1rem;justify-content:space-between;margin:10px 0}.saldo-krums .valor{color:#00d2d3;color:var(--color-secundario);font-weight:700}.reclamo-diario{background:#ffffff0d;border-radius:15px;flex:1 1;min-width:250px;padding:20px;text-align:center}.btn-reclamar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px 20px;transition:all .3s}.btn-reclamar:hover:not(:disabled){background:#feca57;background:var(--color-acento);transform:scale(1.05)}.tienda-paquetes{margin-top:40px}.tienda-paquetes h2{color:#6c5ce7;color:var(--color-primario);margin-bottom:30px;text-align:center}.paquetes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.paquetes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.paquetes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.paquetes-grid{grid-template-columns:1fr}}.paquete-card{background:#ffffff08;border:1px solid #6c5ce74d;border-radius:20px;box-sizing:border-box;padding:20px;text-align:center;transition:all .3s;width:100%}.paquete-card:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:translateY(-5px)}.paquete-card h3{color:#00d2d3;color:var(--color-secundario);font-size:1.5rem;margin-bottom:10px}.paquete-card .precio{color:#feca57;color:var(--color-acento);font-size:2rem;font-weight:700;margin:10px 0}.paquete-card .krums{font-size:1.2rem}.paquete-card .bonus{background:#feca5733;border-radius:20px;color:#feca57;color:var(--color-acento);display:inline-block;font-size:.9rem;margin:5px 0;padding:3px 8px}.paquete-card .imagenes{color:#fff;color:var(--color-texto);margin:10px 0;opacity:.8}.paquete-card .descripcion{font-size:.9rem;margin:15px 0;min-height:40px}.btn-comprar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s}.btn-comprar:hover:not(:disabled){background:#feca57;background:var(--color-acento)}.btn-comprar:disabled{cursor:not-allowed;opacity:.5}.admin-page{max-width:1200px}.tabla-usuarios{background:#ffffff0d;border-radius:10px;overflow:hidden}.tabla-usuarios td,.tabla-usuarios th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.tabla-usuarios th{background:#6c5ce7;background:var(--color-primario);color:#fff}.badge{border-radius:12px;font-size:.85rem}.badge-verde{color:#000}.admin-page{margin:0 auto;max-width:1400px;padding:20px}.admin-page h1{color:#6c5ce7;color:var(--color-primario);margin-bottom:30px;text-align:center}.tabla-container{background:#ffffff05;border-radius:15px;overflow-x:auto;padding:20px}.tabla-usuarios{border-collapse:collapse;font-size:.9rem;width:100%}.tabla-usuarios th{background:#6c5ce733;color:#00d2d3;color:var(--color-secundario);font-weight:600;padding:12px;text-align:left}.tabla-usuarios td{border-bottom:1px solid #ffffff0d;padding:10px 12px}.tabla-usuarios tr.bloqueado{background:#ff6b6b1a}.badge-rol{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 8px}.badge-rol.admin{background:#6c5ce7;background:var(--color-primario);color:#fff}.badge-rol.beta{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 8px}.badge-verde{background:#51cf66;color:#0a0e1f;color:var(--color-fondo)}.badge-rojo{background:#ff6b6b;color:#fff}.input-limite{background:#ffffff1a;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:4px;color:#fff;margin-left:5px;padding:4px;width:60px}.btn-bloquear,.btn-cancelar,.btn-editar-limites,.btn-guardar{background:#0000;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;margin:0 3px;padding:5px;transition:all .2s}.btn-editar-limites:hover{background:#6c5ce733}.btn-bloquear:hover{background:#ff6b6b33}.pwa-prompt{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ff2;border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;bottom:20px;box-shadow:0 0 30px #6c5ce780;left:20px;margin:0 auto;max-width:400px;padding:20px;position:fixed;right:20px;text-align:center;z-index:2000}.pwa-prompt p{color:#fff;color:var(--color-texto);font-size:1rem;margin-bottom:15px}.btn-install{background:linear-gradient(135deg,#6c5ce7,#8b5cf6);background:linear-gradient(135deg,var(--color-primario),#8b5cf6);border:1px solid #fff3;border-radius:30px;box-shadow:0 4px 15px #6c5ce74d;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}.btn-install:hover{box-shadow:0 8px 25px #6c5ce799;transform:scale(1.05)}.btn-install:active{transform:scale(.95)}.update-prompt{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ff2;border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;bottom:20px;box-shadow:0 0 30px #6c5ce780;left:20px;margin:0 auto;max-width:400px;padding:20px;position:fixed;right:20px;text-align:center;z-index:3000}.update-prompt p{color:#fff;color:var(--color-texto);font-size:1rem;margin-bottom:10px}.update-buttons{margin-top:15px}.btn-update{background:#6c5ce7;background:var(--color-primario);border:none;color:#fff;padding:10px 20px}.btn-dismiss{border:1px solid #fff;border:1px solid var(--color-texto);color:var(--color-texto);padding:10px 20px}.btn-dismiss:hover{background:#ffffff1a}.pwa-update-prompt{animation:slideUp .3s ease;background:linear-gradient(135deg,#6c5ce7,#8b5cf6);background:linear-gradient(135deg,var(--color-primario),#8b5cf6);border:1px solid #fff3;border-radius:20px;bottom:20px;box-shadow:0 10px 30px #6c5ce780;left:20px;margin:0 auto;max-width:400px;padding:15px 20px;position:fixed;right:20px;text-align:center;z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-update-prompt p{color:#fff;font-weight:700;margin-bottom:10px}.btn-update{background:#fff;border:2px solid #0000;border-radius:30px;color:#6c5ce7;color:var(--color-primario);cursor:pointer;font-weight:700;padding:8px 20px;transition:all .3s}.btn-update:hover{background:#feca57;background:var(--color-acento);color:#0a0e1f;color:var(--color-fondo);transform:scale(1.05)}.update-buttons{display:flex;gap:10px;justify-content:center}.btn-dismiss{background:#0000;border:1px solid #ffffff80;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px;transition:all .3s}.btn-dismiss:hover{background:#fff3}.user-dropdown{display:inline-block;position:relative}.dropdown-toggle{border-radius:30px;padding:8px 12px}.dropdown-toggle:hover{background:#6c5ce733}.user-name{font-weight:500}.dropdown-arrow{margin-left:4px}.dropdown-menu{background:#0a0e1f;background:var(--color-fondo);border:1px solid #6c5ce7;border:1px solid var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{font-size:1rem;padding:12px 16px}.dropdown-item:hover{color:#6c5ce7;color:var(--color-primario)}.dropdown-divider{margin:4px 0}.admin-dropdown{display:inline-block;position:relative}.admin-toggle{background:#0000;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:20px;color:#6c5ce7;color:var(--color-primario);font-weight:700;padding:5px 15px}.admin-menu{left:0;right:auto}.admin-dropdown,.user-dropdown{position:relative;width:100%}.dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;color:var(--color-texto);cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 20px;text-align:left;transition:background .3s;width:100%}.dropdown-toggle:hover{background:#6c5ce71a}.user-avatar{font-size:1.2rem}.user-name{flex:1 1}.dropdown-arrow{font-size:.8rem;margin-left:auto;transition:transform .3s}.dropdown-menu{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748f2;border-radius:10px;margin-top:5px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:#0000;border:none;color:#fff;color:var(--color-texto);cursor:pointer;display:block;font-size:.95rem;padding:12px 20px;text-align:left;text-decoration:none;transition:background .3s;width:100%}.dropdown-item:hover{background:#6c5ce733;color:#00d2d3;color:var(--color-secundario)}.logout-btn{color:#ff6b6b}.logout-btn:hover{background:#ff6b6b33;color:#ff6b6b}.dropdown-divider{background:#ffffff1a;height:1px;margin:8px 0}@media (max-width:768px){.nav-menu.active{display:flex;flex-direction:column;padding:10px 0;width:100%}.admin-dropdown,.user-dropdown{width:100%}.dropdown-toggle{border-bottom:1px solid #ffffff1a;padding:15px 20px}.dropdown-menu{background:#0003;border-radius:0;box-shadow:none;margin:0;padding:5px 0;position:static;width:100%}.dropdown-item{padding:12px 30px}.admin-toggle{border-bottom:1px solid #ffffff1a}}.admin-toggle{color:#feca57;color:var(--color-acento);font-weight:500}.admin-invitaciones{padding:20px}.crear-invitacion{background:#ffffff08;border-radius:15px;margin-bottom:30px;padding:20px}.crear-invitacion h3{color:#00d2d3;color:var(--color-secundario);margin-bottom:15px}.btn-crear{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 25px}.btn-crear:hover{background:#feca57;background:var(--color-acento)}.mensaje{border-radius:8px;margin-top:15px;padding:10px}.mensaje.success{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.mensaje.error{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.tabla-invitaciones{background:#ffffff08;border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.tabla-invitaciones td,.tabla-invitaciones th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.tabla-invitaciones th{background:#6c5ce7;background:var(--color-primario);color:#fff}.estado{border-radius:12px;font-size:.85rem;font-weight:700;padding:4px 8px}.estado.pendiente{background:#feca5733;color:#feca57}.estado.usada{background:#51cf6633;color:#51cf66}.btn-copiar{border:none;font-size:1.2rem;margin-left:5px}.btn-copiar,.btn-copiar-token{background:#0000;cursor:pointer}.btn-copiar-token{border:1px solid #00d2d3;border:1px solid var(--color-secundario);border-radius:15px;color:#00d2d3;color:var(--color-secundario);font-size:.85rem;padding:4px 10px}.btn-copiar-token:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.admin-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.tab-btn{background:#0000;border:none;border-radius:8px 8px 0 0;color:#fff;color:var(--color-texto);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s}.tab-btn:hover{background:#6c5ce71a;color:#00d2d3;color:var(--color-secundario)}.tab-btn.active{background:#6c5ce7;background:var(--color-primario);color:#fff}.table-responsive{overflow-x:auto}.token-cell{align-items:center;display:flex;gap:8px}.token-text{background:#0003;border-radius:4px;font-family:monospace;font-size:.9rem;padding:4px 8px}.btn-copiar-icon{background:#0000;border:none;cursor:pointer;font-size:1.1rem;padding:4px;transition:transform .2s}.btn-copiar-icon:hover{transform:scale(1.2)}.acciones-cell{display:flex;gap:8px;justify-content:center}.btn-accion{background:#0000;border-radius:4px;font-size:1.2rem;padding:4px;transition:all .2s}.btn-accion:hover{transform:scale(1.1)}.btn-reenviar:hover{background:#6c5ce733}.btn-eliminar:hover{background:#ff6b6b33}.usado-label{color:#51cf66;font-weight:700}.text-center{color:#ffffff80;padding:30px;text-align:center}.input-disabled{background:#2d37484d;color:#ffffffb3;cursor:not-allowed}.email-fixed{color:#feca57;color:var(--color-acento);display:block;font-size:.8rem;margin-top:5px}.admin-layout{display:flex;min-height:calc(100vh - 200px)}.admin-sidebar{background:#0a0e1ff2;border-right:1px solid #6c5ce74d;padding:20px 0;width:250px}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h3{color:#6c5ce7;color:var(--color-primario);margin:0}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--color-texto);cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:12px 20px;text-align:left;transition:all .3s;width:100%}.sidebar-item:hover{background:#6c5ce71a}.sidebar-item.active{background:#6c5ce7;background:var(--color-primario);color:#fff}.sidebar-icon{font-size:1.2rem;width:24px}.admin-content{background:#ffffff05;flex:1 1;padding:30px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#6c5ce7;background-color:var(--color-primario)}input:checked+.slider:before{transform:translateX(26px)}.config-grid{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.config-card{align-items:center;background:#ffffff08;border:1px solid #6c5ce733;border-radius:10px;display:flex;justify-content:space-between;padding:20px}.config-info h3{color:#00d2d3;color:var(--color-secundario);margin:0 0 5px;text-transform:capitalize}.config-info p{font-size:.9rem;margin:0;opacity:.7}.admin-limites{padding:20px}.section-desc{color:#00d2d3;color:var(--color-secundario);margin-bottom:30px;opacity:.8}.limites-tabla-container{margin-bottom:30px;overflow-x:auto}.limites-tabla{background:#ffffff08;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.limites-tabla td,.limites-tabla th{border-bottom:1px solid #ffffff1a;padding:15px;text-align:left}.limites-tabla th{background:#6c5ce7;background:var(--color-primario);color:#fff;font-weight:500}.limites-tabla tr:hover{background:#6c5ce71a}.rol-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.rol-badge.admin{background:#6c5ce733;color:#6c5ce7;color:var(--color-primario)}.rol-badge.beta{background:#feca5733;color:#feca57}.acciones-limites{display:flex;gap:5px}.btn-editar{background:#0000;border:1px solid #00d2d3;border:1px solid var(--color-secundario);border-radius:5px;color:#00d2d3;color:var(--color-secundario);cursor:pointer;font-size:.9rem;padding:5px 10px}.btn-editar:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}.btn-guardar{background:#51cf66;border-radius:5px;padding:5px 10px}.btn-cancelar{background:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.info-box{background:#6c5ce71a;border-left:4px solid #6c5ce7;border-left:4px solid var(--color-primario);border-radius:10px;margin-top:30px;padding:20px}.info-box h4{color:#00d2d3;color:var(--color-secundario);margin-bottom:10px;margin-top:0}.info-box ul{margin:0;padding-left:20px}.info-box li{margin:5px 0;opacity:.9}.mantenimiento-container{align-items:center;background:linear-gradient(135deg,#0a0e1f,#1a1f35);display:flex;justify-content:center;min-height:100vh;padding:20px}.mantenimiento-card{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #feca57;border:2px solid var(--color-acento);border-radius:30px;box-shadow:0 0 50px #feca5733;max-width:500px;padding:50px;text-align:center}.mantenimiento-icon{animation:spin 4s linear infinite;font-size:5rem;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mantenimiento-card h1{color:#feca57;color:var(--color-acento);font-size:2.5rem;margin-bottom:20px}.mantenimiento-card p{color:#fff;color:var(--color-texto);font-size:1.2rem;margin:10px 0;opacity:.9}.mantenimiento-card .btn{font-size:1.2rem;margin-top:30px;padding:15px 40px}.estado-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 10px}.estado-badge.bloqueado{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.verified{color:#51cf66;font-weight:700}.unverified{color:#ff6b6b;font-size:.85rem}.btn-accion{border:none;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:700;padding:6px 12px;transition:all .3s}.btn-bloquear:hover{background:#ff6b6b;color:#fff}.btn-desbloquear:hover{background:#51cf66;color:#fff}.estado-badge.activo{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.estado-badge.pendiente{background:#feca5733;border:1px solid #feca57;color:#feca57}.btn-estado{border:none;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:700;margin-right:5px;padding:5px 10px}.btn-activar{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.btn-activar:hover{background:#51cf66;color:#fff}.btn-bloqueo{border:none;border-radius:5px;cursor:pointer;font-size:.85rem;margin-left:5px;padding:5px 8px}.btn-bloquear{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.btn-desbloquear{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.number-input-container,.valor-container{align-items:center;display:flex;gap:8px}.valor-container{background:#2d37484d;border:1px solid #6c5ce74d;border-radius:5px;padding:5px 10px}.valor-actual{color:#00d2d3;color:var(--color-secundario);font-size:1.2rem;font-weight:700;min-width:40px;text-align:center}.btn-editar-pequeno{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:5px;transition:all .3s}.btn-editar-pequeno:hover{color:#6c5ce7;color:var(--color-primario);transform:scale(1.2)}.limite-input{border:2px solid #6c5ce7;border:2px solid var(--color-primario);font-size:1rem;padding:8px}.limite-input:focus{box-shadow:0 0 10px #6c5ce780}.input-actions{display:flex;gap:5px}.btn-cancelar-pequeno,.btn-guardar-pequeno{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:5px;transition:all .3s}.btn-guardar-pequeno:hover{color:#51cf66;transform:scale(1.2)}.btn-cancelar-pequeno:hover{color:#ff6b6b;transform:scale(1.2)}.acciones-container{display:flex;flex-wrap:wrap;gap:5px}.btn-cancelar,.btn-editar,.btn-guardar{background:#0000;border:none;border-radius:3px;cursor:pointer;font-size:1.1rem;padding:5px;transition:all .3s}.btn-editar:hover{background:#6c5ce733;transform:scale(1.1)}.btn-guardar:hover{background:#51cf6633;color:#51cf66;transform:scale(1.1)}.btn-cancelar:hover{background:#ff6b6b33;color:#ff6b6b;transform:scale(1.1)}.limite-input{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:5px;color:#fff;padding:5px;text-align:center;width:80px}.limite-input:focus{border-color:#00d2d3;border-color:var(--color-secundario);box-shadow:0 0 5px #00d2d3;box-shadow:0 0 5px var(--color-secundario);outline:none}.error-container,.loading-container{background:#ffffff08;border-radius:20px;margin:20px;padding:50px;text-align:center}.error-container{color:#ff6b6b}.error-icon{font-size:3rem;margin-bottom:20px}.btn-reintentar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 30px}.btn-reintentar:hover{background:#feca57;background:var(--color-acento)}.btn-activo{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.btn-activo:hover{background:#51cf66;color:#fff}.btn-pendiente{background:#feca5733;border:1px solid #feca57;color:#feca57}.btn-pendiente:hover{background:#feca57;color:#fff}.feedback-floating-btn{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #6c5ce766;color:#fff;cursor:pointer;font-size:24px;height:60px;position:fixed;right:30px;transition:all .3s;width:60px;z-index:999}.feedback-floating-btn:hover{background:#feca57;background:var(--color-acento);transform:scale(1.1)}.feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{background:#0a0e1f;background:var(--color-fondo);border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;box-shadow:0 0 30px #6c5ce780;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.feedback-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.feedback-modal-header h3{color:#00d2d3;color:var(--color-secundario);margin:0}.feedback-close{background:#0000;border:none;color:#fff;color:var(--color-texto);cursor:pointer;font-size:24px;padding:0 10px}.feedback-modal form{padding:20px}.url-disabled{background:#2d37484d;color:#ffffff80;cursor:not-allowed}.feedback-mensaje{border-radius:8px;margin:15px 0;padding:10px}.feedback-mensaje.success{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.feedback-mensaje.error{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.feedback-modal-footer{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-enviar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px}.btn-enviar:hover{background:#feca57;background:var(--color-acento)}.admin-feedback{padding:20px}.feedback-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:30px 0}.stat-card{background:#ffffff08;border:1px solid #6c5ce74d;border-radius:10px;padding:20px;text-align:center}.stat-value{color:#00d2d3;color:var(--color-secundario);display:block;font-size:2.5rem;font-weight:700}.stat-label{font-size:.9rem;opacity:.7}.feedback-filtros{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.feedback-filtros select{background:#2d374880;border:1px solid #6c5ce74d;border-radius:8px;color:#fff;min-width:150px;padding:10px}.btn-filtrar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;padding:10px 25px}.feedback-card{background:#ffffff08;border:1px solid #6c5ce74d;border-radius:10px;margin-bottom:20px;padding:20px}.feedback-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.feedback-header,.feedback-titulo{align-items:center;display:flex;gap:10px}.feedback-icon{font-size:1.5rem}.feedback-titulo h3{color:#00d2d3;color:var(--color-secundario);margin:0}.feedback-estado{border-radius:20px;font-size:.85rem;font-weight:700;padding:4px 10px}.feedback-meta{display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;margin-bottom:15px;opacity:.7}.feedback-descripcion{background:#0003;border-radius:8px;margin:15px 0;padding:15px;white-space:pre-line}.feedback-url{margin-bottom:15px;word-break:break-all}.feedback-respuesta{background:#51cf661a;border-left:4px solid #51cf66;border-radius:8px;margin:15px 0;padding:15px}.feedback-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.estado-select{background:#2d374880;border:1px solid #6c5ce74d;border-radius:5px;color:#fff;padding:8px}.btn-responder{background:#00d2d3;background:var(--color-secundario);border:none;border-radius:5px;color:#0a0e1f;color:var(--color-fondo);cursor:pointer;font-weight:700;padding:8px 15px}.feedback-respuesta-form{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.feedback-respuesta-form textarea{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:5px;color:#fff;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.respuesta-buttons{display:flex;gap:10px;justify-content:flex-end}.feedback-modal textarea{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;margin:10px 0;max-height:300px;min-height:120px;padding:12px;resize:vertical;width:100%}.feedback-modal textarea:focus{border-color:#feca57;border-color:var(--color-acento);box-shadow:0 0 10px #feca574d;outline:none}.feedback-modal textarea::placeholder{color:#ffffff80}.mis-reportes{margin:40px auto;max-width:1000px;padding:0 20px}.mis-reportes h1{color:#6c5ce7;color:var(--color-primario);font-size:2rem;margin-bottom:40px;text-align:center}.reportes-list{display:flex;flex-direction:column;gap:20px}.reporte-card{background:#ffffff08;border:1px solid #6c5ce733;border-radius:15px;padding:25px;transition:all .3s}.reporte-card:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow)}.reporte-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.reporte-titulo{gap:12px}.reporte-icon,.reporte-titulo{align-items:center;display:flex}.reporte-icon{background:#6c5ce71a;border-radius:50%;font-size:1.8rem;height:50px;justify-content:center;padding:10px;width:50px}.reporte-titulo h3{color:#00d2d3;color:var(--color-secundario);font-size:1.3rem;margin:0}.reporte-estado{border-radius:30px;font-size:.9rem;font-weight:700;padding:6px 15px;white-space:nowrap}.estado-pendiente{background:#feca5733;border:1px solid #feca57;color:#feca57}.estado-proceso{background:#6c5ce733;border:1px solid #6c5ce7;border:1px solid var(--color-primario);color:#6c5ce7;color:var(--color-primario)}.estado-resuelto{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.estado-rechazado{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.reporte-meta{color:#fff;color:var(--color-texto);display:flex;font-size:.9rem;gap:20px;margin-bottom:20px;opacity:.7;padding-left:62px}.prioridad-baja{color:#51cf66}.prioridad-media{color:#feca57}.prioridad-alta{color:#ff9f43}.prioridad-critica{color:#ff6b6b}.reporte-descripcion{background:#0003;border-left:3px solid #6c5ce7;border-left:3px solid var(--color-primario);border-radius:10px;line-height:1.6;margin:15px 0 15px 62px;padding:20px;white-space:pre-line}.reporte-respuesta{background:#51cf660d;border-left:3px solid #51cf66;border-radius:10px;margin:15px 0 0 62px;padding:20px}.reporte-respuesta strong{color:#51cf66;display:block;margin-bottom:10px}.reporte-respuesta p{line-height:1.6;margin:0;white-space:pre-line}@media (max-width:768px){.mis-reportes{padding:0 15px}.reporte-header{align-items:flex-start;flex-direction:column}.reporte-titulo{width:100%}.reporte-icon{font-size:1.2rem;height:40px;width:40px}.reporte-titulo h3{font-size:1.1rem}.reporte-meta{flex-direction:column;gap:5px;padding-left:52px}.reporte-descripcion,.reporte-respuesta{margin-left:0}}.precios-container{margin:40px auto;max-width:1200px;padding:0 20px}.precios-header{margin-bottom:50px;text-align:center}.precios-header h1{color:#6c5ce7;color:var(--color-primario);font-size:2.5rem;margin-bottom:15px}.precios-header .subtitulo{color:#00d2d3;color:var(--color-secundario);font-size:1.2rem;opacity:.9}.seccion-planes{margin-bottom:60px}.seccion-planes h2{color:#feca57;color:var(--color-acento);font-size:1.8rem;margin-bottom:10px}.seccion-planes .seccion-desc{color:#fff;color:var(--color-texto);margin-bottom:30px;opacity:.8}.planes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#ffffff08;border:1px solid #6c5ce733;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:30px 20px;position:relative;transition:all .3s}.plan-card.suscripcion{background:linear-gradient(135deg,#6c5ce71a,#00d2d31a)}.plan-card:hover{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 20px 40px #6c5ce74d;transform:translateY(-10px)}.plan-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.plan-icon{font-size:2rem}.plan-header h3{color:#00d2d3;color:var(--color-secundario);flex:1 1;font-size:1.3rem;margin:0}.plan-badge{background:#feca57;background:var(--color-acento);border-radius:20px;color:#0a0e1f;color:var(--color-fondo);font-size:.7rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.plan-precio{margin:20px 0;text-align:center}.plan-precio .moneda{color:#00d2d3;color:var(--color-secundario);font-size:1.5rem;vertical-align:top}.plan-precio .cantidad{color:#feca57;color:var(--color-acento);font-size:3rem;font-weight:700;line-height:1}.plan-precio .periodo{color:#fff;color:var(--color-texto);font-size:1rem;opacity:.7}.plan-beneficios{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin:20px 0;padding:15px 0}.beneficio{align-items:center;display:flex;gap:10px;margin:10px 0}.beneficio-icon{font-size:1.2rem;width:30px}.beneficio-texto{flex:1 1}.plan-descripcion{flex:1 1;font-size:.95rem;line-height:1.5;margin:20px 0;opacity:.8}.btn-plan{border:1px solid #0000;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:15px;transition:all .3s}.btn-plan:hover{box-shadow:0 10px 20px #6c5ce766;filter:brightness(1.1);transform:scale(1.05)}.btn-plan.suscripcion:hover{background:#feca57!important;background:var(--color-acento)!important}.plan-admin{border-top:1px dashed #fff3;font-size:.8rem;margin-top:15px;opacity:.5;padding-top:10px;text-align:center}.precios-footer{border-top:1px solid #ffffff1a;font-size:.9rem;margin-top:50px;opacity:.7;padding-top:30px;text-align:center}.precios-footer .small{color:#00d2d3;color:var(--color-secundario);font-size:.8rem;margin-top:10px}@media (max-width:768px){.precios-header h1{font-size:1.8rem}.planes-grid{grid-template-columns:1fr}.plan-card{margin-bottom:20px}}.logo-container{align-items:center;cursor:pointer;display:flex;gap:5px;padding:5px 0;transition:opacity .3s}.logo-container:hover{opacity:.9}.logo{height:40px;width:auto}.logo-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));-webkit-background-clip:text;background-clip:text;font-size:2rem;letter-spacing:-1px;line-height:1;margin:0}.auth-logo{height:60px;margin-bottom:20px}.footer-logo{margin-bottom:10px}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.logo{height:35px}.logo-container h1{font-size:1.5rem}}.footer-logo-container{align-items:center;display:flex;gap:8px;margin-bottom:15px}.footer-logo{height:30px;opacity:.8;width:auto}.footer-logo-container span{color:#00d2d3;color:var(--color-secundario);font-size:1.2rem;font-weight:700}.admin-krums-config{padding:20px}.config-seccion{background:#ffffff08;border-radius:15px;margin-bottom:30px;padding:25px}.config-seccion h3{color:#00d2d3;color:var(--color-secundario);margin:0 0 5px}.seccion-desc{color:#fff;color:var(--color-texto);margin-bottom:20px;opacity:.7}.tabla-costos,.tabla-limites{border-collapse:collapse;width:100%}.tabla-costos th,.tabla-limites th{background:#6c5ce71a;color:#6c5ce7;color:var(--color-primario);padding:10px;text-align:left}.tabla-costos td,.tabla-limites td{border-bottom:1px solid #ffffff0d;padding:10px}.input-krums,.input-limite{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:5px;color:#fff;padding:5px;text-align:center;width:80px}.recompensa-form{max-width:400px}.recompensa-form .form-group{margin-bottom:15px}.recompensa-form label{color:#00d2d3;color:var(--color-secundario);display:block;margin-bottom:5px}.recompensa-form input[type=number]{background:#2d374880;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:5px;color:#fff;padding:8px;width:100%}.recompensa-form .checkbox label{align-items:center;color:#fff;color:var(--color-texto);display:flex;gap:10px}.recompensa-form .checkbox input{width:auto}.btn-guardar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 25px}.btn-guardar:hover{background:#feca57;background:var(--color-acento)}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.saldo-widget{background:#6c5ce71a;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:50px;display:flex;flex-wrap:wrap;gap:15px;padding:10px 20px}.saldo-widget .saldo-item:last-child{margin-left:auto}.saldo-item{align-items:center;display:flex;font-size:.95rem;gap:5px}.saldo-icon{font-size:1.2rem}.saldo-label{color:#fff;color:var(--color-texto);opacity:.8}.saldo-valor{color:#feca57;color:var(--color-acento);font-weight:700;min-width:30px;text-align:right}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0a0e1f;background:var(--color-fondo);border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;max-width:400px;padding:40px;text-align:center;width:90%}.modal-content h3{color:#ff6b6b;color:var(--color-error);margin-bottom:20px}.modal-content p{line-height:1.6;margin-bottom:30px}.modal-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.saldo-widget{justify-content:space-around}}.story-image-container{height:405px}.story-card-image-container,.story-image-container{border-radius:10px 10px 0 0;margin:0;overflow:hidden;position:relative;text-align:center;width:100%}.story-card-image-container{height:200px}.story-thumbnail{height:100%;object-fit:cover;width:100%}.story-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a463f5);color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.mensaje-flotante{animation:fadeIn .3s;background:#51cf6633;border:1px solid #51cf66;border-radius:10px;color:#51cf66;margin-bottom:15px;padding:10px;text-align:center}.reclamo-diario.completado{background:#51cf661a;border:1px solid #51cf66}.mensaje-exito{color:#51cf66;font-size:.9rem;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-reclamar.cargando{cursor:not-allowed;opacity:.7}.top-usuarios{background:#ffffff05;border:1px solid #6c5ce733;border-radius:20px;margin:40px auto;padding:30px;width:60%}.top-usuarios h2{color:#feca57;color:var(--color-acento);font-size:1.8rem;margin-bottom:25px;text-align:center}.tabla-top{border-collapse:collapse;border-radius:15px;box-shadow:0 4px 15px #0000004d;font-size:1rem;margin:0 auto;overflow:hidden;width:100%}.tabla-top thead{background:linear-gradient(135deg,#6c5ce7,#8b5cf6);background:linear-gradient(135deg,var(--color-primario),#8b5cf6);color:#fff}.tabla-top th{font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.tabla-top td,.tabla-top th{padding:15px 20px;text-align:center}.tabla-top td{border-bottom:1px solid #6c5ce733}.tabla-top tbody tr:hover{background:#6c5ce71a;transition:background .3s}.tabla-top tbody tr:last-child td{border-bottom:none}.tabla-top td:first-child{color:#feca57;color:var(--color-acento);font-size:1.2rem;font-weight:700}@media (max-width:1024px){.top-usuarios{width:80%}}@media (max-width:768px){.top-usuarios{width:95%;.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.stat-card{align-items:center;background:#ffffff08;border-radius:15px;display:flex;gap:20px;padding:20px;transition:transform .3s}.stat-card:hover{box-shadow:0 0 20px #6c5ce74d;box-shadow:var(--sombra-glow);transform:translateY(-5px)}.stat-icon{font-size:3rem}.stat-content{flex:1 1}.stat-titulo{color:#fff;color:var(--color-texto);font-size:.9rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.stat-valor{color:#00d2d3;color:var(--color-secundario);font-size:2rem;font-weight:700;line-height:1.2}.stat-extra{color:#51cf66;font-size:.85rem;margin-top:5px}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:40px 0}.chart-container{background:#ffffff05;border:1px solid #6c5ce733;border-radius:20px;padding:20px}.chart-container h3{color:#00d2d3;color:var(--color-secundario);margin-bottom:20px;text-align:center}.users-section{margin-top:40px}.periodo-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0 30px}.periodo-selector button{background:#ffffff08;border:1px solid #6c5ce74d;border-radius:30px;color:#fff;color:var(--color-texto);cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .3s}.periodo-selector button:hover{background:#6c5ce733;border-color:#6c5ce7;border-color:var(--color-primario)}.periodo-selector button.active{background:#6c5ce7;background:var(--color-primario);border-color:#6c5ce7;border-color:var(--color-primario);color:#fff}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.stat-card{padding:15px}.stat-icon{font-size:2rem}.stat-valor{font-size:1.5rem}}padding:15px}.tabla-top{font-size:.9rem}.tabla-top td,.tabla-top th{padding:10px 8px}.checkout-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.checkout-content{background:#0a0e1f;background:var(--color-fondo);border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:20px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.checkout-content h3{color:#00d2d3;color:var(--color-secundario);margin-bottom:20px}.checkout-form{display:flex;flex-direction:column;gap:20px;margin:20px 0}.btn-pagar{background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;padding:15px;transition:transform .3s}.btn-pagar:hover:not(:disabled){transform:scale(1.05)}.btn-pagar:disabled{cursor:not-allowed;opacity:.5}.mensaje-pago{border-radius:10px;padding:15px;text-align:center}.mensaje-pago.exito{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.mensaje-pago.error{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}}@media (max-width:480px){.top-usuarios{overflow-x:auto}.tabla-top{min-width:400px}}.empty-chart{align-items:center;background:#ffffff05;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.empty-message{color:#fff;color:var(--color-texto);font-size:1.1rem;font-style:italic;margin-top:20px;opacity:.6}.mp-checkout{padding:20px}.mp-metodos{background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:15px}.mp-metodos label{align-items:center;cursor:pointer;display:flex;gap:10px}.mp-metodos input[type=radio]{height:18px;width:18px}.btn-mp{background:#009ee3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;width:100%}.btn-mp:hover{background:#0080c0}.mp-pix{margin-top:20px;text-align:center}.pix-qr{background:#fff;border-radius:10px;display:block;height:200px;margin:20px auto;padding:10px;width:200px}.pix-codigo{align-items:center;background:#0000004d;border-radius:8px;display:flex;justify-content:space-between;margin:15px 0;padding:15px;word-break:break-all}.pix-codigo code{font-size:.8rem}.pix-expira{color:#ff6b6b;font-size:.9rem;margin:10px 0}.metodos-pago-tabs{display:flex;gap:10px;margin-bottom:20px}.metodos-pago-tabs button{background:#0000;border:1px solid #6c5ce74d;border-radius:8px;color:#fff;color:var(--color-texto);cursor:pointer;flex:1 1;padding:12px;transition:all .3s}.metodos-pago-tabs button.active{background:#6c5ce7;background:var(--color-primario);border-color:#6c5ce7;border-color:var(--color-primario);color:#fff}.pago-exitoso-container,.pago-fallido-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.pago-exitoso-card,.pago-fallido-card{background:#ffffff0d;border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:30px;max-width:500px;padding:50px;text-align:center}.exito-icon{color:#51cf66}.exito-icon,.fallido-icon{font-size:5rem;margin-bottom:20px}.fallido-icon{color:#ff6b6b}.pago-exitoso-card h1{color:#51cf66;margin-bottom:20px}.pago-fallido-card h1{color:#ff6b6b;margin-bottom:20px}.pago-exitoso-card p,.pago-fallido-card p{font-size:1.1rem;margin:10px 0}.btn-continuar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:30px;padding:12px 30px;transition:transform .3s}.btn-continuar:hover{transform:scale(1.05)}.pago-pendiente-container{align-items:center;background:linear-gradient(135deg,#0a0e1f,#1a1f35);display:flex;justify-content:center;min-height:80vh;padding:20px}.pago-pendiente-card{background:#ffffff0d;border:2px solid #feca57;border:2px solid var(--color-acento);border-radius:30px;max-width:700px;padding:40px;width:100%}.pendiente-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px;text-align:center}.pago-pendiente-card h1{color:#feca57;color:var(--color-acento);margin-bottom:30px;text-align:center}.instrucciones-pago{margin:30px 0}.metodo-pago-info{background:#0003;border-left:4px solid #00d2d3;border-left:4px solid var(--color-secundario);border-radius:15px;margin-bottom:20px;padding:20px}.metodo-pago-info h4{color:#00d2d3;color:var(--color-secundario);margin:0 0 15px}.metodo-pago-info ol,.metodo-pago-info ul{margin:0;padding-left:20px}.metodo-pago-info li{line-height:1.5;margin:8px 0}.contador-redireccion{background:#feca571a;border-radius:50px;margin:30px 0;padding:15px;text-align:center}.contador-redireccion strong{color:#feca57;color:var(--color-acento);font-size:1.3rem}.acciones-pago{display:flex;gap:15px;justify-content:center;margin:30px 0 20px}.btn-verificar{background:#6c5ce7;background:var(--color-primario);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s}.btn-verificar:hover:not(:disabled){background:#00d2d3;background:var(--color-secundario);transform:scale(1.05)}.btn-verificar:disabled{cursor:not-allowed;opacity:.5}.mensaje-pago.pendiente{background:#feca5733;border:1px solid #feca57;border:1px solid var(--color-acento);border-radius:10px;color:#feca57;color:var(--color-acento);margin:20px 0;padding:15px;text-align:center}.nota-pago{border-top:1px solid #ffffff1a;font-size:.9rem;margin-top:30px;opacity:.7;padding-top:20px;text-align:center}.aviso-beta{animation:pulse-aviso 2s infinite;background:#feca5726;border:1px solid #feca57;border-radius:10px;gap:15px;margin-bottom:20px;padding:15px}.aviso-beta,.aviso-icono{align-items:center;display:flex}.aviso-icono{background:#feca574d;border-radius:50%;font-size:2rem;height:50px;justify-content:center;width:50px}.aviso-texto strong{color:#feca57;display:block;font-size:1.1rem;margin-bottom:5px}.aviso-texto p{color:#fff;color:var(--color-texto);font-size:.9rem;margin:0;opacity:.9}.aviso-imagen-beta{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#feca57e6;border:1px solid #feca57;border-radius:20px;color:#0a0e1f;cursor:help;font-size:.8rem;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}@keyframes pulse-aviso{0%,to{border-color:#feca57}50%{border-color:#ffd966;box-shadow:0 0 10px #feca574d}}.seccion-planes{margin-bottom:50px}.seccion-titulo{align-items:center;color:#00d2d3;color:var(--color-secundario);display:flex;font-size:1.8rem;gap:10px;margin-bottom:10px}.seccion-icono{font-size:2rem}.seccion-descripcion{color:#fff;color:var(--color-texto);margin-bottom:30px;opacity:.8}.paquete-card.suscripcion{background:linear-gradient(135deg,#feca571a,#6c5ce71a);border:2px solid #feca57;border:2px solid var(--color-acento);position:relative}.paquete-card.suscripcion:hover{border-color:#feca57;border-color:var(--color-acento);box-shadow:0 0 20px #feca574d}.paquete-card.unico{border:1px solid #6c5ce7;border:1px solid var(--color-primario)}.paquete-badge{background:#feca57;background:var(--color-acento);border-radius:30px;color:#0a0e1f;color:var(--color-fondo);font-size:.8rem;font-weight:700;padding:5px 15px;position:absolute;right:20px;text-transform:uppercase;top:-10px}.periodo{color:#00d2d3;color:var(--color-secundario);font-size:.9rem;font-weight:400}.cada-mes{display:block;font-size:.8rem;margin-top:2px}.aviso-suscripcion,.cada-mes{color:#feca57;color:var(--color-acento)}.aviso-suscripcion{background:#feca5733;border:1px solid #feca57;border:1px solid var(--color-acento);border-radius:10px;font-size:.9rem;margin:15px 0;padding:10px;text-align:center}.btn-comprar.suscripcion{background:linear-gradient(135deg,#feca57,#ffb347);background:linear-gradient(135deg,var(--color-acento),#ffb347);color:#0a0e1f;color:var(--color-fondo)}.btn-comprar.suscripcion:hover{background:#feca57;background:var(--color-acento)}.custom-option-container{grid-column:span 1}.custom-option-btn{background:linear-gradient(135deg,#6c5ce7,#8b5cf6);background:linear-gradient(135deg,var(--color-primario),#8b5cf6);border:2px solid #feca57!important;border:2px solid var(--color-acento)!important;overflow:hidden;position:relative}.custom-option-btn:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.custom-badge{background:#feca57;background:var(--color-acento);border-radius:20px;color:#0a0e1f;color:var(--color-fondo);font-size:.7rem;font-weight:700;padding:2px 8px;position:absolute;right:10px;text-transform:uppercase;top:5px}.custom-input-area{animation:slideIn .3s ease;background:#2d37484d;border:2px solid #feca57;border:2px solid var(--color-acento);border-radius:15px;height:99%;padding:15px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-input-area textarea{background:#0000004d;border:1px solid #feca57;border:1px solid var(--color-acento);border-radius:10px;color:#fff;font-size:1rem;height:70%;margin-bottom:15px;min-height:80px;padding:12px;resize:vertical;width:100%}.custom-input-area textarea:focus{border-color:#6c5ce7;border-color:var(--color-primario);box-shadow:0 0 10px #feca57;box-shadow:0 0 10px var(--color-acento);outline:none}.custom-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-custom-submit{background:#feca57;background:var(--color-acento);border:none;border-radius:30px;color:#0a0e1f;color:var(--color-fondo);cursor:pointer;font-weight:700;padding:8px 20px;transition:transform .2s}.btn-custom-submit:hover:not(:disabled){background:#ffb347;transform:scale(1.05)}.btn-custom-cancel{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--color-error);border-radius:30px;color:#ff6b6b;color:var(--color-error);cursor:pointer;padding:8px 20px;transition:background .2s}.btn-custom-cancel:hover{background:#ff6b6b33}@media (max-width:768px){.options-grid{grid-template-columns:1fr}.custom-option-container{grid-column:span 1}}.bio-group{margin-bottom:30px}.bio-textarea{background:#2d37484d;border:2px solid #6c5ce7;border:2px solid var(--color-primario);border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;line-height:1.6;min-height:150px;padding:15px;resize:vertical;transition:all .3s;width:100%}.bio-textarea:focus{background:#2d374880;border-color:#feca57;border-color:var(--color-acento);box-shadow:0 0 15px #feca57;box-shadow:0 0 15px var(--color-acento);outline:none}.bio-counter{color:#00d2d3;color:var(--color-secundario);display:block;font-size:.85rem;margin-top:5px;text-align:right}.avatar-upload-section{background:#6c5ce70d;border:1px dashed #6c5ce7;border:1px dashed var(--color-primario);border-radius:20px;margin:30px 0;padding:25px}.avatar-upload-section label{color:#00d2d3;color:var(--color-secundario);display:block;font-size:1.1rem;font-weight:700;margin-bottom:15px}.avatar-upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.avatar-preview{background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));border:3px solid #feca57;border:3px solid var(--color-acento);border-radius:50%;box-shadow:0 0 20px #feca57;box-shadow:0 0 20px var(--color-acento);flex-shrink:0;height:120px;overflow:hidden;width:120px}.avatar-preview-img{height:100%;object-fit:cover;width:100%}.avatar-preview-placeholder{align-items:center;background:linear-gradient(135deg,#6c5ce7,#00d2d3);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.avatar-input-group{flex:1 1;min-width:250px}.avatar-input{background:#2d37484d;border:1px solid #6c5ce7;border:1px solid var(--color-primario);border-radius:8px;color:#fff;font-size:.95rem;margin-bottom:10px;padding:12px 15px;transition:all .3s;width:100%}.avatar-input:focus{border-color:#feca57;border-color:var(--color-acento);box-shadow:0 0 10px #feca57;box-shadow:0 0 10px var(--color-acento);outline:none}.avatar-help{color:#fff;color:var(--color-texto);font-size:.85rem;margin-bottom:15px;opacity:.7;padding-left:5px}.avatar-buttons{display:flex;gap:10px}.btn-upload{background:#0000;border:1px solid #00d2d3;border:1px solid var(--color-secundario);border-radius:30px;color:#00d2d3;color:var(--color-secundario);cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .3s}.btn-upload:hover{background:#00d2d3;background:var(--color-secundario);color:#0a0e1f;color:var(--color-fondo)}@media (max-width:768px){.avatar-upload-container{align-items:center;flex-direction:column}.avatar-input-group{width:100%}.bio-textarea{min-height:120px}}.avatar-preview-loading{position:relative}.avatar-preview-loading:after{align-items:center;animation:pulse 1.5s infinite;background:#00000080;border-radius:50%;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}
/*# sourceMappingURL=main.fe24d8ae.css.map*/