:root{--color-primary:#003d7a;--color-primary-light:#0056b3;--color-primary-dark:#002855;--color-secondary:#28a745;--color-accent:#ffc107;--color-danger:#dc3545;--color-gray-50:#f8f9fa;--color-gray-100:#e9ecef;--color-gray-200:#dee2e6;--color-gray-300:#ced4da;--color-gray-400:#adb5bd;--color-gray-500:#6c757d;--color-gray-600:#495057;--color-gray-700:#343a40;--color-gray-800:#212529;--color-gray-900:#0d0d0d;--color-text:#212529;--color-text-light:#6c757d;--color-background:#fff;--color-background-alt:#f8f9fa;--color-border:#dee2e6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--transition:all 0.2s ease-in-out}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:-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;color:var(--color-text);background-color:var(--color-background);line-height:1.6;overflow-x:hidden;cursor:default!important}*{cursor:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary)}.nav-link{color:var(--color-primary);font-weight:600;font-size:1rem;letter-spacing:.3px;transition:opacity .2s ease-in-out}.nav-link,.nav-link:hover{text-decoration:none;cursor:pointer}.nav-link:hover{opacity:.7;transition:var(--transition)}.btn-login{background-color:#fff;color:var(--color-primary);padding:.5rem 1.25rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease;border:2px solid #fff;display:inline-block}.btn-login:hover{background-color:transparent;color:#fff;border-color:#fff}a:hover{color:var(--color-primary-light);text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[aria-invalid=true]{border-color:#d32f2f!important;border-width:2px!important}[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(211,47,47,.1)}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-link:hover{background-color:#f3f4f6}.mobile-menu-link:active{background-color:#e5e7eb}@media (max-width:768px){.desktop-nav{display:none!important}.main-logo-container{top:42px!important;left:.5rem!important}.main-logo-img{width:140px!important;height:auto!important}.mobile-menu-button{display:block!important}header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.gov-top-bar{padding:.5rem 0!important}.gov-top-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;font-size:.75rem!important}.gov-top-container>span{font-size:.813rem!important;font-weight:600}.gov-contact-info{flex-direction:column!important;width:100%!important;gap:.5rem!important;align-items:flex-start!important}.gov-contact-link{font-size:.75rem!important}.contact-text{word-break:break-all;line-height:1.3}.gov-phone,header>div:first-child a,header>div:first-child span{font-size:.75rem!important}nav{padding:.75rem 0!important}nav .container,nav .container>div:first-child{gap:.5rem!important}nav .container>div:first-child>div:first-child{width:40px!important;height:40px!important;font-size:1.2rem!important}nav .container>div:first-child h1{font-size:1rem!important;line-height:1.2!important}nav .container>div:first-child p{font-size:.75rem!important}.container{padding-left:.5rem!important;padding-right:.5rem!important;max-width:100%!important}nav .container{padding:0 .5rem!important}main{padding:0!important}section{padding-left:0!important;padding-right:0!important}[style*="padding: var(--spacing-2xl)"],[style*="padding: var(--spacing-3xl)"]{padding:var(--spacing-md)!important}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3.5vw,1.75rem)}h4{font-size:clamp(1.125rem,3vw,1.5rem)}h5{font-size:clamp(1rem,2.5vw,1.25rem)}input,select,textarea{min-height:40px!important;font-size:16px!important}.btn,a.btn,button{min-height:36px!important;padding:.5rem 1rem!important;font-size:.875rem!important}footer{padding:2rem 0 1rem!important;margin-top:2rem!important}footer .container>div:first-child{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:1.5rem 1rem!important;gap:1.5rem 1rem!important}footer .container>div:first-child>div:first-child,footer .container>div:first-child>div:nth-child(4){grid-column:span 2}footer h3,footer h4{font-size:1.125rem!important;margin-bottom:.75rem!important}footer a,footer li,footer p{font-size:.9rem!important}[style*="fontSize: '3rem'"],[style*="fontSize:'3rem'"]{font-size:1.75rem!important}[style*="fontSize: '1.25rem'"],[style*="fontSize:'1.25rem'"]{font-size:1rem!important}[style*="justify-content: space-between"],[style*="justifyContent: 'space-between'"]{flex-wrap:wrap!important;gap:.75rem!important}form[style]{padding:var(--spacing-md)!important}[style*="max-width: 800px"],[style*="max-width: 900px"],[style*="maxWidth: '800px'"],[style*="maxWidth: '900px'"]{max-width:100%!important;padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}[style*="maxWidth: '600px'"]{max-width:100%!important}[style*="minmax(300px"],[style*="minmax(350px"]{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}tbody,thead,tr{display:table;width:100%}[style*="grid-template-columns: repeat(4, 1fr)"], [style*="gridTemplateColumns: 'repeat(4, 1fr)'"]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}[style*="'2fr 1fr'"],[style*="grid-template-columns: 2fr 1fr"],[style*="gridTemplateColumns: userRole?.code === 'ADMIN' ? '1fr' : '2fr 1fr'"]{grid-template-columns:1fr!important}[style*="padding: '1.5rem 2rem'"],[style*="padding: 1.5rem 2rem"]{padding:1rem!important}.detail-modal-overlay{padding:0!important;align-items:flex-end!important}.detail-modal-panel{border-radius:16px 16px 0 0!important;max-height:95vh!important;overflow-x:hidden!important}.detail-modal-panel,.detail-modal-panel *{max-width:100%!important;word-break:break-word!important;overflow-wrap:break-word!important}.detail-modal-panel a,.detail-modal-panel h2,.detail-modal-panel h3,.detail-modal-panel h4,.detail-modal-panel label,.detail-modal-panel p,.detail-modal-panel span{white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important}.detail-modal-header{padding:1rem!important;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:10}.detail-modal-title{font-size:1.15rem!important}.detail-modal-body{padding:1rem!important}.detail-info-row{flex-direction:column!important;gap:.75rem!important}.detail-citizen-grid{grid-template-columns:1fr!important;gap:.75rem!important}.detail-modal-footer{padding:1rem!important;position:-webkit-sticky;position:sticky;bottom:0;background-color:#fff;z-index:10}.detail-modal-footer>div{flex-wrap:wrap!important}.detail-modal-footer button{font-size:.8rem!important;padding:.5rem .75rem!important}}@media (min-width:769px) and (max-width:1024px){.container{padding-left:2rem!important;padding-right:2rem!important}nav .nav-link{font-size:.875rem!important}}@media (max-width:375px){.mobile-menu{width:100%!important;max-width:100%!important}nav .container>div:first-child h1{font-size:.875rem!important}nav .container>div:first-child p{font-size:.688rem!important}}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:grid!important}.personero-mobile-kpis{grid-column:1/-1!important}.mobile-menu-link{padding-left:2.5rem!important}}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;text-align:center;border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;border:2px solid transparent;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);text-decoration:none}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#218838;text-decoration:none}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg);transition:var(--transition);height:100%}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{width:60px;height:60px;background-color:var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:#fff;font-size:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.card-text{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.6}.section{padding:var(--spacing-3xl) 0}.section-alt{background-color:var(--color-background-alt)}.section-title{font-size:2rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--spacing-md);text-align:center}.section-subtitle{font-size:1.125rem;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.95}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:600;border-radius:var(--border-radius);background-color:var(--color-primary);color:#fff}.badge-success{background-color:var(--color-secondary)}.badge-warning{background-color:var(--color-accent);color:var(--color-text)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-light)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.py-1{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-2{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-3{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-4{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section{padding:var(--spacing-xl) 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.card{padding:var(--spacing-md)!important;margin:0!important}.grid{gap:var(--spacing-md)!important}.section{padding:var(--spacing-xl) 0!important}.card-title{font-size:1.125rem!important}.card-text{font-size:.938rem!important}.card-icon{width:50px!important;height:50px!important;margin-bottom:var(--spacing-sm)!important}.card .btn{width:100%;padding:var(--spacing-sm) var(--spacing-md)!important;font-size:.938rem!important}}