@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";.toast{position:fixed;top:24px;right:24px;min-width:300px;max-width:500px;padding:var(--espaciado-md) var(--espaciado-lg);background:var(--blanco);border-radius:var(--radio-md) 0 var(--radio-md) 0;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:var(--espaciado-md);z-index:9999;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast__icon{font-size:1.5rem;flex-shrink:0}.toast__message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast__close{background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:var(--espaciado-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radio-sm);transition:all var(--transicion-rapida);flex-shrink:0;opacity:.6}.toast__close:hover{opacity:1;background:#0000000d}.toast--success{border-left:4px solid #10b981}.toast--success .toast__icon{color:#10b981}.toast--success .toast__message{color:#047857}.toast--error{border-left:4px solid #ef4444}.toast--error .toast__icon{color:#ef4444}.toast--error .toast__message{color:#dc2626}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--warning .toast__message{color:#d97706}.toast--info{border-left:4px solid var(--primario)}.toast--info .toast__icon,.toast--info .toast__message{color:var(--primario)}@media (max-width: 768px){.toast{top:16px;right:16px;left:16px;min-width:auto;max-width:none}}@media (max-width: 480px){.toast{top:8px;right:8px;left:8px;padding:var(--espaciado-sm) var(--espaciado-md)}.toast__icon{font-size:1.25rem}.toast__message{font-size:.85rem}}.private-route__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:var(--espaciado-md, 1rem)}.private-route__texto{font-size:1rem;color:var(--gris-claro, #9ca3af)}.private-route__spinner{width:3rem;height:3rem;border:.25rem solid var(--gris-oscuro, #374151);border-top-color:var(--secundario, #eab308);border-radius:50%;animation:private-route-spin .8s linear infinite}@keyframes private-route-spin{to{transform:rotate(360deg)}}.home{min-height:100vh;background:var(--primario);color:var(--blanco);overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--espaciado-xxl) var(--espaciado-lg);background:radial-gradient(circle at 20% 50%,rgba(234,179,8,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(234,179,8,.03) 0%,transparent 50%)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--espaciado-xxl);align-items:center}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:var(--espaciado-sm);padding:.5rem 1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--secundario);font-size:.875rem;font-weight:600;margin-bottom:var(--espaciado-xl)}.badge-icon{font-size:1rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--espaciado-lg);color:var(--blanco)}.gradient-text{background:linear-gradient(135deg,var(--secundario) 0%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--gris2);margin-bottom:var(--espaciado-xxl);max-width:600px}.hero-cta{display:flex;gap:var(--espaciado-md);margin-bottom:var(--espaciado-xxl)}.btn{display:inline-flex;align-items:center;gap:var(--espaciado-sm);padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:var(--radio-md) 0 var(--radio-md) 0;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--secundario);color:var(--primario);box-shadow:0 4px 16px #eab3084d}.btn-primary:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 24px #eab30866}.btn-secondary{background:transparent;color:var(--blanco);border:2px solid var(--secundario)}.btn-secondary:hover{background:#eab3081a;color:var(--secundario);transform:translateY(-2px)}.btn-large{padding:1.375rem 3rem;font-size:1.25rem}.hero-stats{display:flex;gap:var(--espaciado-xxl);padding-top:var(--espaciado-xl);border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-sm)}.stat-icon{font-size:2rem;color:var(--secundario);filter:drop-shadow(0 0 12px rgba(234,179,8,.4))}.stat-label{font-size:.875rem;color:var(--gris2);text-align:center;font-weight:500}.hero-visual{display:flex;align-items:center;justify-content:center;animation:fadeInRight .8s ease-out}.visual-card{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(234,179,8,.05) 0%,var(--focus) 100%);border:2px solid rgba(234,179,8,.4);border-radius:var(--radio-md) 0 var(--radio-md) 0;box-shadow:0 0 40px #eab30833,inset 0 0 60px #eab30808;animation:float 6s ease-in-out infinite}.card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#eab30866,#eab3081a);border-radius:var(--radio-md) 0 var(--radio-md) 0;opacity:.5;transition:opacity .3s ease;z-index:-1;animation:pulse 3s ease-in-out infinite}.visual-card:hover .card-glow{opacity:.8}.visual-icon{font-size:12rem;color:var(--secundario);filter:drop-shadow(0 0 60px rgba(234,179,8,.5)) drop-shadow(0 0 30px rgba(234,179,8,.3))}.features-section{padding:var(--espaciado-xxl) var(--espaciado-lg);background:var(--focus);position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--espaciado-xxl);animation:fadeInUp .8s ease-out}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--espaciado-md);color:var(--blanco)}.section-subtitle{font-size:1.125rem;color:var(--gris2);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--espaciado-xl)}.feature-card{background:var(--primario);padding:var(--espaciado-xxl);border-radius:var(--radio-md) 0 var(--radio-md) 0;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{transform:translateY(-8px);border-color:#eab3084d;box-shadow:0 12px 32px #0006}.feature-card-highlight{background:linear-gradient(135deg,rgba(234,179,8,.1) 0%,var(--primario) 100%);border-color:#eab30833}.feature-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#eab3081a;border-radius:var(--radio-md) 0 var(--radio-md) 0;margin-bottom:var(--espaciado-lg)}.feature-icon{font-size:2rem;color:var(--secundario)}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--espaciado-md);color:var(--blanco)}.feature-card p{font-size:1rem;line-height:1.6;color:var(--gris2);margin-bottom:var(--espaciado-lg)}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--espaciado-sm)}.feature-list li{display:flex;align-items:center;gap:var(--espaciado-sm);font-size:.875rem;color:var(--gris2)}.feature-list svg{color:var(--secundario);font-size:1rem;flex-shrink:0}.cta-section{padding:calc(var(--espaciado-xxl) * 2) var(--espaciado-lg);background:linear-gradient(135deg,#0f172af2,#0f172ad9),url(https://images.unsplash.com/photo-1542751371-adc38448a05e?w=1920&q=80) center/cover;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(234,179,8,.15) 0%,transparent 70%);z-index:0;animation:pulse 4s ease-in-out infinite}.cta-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(234,179,8,.05) 50%,transparent 70%);z-index:0}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content{text-align:center;animation:fadeInUp .8s ease-out}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--espaciado-lg);color:var(--blanco)}.cta-description{font-size:1.125rem;line-height:1.6;color:var(--gris2);margin-bottom:var(--espaciado-xxl)}.cta-buttons{display:flex;justify-content:center;margin-bottom:var(--espaciado-lg)}.cta-note{font-size:.875rem;color:var(--gris3)}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-visual{display:none}.hero-stats{justify-content:center}}@media (max-width: 768px){.hero-section{min-height:auto;padding:var(--espaciado-xl) var(--espaciado-md)}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.hero-cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.hero-stats{flex-direction:row;flex-wrap:wrap;gap:var(--espaciado-xl);justify-content:center}.stat-item{flex:1;min-width:120px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:var(--espaciado-lg)}.cta-title{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.stat-icon{font-size:1.75rem}.stat-label{font-size:.8rem}.section-title{font-size:1.75rem}.feature-card{padding:var(--espaciado-xl)}.cta-title{font-size:1.75rem}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);width:90%;max-width:450px;animation:slideUp .3s ease-out}.confirm-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--espaciado-lg) var(--espaciado-xl);padding-bottom:0}.confirm-modal__icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal--danger .confirm-modal__icon-wrapper{background:#ef44441a}.confirm-modal--warning .confirm-modal__icon-wrapper{background:#f59e0b1a}.confirm-modal--info .confirm-modal__icon-wrapper{background:#2563eb1a}.confirm-modal__icon{font-size:1.5rem}.confirm-modal--danger .confirm-modal__icon{color:#ef4444}.confirm-modal--warning .confirm-modal__icon{color:#f59e0b}.confirm-modal--info .confirm-modal__icon{color:var(--primario)}.confirm-modal__close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radio-sm);color:var(--gris3);font-size:1.25rem;cursor:pointer;transition:all var(--transicion-rapida)}.confirm-modal__close-button:hover:not(:disabled){background:var(--gris1);color:var(--gris4)}.confirm-modal__close-button:disabled{opacity:.5;cursor:not-allowed}.confirm-modal__content{padding:var(--espaciado-lg) var(--espaciado-xl)}.confirm-modal__title{font-size:1.25rem;font-weight:700;color:var(--gris4);margin:0 0 var(--espaciado-sm) 0}.confirm-modal__message{font-size:.95rem;color:var(--gris3);line-height:1.5;margin:0}.confirm-modal__actions{display:flex;gap:var(--espaciado-sm);padding:var(--espaciado-lg) var(--espaciado-xl);padding-top:0}.confirm-modal__button{flex:1;padding:var(--espaciado-md) var(--espaciado-lg);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;cursor:pointer;transition:all var(--transicion-rapida);font-family:inherit}.confirm-modal__button:disabled{opacity:.6;cursor:not-allowed}.confirm-modal__button--cancel{background:var(--gris1);color:var(--gris4)}.confirm-modal__button--cancel:hover:not(:disabled){background:var(--gris2)}.confirm-modal__button--confirm{background:var(--secundario);color:var(--primario);box-shadow:0 2px 8px #eab3084d}.confirm-modal__button--confirm:hover:not(:disabled){background:var(--secundario-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.confirm-modal__button--danger{background:#ef4444;color:var(--blanco)}.confirm-modal__button--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-modal__button--warning{background:#f59e0b;color:var(--blanco)}.confirm-modal__button--warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.confirm-modal__button--info{background:var(--primario);color:var(--blanco)}.confirm-modal__button--info:hover:not(:disabled){background:var(--primario-oscuro);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}@media (max-width: 768px){.confirm-modal{width:95%}.confirm-modal__header{padding:var(--espaciado-md) var(--espaciado-lg);padding-bottom:0}.confirm-modal__content{padding:var(--espaciado-md) var(--espaciado-lg)}.confirm-modal__actions{padding:var(--espaciado-md) var(--espaciado-lg);padding-top:0}.confirm-modal__title{font-size:1.125rem}.confirm-modal__message{font-size:.875rem}}@media (max-width: 480px){.confirm-modal__actions{flex-direction:column-reverse}.confirm-modal__button{width:100%}}.diagram-card-wrapper{position:relative}.diagram-card{background:var(--focus);border:1px solid rgba(234,179,8,.2);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);transition:all var(--transicion-normal);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--espaciado-md)}.diagram-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #eab30833;border-color:var(--secundario);background:var(--hover)}.diagram-card__icon{width:50px;height:50px;background:var(--primario);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;display:flex;align-items:center;justify-content:center;color:var(--secundario);font-size:1.5rem;border:1px solid rgba(234,179,8,.3);flex-shrink:0}.diagram-card__content{display:flex;flex-direction:column;gap:var(--espaciado-sm);flex:1}.diagram-card__title{font-size:1.1rem;font-weight:600;color:var(--blanco);margin:0;line-height:1.4}.diagram-card__description{font-size:.875rem;color:var(--blanco);opacity:.6;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diagram-card__footer{margin-top:auto;padding-top:var(--espaciado-sm);border-top:1px solid var(--gris1)}.diagram-card__info{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.diagram-card__date{display:flex;align-items:center;gap:var(--espaciado-sm);font-size:.85rem;color:var(--blanco);opacity:.7}.diagram-card__date-icon{font-size:.9rem}.diagram-card__stats{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.75rem;color:var(--blanco);opacity:.7}.diagram-card__stat{font-weight:400}.diagram-card__stat-separator{color:var(--secundario);opacity:.5}.diagram-card__actions{position:absolute;top:var(--espaciado-sm);right:var(--espaciado-sm);display:flex;gap:var(--espaciado-xs);opacity:0;transition:opacity var(--transicion-rapida)}.diagram-card-wrapper:hover .diagram-card__actions{opacity:1}.diagram-card__action-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:var(--radio-sm) 0 var(--radio-sm) 0;font-size:1rem;cursor:pointer;transition:all var(--transicion-rapida)}.diagram-card__action-button--edit{border-color:#2563eb4d;color:#2563eb}.diagram-card__action-button--edit:hover{background:#2563eb26;border-color:#2563eb;color:#2563eb;transform:scale(1.05)}.diagram-card__action-button--delete{border-color:#ef44444d;color:#ef4444}.diagram-card__action-button--delete:hover{background:#ef444426;border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.diagram-card__action-button:active{transform:scale(.95)}@media (max-width: 768px){.diagram-card{padding:var(--espaciado-md)}.diagram-card__icon{width:40px;height:40px;font-size:1.25rem}.diagram-card__title{font-size:1rem}.diagram-card__actions{opacity:1}}.diagram-list{width:100%}.diagram-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--espaciado-lg);width:100%}.diagram-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);color:var(--gris3)}.diagram-list__spinner{width:40px;height:40px;border:4px solid var(--gris1);border-top-color:var(--primario);border-radius:50%;animation:spin 1s linear infinite}.diagram-list__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);text-align:center}.diagram-list__error-icon{font-size:3rem;color:var(--error)}.diagram-list__error-message{color:var(--gris3);margin:0;max-width:400px}.diagram-list__retry-button{padding:var(--espaciado-sm) var(--espaciado-lg);background:var(--primario);color:var(--blanco);border:none;border-radius:var(--radio-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida)}.diagram-list__retry-button:hover{background:var(--primario-oscuro);transform:translateY(-1px);box-shadow:var(--sombra-sm)}.diagram-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);text-align:center}.diagram-list__empty-icon{font-size:4rem;color:var(--gris2)}.diagram-list__empty-title{font-size:1.5rem;font-weight:600;color:var(--gris4);margin:0}.diagram-list__empty-message{color:var(--gris3);margin:0;max-width:400px}.diagram-list__create-button{display:inline-flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-md) var(--espaciado-lg);background:var(--secundario);color:var(--primario);border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transicion-normal);box-shadow:0 2px 8px #eab3084d;text-decoration:none}.diagram-list__create-button:hover{background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 16px #eab30866}@media (max-width: 768px){.diagram-list__grid{grid-template-columns:1fr;gap:var(--espaciado-md)}}@media (max-width: 480px){.diagram-list__empty-icon{font-size:3rem}.diagram-list__empty-title{font-size:1.25rem}}.import-json__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.import-json__content{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.import-json__header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-lg);border-bottom:1px solid var(--gris-claro)}.import-json__title{display:flex;align-items:center;gap:var(--espaciado-md);margin:0;font-size:1.25rem;color:var(--negro);font-weight:600}.import-json__title svg{font-size:1.5rem;color:var(--secundario)}.import-json__close{background:none;border:none;color:var(--gris-oscuro);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radio-sm);transition:var(--transicion-normal)}.import-json__close:hover:not(:disabled){background-color:var(--gris-claro);color:var(--negro)}.import-json__close:disabled{opacity:.5;cursor:not-allowed}.import-json__close svg{font-size:1.25rem}.import-json__body{padding:var(--espaciado-lg);overflow-y:auto;flex:1}.import-json__description{color:var(--gris-oscuro);margin:0 0 var(--espaciado-lg) 0;line-height:1.5;font-size:.95rem}.import-json__menu{display:flex;flex-direction:column;gap:1.5rem}.import-json__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.import-json__option{background-color:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.import-json__option:hover:not(:disabled){background-color:#333;border-color:#4a9eff;transform:translateY(-2px)}.import-json__option:disabled{opacity:.5;cursor:not-allowed}.import-json__option-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.import-json__option-icon--import{background-color:#22c55e33;color:#22c55e}.import-json__option-icon--export{background-color:#4a9eff33;color:#4a9eff}.import-json__option-info h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.import-json__option-info p{margin:.25rem 0 0;color:#888;font-size:.9rem}.import-json__import,.import-json__export{display:flex;flex-direction:column;gap:1.5rem}.import-json__file-input{display:flex;justify-content:center;margin-bottom:var(--espaciado-lg)}.import-json__file-input-hidden{display:none}.import-json__file-label{display:flex;align-items:center;gap:var(--espaciado-sm);padding:1rem 1.5rem;background-color:var(--blanco);border:2px dashed var(--secundario);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--secundario);cursor:pointer;transition:var(--transicion-normal);font-weight:500}.import-json__file-label:hover{background-color:#4a9eff0d;border-color:var(--secundario-hover);transform:translateY(-2px)}.import-json__file-label svg{font-size:1.25rem}.import-json__warning,.import-json__error,.import-json__info{display:flex;gap:var(--espaciado-sm);padding:var(--espaciado-md);border-radius:var(--radio-md);line-height:1.5;margin-bottom:var(--espaciado-md)}.import-json__warning{background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#d97706}.import-json__warning--danger,.import-json__error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.import-json__info{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--primario)}.import-json__warning svg,.import-json__error svg,.import-json__info svg{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.import-json__warning p,.import-json__error p,.import-json__info p{margin:0}.import-json__info div{display:flex;flex-direction:column;gap:.5rem}.import-json__info-detail{font-size:.9rem;opacity:.9}.import-json__error div{display:flex;flex-direction:column;gap:.25rem}.import-json__preview{background-color:var(--gris-muy-claro);border:1px solid var(--gris-claro);border-radius:var(--radio-md);padding:var(--espaciado-lg);margin-bottom:var(--espaciado-lg)}.import-json__preview-header{display:flex;align-items:center;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-md);padding-bottom:var(--espaciado-md);border-bottom:1px solid var(--gris-claro)}.import-json__preview-icon{font-size:1.5rem;color:var(--exito)}.import-json__preview-header h3{margin:0;color:var(--negro);font-size:1.1rem;font-weight:600}.import-json__preview-content{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.import-json__preview-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.import-json__preview-item strong{color:var(--gris-oscuro);font-weight:500}.import-json__preview-item span{color:var(--negro);font-weight:500}.import-json__export-info{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.import-json__export-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.import-json__export-item strong{color:#b0b0b0;font-weight:500}.import-json__export-item span{color:#fff;font-weight:500}.import-json__actions{display:flex;gap:var(--espaciado-md);justify-content:flex-end;padding-top:var(--espaciado-md);border-top:1px solid var(--gris-claro);margin-top:var(--espaciado-lg)}.import-json__button{padding:var(--espaciado-md) var(--espaciado-xl);border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida);display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-family:inherit}.import-json__button--primary{background:var(--secundario);color:var(--primario);box-shadow:0 2px 8px #eab3084d}.import-json__button--primary:hover:not(:disabled){background:var(--secundario-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.import-json__button--primary:active:not(:disabled){transform:translateY(0)}.import-json__button--secondary{background:var(--gris1);color:var(--gris4)}.import-json__button--secondary:hover:not(:disabled){background:var(--gris2)}.import-json__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.import-json__loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);z-index:10;border-radius:var(--radio-lg)}.import-json__spinner{width:3rem;height:3rem;border:3px solid var(--gris-claro);border-top-color:var(--secundario);border-radius:50%;animation:spin .8s linear infinite}.import-json__loading p{color:var(--gris-oscuro);margin:0;font-weight:500}@media (max-width: 768px){.import-json__content{max-width:100%;margin:.5rem}.import-json__options{grid-template-columns:1fr}.import-json__actions{flex-direction:column-reverse}.import-json__button{width:100%;justify-content:center}}.modal__label{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.875rem;font-weight:600;color:var(--gris4);margin-bottom:0}.modal__import-option{padding:0;border-bottom:1px solid var(--gris-claro);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--espaciado-md);text-align:left}.modal__import-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--blanco);border:2px solid var(--secundario);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--secundario);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transicion-normal);white-space:nowrap;justify-content:flex-start}.modal__import-button:hover{background-color:#4a9eff0d;border-color:var(--secundario-hover);transform:translateY(-2px);box-shadow:var(--sombra-sm)}.modal__import-button svg{font-size:1rem}@media (max-width: 768px){.modal{width:95%;max-height:95vh}.modal__header{padding:var(--espaciado-lg)}.modal__title{font-size:1.25rem}.modal__form{padding:var(--espaciado-lg)}.modal__actions{flex-direction:column-reverse}.modal__button{width:100%}.modal__import-option{flex-direction:column;text-align:center}.modal__import-button{width:100%;justify-content:center}}.dashboard{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 140px);background:var(--primario);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}.dashboard__sidebar{background:var(--primario);color:var(--blanco);padding:var(--espaciado-lg);display:flex;flex-direction:column}.dashboard__sidebar-contenido{display:flex;flex-direction:column;height:100%}.dashboard__logo{margin-bottom:var(--espaciado-xl);padding-bottom:var(--espaciado-lg);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard__logo h2{color:var(--blanco);font-size:1.5rem;font-weight:700;margin:0}.dashboard__nav{flex:1;display:flex;flex-direction:column;gap:var(--espaciado-xs)}.dashboard__nav-item{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);color:var(--blanco);opacity:.7;text-decoration:none;border-radius:var(--radio-sm) 0 var(--radio-sm) 0;transition:all var(--transicion-normal);font-size:.95rem}.dashboard__nav-item:hover{background:var(--hover);opacity:1}.dashboard__nav-item--activo{background:var(--focus);color:var(--blanco);opacity:1;border-left:3px solid var(--secundario)}.dashboard__nav-icono{font-size:1.25rem;flex-shrink:0}.dashboard__logout{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);color:var(--blanco);opacity:.7;background:transparent;border:none;border-radius:var(--radio-sm) 0 var(--radio-sm) 0;cursor:pointer;transition:all var(--transicion-normal);font-size:.95rem;margin-top:var(--espaciado-lg);width:100%;text-align:left}.dashboard__logout:hover{background:var(--error);opacity:1;color:var(--blanco)}.dashboard__main{background:var(--primario);padding:var(--espaciado-xl);overflow-y:auto}.dashboard__seccion{margin-bottom:var(--espaciado-xxl)}.dashboard__seccion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--espaciado-xl)}.dashboard__titulo{color:var(--blanco);font-size:1.75rem;font-weight:700;margin-bottom:var(--espaciado-sm)}.dashboard__descripcion{color:var(--secundario);opacity:.9;font-size:.95rem;margin:0}.dashboard__boton-nuevo{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-md) var(--espaciado-lg);background:var(--secundario);color:var(--primario);border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transicion-normal);box-shadow:0 2px 8px #eab3084d;text-decoration:none;font-family:inherit}.dashboard__boton-nuevo:hover{background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 16px #eab30866}.dashboard__boton-icono{font-size:1.1rem}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--espaciado-lg)}.dashboard__card{background:var(--focus);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);transition:all var(--transicion-normal);cursor:pointer;border:1px solid rgba(234,179,8,.2);display:flex;flex-direction:column;gap:var(--espaciado-md)}.dashboard__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #eab30833;border-color:var(--secundario);background:var(--hover)}.dashboard__card-icono{width:50px;height:50px;background:var(--primario);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;display:flex;align-items:center;justify-content:center;color:var(--secundario);font-size:1.5rem;border:1px solid rgba(234,179,8,.3)}.dashboard__card-contenido{flex:1;display:flex;flex-direction:column}.dashboard__card-titulo{color:var(--blanco);font-size:1.1rem;font-weight:600;margin-bottom:var(--espaciado-md)}.dashboard__card-footer{margin-top:auto}.dashboard__card-info{display:flex;flex-direction:column;gap:var(--espaciado-md)}.dashboard__card-fecha{display:flex;align-items:center;gap:var(--espaciado-sm);color:var(--blanco);opacity:.7;font-size:.85rem}.dashboard__info-icono{font-size:.9rem}.dashboard__card-descripcion{color:var(--blanco);opacity:.6;font-size:.875rem;margin-bottom:var(--espaciado-md);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard__card-stats{display:flex;align-items:center;gap:var(--espaciado-xs);color:var(--blanco);opacity:.7;font-size:.75rem}.dashboard__stat-separator{color:var(--secundario);opacity:.5}.dashboard__card-colaboradores{display:flex;gap:var(--espaciado-xs)}.dashboard__avatar{width:32px;height:32px;border-radius:50%;background:var(--secundario);color:var(--primario);display:flex;align-items:center;justify-content:center;font-size:.85rem;border:2px solid var(--focus);font-weight:600}.dashboard__avatar--small{width:24px;height:24px;font-size:.7rem}.dashboard__card-meta{display:flex;flex-direction:column;gap:var(--espaciado-sm);color:var(--blanco);opacity:.7;font-size:.85rem}.dashboard__card-creador,.dashboard__card-colaboradores-info{display:flex;align-items:center;gap:var(--espaciado-sm)}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--espaciado-lg)}.dashboard__stat-card{background:var(--focus);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);display:flex;align-items:center;gap:var(--espaciado-lg);border:1px solid rgba(234,179,8,.2);transition:all var(--transicion-normal)}.dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #eab30833;border-color:var(--secundario)}.dashboard__stat-icono{width:50px;height:50px;background:var(--primario);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;display:flex;align-items:center;justify-content:center;color:var(--secundario);font-size:1.5rem;border:1px solid rgba(234,179,8,.3);flex-shrink:0}.dashboard__stat-contenido{flex:1}.dashboard__stat-numero{color:var(--blanco);font-size:2rem;font-weight:700;margin:0 0 var(--espaciado-xs) 0}.dashboard__stat-label{color:var(--blanco);opacity:.7;font-size:.9rem;margin:0}.dashboard__actividad-lista{display:flex;flex-direction:column;gap:var(--espaciado-md)}.dashboard__actividad-item{background:var(--focus);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);display:flex;align-items:flex-start;gap:var(--espaciado-lg);border:1px solid rgba(234,179,8,.2);transition:all var(--transicion-normal)}.dashboard__actividad-item:hover{background:var(--hover);border-color:var(--secundario)}.dashboard__actividad-icono{width:40px;height:40px;background:var(--primario);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;display:flex;align-items:center;justify-content:center;color:var(--secundario);font-size:1.2rem;border:1px solid rgba(234,179,8,.3);flex-shrink:0}.dashboard__actividad-contenido{flex:1}.dashboard__actividad-texto{color:var(--blanco);margin:0 0 var(--espaciado-xs) 0;font-size:.95rem}.dashboard__actividad-accion{opacity:.7}.dashboard__actividad-diagrama{font-weight:600;color:var(--secundario)}.dashboard__actividad-fecha{color:var(--blanco);opacity:.5;font-size:.85rem}@media (max-width: 1024px){.dashboard{grid-template-columns:200px 1fr}.dashboard__sidebar{padding:var(--espaciado-md)}.dashboard__logo h2{font-size:1.25rem}.dashboard__nav-item,.dashboard__logout{font-size:.9rem;padding:var(--espaciado-sm) var(--espaciado-md)}.dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dashboard__stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard__stat-numero{font-size:1.75rem}}.dashboard__mobile-nav{display:none}@media (max-width: 768px){.dashboard{grid-template-columns:1fr;padding-bottom:70px}.dashboard__sidebar{display:none}.dashboard__main{padding:var(--espaciado-lg);padding-bottom:90px}.dashboard__mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--primario) 0%,var(--hover) 100%);border-top:2px solid var(--secundario);padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -4px 12px #00000026}.dashboard__mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .25rem;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.65rem;flex:1;max-width:70px;border-radius:var(--radio-md) 0 var(--radio-md) 0}.dashboard__mobile-nav-item svg{font-size:1.2rem}.dashboard__mobile-nav-item span{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dashboard__mobile-nav-item:active{transform:scale(.95)}.dashboard__mobile-nav-item--activo{color:var(--secundario);background:#ffffff1a}.dashboard__mobile-nav-item--new{background:var(--secundario);color:var(--primario);box-shadow:0 2px 8px #0003}.dashboard__mobile-nav-item--new svg{font-size:1.4rem}.dashboard__mobile-nav-item--new:active{transform:scale(.95)}.dashboard__seccion-header{flex-direction:column;gap:var(--espaciado-lg);align-items:stretch}.dashboard__boton-nuevo{width:100%;justify-content:center}.dashboard__grid{grid-template-columns:1fr}.dashboard__stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--espaciado-md)}.dashboard__stat-card{flex-direction:column;text-align:center;gap:var(--espaciado-md)}.dashboard__stat-numero{font-size:1.5rem}.dashboard__actividad-item{padding:var(--espaciado-md);gap:var(--espaciado-md)}.dashboard__actividad-icono{width:35px;height:35px;font-size:1rem}.dashboard__actividad-texto{font-size:.9rem}}@media (max-width: 480px){.dashboard__main{padding:var(--espaciado-md);padding-bottom:80px}.dashboard__mobile-nav{padding:.4rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom))}.dashboard__mobile-nav-item{max-width:70px;font-size:.65rem;padding:.4rem}.dashboard__mobile-nav-item svg{font-size:1.2rem}.dashboard__mobile-nav-item--new{width:50px;height:50px;margin-bottom:.5rem}.dashboard__mobile-nav-item--new svg{font-size:1.4rem}.dashboard__titulo{font-size:1.5rem}.dashboard__descripcion{font-size:.9rem}.dashboard__seccion{margin-bottom:var(--espaciado-xl)}.dashboard__seccion-header{margin-bottom:var(--espaciado-lg)}.dashboard__stats-grid{grid-template-columns:1fr;gap:var(--espaciado-sm)}.dashboard__stat-card{flex-direction:row;text-align:left;padding:var(--espaciado-md)}.dashboard__stat-icono{width:45px;height:45px;font-size:1.25rem}.dashboard__stat-numero{font-size:1.75rem}.dashboard__stat-label{font-size:.85rem}.dashboard__actividad-item{padding:var(--espaciado-md)}.dashboard__actividad-icono{width:32px;height:32px;font-size:.9rem}.dashboard__actividad-texto{font-size:.85rem}.dashboard__actividad-fecha{font-size:.8rem}.dashboard__card{padding:var(--espaciado-md)}.dashboard__card-titulo{font-size:1rem}.dashboard__card-icono{width:40px;height:40px;font-size:1.25rem}.dashboard__boton-nuevo{padding:var(--espaciado-sm) var(--espaciado-md);font-size:.9rem}}.dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);color:var(--blanco);opacity:.7}.dashboard__spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--secundario);border-radius:50%;animation:spin 1s linear infinite}.dashboard__empty{background:var(--focus);border:1px solid rgba(234,179,8,.2);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-2xl);text-align:center;color:var(--blanco);opacity:.7}.dashboard__empty p{margin:0;font-size:.95rem}.dashboard__error{background:var(--focus);border:1px solid rgba(239,68,68,.3);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-2xl);text-align:center}.dashboard__error-message{color:var(--blanco);opacity:.8;margin:0;font-size:.95rem}.dashboard__tabs{display:flex;gap:var(--espaciado-md);margin-bottom:var(--espaciado-xl);border-bottom:2px solid var(--gris1)}.dashboard__tab{padding:var(--espaciado-md) var(--espaciado-lg);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--blanco);opacity:.6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida);margin-bottom:-2px;font-family:inherit}.dashboard__tab:hover{opacity:.9}.dashboard__tab--active{opacity:1;border-bottom-color:var(--secundario);color:var(--secundario)}.template-card-wrapper{position:relative}.template-card{background:var(--focus);border:1px solid rgba(234,179,8,.2);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);transition:all var(--transicion-normal);display:flex;flex-direction:column;gap:var(--espaciado-md);position:relative}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #eab30833;border-color:var(--secundario);background:var(--hover)}.template-card__badge{position:absolute;top:var(--espaciado-sm);right:var(--espaciado-sm);background:linear-gradient(135deg,var(--primario),var(--secundario));color:var(--negro);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px #eab3084d;z-index:2}.template-card__icon{width:50px;height:50px;background:var(--primario);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;display:flex;align-items:center;justify-content:center;color:var(--secundario);font-size:1.5rem;border:1px solid rgba(234,179,8,.3);flex-shrink:0}.template-card__content{display:flex;flex-direction:column;gap:var(--espaciado-sm);flex:1}.template-card__title{font-size:1.1rem;font-weight:600;color:var(--blanco);margin:0;line-height:1.4}.template-card__description{font-size:.875rem;color:var(--blanco);opacity:.6;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card__footer{margin-top:auto;padding-top:var(--espaciado-sm);border-top:1px solid var(--gris1)}.template-card__info{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.template-card__date{display:flex;align-items:center;gap:var(--espaciado-sm);font-size:.85rem;color:var(--blanco);opacity:.7}.template-card__date-icon{font-size:.9rem}.template-card__stats{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.75rem;color:var(--blanco);opacity:.7}.template-card__stat{font-weight:400}.template-card__stat-separator{color:var(--secundario);opacity:.5}.template-card__delete-button{position:absolute;top:var(--espaciado-sm);right:var(--espaciado-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.3);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;font-size:1rem;color:#ef4444;cursor:pointer;transition:all var(--transicion-rapida);z-index:2}.template-card__delete-button:hover{background:#ef444426;border-color:#ef4444;transform:scale(1.05)}.template-card__delete-button:active{transform:scale(.95)}.template-card__actions{display:flex;gap:var(--espaciado-sm);margin-top:var(--espaciado-sm);padding-top:var(--espaciado-sm)}.template-card__action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-xs);padding:var(--espaciado-sm) var(--espaciado-md);border:1px solid transparent;border-radius:var(--radio-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion-normal);background:transparent;color:var(--blanco)}.template-card__action-button--use{border-color:#eab3084d;color:var(--secundario)}.template-card__action-button--use:hover{background:#eab3081a;border-color:var(--secundario)}.template-card__action-button--copy{border-color:#eab3084d;color:var(--secundario)}.template-card__action-button--copy:hover{background:#eab3081a;border-color:var(--secundario)}.template-card__action-button--edit{border-color:#2563eb4d;color:#2563eb}.template-card__action-button--edit:hover{background:#2563eb1a;border-color:#2563eb}.template-card__action-button svg{width:16px;height:16px}@media (max-width: 768px){.template-card{padding:var(--espaciado-md)}.template-card__icon{width:40px;height:40px;font-size:1.25rem}.template-card__title{font-size:1rem}.template-card__actions{flex-direction:column}.template-card__action-button span{display:none}.template-card__action-button{justify-content:center}.template-card__delete-button{opacity:1}}.template-list{width:100%}.template-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--espaciado-lg);width:100%}.template-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);color:var(--gris3)}.template-list__spinner{width:40px;height:40px;border:4px solid var(--gris1);border-top-color:var(--primario);border-radius:50%;animation:spin 1s linear infinite}.template-list__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);text-align:center}.template-list__error-icon{font-size:3rem;color:var(--error)}.template-list__error-message{color:var(--gris3);margin:0;max-width:400px}.template-list__retry-button{padding:var(--espaciado-sm) var(--espaciado-lg);background:var(--primario);color:var(--blanco);border:none;border-radius:var(--radio-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida)}.template-list__retry-button:hover{background:var(--primario-oscuro);transform:translateY(-1px);box-shadow:var(--sombra-sm)}.template-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espaciado-md);padding:var(--espaciado-2xl);text-align:center}.template-list__empty-icon{font-size:4rem;color:var(--gris2)}.template-list__empty-title{font-size:1.5rem;font-weight:600;color:var(--gris4);margin:0}.template-list__empty-message{color:var(--gris3);margin:0;max-width:500px}.template-list__create-button{margin-top:var(--espaciado-md);padding:var(--espaciado-md) var(--espaciado-xl);background:var(--secundario);color:var(--primario);border:2px solid var(--secundario);border-radius:var(--radio-md) 0 var(--radio-md) 0;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transicion-rapida)}.template-list__create-button:hover{background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 16px #eab30866}@media (max-width: 768px){.template-list__grid{grid-template-columns:1fr;gap:var(--espaciado-md)}.template-list__empty-icon{font-size:3rem}.template-list__empty-title{font-size:1.25rem}.template-list__empty-message{font-size:.875rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--espaciado-xl);border-bottom:1px solid var(--gris1)}.modal__title{font-size:1.5rem;font-weight:700;color:var(--primario);margin:0}.modal__close-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radio-sm);color:var(--gris3);font-size:1.5rem;cursor:pointer;transition:all var(--transicion-rapida)}.modal__close-button:hover{background:var(--gris1);color:var(--gris4)}.modal__form{padding:var(--espaciado-xl);display:flex;flex-direction:column;gap:var(--espaciado-lg)}.modal__error-general{padding:var(--espaciado-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radio-md);color:var(--error);font-size:.875rem;text-align:center}.modal__form-group{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.modal__label{display:flex;align-items:center;gap:var(--espaciado-xs);font-size:.875rem;font-weight:600;color:var(--gris4)}.modal__label-icon{font-size:1rem;color:var(--primario)}.modal__required{color:var(--error);margin-left:var(--espaciado-xs)}.modal__input{width:100%;padding:var(--espaciado-md);font-size:.95rem;color:var(--gris4);background:var(--blanco);border:2px solid var(--gris1);border-radius:var(--radio-md);transition:all var(--transicion-rapida);font-family:inherit}.modal__input:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px #2563eb1a}.modal__input--error{border-color:var(--error)}.modal__input--error:focus{box-shadow:0 0 0 3px #ef44441a}.modal__textarea{width:100%;padding:var(--espaciado-md);font-size:.95rem;color:var(--gris4);background:var(--blanco);border:2px solid var(--gris1);border-radius:var(--radio-md);transition:all var(--transicion-rapida);font-family:inherit;resize:vertical;min-height:100px}.modal__textarea:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px #2563eb1a}.modal__char-count{font-size:.75rem;color:var(--gris3);text-align:right;margin-top:calc(var(--espaciado-xs) * -1)}.modal__error{font-size:.75rem;color:var(--error);margin-top:calc(var(--espaciado-xs) * -1)}.modal__actions{display:flex;gap:var(--espaciado-md);justify-content:flex-end;padding-top:var(--espaciado-md);margin-top:var(--espaciado-md);border-top:1px solid var(--gris1)}.modal__button{padding:var(--espaciado-md) var(--espaciado-xl);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;cursor:pointer;transition:all var(--transicion-rapida);font-family:inherit}.modal__button:disabled{opacity:.6;cursor:not-allowed}.modal__button--secondary{background:var(--gris1);color:var(--gris4)}.modal__button--secondary:hover:not(:disabled){background:var(--gris2)}.modal__button--primary{background:var(--secundario);color:var(--primario);box-shadow:0 2px 8px #eab3084d}.modal__button--primary:hover:not(:disabled){background:var(--secundario-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eab30866}.modal__button--primary:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.modal{width:95%;max-height:95vh}.modal__header{padding:var(--espaciado-lg)}.modal__title{font-size:1.25rem}.modal__form{padding:var(--espaciado-lg)}.modal__actions{flex-direction:column-reverse}.modal__button{width:100%}}@media (max-width: 480px){.modal{width:100%;max-height:100vh;border-radius:0}.modal__header,.modal__form{padding:var(--espaciado-md)}}.editor__page{display:grid;grid-template-rows:1fr;grid-template-columns:280px 1fr;gap:0;width:100%;height:100vh}.toolbar{display:none}.editor-sidebar{grid-area:1 / 1 / 2 / 2}.editor__canvas{grid-area:1 / 2 / 2 / 3;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:auto}.editor__loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;color:var(--gris-oscuro, #666)}.editor__floating-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;z-index:10}.editor__floating-button{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.editor__floating-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.editor__floating-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00000026}.editor__floating-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.editor__floating-button--save{background-color:var(--secundario);color:var(--primario)}.editor__floating-button--save:hover:not(:disabled){background-color:var(--secundario-hover)}.editor__floating-button--image{background-color:#9b59b6;color:var(--blanco)}.editor__floating-button--image:hover:not(:disabled){background-color:#8e44ad}.editor__floating-button--export{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--blanco)}.editor__floating-button--export:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)}.editor__floating-button--clear{background-color:#e74c3c;color:var(--blanco)}.editor__floating-button--clear:hover:not(:disabled){background-color:#c0392b}@media (max-width: 768px){.editor__page{grid-template-columns:1fr}.toolbar,.editor-sidebar{display:none}.editor__canvas{grid-area:1 / 1 / 2 / 2;padding-bottom:0;height:calc(100vh - 60px)}.editor__floating-actions{top:1rem;right:.75rem;gap:.5rem}.editor__floating-button{width:44px;height:44px;font-size:1.1rem}}@media (max-width: 480px){.editor__canvas{height:calc(100vh - 55px)}.editor__floating-actions{top:.75rem;right:.5rem;gap:.4rem}.editor__floating-button{width:40px;height:40px;font-size:1rem}}.node{display:flex;align-items:center;justify-content:center;position:relative;gap:6px;padding:10px 14px;border-radius:var(--radio-md) 0 var(--radio-md) 0;font-weight:700;color:var(--blanco);height:100%;text-align:center}.decision-node{border:2px solid var(--node-decision);background:var(--node-decision-bg)}.action-node{border:2px solid var(--node-action);background:var(--node-action-bg)}.phase-node{border:2px solid var(--node-phase);background:var(--node-phase-bg)}.effect-node{border:2px solid var(--node-effect);background:var(--node-effect-bg)}.start-node,.end-node{border:2px solid var(--node-start-end);background:var(--node-start-end-bg);border-radius:50%}.position-node{border:2px solid var(--node-position);background:var(--node-position-bg)}.timer-node{border:2px solid var(--node-timer);background:var(--node-timer-bg)}.ability-node{border:2px solid var(--node-ability);background:var(--node-ability-bg)}.icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.node-icon{width:18px;height:18px;display:block;object-fit:contain}.node-title{font-size:14px;-webkit-user-select:none;user-select:none}.react-flow__resize-control{border-width:2px!important}.image-node{background:transparent;border:2px solid transparent;padding:0;position:relative;transition:border-color .2s}.image-node:hover{border-color:#4a90e2}.image-node .react-flow__handle{pointer-events:auto;width:10px;height:10px}.image-node-container{position:relative;width:100%;height:100%}.image-node-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a;pointer-events:none;image-rendering:auto;-webkit-user-drag:none}.image-node.selected .image-node-img{box-shadow:0 4px 12px #4a90e24d}.image-node-delete{position:absolute;top:6px;right:6px;background-color:#e74c3ce6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;color:#fff;opacity:0;transition:all .2s ease;box-shadow:0 2px 6px #0003;z-index:10}.image-node:hover .image-node-delete{opacity:1}.image-node-delete:hover{background-color:#c0392b;transform:scale(1.15);box-shadow:0 3px 8px #0000004d}.image-node-delete:active{transform:scale(1.05)}@media (max-width: 768px){.image-node-img{max-width:250px}.image-node-delete{opacity:1}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flowmap{width:100%;height:100%}.flowmap__wrap{width:100%;height:100%;min-height:480px;border-radius:var(--radio-md, 8px);overflow:hidden;background:var(--fondo, #0f172a)}@media (max-width: 768px){.flowmap__wrap{width:100vw;height:100vh}}.node-description-tooltip{background:var(--popup-bg, #1e293b);border:1px solid var(--popup-border, #475569);border-radius:var(--radio-lg, 12px);box-shadow:0 8px 32px #0009,0 4px 16px #0000004d;max-width:400px;width:auto;padding:16px;opacity:0;transform:scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.node-description-tooltip.is-visible{opacity:1;transform:scale(1);pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.node-description-tooltip__arrow{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.node-description-tooltip__arrow--top{bottom:-8px;left:50%;transform:translate(-50%);border-top:8px solid var(--popup-bg, #1e293b)}.node-description-tooltip__arrow--bottom{top:-8px;left:50%;transform:translate(-50%);border-bottom:8px solid var(--popup-bg, #1e293b)}.node-description-tooltip__content{display:flex;gap:12px;align-items:flex-start}.node-description-tooltip__content.no-image{justify-content:center;text-align:center}.node-description-tooltip__content.has-image{flex-direction:row;align-items:center}.node-description-tooltip__image-container{flex-shrink:0;width:100px;max-height:100px;border-radius:6px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.node-description-tooltip__image{width:100%;height:100%;object-fit:cover;display:block}.node-description-tooltip__text{flex:0 1 auto;min-width:0;max-width:280px}.node-description-tooltip__title{font-size:14px;font-weight:600;color:var(--popup-title, #f1f5f9);margin:0 0 6px;word-break:break-word}.node-description-tooltip__description{font-size:13px;color:var(--popup-text, #cbd5e1);margin:0;line-height:1.4;word-break:break-word;white-space:pre-wrap}@media (max-width: 640px){.node-description-tooltip{max-width:100%;padding:16px}.node-description-tooltip__content.has-image{flex-direction:column;align-items:center}.node-description-tooltip__image-container{width:100%;max-width:300px;max-height:300px}.node-description-tooltip__text,.node-description-tooltip__content.no-image{text-align:center}}.node-description-tooltip::-webkit-scrollbar{width:8px}.node-description-tooltip::-webkit-scrollbar-track{background:transparent}.node-description-tooltip::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.node-description-tooltip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.toolbar{background:linear-gradient(180deg,var(--primario) 0%,var(--hover) 100%);display:flex;gap:1rem;padding:.5rem 1rem;align-items:center;justify-content:space-between;border-bottom:none;box-shadow:none}.toolbar__actions{display:flex;gap:.75rem;margin-left:auto}.toolbar__button{padding:.625rem 1.25rem;border:2px solid var(--secundario);border-radius:var(--radio-md);background-color:var(--secundario);color:var(--primario);cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:var(--transicion-normal);box-shadow:none}.toolbar__button:hover:not(:disabled){background-color:var(--secundario-hover);border-color:var(--secundario-hover)}.toolbar__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar__button--icon-only{padding:.625rem;min-width:42px;justify-content:center}.toolbar__button--icon-only svg{font-size:1.1rem}.toolbar__button--save{background-color:var(--secundario);border-color:var(--secundario)}.toolbar__button--save:hover:not(:disabled){background-color:var(--secundario-hover);border-color:var(--secundario-hover)}.toolbar__button--clear{background-color:#e74c3c;border-color:#e74c3c;color:var(--blanco)}.toolbar__button--clear:hover:not(:disabled){background-color:#c0392b;border-color:#c0392b}.toolbar__button--menu{display:none;padding:.5rem;border-radius:8px;background:transparent;border-color:transparent;color:var(--blanco)}@media (max-width: 765px){.toolbar__button--menu{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}}@media (max-width: 768px){.toolbar{padding:.5rem 1rem;gap:.75rem}.toolbar__actions{gap:.5rem}.toolbar__button--icon-only{padding:.5rem;min-width:38px}.toolbar__button--icon-only svg{font-size:1rem}}@media (max-width: 480px){.toolbar{padding:.5rem .75rem;gap:.5rem}.toolbar__actions{gap:.4rem}.toolbar__button--icon-only{padding:.45rem;min-width:36px}.toolbar__button--icon-only svg{font-size:.95rem}}.editor-sidebar{width:280px;height:100%;background:var(--primario);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.editor-sidebar__header{padding:var(--espaciado-lg);border-bottom:1px solid rgba(255,255,255,.1);background:var(--primario)}.editor-sidebar__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--blanco)}.editor-sidebar__close-button{display:none;background:transparent;border:none;color:var(--blanco);font-size:1.1rem;cursor:pointer}@media (max-width: 765px){.editor-sidebar__close-button{display:inline-flex;position:absolute;right:12px;top:12px;align-items:center;justify-content:center;padding:6px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}}.editor-sidebar__content{flex:1;overflow-y:auto;padding:var(--espaciado-sm) 0;margin-bottom:var(--espaciado-md)}.editor-sidebar__content::-webkit-scrollbar{width:8px}.editor-sidebar__content::-webkit-scrollbar-track{background:var(--primario)}.editor-sidebar__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.editor-sidebar__content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.editor-sidebar__section{margin-bottom:var(--espaciado-xs)}.editor-sidebar__section-header{width:100%;display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-md) var(--espaciado-lg);background:transparent;border:none;cursor:pointer;transition:background var(--transicion-rapida);text-align:left}.editor-sidebar__section-header:hover{background:var(--hover)}.editor-sidebar__section-icon{display:flex;align-items:center;font-size:1rem;color:var(--gris3);transition:transform var(--transicion-rapida)}.editor-sidebar__section-title{margin:0;font-size:.875rem;font-weight:600;color:var(--gris3);text-transform:uppercase;letter-spacing:.5px}.editor-sidebar__section-content{display:flex;flex-direction:column;gap:var(--espaciado-xs);padding:var(--espaciado-xs) var(--espaciado-md)}.editor-sidebar__node-button{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);background:var(--focus);border:1px solid rgba(255,255,255,.05);border-radius:var(--radio-sm) 0 var(--radio-sm) 0;cursor:pointer;transition:all var(--transicion-rapida);text-align:left;width:100%}.editor-sidebar__node-button:hover{background:var(--hover);border-color:var(--node-color, var(--primario))}.editor-sidebar__node-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:32px;height:32px;background:#ffffff0d;border-radius:var(--radio-sm);flex-shrink:0}.editor-sidebar__node-label{font-size:.875rem;font-weight:500;color:var(--blanco);opacity:.9}.editor-sidebar__recent-item{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-sm) var(--espaciado-md);background:transparent;border:none;border-radius:var(--radio-sm);cursor:pointer;transition:all var(--transicion-rapida);text-align:left;width:100%}.editor-sidebar__recent-item:hover{background:var(--hover)}.editor-sidebar__recent-icon{display:flex;align-items:center;font-size:1rem;color:var(--gris3)}.editor-sidebar__recent-label{font-size:.8125rem;color:var(--blanco);opacity:.7}.editor-sidebar__empty-message{padding:var(--espaciado-md);text-align:center;font-size:.8125rem;color:var(--gris3);opacity:.7;line-height:1.5}@media (max-width: 1024px){.editor-sidebar{width:240px}.editor-sidebar__node-button{padding:var(--espaciado-sm)}.editor-sidebar__node-icon{width:28px;height:28px;font-size:1.125rem}.editor-sidebar__node-label{font-size:.8125rem}}@media (max-width: 768px){.editor-sidebar{position:fixed;left:0;top:0;width:280px;z-index:100;transform:translate(-100%);transition:transform var(--transicion-normal)}.editor-sidebar.editor-sidebar--open{transform:translate(0);box-shadow:var(--sombra-lg)}}.editor-sidebar__exit-button{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);margin:var(--espaciado-lg);margin-top:auto;color:var(--blanco);opacity:.7;background:transparent;border:none;border-radius:var(--radio-sm) 0 var(--radio-sm) 0;cursor:pointer;transition:all var(--transicion-normal);font-size:.95rem;width:calc(100% - var(--espaciado-lg) * 2);text-align:left}.editor-sidebar__exit-button:hover{background:var(--error);opacity:1;color:var(--blanco)}.editor-sidebar__nav-icono{font-size:1.25rem;flex-shrink:0}.editor-sidebar__node-button[draggable=true],.editor-sidebar__recent-item[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.editor-sidebar__node-button[draggable=true]:active,.editor-sidebar__recent-item[draggable=true]:active{cursor:grabbing;opacity:.7}.mobile-node-panel{display:none}@media (max-width: 768px){.mobile-node-panel{display:block;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--primario);border-top:2px solid var(--secundario);box-shadow:0 -4px 12px #00000026;transition:transform .3s ease}.mobile-node-panel__toggle{width:100%;padding:.75rem;background:linear-gradient(180deg,var(--primario) 0%,var(--hover) 100%);border:none;color:var(--blanco);font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .3s ease}.mobile-node-panel__toggle:active{background:var(--hover)}.mobile-node-panel__toggle svg{font-size:1.2rem}.mobile-node-panel__content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--hover)}.mobile-node-panel--open .mobile-node-panel__content{max-height:180px}.mobile-node-panel__scroll{display:flex;gap:1rem;padding:1rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity}.mobile-node-panel__scroll>*{scroll-snap-align:start}.mobile-node-panel__scroll::-webkit-scrollbar{height:4px}.mobile-node-panel__scroll::-webkit-scrollbar-track{background:#ffffff0d}.mobile-node-panel__scroll::-webkit-scrollbar-thumb{background:var(--secundario);border-radius:2px}.mobile-node-panel__node{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;min-width:90px;background:#ffffff0d;border:2px solid var(--node-color, var(--secundario));border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-node-panel__node:active{transform:scale(.95);background:#ffffff1a}.mobile-node-panel__node-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.mobile-node-panel__node-label{font-size:.75rem;color:var(--blanco);text-align:center;font-weight:600;white-space:nowrap}}@media (max-width: 480px){.mobile-node-panel__toggle{padding:.65rem;font-size:.9rem}.mobile-node-panel--open .mobile-node-panel__content{max-height:160px}.mobile-node-panel__scroll{gap:.75rem;padding:.75rem}.mobile-node-panel__node{min-width:75px;padding:.65rem .5rem}.mobile-node-panel__node-icon{font-size:1.25rem}.mobile-node-panel__node-label{font-size:.65rem}}.node-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.node-edit-modal{background:var(--blanco);border-radius:var(--radio-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--sombra-lg);animation:slideUp .3s ease}.node-edit-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--espaciado-lg);border-bottom:2px solid var(--gris1);background:linear-gradient(180deg,var(--primario) 0%,var(--hover) 100%);border-radius:var(--radio-lg) var(--radio-lg) 0 0}.node-edit-modal__title{font-size:1.5rem;font-weight:700;color:var(--blanco);margin:0}.node-edit-modal__close{background:transparent;border:none;color:var(--blanco);font-size:1.5rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radio-sm);transition:var(--transicion-rapida)}.node-edit-modal__close:hover{background:#fff3}.node-edit-modal__form{padding:var(--espaciado-lg);display:flex;flex-direction:column;gap:var(--espaciado-lg)}.node-edit-modal__field{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.node-edit-modal__label{font-size:.9rem;font-weight:600;color:var(--primario)}.node-edit-modal__required{color:var(--error)}.node-edit-modal__input,.node-edit-modal__select,.node-edit-modal__textarea{padding:.75rem;border:2px solid var(--gris2);border-radius:var(--radio-md);font-size:1rem;font-family:inherit;color:var(--negro);background:var(--blanco);transition:var(--transicion-rapida)}.node-edit-modal__input:focus,.node-edit-modal__select:focus,.node-edit-modal__textarea:focus{outline:none;border-color:var(--secundario);box-shadow:0 0 0 3px #eab3081a}.node-edit-modal__input--error,.node-edit-modal__select--error,.node-edit-modal__textarea--error{border-color:var(--error)}.node-edit-modal__input--error:focus,.node-edit-modal__select--error:focus,.node-edit-modal__textarea--error:focus{box-shadow:0 0 0 3px #e603031a}.node-edit-modal__textarea{resize:vertical;min-height:100px}.node-edit-modal__select{cursor:pointer}.node-edit-modal__char-count{font-size:.75rem;color:var(--gris4);text-align:right}.node-edit-modal__error{font-size:.875rem;color:var(--error);font-weight:500}.node-edit-modal__actions{display:flex;gap:var(--espaciado-md);justify-content:space-between;align-items:center;margin-top:var(--espaciado-md);padding-top:var(--espaciado-lg);border-top:1px solid var(--gris1)}.node-edit-modal__actions-left,.node-edit-modal__actions-right{display:flex;gap:var(--espaciado-md)}.node-edit-modal__button{padding:.75rem 1.5rem;border:none;border-radius:var(--radio-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transicion-normal);display:flex;align-items:center;gap:var(--espaciado-xs)}.node-edit-modal__button--cancel{background:var(--gris2);color:var(--primario)}.node-edit-modal__button--cancel:hover{background:var(--gris3);transform:translateY(-1px)}.node-edit-modal__button--save{background:var(--secundario);color:var(--primario)}.node-edit-modal__button--save:hover{background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.node-edit-modal__button--delete{background:#e74c3c;color:var(--blanco)}.node-edit-modal__button--delete:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.node-edit-modal__button:active{transform:translateY(0)}.node-edit-modal__image-preview{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md);background:var(--gris-claro);border-radius:var(--radio-md);border:1px solid var(--borde)}.node-edit-modal__image{width:160px;height:160px;object-fit:cover;border-radius:var(--radio-sm);border:2px solid var(--borde)}.node-edit-modal__image-filename{font-size:.9rem;color:var(--texto-secundario);word-break:break-all;margin:0;text-align:center}.node-edit-modal__image-actions{display:flex;gap:var(--espaciado-sm);width:100%}.node-edit-modal__image-actions .node-edit-modal__button{flex:1;justify-content:center}.node-edit-modal__button--upload{background:#3498db;color:#fff;width:100%;justify-content:center}.node-edit-modal__button--upload:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.node-edit-modal__button--change{background:#3498db;color:#fff;padding:.5rem 1rem;font-size:.875rem}.node-edit-modal__button--change:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.node-edit-modal__button--remove{background:#e74c3c;color:#fff;padding:.5rem 1rem;font-size:.875rem}.node-edit-modal__button--remove:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}background: var(--primario); color: var(--blanco); flex: 1; } .node-edit-modal__button--change:hover{background:var(--primario-hover)}.node-edit-modal__button--remove{background:#e74c3c;color:var(--blanco);flex:1}.node-edit-modal__button--remove:hover{background:#c0392b}@media (max-width: 768px){.node-edit-modal{width:95%;max-height:95vh}.node-edit-modal__header,.node-edit-modal__form{padding:var(--espaciado-md)}.node-edit-modal__actions{flex-direction:column}.node-edit-modal__actions-left,.node-edit-modal__actions-right{width:100%;flex-direction:column}.node-edit-modal__button{width:100%;justify-content:center}}.upload-image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-image-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.upload-image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.upload-image-modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.upload-image-modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 15px}.section-divider{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px 0}.section-divider span{color:#999;font-weight:500;font-size:.9rem}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.upload-file-section{display:flex;flex-direction:column;gap:15px}.upload-method-selector{display:flex;gap:10px;margin-bottom:20px}.method-button{flex:1;padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.method-button:hover{border-color:#4a90e2;background-color:#f8f9fa}.method-button.active{border-color:#4a90e2;background-color:#e3f2fd;color:#4a90e2;font-weight:500}.upload-error{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:15px;border-left:4px solid #c33}.upload-drop-zone{border:2px dashed #ccc;border-radius:12px;padding:40px 20px;text-align:center;background-color:#fafafa;cursor:pointer;transition:all .3s;outline:none}.upload-drop-zone:focus{border-color:#4a90e2;background-color:#f0f7ff}.upload-drop-zone.dragging{border-color:#4a90e2;background-color:#e3f2fd;transform:scale(1.02)}.upload-icon{font-size:4rem;margin-bottom:15px;opacity:.7;color:#4a90e2}.upload-main-text{font-size:1.2rem;color:#333;margin:10px 0;font-weight:500}.upload-sub-text{color:#666;margin:5px 0 20px;font-size:.9rem}.upload-browse-button{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:15px}.upload-browse-button:hover{background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.upload-info{color:#999;font-size:.85rem;margin-top:10px}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 0}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}.upload-url-section{display:flex;flex-direction:column;gap:15px}.upload-url-section label{font-weight:500;color:#333;font-size:.95rem}.url-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.url-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.url-preview{max-height:200px;overflow:hidden;border-radius:8px;border:1px solid #e0e0e0}.url-preview img{width:100%;height:auto;display:block}.url-submit-button{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.url-submit-button:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.url-submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.upload-image-modal{width:95%;max-height:95vh}.upload-image-modal-header h2{font-size:1.3rem}.upload-drop-zone{padding:30px 15px}.upload-icon{font-size:3rem}.upload-main-text{font-size:1rem}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.confirm-dialog{background:var(--blanco);border-radius:var(--radio-lg);width:90%;max-width:450px;box-shadow:var(--sombra-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog__header{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-lg);border-radius:var(--radio-lg) var(--radio-lg) 0 0}.confirm-dialog__header--warning{background:linear-gradient(180deg,#f39c12,#e67e22);color:var(--blanco)}.confirm-dialog__header--danger{background:linear-gradient(180deg,#e74c3c,#c0392b);color:var(--blanco)}.confirm-dialog__icon{font-size:1.5rem;flex-shrink:0}.confirm-dialog__title{font-size:1.25rem;font-weight:700;margin:0}.confirm-dialog__body{padding:var(--espaciado-lg)}.confirm-dialog__message{font-size:1rem;color:var(--negro);line-height:1.5;margin:0}.confirm-dialog__actions{display:flex;gap:var(--espaciado-md);justify-content:flex-end;padding:var(--espaciado-lg);border-top:1px solid var(--gris1)}.confirm-dialog__button{padding:.75rem 1.5rem;border:none;border-radius:var(--radio-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transicion-normal);display:flex;align-items:center;gap:var(--espaciado-xs)}.confirm-dialog__button--cancel{background:var(--gris2);color:var(--primario)}.confirm-dialog__button--cancel:hover{background:var(--gris3);transform:translateY(-1px)}.confirm-dialog__button--confirm{color:var(--blanco)}.confirm-dialog__button--confirm.confirm-dialog__button--warning{background:#f39c12}.confirm-dialog__button--confirm.confirm-dialog__button--warning:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.confirm-dialog__button--confirm.confirm-dialog__button--danger{background:#e74c3c}.confirm-dialog__button--confirm.confirm-dialog__button--danger:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.confirm-dialog__button:active{transform:translateY(0)}@media (max-width: 768px){.confirm-dialog{width:95%}.confirm-dialog__header,.confirm-dialog__body,.confirm-dialog__actions{padding:var(--espaciado-md)}.confirm-dialog__actions{flex-direction:column}.confirm-dialog__button{width:100%;justify-content:center}}.export-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-modal__content{background-color:#fff;border-radius:.75rem;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.export-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.export-modal__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:#111827}.export-modal__title svg{font-size:1.5rem;color:#3b82f6}.export-modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s}.export-modal__close:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.export-modal__close:disabled{opacity:.5;cursor:not-allowed}.export-modal__close svg{font-size:1.25rem}.export-modal__body{padding:1.5rem}.export-modal__description{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.export-modal__options{display:flex;flex-direction:column;gap:.75rem}.export-modal__option{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left}.export-modal__option:hover:not(:disabled){background-color:#eff6ff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.export-modal__option:disabled{opacity:.5;cursor:not-allowed}.export-modal__option--disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.export-modal__option--disabled:hover{transform:none;box-shadow:none;background-color:#f3f4f6;border-color:#e5e7eb}.export-modal__option-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:.5rem;color:#fff;font-size:1.5rem;flex-shrink:0}.export-modal__option-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#111827}.export-modal__option-info p{margin:0;font-size:.875rem;color:#6b7280}.export-modal__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.export-modal__spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.export-modal__loading p{margin:0;color:#6b7280;font-size:.875rem}@media (max-width: 768px){.export-modal__content{width:95%}.export-modal__header,.export-modal__body{padding:1rem}.export-modal__option{padding:.875rem}.export-modal__option-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}}.status{min-height:calc(100vh - 275px);padding:var(--espaciado-xxl) 0}.status__contenedor{max-width:900px;margin:0 auto;padding:0 var(--espaciado-lg)}.status__encabezado{text-align:center;margin-bottom:var(--espaciado-xxl)}.status__titulo{font-size:2.5rem;font-weight:700;color:var(--blanco);margin-bottom:var(--espaciado-sm)}.status__subtitulo{font-size:1.125rem;color:var(--gris2)}.status__main{display:flex;flex-direction:column;gap:var(--espaciado-xl)}.status__servicio{background:var(--focus);border-radius:var(--radio-md) 0 var(--radio-md) 0;border:1px solid rgba(255,255,255,.05);overflow:hidden}.status__servicio-header{display:flex;justify-content:space-between;align-items:center;padding:var(--espaciado-lg);background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.status__servicio-titulo{font-size:1.5rem;font-weight:600;color:var(--blanco);margin:0}.status__servicio-body{padding:var(--espaciado-lg)}.status__badge{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-sm) var(--espaciado-md);border-radius:var(--radio-md) 0 var(--radio-md) 0;font-size:.875rem;font-weight:600}.status__badge--online{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.status__badge--offline{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.status__loading{display:flex;flex-direction:column;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-xl);color:var(--gris2)}.status__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--secundario);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status__info{display:flex;flex-direction:column;gap:var(--espaciado-md)}.status__info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--espaciado-md);background:#ffffff05;border-radius:var(--radio-md) 0 var(--radio-md) 0}.status__info-label{font-weight:600;color:var(--gris2)}.status__info-value{color:var(--blanco);font-family:Courier New,monospace}.status__info-value--success{color:#10b981}.status__error{display:flex;gap:var(--espaciado-lg);padding:var(--espaciado-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radio-md) 0 var(--radio-md) 0}.status__error-icon{font-size:2.5rem;flex-shrink:0;color:#ef4444}.status__error-content{flex:1}.status__error-titulo{font-size:1.125rem;font-weight:600;color:#ef4444;margin-bottom:var(--espaciado-sm)}.status__error-mensaje{color:var(--gris2);margin-bottom:var(--espaciado-md);font-family:Courier New,monospace;font-size:.875rem}.status__error-ayuda{margin-top:var(--espaciado-md);padding-top:var(--espaciado-md);border-top:1px solid rgba(239,68,68,.2)}.status__error-ayuda p{color:var(--gris2);font-weight:600;margin-bottom:var(--espaciado-sm)}.status__error-ayuda ul{list-style:none;padding:0;margin:0}.status__error-ayuda li{color:var(--gris2);padding:var(--espaciado-xs) 0;padding-left:var(--espaciado-md);position:relative}.status__error-ayuda li:before{content:"•";position:absolute;left:0;color:#ef4444}@media (max-width: 1024px){.status__contenedor{padding:0 var(--espaciado-md)}.status__titulo{font-size:2.25rem}.status__subtitulo{font-size:1rem}}@media (max-width: 768px){.status{padding:var(--espaciado-lg) 0;min-height:calc(100vh - 245px)}.status__contenedor{padding:0 var(--espaciado-sm)}.status__encabezado{margin-bottom:var(--espaciado-lg)}.status__titulo{font-size:2rem}.status__subtitulo{font-size:.95rem}.status__main{gap:var(--espaciado-lg)}.status__servicio-header{flex-direction:column;gap:var(--espaciado-md);align-items:flex-start;padding:var(--espaciado-md)}.status__servicio-titulo{font-size:1.25rem}.status__servicio-body{padding:var(--espaciado-md)}.status__badge{font-size:.8125rem}.status__info-item{flex-direction:column;gap:var(--espaciado-sm);align-items:flex-start;padding:var(--espaciado-sm) var(--espaciado-md)}.status__info-value{font-size:.875rem;word-break:break-all}.status__error{flex-direction:column;gap:var(--espaciado-md);padding:var(--espaciado-md)}.status__error-icon{font-size:2rem}.status__error-titulo{font-size:1rem}.status__error-mensaje{font-size:.8125rem}}@media (max-width: 480px){.status{padding:var(--espaciado-md) 0}.status__contenedor{padding:0 var(--espaciado-xs)}.status__encabezado{margin-bottom:var(--espaciado-md)}.status__titulo{font-size:1.75rem}.status__subtitulo{font-size:.875rem}.status__main{gap:var(--espaciado-md)}.status__servicio-header{padding:var(--espaciado-sm) var(--espaciado-md)}.status__servicio-titulo{font-size:1.125rem}.status__servicio-body{padding:var(--espaciado-sm) var(--espaciado-md)}.status__badge{font-size:.75rem;padding:var(--espaciado-xs) var(--espaciado-sm)}.status__info-item{padding:var(--espaciado-xs) var(--espaciado-sm)}.status__info-label,.status__info-value{font-size:.8125rem}.status__error{padding:var(--espaciado-sm) var(--espaciado-md)}.status__error-icon{font-size:1.5rem}.status__error-titulo{font-size:.9375rem}.status__error-mensaje{font-size:.75rem}.status__error-ayuda{font-size:.8125rem}.status__error-ayuda li{font-size:.8125rem;padding-left:var(--espaciado-sm)}}.community{min-height:calc(100vh - 70px);background:var(--primario);color:var(--blanco);display:flex;align-items:center;justify-content:center;padding:var(--espaciado-lg)}.community-container{max-width:1000px;width:100%;margin:0 auto}.community-main{display:flex;align-items:center;justify-content:center;min-height:70vh}.community-hero{text-align:center;animation:fadeIn .8s ease-out;width:100%}.community-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--espaciado-xl);animation:pulse 2s ease-in-out infinite}.community-icon{font-size:6rem;color:var(--secundario);filter:drop-shadow(0 4px 16px rgba(234,179,8,.4))}.community-title{font-size:4rem;font-weight:800;margin-bottom:var(--espaciado-lg);color:var(--blanco);line-height:1.1;background:linear-gradient(135deg,var(--blanco) 0%,var(--secundario) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-subtitle{font-size:1.25rem;color:var(--gris2);margin-bottom:var(--espaciado-xxl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.community-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--espaciado-lg);margin-bottom:var(--espaciado-xxl);padding:0 var(--espaciado-md)}.community-feature{background:#ffffff08;padding:var(--espaciado-xl);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.community-feature:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#eab3084d;box-shadow:0 8px 24px #0000004d}.community-feature-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--secundario);margin-bottom:var(--espaciado-md)}.community-feature h3{font-size:1.125rem;margin-bottom:var(--espaciado-sm);color:var(--blanco);font-weight:600}.community-feature p{color:var(--gris2);line-height:1.6;font-size:.9rem;margin:0}.community-cta{margin-top:var(--espaciado-xl);padding:var(--espaciado-xl);background:#eab30814;border:2px solid rgba(234,179,8,.2);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;max-width:600px;margin-left:auto;margin-right:auto}.community-cta-text{font-size:1.125rem;color:var(--secundario);font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--espaciado-sm)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.community-icon{font-size:4rem}.community-title{font-size:2.5rem}.community-subtitle{font-size:1.125rem}.community-features{grid-template-columns:1fr;gap:var(--espaciado-md)}.community-feature,.community-cta{padding:var(--espaciado-lg)}.community-cta-text{font-size:1rem}}@media (max-width: 480px){.community{padding:var(--espaciado-md)}.community-icon{font-size:3rem}.community-title{font-size:2rem}.community-subtitle{font-size:1rem}.community-feature-icon{font-size:2rem}}.profile{min-height:calc(100vh - 70px);background:var(--primario);padding:var(--espaciado-xl) var(--espaciado-lg)}.profile-container{max-width:1000px;margin:0 auto;animation:fadeIn .5s ease-out}.profile-loading,.profile-error{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--blanco);font-size:1.125rem}.profile-header{background:var(--focus);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;padding:var(--espaciado-xl);margin-bottom:var(--espaciado-xl);border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:auto 1fr auto;gap:var(--espaciado-xl);align-items:start}.profile-avatar-section{display:flex;flex-direction:column;gap:var(--espaciado-md)}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--secundario);display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--secundario);box-shadow:0 4px 12px #eab3084d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-icon{font-size:3.5rem;color:var(--primario)}.profile-avatar-edit{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.profile-avatar-edit small{color:var(--gris3);font-size:.75rem}.profile-header-info{display:flex;flex-direction:column;gap:var(--espaciado-md)}.profile-username{font-size:2rem;font-weight:700;color:var(--blanco);margin:0}.profile-meta{display:flex;flex-direction:column;gap:var(--espaciado-sm);color:var(--gris2);font-size:.9rem}.profile-meta-item{display:flex;align-items:center;gap:var(--espaciado-sm)}.profile-meta-item svg{font-size:1rem}.profile-actions{display:flex;gap:var(--espaciado-md)}.profile-edit-actions{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.profile-button{padding:.625rem 1.25rem;border-radius:var(--radio-md) 0 var(--radio-md) 0;border:none;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:var(--espaciado-sm);cursor:pointer;transition:var(--transicion-normal);white-space:nowrap}.profile-button:disabled{opacity:.5;cursor:not-allowed}.profile-button--edit{background:var(--secundario);color:var(--primario)}.profile-button--edit:hover:not(:disabled){background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 8px #eab3084d}.profile-button--save{background:var(--secundario);color:var(--primario)}.profile-button--save:hover:not(:disabled){background:var(--secundario-hover)}.profile-button--cancel{background:transparent;border:2px solid var(--gris4);color:var(--blanco)}.profile-button--cancel:hover:not(:disabled){background:#ffffff0d;border-color:var(--gris2)}.profile-button--add{background:var(--secundario);color:var(--primario);padding:.5rem 1rem;font-size:.875rem}.profile-button--add:hover:not(:disabled){background:var(--secundario-hover)}.profile-section{background:var(--focus);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;padding:var(--espaciado-xl);margin-bottom:var(--espaciado-lg);border:1px solid rgba(255,255,255,.05)}.profile-section-title{font-size:1.25rem;font-weight:600;color:var(--blanco);margin-bottom:var(--espaciado-lg);display:flex;align-items:center;gap:var(--espaciado-sm)}.profile-section-title svg{color:var(--secundario)}.profile-input{width:100%;padding:.625rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);font-size:.9rem;transition:var(--transicion-normal)}.profile-input:focus{outline:none;border-color:var(--secundario);background:#ffffff14}.profile-input--username{font-size:1.5rem;font-weight:600;padding:.5rem .75rem}.profile-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:var(--transicion-normal)}.profile-textarea:focus{outline:none;border-color:var(--secundario);background:#ffffff14}.profile-char-count{display:block;text-align:right;color:var(--gris3);font-size:.8rem;margin-top:var(--espaciado-xs)}.profile-bio{color:var(--gris2);line-height:1.6;font-size:.95rem;margin:0;white-space:pre-wrap}.profile-empty{color:var(--gris3);font-style:italic;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--espaciado-lg)}.profile-stat{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-lg);background:#ffffff08;border-radius:var(--radio-md) 0 var(--radio-md) 0;border:1px solid rgba(255,255,255,.05);transition:var(--transicion-normal)}.profile-stat:hover{background:#ffffff0d;transform:translateY(-2px)}.profile-stat-icon{font-size:2rem;color:var(--secundario);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#eab3081a;border-radius:var(--radio-md) 0 var(--radio-md) 0}.profile-stat-info{display:flex;flex-direction:column;gap:var(--espaciado-xs)}.profile-stat-value{font-size:1.75rem;font-weight:700;color:var(--blanco)}.profile-stat-label{font-size:.85rem;color:var(--gris3)}.profile-game-input{display:flex;gap:var(--espaciado-md);margin-bottom:var(--espaciado-lg)}.profile-games{display:flex;flex-wrap:wrap;gap:var(--espaciado-sm)}.profile-game{display:flex;align-items:center;gap:var(--espaciado-sm);padding:.5rem 1rem;background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;color:var(--blanco);font-size:.9rem;transition:var(--transicion-normal)}.profile-game:hover{background:#eab30833}.profile-game-remove{background:transparent;border:none;color:var(--blanco);cursor:pointer;display:flex;align-items:center;padding:0;transition:var(--transicion-normal)}.profile-game-remove:hover{color:var(--error);transform:scale(1.2)}.profile-limit{display:block;color:var(--gris3);font-size:.85rem;margin-top:var(--espaciado-sm)}.profile-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--espaciado-lg)}.profile-achievement{display:flex;gap:var(--espaciado-md);padding:var(--espaciado-lg);background:#ffffff08;border-radius:var(--radio-md) 0 var(--radio-md) 0;border:1px solid rgba(255,255,255,.05);transition:var(--transicion-normal)}.profile-achievement:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.profile-achievement-icon{font-size:2.5rem;color:var(--secundario);display:flex;align-items:center;justify-content:center}.profile-achievement-info h3{font-size:1rem;font-weight:600;color:var(--blanco);margin-bottom:var(--espaciado-xs)}.profile-achievement-info p{font-size:.85rem;color:var(--gris2);margin-bottom:var(--espaciado-xs)}.profile-achievement-info small{font-size:.75rem;color:var(--gris3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile{padding:var(--espaciado-lg) var(--espaciado-md)}.profile-header{grid-template-columns:1fr;text-align:center;gap:var(--espaciado-lg)}.profile-avatar-section{align-items:center}.profile-avatar{width:100px;height:100px}.profile-header-info{align-items:center}.profile-username{font-size:1.5rem}.profile-actions{width:100%;justify-content:center}.profile-edit-actions{width:100%}.profile-button{width:100%;justify-content:center}.profile-stats,.profile-achievements{grid-template-columns:1fr}.profile-game-input{flex-direction:column}}.not-found{min-height:calc(100vh - 275px);display:flex;align-items:center;justify-content:center;padding:var(--espaciado-xxl) var(--espaciado-lg)}.not-found__contenedor{max-width:600px;text-align:center;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found__icono{font-size:5rem;color:var(--secundario);margin-bottom:var(--espaciado-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.not-found__codigo{font-size:8rem;font-weight:800;color:var(--blanco);margin:0;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.3)}.not-found__titulo{font-size:2rem;font-weight:700;color:var(--blanco);margin:var(--espaciado-lg) 0 var(--espaciado-md)}.not-found__mensaje{font-size:1.125rem;color:var(--gris2);margin-bottom:var(--espaciado-xxl);line-height:1.6}.not-found__sugerencias{background:var(--focus);border:1px solid rgba(255,255,255,.05);border-radius:var(--radio-md) 0 var(--radio-md) 0;padding:var(--espaciado-lg);margin-bottom:var(--espaciado-xxl);text-align:left}.not-found__sugerencias-titulo{font-size:1rem;font-weight:600;color:var(--blanco);margin-bottom:var(--espaciado-md)}.not-found__lista{list-style:none;padding:0;margin:0}.not-found__lista li{color:var(--gris2);font-size:.95rem;padding:var(--espaciado-sm) 0;padding-left:var(--espaciado-lg);position:relative}.not-found__lista li:before{content:"•";position:absolute;left:var(--espaciado-sm);color:var(--secundario);font-weight:700}.not-found__acciones{display:flex;gap:var(--espaciado-md);justify-content:center;flex-wrap:wrap}.not-found__boton{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-md) var(--espaciado-xl);border-radius:var(--radio-md) 0 var(--radio-md) 0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.not-found__boton--primario{background:var(--secundario);color:var(--primario)}.not-found__boton--primario:hover{background:var(--secundario-hover);transform:translateY(-2px);box-shadow:0 4px 12px #eab3084d}.not-found__boton--secundario{background:transparent;color:var(--blanco);border:2px solid var(--blanco)}.not-found__boton--secundario:hover{background:var(--blanco);color:var(--primario);transform:translateY(-2px)}.not-found__boton:active{transform:scale(.98)}@media (max-width: 768px){.not-found{padding:var(--espaciado-lg) var(--espaciado-md);min-height:calc(100vh - 245px)}.not-found__icono{font-size:4rem}.not-found__codigo{font-size:6rem}.not-found__titulo{font-size:1.75rem}.not-found__mensaje{font-size:1rem}.not-found__acciones{flex-direction:column}.not-found__boton{width:100%;justify-content:center}}@media (max-width: 480px){.not-found{padding:var(--espaciado-md)}.not-found__icono{font-size:3rem}.not-found__codigo{font-size:4.5rem}.not-found__titulo{font-size:1.5rem}.not-found__mensaje{font-size:.9375rem}.not-found__sugerencias{padding:var(--espaciado-md)}.not-found__sugerencias-titulo{font-size:.9375rem}.not-found__lista li{font-size:.875rem}.not-found__boton{font-size:.9375rem;padding:var(--espaciado-sm) var(--espaciado-lg)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--espaciado-lg);position:relative}.login__boton-volver{position:absolute;top:var(--espaciado-lg);left:var(--espaciado-lg);background:var(--blanco);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.125rem solid var(--gris1);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--primario);font-size:.875rem;font-weight:500;padding:var(--espaciado-sm) var(--espaciado-md);cursor:pointer;display:flex;align-items:center;gap:var(--espaciado-sm);transition:all var(--transicion-normal);z-index:10}.login__boton-volver:hover{background:var(--gris1);border-color:var(--primario);color:var(--primario);transform:scale(1.02)}.login__boton-volver svg{font-size:1.125rem}.login__contenedor{background:var(--blanco);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;box-shadow:var(--sombra-lg);padding:var(--espaciado-xl);width:100%;max-width:28rem;animation:slideIn .5s ease-out;border:.0625rem solid var(--gris1)}.login__encabezado{text-align:center;margin-bottom:var(--espaciado-xl)}.login__titulo{color:var(--primario);margin:var(--espaciado-sm) 0}.login__subtitulo{color:var(--gris5);margin:0}.login__formulario{display:flex;flex-direction:column;gap:var(--espaciado-lg)}.login__error{background:#1f2d440d;border:.125rem solid var(--error);border-radius:var(--radio-md);color:var(--error);padding:var(--espaciado-md);font-size:.875rem;text-align:center}.login__campo{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.login__etiqueta{color:var(--primario);font-size:.875rem;font-weight:500}.login__etiqueta-con-enlace{display:flex;justify-content:space-between;align-items:center}.login__enlace-recuperar{color:var(--gris4);font-size:.75rem;text-decoration:none;transition:color var(--transicion-normal)}.login__enlace-recuperar:hover{color:var(--primario);text-decoration:underline}.login__input{background:var(--blanco);border:.125rem solid var(--gris1);border-radius:var(--radio-md);color:var(--primario);font-size:1rem;padding:var(--espaciado-md);transition:all var(--transicion-normal)}.login__input::placeholder{color:var(--gris3)}.login__input:focus{outline:none;border-color:var(--primario);box-shadow:var(--sombra-sm)}.login__input--error{border-color:var(--error)}.login__input:disabled{opacity:.6;cursor:not-allowed}.login__mensaje-error{color:var(--error);font-size:.75rem;display:flex;align-items:center;gap:var(--espaciado-xs);animation:shake .3s ease}.login__recordar{margin-top:-.5rem}.login__checkbox{display:flex;align-items:center;gap:var(--espaciado-sm);color:var(--gris4);font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.login__checkbox-input{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primario)}.login__checkbox-texto{color:var(--gris4)}.login__checkbox:hover .login__checkbox-texto{color:var(--primario)}.login__boton{background:var(--primario);border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);font-size:1rem;font-weight:600;padding:.875rem var(--espaciado-xl);cursor:pointer;transition:all var(--transicion-normal);display:flex;align-items:center;justify-content:center;gap:var(--espaciado-sm);margin-top:var(--espaciado-sm)}.login__boton:hover:not(:disabled){background:var(--hover);box-shadow:var(--sombra-sm)}.login__boton:active:not(:disabled){transform:scale(.98)}.login__boton:disabled{opacity:.6;cursor:not-allowed}.login__spinner{border:.125rem solid rgba(248,250,252,.25);border-top:.125rem solid var(--blanco);border-radius:50%;width:1rem;height:1rem;animation:spin .8s linear infinite}.login__pie{text-align:center;margin-top:var(--espaciado-md);padding-top:var(--espaciado-md);border-top:.0625rem solid var(--gris1)}.login__pie-texto{color:var(--gris5);font-size:.875rem;margin:0}.login__enlace-registro{color:var(--primario);text-decoration:none;font-weight:600;transition:color var(--transicion-normal)}.login__enlace-registro:hover{color:var(--hover);text-decoration:underline}@media (max-width: 30rem){.login{padding:var(--espaciado-md)}.login__contenedor{padding:var(--espaciado-lg)}.login__titulo{font-size:1.25rem}.login__etiqueta-con-enlace{flex-direction:column;align-items:flex-start;gap:var(--espaciado-xs)}.login__enlace-recuperar{font-size:.8125rem;margin-top:.25rem}.login__pie-texto{display:flex;flex-direction:column;gap:var(--espaciado-xs)}}.register{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--espaciado-lg);position:relative}.register__boton-volver{position:absolute;top:var(--espaciado-lg);left:var(--espaciado-lg);background:var(--blanco);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.125rem solid var(--gris1);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--primario);font-size:.875rem;font-weight:500;padding:var(--espaciado-sm) var(--espaciado-md);cursor:pointer;display:flex;align-items:center;gap:var(--espaciado-sm);transition:all var(--transicion-normal);z-index:10}.register__boton-volver:hover{background:var(--gris1);border-color:var(--primario);color:var(--primario);transform:scale(1.02)}.register__boton-volver svg{font-size:1.125rem}.register__contenedor{background:var(--blanco);border-radius:var(--radio-lg) 0 var(--radio-lg) 0;box-shadow:var(--sombra-lg);padding:var(--espaciado-xl);width:100%;max-width:28rem;animation:slideIn .5s ease-out;border:.0625rem solid var(--gris1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.register__encabezado{text-align:center;margin-bottom:var(--espaciado-xl)}.register__titulo{color:var(--primario);margin:var(--espaciado-sm) 0}.register__subtitulo{color:var(--gris5);margin:0}.register__formulario{display:flex;flex-direction:column;gap:var(--espaciado-lg)}.register__error{background:#1f2d440d;border:.125rem solid var(--error);border-radius:var(--radio-md);color:var(--error);padding:var(--espaciado-md);font-size:.875rem;text-align:center}.register__campo{display:flex;flex-direction:column;gap:var(--espaciado-sm)}.register__etiqueta{color:var(--primario);font-size:.875rem;font-weight:500}.register__input{background:var(--blanco);border:.125rem solid var(--gris1);border-radius:var(--radio-md);color:var(--primario);font-size:1rem;padding:var(--espaciado-md);transition:all var(--transicion-normal)}.register__input::placeholder{color:var(--gris3)}.register__input:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 .1875rem #1f2d441a}.register__input--error{border-color:var(--error)}.register__input:disabled{opacity:.6;cursor:not-allowed}.register__mensaje-error{color:var(--error);font-size:.75rem;display:flex;align-items:center;gap:var(--espaciado-xs);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.3125rem)}75%{transform:translate(.3125rem)}}.register__terminos{margin-top:-.5rem}.register__checkbox{display:flex;align-items:center;gap:var(--espaciado-sm);color:var(--gris4);font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.register__checkbox-input{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primario)}.register__checkbox-texto{color:var(--gris4)}.register__checkbox:hover .register__checkbox-texto{color:var(--primario)}.register__enlace-terminos{color:var(--primario);text-decoration:none;font-weight:600;transition:color var(--transicion-normal)}.register__enlace-terminos:hover{color:var(--hover);text-decoration:underline}.register__boton{background:var(--primario);border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);font-size:1rem;font-weight:600;padding:.875rem var(--espaciado-xl);cursor:pointer;transition:all var(--transicion-normal);display:flex;align-items:center;justify-content:center;gap:var(--espaciado-sm);margin-top:var(--espaciado-sm)}.register__boton:hover:not(:disabled){background:var(--hover);box-shadow:var(--sombra-sm)}.register__boton:active:not(:disabled){transform:scale(.98)}.register__boton:disabled{opacity:.6;cursor:not-allowed}.register__spinner{border:.125rem solid rgba(248,250,252,.25);border-top:.125rem solid var(--blanco);border-radius:50%;width:1rem;height:1rem;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register__pie{text-align:center;margin-top:var(--espaciado-lg);padding-top:var(--espaciado-lg);border-top:.0625rem solid var(--gris1)}.register__pie-texto{color:var(--gris5);font-size:.875rem;margin:0}.register__enlace-login{color:var(--primario);text-decoration:none;font-weight:600;transition:color var(--transicion-normal)}.register__enlace-login:hover{color:var(--hover);text-decoration:underline}@media (max-width: 30rem){.register{padding:var(--espaciado-md)}.register__contenedor{padding:var(--espaciado-lg)}.register__titulo{font-size:1.25rem}.register__pie-texto{display:flex;flex-direction:column;gap:var(--espaciado-xs)}}.encabezado{background-color:var(--focus);box-shadow:var(--sombra-sm);height:6rem}.encabezado__navbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--espaciado-lg);padding:var(--espaciado-md) var(--espaciado-lg);width:100%;height:100%;position:relative}.navbar__logo{text-decoration:none;color:var(--blanco);transition:color var(--transicion-rapida);z-index:2;display:flex;align-items:center;position:relative}.navbar__logo:hover{color:var(--secundario)}.navbar__logo h2{margin:0;font-size:1.5rem;font-weight:700}.navbar__logo-img{height:55px;width:auto;transition:all .3s ease;filter:brightness(1)}.navbar__logo:hover .navbar__logo-img{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 8px rgba(239,68,68,.9)) drop-shadow(0 0 15px rgba(239,68,68,.6)) drop-shadow(0 0 25px rgba(220,38,38,.4));animation:bossShake .3s ease-in-out}@keyframes bossShake{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.15) rotate(-3deg)}}.navbar__enlaces{display:flex;justify-content:center;align-items:center;gap:var(--espaciado-lg);list-style:none;margin:0;padding:0;grid-column:2;z-index:10}.navbar__elemento{margin:0}.navbar__enlace{display:block;color:var(--blanco);text-decoration:none;font-weight:500;font-size:1rem;padding:var(--espaciado-sm) var(--espaciado-md);border-radius:var(--radio-md) 0 var(--radio-md) 0;transition:all var(--transicion-rapida)}.navbar__enlace:hover{color:var(--secundario);background-color:var(--hover);transform:scale(1.05)}.navbar__usuario-menu{position:relative;justify-self:end;z-index:100;display:flex}.navbar__elemento--auth-movil{display:none}.navbar__usuario{display:flex;align-items:center;gap:var(--espaciado-sm);padding:var(--espaciado-sm) var(--espaciado-md);background:none;border:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);cursor:pointer;transition:all var(--transicion-rapida);font-family:inherit}.navbar__usuario:hover{background-color:var(--hover)}.navbar__botones-auth{display:flex;align-items:center;gap:var(--espaciado-md)}.navbar__boton-login{display:inline-flex;align-items:center;padding:var(--espaciado-sm) var(--espaciado-lg);background-color:transparent;color:var(--secundario);text-decoration:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;border:.125rem solid var(--secundario);font-weight:600;font-size:1rem;transition:var(--transicion-rapida);cursor:pointer}.navbar__boton-login:hover{transform:scale(1.05)}.navbar__boton-registro{display:inline-flex;align-items:center;padding:var(--espaciado-sm) var(--espaciado-lg);background-color:var(--secundario);color:var(--primario);text-decoration:none;border-radius:var(--radio-md) 0 var(--radio-md) 0;border:.125rem solid var(--secundario);font-weight:600;font-size:1rem;transition:var(--transicion-rapida);cursor:pointer}.navbar__boton-registro:hover{transform:scale(1.05)}.navbar__avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--negro);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid var(--blanco);flex-shrink:0;overflow:hidden}.navbar__avatar-img{width:100%;height:100%;object-fit:cover}.navbar__nombre{font-weight:600;font-size:1rem}.navbar__flecha{font-size:.75rem;transition:transform var(--transicion-rapida);color:var(--blanco)}.navbar__flecha--arriba{transform:rotate(180deg)}.menu-desplegable{position:absolute;top:calc(100% + var(--espaciado-sm));right:0;width:max-content;min-width:200px;background-color:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-lg);overflow:hidden;list-style:none;padding:var(--espaciado-sm) 0;margin:0;animation:desplegar .2s ease-out;z-index:1000}@keyframes desplegar{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.menu-desplegable__elemento{margin:0}.menu-desplegable__enlace{display:flex;align-items:center;gap:var(--espaciado-md);padding:var(--espaciado-md) var(--espaciado-lg);color:var(--negro);text-decoration:none;background:none;border:none;border-radius:var(--radio-md);width:100%;text-align:left;cursor:pointer;transition:all var(--transicion-rapida);font-size:1.125rem;font-weight:500;font-family:inherit}.menu-desplegable__enlace:hover{background-color:var(--gris1)}.menu-desplegable__icono{font-size:1.5rem;width:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-desplegable__enlace--cerrar{color:var(--error);font-weight:600}.menu-desplegable__enlace--cerrar:hover{background-color:#e603031a}.menu-desplegable__separador{height:1px;background-color:var(--gris2);margin:var(--espaciado-md) 0;border:none}.navbar__hamburguesa{display:none;background:none;border:none;color:var(--blanco);font-size:1.75rem;cursor:pointer;padding:var(--espaciado-sm);transition:color var(--transicion-rapida);z-index:1001}.navbar__hamburguesa:hover{color:var(--secundario)}@media (max-width: 1000px){.encabezado__navbar{padding:var(--espaciado-sm) var(--espaciado-md);grid-template-columns:auto 1fr;gap:var(--espaciado-md)}.navbar__hamburguesa{display:flex;align-items:center;justify-content:center;justify-self:end}.navbar__usuario-menu{display:none}.navbar__enlaces{position:fixed;flex-direction:column;width:280px;height:100vh;right:0;top:0;background-color:var(--focus);padding:var(--espaciado-xxl) var(--espaciado-lg);gap:0;transform:translate(100%);opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:-4px 0 20px #0000004d;z-index:1000;overflow-y:auto}.navbar__enlaces--visible{transform:translate(0);opacity:1;pointer-events:all}.navbar__elemento{width:100%;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);padding:0}.navbar__enlace{padding:var(--espaciado-md) 0;display:flex;align-items:center;gap:var(--espaciado-sm);width:100%;font-size:1rem}.navbar__elemento--auth-movil{display:block;border:none;margin-top:var(--espaciado-lg);padding-top:var(--espaciado-lg);border-top:2px solid rgba(255,255,255,.2)}.navbar__botones-auth-movil{display:flex;flex-direction:column;gap:var(--espaciado-sm);width:100%}.navbar__botones-auth-movil .navbar__boton-login,.navbar__botones-auth-movil .navbar__boton-registro{width:100%;text-align:center;padding:var(--espaciado-md)}.navbar__usuario-movil{display:flex;flex-direction:column;gap:0}.navbar__usuario-movil .navbar__enlace{padding:var(--espaciado-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar__seccion-titulo{color:var(--secundario);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--espaciado-md) 0 var(--espaciado-sm) 0;margin-top:var(--espaciado-md)}.navbar__separador{height:2px;background:linear-gradient(90deg,transparent,var(--secundario),transparent);margin:var(--espaciado-lg) 0;border:none}.navbar__enlace--logout{color:var(--error);background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;text-align:left;width:100%;border-bottom:none}.navbar__logo-img{height:45px}}@media (max-width: 480px){.navbar__logo-img{height:40px}.navbar__enlaces{width:250px}}.footer{background-color:var(--focus);color:var(--blanco);padding:var(--espaciado-xxl) var(--espaciado-lg);box-shadow:var(--sombra-sm)}.footer__superior{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--espaciado-xl)}.footer__seccion{display:flex;flex-direction:column;gap:var(--espaciado-md)}.footer__seccion--sobre{width:40%}.footer__marca{display:flex;align-items:center;gap:var(--espaciado-sm);margin-bottom:var(--espaciado-sm)}.footer__logo{width:50px;height:50px;filter:drop-shadow(0 0 8px rgba(234,179,8,.3))}.footer__titulo--marca{font-size:1.75rem;font-weight:800;color:var(--blanco);margin:0}.footer__titulo{margin:0;font-size:1.125rem;font-weight:700;color:var(--blanco)}.footer__descripcion{margin:0;width:100%;font-size:.95rem;line-height:1.6;color:var(--gris1)}.footer__enlaces{display:flex;flex-direction:row;justify-content:space-between;width:25%}.footer__lista{display:flex;flex-direction:column;gap:var(--espaciado-sm);list-style:none;margin:0;padding:0}.footer__elemento{margin:0}.footer__enlace{color:var(--gris1);text-decoration:none;font-size:.95rem;transition:color var(--transicion-rapida)}.footer__enlace:hover{color:var(--secundario)}.footer__redes{display:flex;gap:var(--espaciado-md)}.footer__red{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--hover);border-radius:var(--radio-md) 0 var(--radio-md) 0;color:var(--blanco);text-decoration:none;transition:all var(--transicion-rapida)}.footer__red:hover{color:var(--negro);background-color:var(--secundario);box-shadow:var(--sombra-sm)}.footer__red-icono{font-weight:700;font-size:1rem}.footer__separador{height:1px;background-color:var(--hover);margin:var(--espaciado-xl) 0}.footer__inferior{display:flex;justify-content:space-between;align-items:center}.footer__copyright{margin:0;font-size:.875rem;color:var(--gris2)}.footer__lema{margin:0;font-size:.875rem;color:var(--gris2);font-weight:500}@media (max-width: 1000px){.footer__superior{flex-wrap:wrap;gap:var(--espaciado-xl)}.footer__seccion--sobre{width:100%}.footer__enlaces{width:45%}}@media (max-width: 768px){.footer{padding:var(--espaciado-xl) var(--espaciado-md);padding-bottom:calc(var(--espaciado-xl) + 70px)}.footer__superior{flex-direction:column;align-items:center;gap:var(--espaciado-xl)}.footer__seccion--sobre{width:100%;text-align:center}.footer__marca{justify-content:center}.footer__logo{width:45px;height:45px}.footer__titulo--marca{font-size:1.5rem}.footer__descripcion{text-align:center}.footer__enlaces{flex-direction:row;width:100%;gap:var(--espaciado-lg);justify-content:center}.footer__seccion--enlaces{text-align:center}.footer__seccion--redes{width:100%;text-align:center}.footer__redes{justify-content:center}.footer__inferior{flex-direction:column;gap:var(--espaciado-sm);text-align:center}}@media (max-width: 480px){.footer{padding:var(--espaciado-lg) var(--espaciado-sm);padding-bottom:calc(var(--espaciado-lg) + 70px)}.footer__logo{width:40px;height:40px}.footer__titulo--marca{font-size:1.3rem}.footer__descripcion{font-size:.875rem;text-align:center}.footer__titulo{font-size:1rem}.footer__enlace{font-size:.875rem}.footer__enlaces{flex-direction:column;gap:var(--espaciado-xl)}.footer__red{width:42px;height:42px}.footer__red-icono{font-size:1rem}.footer__redes{gap:var(--espaciado-lg)}}.layout{display:flex;flex-direction:column;width:100vw;min-height:100vh;background:var(--primario);overflow-x:hidden}.layout__contenido{flex:1;width:100%;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}:root{--primario: #1F2D44;--secundario: #EAB308;--hover: #1D3254;--focus: #1E293B;--secundario-hover: #D6A50A;--secundario-focus: #B48B09;--blanco: #F8FAFC;--gris1: #E4E4E4;--gris2: #BFBFBF;--gris3: #A2A2A2;--gris4: #818181;--gris5: #6D6D6D;--gris6: #505050;--gris7: #464646;--negro: #2E2E2E;--error: #E60303;--espaciado-xs: .25rem;--espaciado-sm: .5rem;--espaciado-md: 1rem;--espaciado-lg: 2rem;--espaciado-xl: 3rem;--espaciado-xxl: 4rem;--radio-sm: .25rem;--radio-md: .5rem;--radio-lg: 1rem;--sombra-sm: 0 .125rem .5rem rgba(31, 45, 68, .1);--sombra-md: 0 .25rem 1rem rgba(31, 45, 68, .1);--sombra-lg: 0 .5rem 2rem rgba(31, 45, 68, .15);--transicion-rapida: .15s ease;--transicion-normal: .3s ease;--transicion-lenta: .5s ease;--node-decision: #4da6ff;--node-action: #33cc33;--node-phase: #ffcc00;--node-effect: #9b59b6;--node-default: #eee;--handle-default: #555;--node-decision-bg: rgba(77,166,255,.2);--node-action-bg: rgba(51,204,51,.2);--node-phase-bg: rgba(255,204,0,.2);--node-effect-bg: rgba(155,89,182,.2);--node-start-end: #888888;--node-start-end-bg: rgba(136,136,136,.12);--node-start: var(--node-start-end);--node-end: var(--node-start-end);--node-start-bg: var(--node-start-end-bg);--node-end-bg: var(--node-start-end-bg);--node-position: #ff6b6b;--node-position-bg: rgba(255,107,107,.2);--node-timer: #4ecdc4;--node-timer-bg: rgba(78,205,196,.2);--node-ability: #f39c12;--node-ability-bg: rgba(243,156,18,.2)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;color:var(--gris7);background:var(--primario);overflow-x:hidden}h1{font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:2.25rem;font-weight:600;line-height:1.3;margin-bottom:.875rem}h3{font-size:1.75rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}h4{font-size:1.375rem;font-weight:600;line-height:1.4;margin-bottom:.625rem}h5{font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}h6{font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}p{font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}small{font-size:.875rem}#root{min-height:100vh}