@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600&family=Poppins:wght@300;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contacto-list-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.list-header{animation:fadeInDown .8s ease;margin-bottom:50px;text-align:center}.title-text{font-size:10.5rem;font-weight:500;margin-bottom:20px;text-shadow:0 0 20px #ffffff80}.search-panel{animation:slideUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;padding:30px}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.search-header h2{color:#333;font-weight:600;margin:0}.search-decoration{display:flex;gap:10px}.decoration-shoe{animation:float 3s ease-in-out infinite;font-size:1.5rem}.decoration-shoe:nth-child(2){animation-delay:.5s}.decoration-shoe:nth-child(3){animation-delay:1s}.search-controls{display:flex;flex-direction:column;gap:20px}.search-input-group{align-items:center;display:flex;position:relative}.search-icon{color:#666;font-size:1.2rem;left:15px;position:absolute}.search-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:50px;font-size:1rem;padding:15px 50px 15px 45px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 5px 15px #667eea1a;outline:none}.clear-search{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;position:absolute;right:15px;transition:color .3s ease}.clear-search:hover{color:#333}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#fff;border:2px solid #e1e5e9;border-radius:25px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;transform:translateY(-2px)}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.search-results{margin-top:20px}.results-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:15px 0}.results-count{color:#333;font-weight:600}.search-info{color:#666;font-size:.9rem}.pagination{gap:15px;justify-content:center;margin:30px 0;padding:20px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{background:#fff;border-radius:25px;box-shadow:0 5px 15px #0000001a;color:#333;font-weight:600;padding:10px 20px}.contactos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.contacto-card{animation:fadeInUp .6s ease both;background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.contacto-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.contacto-card.hovered{transform:translateY(-5px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px}.card-type{font-size:1.5rem}.card-content{margin-bottom:20px}.company-name{color:#333;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0 0 5px}.commercial-name{color:#666;font-style:italic;margin:0 0 15px}.contact-info{display:flex;flex-direction:column;gap:8px}.info-item{align-items:center}.info-label{color:#555;font-size:.9rem}.info-value{font-size:.9rem;text-align:right}.card-actions{display:flex;gap:10px;margin-top:20px}.btn-delete,.btn-edit,.btn-print{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-edit:hover{box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.btn-print{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-print:hover{box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-delete:hover{box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.card-hover-effect{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contacto-card:hover .card-hover-effect{left:100%}.no-results{color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-results h3{color:#333;margin:0 0 10px}.loading-container{height:60vh}.shoe-animation{margin-bottom:30px;position:relative}.shoe{animation:walk 2s ease-in-out infinite;background:#fff;border-radius:50% 50% 40% 40%;height:30px;position:relative;width:60px}.shoe:before{background:#333;border-radius:30% 30% 20% 20%;content:"";height:15px;left:10px;position:absolute;top:5px;width:40px}.shadow{animation:shadow 2s ease-in-out infinite;background:#0003;border-radius:50%;height:10px;width:70px}.list-footer{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px}.footer-stats{display:flex;justify-content:space-around;text-align:center}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-number{color:#667eea;font-size:2rem;font-weight:700}.stat-label{color:#666;font-size:.9rem}@keyframes walk{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(20px) rotate(10deg)}50%{transform:translateX(40px) rotate(0deg)}75%{transform:translateX(20px) rotate(-10deg)}}@keyframes shadow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@media (max-width:768px){.contacto-list-container{padding:10px}.header-content{flex-direction:column;gap:10px}.title-text{font-size:2rem}.search-panel{padding:20px}.filter-buttons{justify-content:center}.contactos-grid{grid-template-columns:1fr}.footer-stats{gap:20px}.card-actions,.footer-stats,.pagination{flex-direction:column}.pagination{gap:10px}}@media (max-width:480px){.search-header{gap:15px}.results-header,.search-header{flex-direction:column;text-align:center}.results-header{gap:10px}}.contacto-card .card-actions .btn-edit:disabled{background:linear-gradient(135deg,#b0b0b0,#8d8d8d);box-shadow:none;color:#f0f0f0;cursor:not-allowed;opacity:.7;transform:none}.contacto-card .card-actions .btn-edit:disabled:hover{box-shadow:none;transform:none}.contacto-card .card-actions .btn-print:disabled{background:linear-gradient(135deg,#b0b0b0,#8d8d8d);box-shadow:none;color:#f0f0f0;cursor:not-allowed;opacity:.7;transform:none}.contacto-card .card-actions .btn-print:disabled:hover{box-shadow:none;transform:none}.contacto-form-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.form-header{animation:fadeInDown .8s ease;color:#fff;margin-bottom:30px;text-align:center}.tipo-comprador{--webkit-background-clip:text;-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2);font-weight:700}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.main-title{color:#fff;margin:0}.title-text{font-size:2.5rem;margin-bottom:5px}.title-subtext,.title-text{display:block;font-weight:300}.title-subtext{font-size:1.2rem;opacity:.9}.shoe-icon{animation:bounce 2s infinite;font-size:3rem}.tabs-container{animation:slideUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-top:20px;overflow:hidden}.tabs{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;flex-wrap:wrap}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:15px 25px;transition:all .3s ease}.tab:hover{background-color:#667eea1a;transform:translateY(-2px)}.tab.active{background-color:#fff;border-bottom:3px solid #007bff;color:#007bff;font-weight:700}.form-content{min-height:500px;padding:30px}.form-section{animation:fadeIn .6s ease}.form-section h3{border-bottom:3px solid #007bff;color:#333;font-size:1.8rem;margin-bottom:25px;margin-top:0;padding-bottom:15px}.form-section h4{border-left:4px solid #28a745;color:#555;font-size:1.4rem;margin:25px 0 20px;padding-left:15px}.form-section h5{color:#666;font-size:1.2rem;margin:20px 0 15px}.form-row{display:flex;flex-wrap:wrap}.form-group{flex:1 1;min-width:280px}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 5px 15px #007bff1a;outline:none;transform:translateY(-2px)}.info-box{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:15px;box-shadow:0 5px 15px #0000001a;font-size:14px;margin-bottom:25px;padding:20px}.print-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 5px 15px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 auto;padding:12px 25px;transition:all .3s ease}.print-btn:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-3px)}.submit-btn{margin:0 auto}.mensaje{border-radius:10px;margin-bottom:20px}.mensaje.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffeaa7;color:#856404}.loading-form{align-items:center;background:#fff;border-radius:20px;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-shoe{margin-bottom:25px}.editing-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;margin-left:15px;padding:8px 20px}.edit-notice{animation:pulse 2s infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffeaa7;border-radius:15px;color:#856404;font-weight:600;margin-bottom:25px;padding:20px;text-align:center}.acompanante-form{animation:slideIn .5s ease;background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;margin-bottom:25px;padding:25px}.btn-eliminar{border:none;border-radius:20px;padding:10px 20px}.btn-agregar,.btn-eliminar{cursor:pointer;font-weight:600;transition:all .3s ease}.btn-agregar{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;display:flex;font-size:16px;gap:8px;padding:12px 25px}.btn-agregar:hover{box-shadow:0 8px 25px #28a7454d;transform:translateY(-3px)}.checkbox-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.checkbox-column{display:flex;flex-direction:column;gap:12px}.checkbox-label{padding:8px}.checkbox-label:hover{background:#007bff1a}.checkbox-label input[type=checkbox]{transform:scale(1.2)}.profile-tabs{border-bottom:2px solid #dee2e6;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:25px}.profile-tab{background:#f8f9fa;border:2px solid #dee2e6;border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.profile-tab.active{background:#007bff;border-color:#007bff;color:#fff;transform:translateY(-2px)}.profile-content{background:#fff;border:2px solid #dee2e6;border-radius:10px;min-height:400px;padding:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.contacto-form-container{padding:10px}.tabs{flex-direction:column}.tab{min-width:100%}.form-content{padding:20px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}.header-content{flex-direction:column;text-align:center}.title-text{font-size:2rem}.profile-tabs{flex-direction:column}.profile-tab{border-radius:10px;margin-bottom:5px}}.form-actions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 0 20px 20px;border-top:2px solid #e9ecef;flex-direction:column;padding:25px;text-align:center}.actions-row{flex-wrap:wrap;gap:15px}.actions-row,.submit-btn{align-items:center;display:flex;justify-content:center}.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 5px 15px #007bff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;gap:10px;min-width:200px;padding:15px 30px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #007bff66;transform:translateY(-3px)}.submit-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.print-main-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 5px 15px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:15px 30px;transition:all .3s ease}.print-main-btn:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-3px)}.secondary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-clear{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.btn-clear:hover{box-shadow:0 5px 15px #6c757d4d;transform:translateY(-2px)}.print-section{display:none}.acompanante-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.acompanante-actions{align-items:center;display:flex;gap:10px}.btn-print-individual{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:8px 15px;transition:all .3s ease}.btn-print-individual:hover{box-shadow:0 5px 15px #17a2b866;transform:translateY(-2px)}.print-section{background:#fff3cd;border:2px solid #ffeaa7;border-radius:15px;display:block!important;margin:25px 0;padding:20px;text-align:center}.mensaje{border-radius:8px;font-size:16px;font-weight:700;margin:15px 0;padding:15px}.mensaje.error{background-color:#ffebee;border:2px solid #f44336;color:#c62828}.mensaje.success{background-color:#e8f5e8;border:2px solid #4caf50;color:#2e7d32}.mensaje.warning{background-color:#fff3e0;border:2px solid #ff9800;color:#ef6c00}.form-group label span[style*="color: red"]{font-weight:700;margin-left:4px}.checkbox-grid-three{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:15px}.checkbox-with-input{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.checkbox-with-input input[type=text]{border:1px solid #ddd;border-radius:5px;flex:1 1;min-width:150px;padding:8px 12px}.readonly-field{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.category-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:30px;padding:20px}.category-section h5{border-bottom:2px solid #007bff;color:#495057;margin-bottom:15px;padding-bottom:10px}.category-section h6{color:#6c757d;font-size:.9rem;font-weight:600;margin-bottom:10px}.checkbox-item{align-items:center;border-radius:5px;display:flex;gap:8px;padding:8px;transition:background-color .3s ease}.checkbox-item:hover{background-color:#007bff1a}.checkbox-item input[type=checkbox]{transform:scale(1.1)}.profile-subtab{animation:fadeIn .5s ease}.profile-subtab .form-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;margin-bottom:25px;padding:20px}.profile-subtab h4{border-left:4px solid #28a745;color:#495057;margin:20px 0 15px;padding-left:12px}.profile-subtab h5{color:#6c757d;margin:15px 0 10px}@media (max-width:768px){.checkbox-grid-three{grid-template-columns:1fr}.category-section{padding:15px}.checkbox-with-input{align-items:flex-start;flex-direction:column}.checkbox-with-input input[type=text]{margin-top:5px;min-width:100%}}.razones-lista{margin-bottom:30px}.razones-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.razon-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:20px;transition:all .3s ease}.razon-card.selected{background:#f8f9fa;border-color:#007bff;box-shadow:0 10px 25px #007bff33;transform:translateY(-5px)}.razon-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.razon-header h5{color:#333;margin:0}.razon-actions{display:flex;gap:10px}.btn-imprimir,.btn-seleccionar{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:8px 15px;transition:all .3s ease}.btn-seleccionar{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-imprimir{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-imprimir:hover,.btn-seleccionar:hover{transform:translateY(-2px)}.razon-info{display:flex;flex-direction:column;gap:8px}.info-item{border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:5px 0}.info-item strong{color:#555}.agregar-razon{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:15px;margin-top:30px;padding:20px}.btn-agregar-razon{align-items:center;background:linear-gradient(135deg,#6f42c1,#e83e8c);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 auto;padding:12px 25px;transition:all .3s ease}.btn-agregar-razon:hover{box-shadow:0 8px 25px #6f42c14d;transform:translateY(-3px)}.nueva-razon-form{background:#fff;border:2px solid #007bff;border-radius:10px;margin-top:20px;padding:20px}.btn-guardar-razon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin-top:15px;padding:12px 25px;transition:all .3s ease}.btn-guardar-razon:hover:not(:disabled){box-shadow:0 5px 15px #28a7454d;transform:translateY(-2px)}.btn-guardar-razon:disabled{background:#6c757d;cursor:not-allowed;transform:none}.no-razones{background:#fff;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;padding:40px;text-align:center}.tab[style*="display: none"]{display:none!important}.selector-container{background:linear-gradient(135deg,#0a0c1c,#19123a 50%,#2a1958);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}.selector-content{margin:0 auto;max-width:1200px;padding:40px 20px;position:relative;z-index:2}.selector-header{animation:fadeInDown 1s ease;margin-bottom:60px;text-align:center}.selector-title{align-items:center;color:#fff;display:flex;font-size:3rem;font-weight:300;gap:20px;justify-content:center;margin-bottom:5px}.title-icon{animation:bounce 2s infinite;font-size:2.5rem}.selector-subtitle{color:#fffc;font-size:1.2rem;font-weight:300}.selector-cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.selector-card{animation:slideUp .8s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.selector-card:hover{background:#ffffff26;border-color:#667eea80;box-shadow:0 25px 50px #0000004d,0 0 30px #667eea66;transform:translateY(-15px) scale(1.02)}.selector-card.selected{background:#667eea33;border-color:#667eea;transform:translateY(-10px) scale(1.05)}.selector-card.faded{opacity:.6;transform:scale(.95)}.card-icon{animation:pulse 3s infinite;font-size:4rem;margin-bottom:20px;text-align:center}.nacional-icon{filter:drop-shadow(0 0 15px rgba(0,123,255,.6))}.internacional-icon{filter:drop-shadow(0 0 15px rgba(40,167,69,.6))}.card-content{text-align:center}.card-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:15px}.card-description{color:#fffc;font-size:1.1rem;line-height:1.5;margin-bottom:25px}.card-features{list-style:none;margin:0;padding:0}.card-features li{color:#ffffffb3;font-size:.95rem;margin-bottom:8px}.card-glow{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.selector-card:hover .card-glow{left:100%}.selector-footer{animation:fadeInUp 1s ease .5s both;text-align:center}.footer-text{color:#fff9;font-size:1rem}@media (max-width:768px){.selector-cards{gap:25px;grid-template-columns:1fr}.selector-title{flex-direction:column;font-size:2.2rem;gap:10px}.selector-card{padding:30px 20px}.spaceship{display:none}}.user-privileges-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:700px;padding:20px;text-align:left}.user-privileges-info p{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1rem;gap:10px;margin:10px 0}.user-privileges-info strong{color:gold;font-weight:700}.privilege-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;display:inline-block;font-size:.9rem;font-weight:600;margin-left:10px;padding:6px 15px}.privilege-badge.admin{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;box-shadow:0 5px 15px #ffd7004d;color:#856404}.privilege-badge.none{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-color:#ff5252;color:#fff}.selector-card.disabled{cursor:not-allowed!important;filter:grayscale(50%);opacity:.5}.selector-card.disabled:hover{background:#ffffff1a!important;border-color:#fff3!important;box-shadow:none!important;transform:none!important}.access-denied{background:#ff6b6b33;border:2px solid #ff6b6b;border-radius:12px;color:#ff5252;font-size:1.1rem;font-weight:700;margin-top:20px;padding:12px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-privileges-info{margin:20px 10px;padding:15px}.user-privileges-info p{align-items:flex-start;flex-direction:column;font-size:.9rem}.privilege-badge{margin-left:0;margin-top:5px}}.simple-rocket{animation:rocketGlow 2s ease-in-out infinite alternate;filter:drop-shadow(0 2px 8px rgba(255,215,0,.6));font-size:1.8rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@keyframes rocketGlow{0%{filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}to{filter:drop-shadow(0 2px 12px rgba(255,215,0,.8))}}@media (max-width:768px){.simple-rocket{display:none}}.login-container{align-items:center;background:linear-gradient(135deg,#0a0c1c,#19123a 50%,#2a1958);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.galaxy-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.star{animation:twinkle ease-in-out infinite alternate;background:#fff;border-radius:50%}.spaceship,.star{position:absolute}.spaceship{animation:float 6s ease-in-out infinite;pointer-events:none;right:10%;top:10%}.spaceship-body{filter:drop-shadow(0 0 10px rgba(102,126,234,.8));font-size:3rem}.spaceship-fire{animation:burn .5s infinite alternate;font-size:1.5rem;margin-top:-15px;text-align:center}@keyframes burn{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.floating-shoe{animation:floatShoe 8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));font-size:2rem;pointer-events:none;position:absolute}.shoe-1{animation-delay:0s;left:5%;top:20%}.shoe-2{animation-delay:2s;left:85%;top:60%}.shoe-3{animation-delay:4s;left:10%;top:80%}@keyframes floatShoe{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(10deg)}50%{transform:translateY(-25px) rotate(0deg)}75%{transform:translateY(-15px) rotate(-10deg)}}.login-content{animation:slideUp .8s ease;max-width:500px;padding:20px;position:relative;width:100%;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:30px;box-shadow:0 25px 50px #0000004d,0 0 50px #667eea4d;padding:40px}.login-header{margin-bottom:30px;text-align:center}.login-logo{animation:bounce 2s infinite;font-size:4rem;margin-bottom:15px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.login-subtitle{color:#666;font-size:1rem;font-weight:400;margin:10px 0 0}.login-form{margin-bottom:20px}.form-group{margin-bottom:25px}.form-group label{font-size:.95rem}.form-group input[type=password],.form-group input[type=text]{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 5px 15px #667eea1a;outline:none;transform:translateY(-2px)}.region-group{margin-bottom:30px}.region-options{margin-top:10px}.region-option{border-radius:15px;padding:20px}.region-option:hover{transform:translateY(-3px)}.region-option.selected{box-shadow:0 5px 15px #667eea33}.region-icon{font-size:2rem;margin-bottom:8px}.region-text{font-size:1.1rem}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 5px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;margin-top:25px;padding:16px 30px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.login-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.button-icon,.loading-spinner{font-size:1.2rem}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-error{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;border-radius:10px;color:#c62828;display:flex;font-weight:600;gap:10px;margin-bottom:20px;padding:15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{font-size:1.5rem}.login-footer{border-top:1px solid #e9ecef;margin-top:25px;padding-top:20px;text-align:center}.footer-text{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.login-content{max-width:100%;padding:15px}.login-card{padding:30px 20px}.login-logo{font-size:3rem}.login-title{font-size:2rem}.spaceship{display:none}.region-options{grid-template-columns:1fr}}.gestion-usuarios-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.gestion-header{animation:fadeInDown .8s ease;color:#fff;margin-bottom:40px;text-align:center}.gestion-header h1{align-items:center;display:flex;font-size:2.5rem;font-weight:600;gap:15px;justify-content:center;margin-bottom:10px}.header-icon{animation:bounce 2s infinite;font-size:3rem}.header-subtitle{font-size:1.2rem;opacity:.9}.gestion-actions{margin-bottom:30px;text-align:center}.btn-nuevo-usuario{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 5px 15px #28a7454d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-nuevo-usuario:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-3px)}.formulario-usuario{animation:slideDown .5s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin:0 auto 30px;max-width:1000px;padding:30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.formulario-usuario h3{color:#333;font-size:1.8rem;margin-bottom:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:#333;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.label-icon{font-size:1.2rem}.form-group input[type=password],.form-group input[type=text],.form-group select{border:2px solid #e1e5e9;border-radius:10px;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 5px 15px #667eea1a;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.region-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.region-option{align-items:center;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px;position:relative;transition:all .3s ease}.region-option:hover{background:#667eea0d;border-color:#667eea}.region-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.region-option input[type=radio]{opacity:0;position:absolute}.region-icon{font-size:1.5rem;margin-bottom:5px}.region-text{color:#333;font-weight:600}.privilegios-group{margin-top:20px}.privilegios-options{background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:15px}.checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .3s ease}.checkbox-label:hover{background:#667eea1a}.checkbox-label input[type=checkbox]{cursor:pointer;transform:scale(1.3)}.activo-label{background:#e8f5e9;border-radius:10px;font-weight:600;padding:15px}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-cancelar,.btn-guardar{border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-guardar{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 5px 15px #007bff4d;color:#fff}.btn-guardar:hover{box-shadow:0 8px 25px #007bff66;transform:translateY(-2px)}.btn-cancelar{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-cancelar:hover{box-shadow:0 5px 15px #6c757d4d;transform:translateY(-2px)}.usuarios-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:0 auto;max-width:1400px}.usuario-card{animation:fadeInUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:all .3s ease}.usuario-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.usuario-card.inactivo{background:#f8f9fa;opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.usuario-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.usuario-info h3{color:#333;font-size:1.5rem;margin:0 0 10px}.badge{border-radius:15px;display:inline-block;font-size:.85rem;font-weight:600;margin-right:8px;padding:5px 12px}.badge.administrador{background:linear-gradient(135deg,gold,#ffed4e);color:#856404}.badge.estandar{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.badge.inactivo{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.region-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 15px}.usuario-content{margin-bottom:20px}.info-item{margin-bottom:12px}.info-label{color:#666;display:block;font-weight:600;margin-bottom:5px}.info-value{color:#333}.privilegios-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.privilegio-tag{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.privilegio-tag.all{background:linear-gradient(135deg,gold,#ffed4e);color:#856404}.privilegio-tag:not(.all):not(.none){background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.privilegio-tag.none{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.usuario-actions{display:flex;gap:10px;justify-content:center}.btn-editar,.btn-eliminar{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-editar{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-editar:hover{box-shadow:0 5px 15px #17a2b84d;transform:translateY(-2px)}.btn-eliminar{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-eliminar:hover{box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.mensaje{animation:slideIn .5s ease;border-radius:15px;font-weight:600;margin:0 auto 20px;max-width:1000px;padding:15px 25px;text-align:center}.mensaje.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #c3e6cb;color:#155724}.mensaje.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.no-usuarios{color:#fff;padding:60px 20px;text-align:center}.no-usuarios-icon{animation:pulse 2s infinite;font-size:5rem;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.no-usuarios h3{font-size:2rem;margin-bottom:10px}.no-usuarios p{font-size:1.2rem;opacity:.9}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-shoe{animation:bounce 1.5s infinite;font-size:4rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:768px){.gestion-usuarios-container{padding:20px 10px}.gestion-header h1{flex-direction:column;font-size:2rem}.form-row,.usuarios-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Segoe UI Emoji,Segoe UI Symbol,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.home-container{color:#fff;padding:40px 20px;text-align:center}.welcome-section h1{font-size:3rem;font-weight:500;margin-bottom:20px;text-shadow:0 0 20px #ffffff80}.welcome-section p{font-size:1.4rem;margin-bottom:40px;opacity:.9}.feature-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.feature-card h3{font-size:1.3rem;margin-bottom:15px}.navigation{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0c1cf2,#19123af2 50%,#2a1958f2);border:1px solid #667eea4d;border-radius:0 0 30px 30px;box-shadow:0 10px 40px #0009,0 0 50px #667eea4d,inset 0 1px 0 #ffffff1a;display:flex;justify-content:space-between;margin:0 20px;overflow:hidden;padding:15px 40px;position:relative;z-index:2}.stars-background{animation:twinkle 6s infinite alternate;background:radial-gradient(1px 1px at 20% 30%,#fff6 50%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffff4d 50%,#0000 100%),radial-gradient(1px 1px at 60% 20%,#fff3 50%,#0000 100%),radial-gradient(1px 1px at 80% 50%,#ffffff4d 50%,#0000 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.4}}.nav-brand{align-items:center;display:flex;gap:20px;position:relative;z-index:3}.brand-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(102,126,234,.8));font-size:2.5rem}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8a2be2,#9370db,#00bfff);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.8rem;font-weight:700;text-shadow:0 0 20px #8a2be280}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nav-menu{gap:15px;z-index:4}.nav-link,.nav-menu{align-items:center;display:flex;position:relative}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #0000;border-radius:25px;color:#e6e6fa;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;gap:10px;overflow:visible;padding:12px 25px;text-decoration:none;transition:all .3s ease;z-index:5}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:25px;content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.nav-link:hover:before{left:100%}.nav-content{align-items:center;display:flex;gap:10px;z-index:6}.nav-content,.nav-icon,.nav-text{pointer-events:none;position:relative}.nav-icon,.nav-text{color:inherit;z-index:7}.nav-link:hover{background:#9370db26;border-color:#9370db;box-shadow:0 5px 15px #9370db4d;color:#fff;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg,#8a2be2,#9370db);border-color:#8a2be2;box-shadow:0 5px 20px #8a2be266;color:#fff}.nav-link.active:before{display:none}.exit-btn{background:#ff6b6b1a;border:2px solid #ff6b6b;color:#ff6b6b}.exit-btn:hover{background:#ff6b6b33;border-color:#ff5252;color:#ff5252}.user-photo{border:2px solid #9370db;box-shadow:0 0 20px #9370db4d;height:50px;width:50px}.user-photo:hover{transform:scale(1.1)}.user-photo-placeholder{font-size:1.5rem}.cat-body,.cat-container,.cat-expression,.cat-game-area,.cat-shadow,.custom-cat,.kawaii-cat,.shoe-item,.shoe-thrown{display:none!important}@media (max-width:1024px){.navigation{flex-direction:column;gap:20px;padding:20px}.nav-menu{flex-wrap:wrap;justify-content:center}.user-area{margin-top:10px}}@media (max-width:768px){.brand-text{font-size:1.4rem}.nav-link{font-size:.9rem;padding:10px 20px}.user-photo{height:40px;width:40px}}.user-area{align-items:center;display:flex;gap:15px;position:relative;z-index:3}.user-info-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:12px 20px;transition:all .3s ease}.user-info-dropdown:hover{background:#ffffff26;box-shadow:0 5px 15px #9370db4d;transform:translateY(-2px)}.user-details{line-height:1.3;text-align:right}.user-name{color:#e6e6fa;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.user-role{color:gold;font-size:.85rem;font-weight:600;margin-bottom:2px}.user-region{color:#b8c5d6;font-size:.8rem;font-weight:500}.user-photo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #9370db;border-radius:50%;box-shadow:0 0 20px #9370db66;cursor:pointer;display:flex;height:55px;justify-content:center;overflow:hidden;transition:all .3s ease;width:55px}.user-photo:hover{border-color:gold;box-shadow:0 0 30px #9370dbcc;transform:scale(1.15)}.user-photo img{height:100%;object-fit:cover;width:100%}.user-photo-placeholder{color:#fff;font-size:1.8rem}@media (max-width:1024px){.user-info-dropdown{display:none}.user-area{margin-top:10px}}@media (max-width:768px){.user-photo{height:45px;width:45px}.user-photo-placeholder{font-size:1.5rem}}
/*# sourceMappingURL=main.26a6f928.css.map*/