*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--abt-brand: #0d6253;--abt-brand-dark: #0a4a3f;--abt-brand-light: #137765;--abt-panel-overlay: linear-gradient( 165deg, rgba(8, 54, 46, .84) 0%, rgba(12, 74, 63, .82) 45%, rgba(18, 102, 87, .8) 100% );--abt-gold: #2f8f82;--abt-gold-soft: #d7ebe7;--abt-surface: #f0f4f3;--abt-surface-card: #ffffff;--abt-bg-image: url(https://360.abt.gob.bo/assets/layout/images/abt/Paragua-bg.jpg);--abt-login-veil: linear-gradient( rgba(240, 244, 243, .85), rgba(240, 244, 243, .85) );--color-primary-50: #e1efeb;--color-primary-100: #b8d9d0;--color-primary-200: #8dc0b2;--color-primary-300: #5ea58f;--color-primary-400: #358a73;--color-primary-500: #1a9a81;--color-primary-600: #0d6253;--color-primary-700: #0a5447;--color-primary-800: #08463b;--color-primary-900: #063a31;--color-secondary-50: #f7faf9;--color-secondary-100: #edf4f1;--color-secondary-200: #dde8e3;--color-secondary-300: #c1d2ca;--color-secondary-400: #8ea79d;--color-secondary-500: #61786e;--color-secondary-600: #465a52;--color-secondary-700: #32423c;--color-secondary-800: #1e2c28;--color-secondary-900: #111a17;--color-accent-500: #1f786a;--color-accent-600: #165f53;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-700: #15803d;--color-warning-100: #e6f4f1;--color-warning-500: #2f8f82;--color-warning-700: #1f5f56;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-700: #b91c1c;--color-white: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f4f4f5;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-neutral-400: #a1a1aa;--color-neutral-500: #71717a;--color-neutral-600: #52525b;--color-neutral-700: #3f3f46;--color-neutral-800: #27272a;--color-neutral-900: #18181b;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-family: "Inter", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--line-height-body: 1.5;--line-height-heading: 1.2;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(5,44,36,.06);--shadow-md: 0 4px 16px rgba(5,44,36,.08);--shadow-lg: 0 12px 40px rgba(5,44,36,.12);--transition-fast: .15s ease;--transition-base: .25s ease}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-neutral-800);background:var(--abt-surface);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#f0f4f3eb,#f0f4f3eb),var(--abt-bg-image) center/cover no-repeat}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:600;color:var(--color-secondary-900)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{line-height:var(--line-height-body)}a{color:var(--color-primary-600);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary-600);color:#fff;box-shadow:0 2px 8px #0d6e5c40}.btn-primary:hover{background:var(--color-primary-700);box-shadow:0 4px 12px #0d6e5c59}.btn-secondary{background:var(--color-white);color:var(--color-secondary-700);border:1px solid var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-secondary-100)}.btn-danger{background:var(--color-error-500);color:#fff}.btn-danger:hover{background:var(--color-error-700)}.btn-success{background:var(--color-success-500);color:#fff}.btn-success:hover{background:var(--color-success-700)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--font-size-md)}.btn-icon{padding:var(--sp-2)}.segmented-control{display:inline-block}.segmented-control-track{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:min(100%,320px)}.segmented-control-thumb{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--color-primary-600);border-radius:calc(var(--radius-md) - 2px);box-shadow:0 2px 8px #0d6e5c40;transition:transform var(--transition-base);pointer-events:none}.segmented-control-thumb.is-end{transform:translate(100%)}.segmented-control-option{position:relative;z-index:1;border:none;background:transparent;padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-secondary-700);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);transition:color var(--transition-fast);white-space:nowrap}.segmented-control-option:hover:not(.active){color:var(--color-primary-600)}.segmented-control-option.active{color:#fff;font-weight:600}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-secondary-700)}.form-label .required{color:var(--color-error-500);margin-left:2px}.form-control{width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--font-size-base);font-family:var(--font-family);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-neutral-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-control:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0d6e5c1f}.form-control.ng-invalid.ng-touched{border-color:var(--color-error-500)}.form-control:disabled{background:var(--color-neutral-100);color:var(--color-neutral-400);cursor:not-allowed}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-error{font-size:var(--font-size-xs);color:var(--color-error-500)}.form-hint{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-secondary-200)}.card-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--color-neutral-200);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#ffffff 0%,var(--color-secondary-50) 100%)}.card-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-secondary-900)}.card-body{padding:var(--sp-6)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-white);border:1px solid var(--color-secondary-200)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead{background:var(--abt-brand)}thead th{padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap}thead th:first-child{border-left:3px solid var(--abt-gold)}tbody tr{border-bottom:1px solid var(--color-neutral-100);transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-primary-50)}tbody tr:last-child{border-bottom:none}tbody td{padding:var(--sp-3) var(--sp-4);color:var(--color-neutral-700);vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:var(--font-size-xs);font-weight:600}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-danger{background:var(--color-error-100);color:var(--color-error-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-info{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-neutral{background:var(--color-neutral-200);color:var(--color-neutral-700)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--sp-2)}.alert-error{background:var(--color-error-100);color:var(--color-error-700);border-left:4px solid var(--color-error-500)}.alert-success{background:var(--color-success-100);color:var(--color-success-700);border-left:4px solid var(--color-success-500)}.alert-warning{background:var(--color-warning-100);color:var(--color-warning-700);border-left:4px solid var(--color-warning-500)}.alert-info{background:var(--color-primary-50);color:var(--color-primary-700);border-left:4px solid var(--color-primary-500)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4);animation:fadeIn var(--transition-base)}.modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base)}.modal-header{padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-neutral-200)}.modal-title{font-size:var(--font-size-md);font-weight:600}.modal-body{padding:var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6);display:flex;gap:var(--sp-3);justify-content:flex-end;border-top:1px solid var(--color-neutral-200)}.pagination{display:flex;align-items:center;gap:var(--sp-1)}.pagination-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;background:var(--color-white);color:var(--color-neutral-700);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.pagination-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.search-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--color-white);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--transition-fast)}.search-bar:focus-within{border-color:var(--color-primary-500)}.search-bar input{border:none;outline:none;flex:1;font-size:var(--font-size-sm);font-family:var(--font-family)}::selection{background:var(--abt-gold-soft);color:var(--abt-brand-dark)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-neutral-500)}.text-center{text-align:center}.font-semibold{font-weight:600}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header{margin-bottom:var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-5) var(--sp-6);background:var(--abt-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-secondary-200);box-shadow:var(--shadow-sm)}.page-header-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-secondary-900);padding-left:var(--sp-3);border-left:4px solid var(--abt-gold)}.page-header-subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:4px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.table-info{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;background:transparent;color:var(--color-neutral-500);transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.icon-btn.danger:hover{background:var(--color-error-100);color:var(--color-error-600)}.icon-btn.primary:hover{background:var(--color-primary-50);color:var(--color-primary-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.divider{border:none;border-top:1px solid var(--color-neutral-200);margin:var(--sp-4) 0}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-8)}.empty-state-icon{font-size:48px;margin-bottom:var(--sp-4);opacity:.3}.empty-state-text{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-neutral-400);font-size:18px;transition:background var(--transition-fast),color var(--transition-fast)}.close-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--sp-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}@media print{body.credencial-printing>*:not(#credencial-print-overlay){display:none!important}#credencial-print-overlay{display:block!important;position:static!important;padding:0!important;margin:0!important;background:#fff!important}#credencial-print-overlay .credencial-card{width:54.2mm!important;height:89.2mm!important;min-width:54.2mm!important;min-height:89.2mm!important;max-width:54.2mm!important;max-height:89.2mm!important;aspect-ratio:unset!important;box-sizing:border-box!important;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}