@charset "UTF-8";:root{--color-negro: #000000;--color-blanco: #ffffff;--color-primario: #e8903d;--color-primario-suave: rgba(232, 144, 61, .12);--color-primario-hover: #d07e32;--color-secundario: #f3be5b;--color-secundario-suave: rgba(243, 190, 91, .15);--color-secundario-hover: #dea94a;--color-terciario: #f7d8a2;--color-terciario-hover: #edc688;--color-terciario-suave: rgba(247, 216, 162, .18);--color-fondo-primario: #0b0b0b;--color-fondo-secundario: #141414;--color-surface: #1b1b1b;--color-fondo-claro: #ffffff;--color-surface-claro: #f7f5f2;--color-texto-fuerte: #ffffff;--color-texto: #fdfdfd;--color-texto-suave: rgba(255, 255, 255, .6);--color-texto-invertido: #0f172a;--color-error: #e53935;--color-error-suave: rgba(229, 57, 53, .12);--color-error-hover: #c62828;--color-exito: #2e7d32;--color-exito-suave: rgba(46, 125, 50, .12);--color-exito-hover: #256428;--color-warning: #f3be5b;--color-warning-fuerte: #f29a27;--color-warning-suave: rgba(243, 190, 91, .12);--color-borde: rgba(255, 255, 255, .08);--color-borde-claro: rgba(0, 0, 0, .08);--sombra-suave: 0 12px 30px rgba(0, 0, 0, .12);--fuente-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--fuente-base);background-color:var(--color-bg);color:var(--color-texto);height:100%;overflow:hidden}a{color:inherit;text-decoration:none}.btn-secondary{background-color:var(--color-secundario);color:var(--color-blanco)}.btn-secondary:hover{background-color:var(--color-secundario-hover);transform:translateY(-2px)}.btn-primary{background-color:var(--color-primario);color:var(--color-blanco)}.btn-primary:hover{background-color:var(--color-primario-hover);transform:translateY(-2px)}button{background-color:var(--color-primario);color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:.3s}button:hover{background-color:var(--color-primario-hover)}button:disabled{background-color:#ccc;cursor:not-allowed}input,select,textarea{padding:.5rem;border:1px solid #ccc;font-size:1rem;border-radius:4px;width:100%}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{padding:.75rem;border-bottom:1px solid #ddd;text-align:left}table th{background-color:#f0f0f0}html{scroll-behavior:smooth}.tabla-responsive{overflow-x:auto;max-height:800px;display:flex;flex-direction:column;align-items:center}.tabla-responsive .filtro-container{width:80%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tabla-responsive table{width:80%;border-collapse:collapse;background-color:var(--color-blanco);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-top:0!important}.tabla-responsive table th,.tabla-responsive table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-exito-suave);white-space:nowrap}.tabla-responsive table td.tooltip-cell{position:relative;cursor:pointer;text-overflow:ellipsis;max-width:200px;overflow:hidden}.tabla-responsive table td.tooltip-cell:hover:after{content:attr(data-title);position:absolute;background-color:#333;color:#fff;padding:6px 10px;border-radius:5px;white-space:nowrap;top:100%;left:0;transform:translateY(5px);font-size:.85rem;box-shadow:0 2px 5px #0003;z-index:1000}.tabla-responsive table th{background-color:var(--color-primario-suave);font-weight:700;color:var(--color-texto)}.tabla-responsive table th.ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.tabla-responsive table th.ordenable:hover{background-color:var(--color-primario-hover)}.tabla-responsive table tr:hover{background-color:var(--color-primario-suave)}.tabla-responsive table .btn-icono{background:none;border:none;font-size:1.2rem;margin-right:.5rem;cursor:pointer;transition:transform .2s;padding:0}.tabla-responsive table .btn-icono:hover{transform:scale(1.2)}.tabla-responsive input{padding:.5rem;width:100%;max-width:300px;border-radius:6px;border:1px solid var(--color-texto-suave);background-color:var(--color-blanco);color:var(--color-texto)}.paginador{margin:12px auto;display:flex;justify-content:center;gap:8px}.paginador button{background-color:var(--color-primario-suave);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.paginador button.activa{background-color:var(--color-primario);color:var(--color-blanco)}.paginador button:hover:not(.activa){background-color:var(--color-primario-hover)}.paginador button:disabled{background-color:var(--color-texto-suave);color:var(--color-blanco);cursor:not-allowed}.container{padding:1rem;font-family:var(--fuente-base);min-height:100%;margin-left:64px}.container .encabezado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.container .encabezado h2{font-size:1.5rem;margin:0}.container .encabezado button{background-color:var(--color-primario);color:var(--color-blanco);border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s}.container .encabezado button:hover{background-color:var(--color-primario-hover)}.form-group{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;margin-top:1rem}.form-group .campo{display:flex;flex-direction:column}.form-group .campo label{display:block;margin-bottom:.5rem;font-weight:600}.form-group .campo select,.form-group .campo input{padding:.6rem;border:1px solid var(--color-texto-suave);border-radius:6px;font-size:1rem;background-color:var(--color-blanco);color:var(--color-texto);max-width:250px}.form-group .campo select:focus,.form-group .campo input:focus{border-color:var(--color-primario);outline:none;box-shadow:0 0 0 2px #ff6d8833}.form-group .campo select.ng-invalid.ng-touched,.form-group .campo input.ng-invalid.ng-touched{border:1px solid #e74c3c;box-shadow:0 0 5px #e74c3c80}.form-group .btn-primario{background-color:var(--color-primario);color:#fff;padding:.75rem 1.2rem;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s}.form-group .btn-primario:hover{background-color:var(--color-primario-hover)}.form-group .btn-primario:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.form-group .mensaje-error{color:var(--color-error);font-size:.85rem;margin-top:.5rem;max-width:250px}.checkboxes{margin-top:1rem}.checkboxes label{font-weight:700;display:block;margin-bottom:.5rem;color:var(--color-texto)}.checkboxes .lista{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;background-color:var(--color-primario-suave);border-radius:8px}.checkboxes .grupo{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.checkboxes .grupo h4{margin:0 0 .5rem;font-size:1rem;color:var(--color-texto);border-bottom:1px solid var(--color-texto-suave);padding-bottom:.3rem}.checkboxes .item{display:flex;align-items:center;background-color:var(--color-blanco);border:1px solid var(--color-texto-suave);border-radius:6px;padding:.4rem .8rem;font-size:.95rem;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.checkboxes .item input{display:none}.checkboxes .item:hover{background-color:var(--color-primario-hover);color:var(--color-blanco)}.checkboxes .item.selected{background-color:var(--color-primario);color:var(--color-blanco);font-weight:700;border-color:var(--color-primario)}.custom-file-upload{display:inline-block;padding:.8rem 1.2rem;cursor:pointer;background-color:var(--color-blanco);color:var(--color-primario);border-radius:6px;transition:background-color .3s ease;text-align:center;border:2px var(--color-primario-hover) solid}.custom-file-upload:hover{background-color:var(--color-fondo);border:2px var(--color-blanco) solid;color:var(--color-blanco)}.custom-file-upload input[type=file]{display:none}.autocomplete-container{max-width:250px}.sugerencias{border:1px solid #ccc;border-radius:8px;list-style:none;padding:0;max-height:180px;overflow-y:auto;background:#fff;margin-top:.5rem;position:absolute;width:40%;z-index:100;box-shadow:0 4px 10px #0000001a;font-family:Segoe UI,sans-serif;font-size:14px;max-width:250px}.sugerencias li{padding:10px 16px;cursor:pointer;transition:background-color .2s ease}.sugerencias li:hover{background:#f3f4f6}.seleccionados{margin-top:1rem;display:flex;flex-wrap:wrap;gap:8px;max-width:320px}.chip{display:flex;align-items:center;justify-content:space-between;background:var(--color-primario-suave);padding:6px 12px;border-radius:15px;font-size:14px;min-width:90px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip button{margin-left:6px;background:none;border:none;cursor:pointer;font-weight:700;color:var(--color-negro)}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-container{background:var(--color-blanco);padding:2rem;border-radius:12px;max-width:700px;width:100%;position:relative}.modal-container .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-container .modal-title{font-size:1.5rem;font-weight:600;color:var(--color-negro);margin:0}.modal-container .close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-texto-suave);line-height:1;transition:color .2s ease-in-out}.modal-container .close-button:hover{color:var(--color-error)}.modal-container .modal-body,.modal-container .form-group{margin-bottom:20px}.modal-container .form-label{display:block;font-size:1rem;color:var(--color-negro);margin-bottom:10px;font-weight:500}.modal-container .radio-group{display:flex;gap:10px}.modal-container .radio-group input[type=radio]{display:none}.modal-container .radio-group label{padding:10px 20px;background-color:var(--color-texto-suave);border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}.modal-container .radio-group input[type=radio]:checked+label{background-color:var(--color-secundario);color:var(--color-blanco)}.modal-container .radio-group label:hover{background-color:var(--color-secundario-hover)}.modal-container .modal-footer{display:flex;justify-content:flex-end;gap:15px}.lobby-empty{grid-column:1/-1;padding:2rem 1rem;margin-top:.5rem;border-radius:16px;background:radial-gradient(circle at top,rgba(232,144,61,.06),transparent 70%),#111111fa;border:1px dashed rgba(232,144,61,.35);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;box-shadow:0 14px 32px #00000059}.lobby-empty__icon{font-size:40px;color:var(--color-primario);margin-bottom:.1rem}.lobby-empty__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-texto-fuerte)}.lobby-empty__text{margin:0;font-size:.8rem;max-width:320px;color:var(--color-texto-suave);line-height:1.4}