@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#0b7a75;--primary-hover:#086561;--secondary-color:#0f5e9c;--text-primary:#1e293b;--text-secondary:#64748b;--bg-color:#f8fafc;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f26871a;--border-radius:16px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p{color:var(--text-secondary);line-height:1.6}.input-group{margin-bottom:1.5rem;position:relative}.input-label{color:var(--text-secondary);transition:var(--transition-smooth);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{width:100%;color:var(--text-primary);transition:var(--transition-smooth);background-color:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #0f766e26}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{color:var(--primary-color)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:8px;padding:.875rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #0f766e63}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #0f766e80}.btn-primary:active{transform:translateY(0)}.text-link{color:var(--primary-color);transition:var(--transition-smooth);font-size:.875rem;font-weight:500;text-decoration:none}.text-link:hover{color:var(--secondary-color);text-decoration:underline}.login-container{--primary-color:#0b7a75;--secondary-color:#0f5e9c;--accent-color:#fff;--overlay-color:#00000073;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-image{object-fit:cover;z-index:0;opacity:0;transform-origin:50%;will-change:transform, opacity;width:100%;height:100%;animation:1.4s forwards videoFadeIn,22s ease-in-out infinite alternate kenBurnsZoom;position:absolute;top:0;left:0}@keyframes kenBurnsZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.login-video-overlay{background:var(--overlay-color);z-index:1;position:absolute;inset:0}.login-gradient-overlay{z-index:1;background:linear-gradient(90deg,#0f5e9c59 0%,#0b7a7526 45%,#0000 80%);position:absolute;inset:0}.login-card:before{content:"";-webkit-backdrop-filter:blur(6px);border-radius:inherit;z-index:-1;position:absolute;inset:-10%}@keyframes videoFadeIn{0%{opacity:0}to{opacity:1}}.login-content{z-index:2;justify-content:center;align-items:center;gap:2.75rem;width:100%;padding:1.5rem 6%;display:flex;position:relative}.login-branding{text-align:center;color:var(--accent-color);flex-direction:column;flex:55%;justify-content:center;align-items:center;gap:1.5rem;animation:.7s both slideInLeft;display:flex}.mayor-frame{flex-direction:column;align-items:center;gap:.85rem;display:flex}.mayor-portrait{aspect-ratio:.75;object-fit:cover;object-position:center top;width:100%;max-width:250px;margin:0 auto;display:block;-webkit-mask-image:linear-gradient(#000 93%,#0000 100%);mask-image:linear-gradient(#000 93%,#0000 100%)}.branding-text{opacity:0;flex-direction:column;align-items:center;gap:1rem;animation:.7s .2s forwards fadeInText;display:flex}@keyframes fadeInText{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.branding-text h1{color:#fff;letter-spacing:-.5px;text-shadow:0 4px 15px #0009;margin:0;font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:800;line-height:1.2}.branding-text h3{color:#e2e8f0;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px #0009;-webkit-backdrop-filter:blur(4px);background:#0f172a66;border-radius:999px;margin:0;padding:.4rem 1.2rem;font-size:.95rem;font-weight:600;line-height:1.4}.mission-vision-container{flex-direction:column;gap:1.5rem;max-width:560px;margin-top:1.5rem;display:flex}.mv-block{-webkit-backdrop-filter:blur(16px);text-align:left;background:#0f172aa6;border:1px solid #ffffff26;border-radius:16px;padding:1.75rem 2rem;transition:transform .3s,background .3s,box-shadow .3s;box-shadow:0 10px 30px #0000004d}.mv-block:hover{background:#0f172acc;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 15px 40px #0006}.mv-block h4{color:#fbbf24;letter-spacing:1px;text-transform:uppercase;margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:800}.mv-block p{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:400;line-height:1.7}@media (width<=992px){.login-branding{display:none}}.login-card-wrapper{flex-direction:column;flex:0 440px;width:100%;max-width:440px;display:flex}.login-card{-webkit-backdrop-filter:blur(28px)saturate(140%);background:#ffffffd9;border:1px solid #ffffff73;border-radius:24px;width:100%;padding:2rem;transition:box-shadow .35s;animation:.7s .1s both slideInRight;position:relative;box-shadow:0 20px 45px #00000047}.login-card:hover{box-shadow:0 24px 52px #00000052}.login-header{text-align:center;margin-bottom:1.5rem}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.municipal-logo{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.logo-placeholder{object-fit:contain;width:80px;height:auto}.login-header h2{letter-spacing:.2px;color:var(--text-primary);margin-bottom:.5rem;font-size:1.9rem;font-weight:700}.login-header p{color:var(--text-secondary);font-size:.98rem;line-height:1.5}.login-form{margin-bottom:0}.form-actions{justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.875rem;display:flex}.remember-me{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;display:flex}.remember-checkbox{appearance:none;cursor:pointer;width:18px;height:18px;transition:var(--transition-smooth);background:#ffffffe6;border:1.6px solid #cbd5e1;border-radius:5px;flex-shrink:0;position:relative}.remember-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color)}.remember-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.remember-checkbox:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.login-footer{text-align:center;border-top:1px solid #0000001a;padding-top:1.5rem;font-size:.875rem}.login-page-footer{text-align:center;color:#ffffffbf;margin-top:1.25rem}.login-page-footer p{color:#ffffffbf;text-shadow:0 1px 4px #0006;margin:0;font-size:.8rem;line-height:1.5}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;width:19px;height:19px;transition:var(--transition-smooth);z-index:1;position:absolute;left:.9rem}.input-icon-wrapper .input-field{padding-left:2.7rem}.input-icon-wrapper:focus-within .input-icon{color:var(--primary-color)}.input-icon-wrapper .floating-label{color:#94a3b8;pointer-events:none;transition:var(--transition-smooth);background:0 0;margin:0;font-size:1rem;position:absolute;top:50%;left:2.7rem;transform:translateY(-50%)}:-webkit-any(.input-icon-wrapper .input-field:focus~.floating-label,.input-icon-wrapper .input-field:not(:placeholder-shown)~.floating-label,.input-icon-wrapper .input-field:-webkit-autofill~.floating-label){color:var(--primary-color);background:#fffffff2;border-radius:4px;padding:0 .35rem;font-size:.72rem;font-weight:600;top:0;left:2.4rem}:is(.input-icon-wrapper .input-field:focus~.floating-label,.input-icon-wrapper .input-field:not(:placeholder-shown)~.floating-label,.input-icon-wrapper .input-field:autofill~.floating-label){color:var(--primary-color);background:#fffffff2;border-radius:4px;padding:0 .35rem;font-size:.72rem;font-weight:600;top:0;left:2.4rem}.login-container .input-field{color:#1e293b;border:1.5px solid #94a3b866;transition:border-color .3s,box-shadow .3s,background-color .3s}.login-container .input-field::placeholder{color:#0000}.login-container .input-field:focus::placeholder{color:#94a3b8}.login-container .input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #0b7a752e}.login-container .input-field:focus-visible{outline:none}.login-container .btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);letter-spacing:.3px;will-change:transform;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 4px 14px #0b7a7559}.login-container .btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 22px #0b7a7573}.login-container .btn-primary:active:not(:disabled){transform:translateY(0)}.login-container .btn-primary:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.login-container .btn-primary:disabled{cursor:not-allowed;opacity:.85;filter:brightness(.95);transform:none}.login-container a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.header-mayor-portrait{aspect-ratio:.75;object-fit:cover;object-position:center top;width:70px;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 90%,#0000 100%);mask-image:linear-gradient(#000 90%,#0000 100%)}@media (width<=1024px){.login-content{padding:2.5rem 4%}.login-branding{display:none}.login-card{padding:2rem}}@media (width<=768px){.login-content{padding:2rem 5%}.login-card-wrapper{flex:none;max-width:100%}.login-card{padding:1.75rem;animation:.8s .1s both fadeIn}.login-card:hover{transform:none}}