@charset "UTF-8";:root{--color-fondo: #501570;--color-primario: #F88B0A;--color-primario-suave: #FCC37B;--color-primario-hover: #DA7901;--color-secundario: #7DC42D;--color-secundario-hover: #67a627;--color-texto: #FFFFFF;--color-texto-suave: #E0E0E0;--color-error: #E53935;--color-error-hover: #C62828;--color-exito: #43A047;--color-exito-suave: #E8F5E9;--color-warning: #f9a825;--color-warning-suave: #fff8e1;--color-blanco: #ffffff;--color-negro: #000000;--fuente-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", 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%}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}