/* App responsive v2 — móvil y tablet */
:root{--app-navy:#071b30;--app-navy-2:#103b61;--app-blue:#176398;--app-accent:#ec7d32;--app-canvas:#eef2f5;--app-line:#d8e1e8;--app-ink:#152b3e;--app-muted:#6c7e8e}
html,body{width:100%;min-height:100%;background:var(--app-canvas)!important}
body{display:block!important;overflow-x:hidden;color:var(--app-ink);user-select:auto}
.app-shell{width:100%!important;max-width:none!important;min-height:100dvh;background:linear-gradient(180deg,#f8fafb 0,var(--app-canvas) 260px)!important;box-shadow:none!important}
.app-topbar{height:64px!important;padding:0 16px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--app-line)!important;box-shadow:0 2px 12px rgba(7,27,48,.045)!important;backdrop-filter:blur(14px)}
.app-topbar-title{font-size:14px!important;font-weight:800!important;color:var(--app-navy)!important}.app-topbar-title::after{content:'Portal de personas';display:block;font-size:8px;font-weight:700;letter-spacing:.65px;text-transform:uppercase;color:#7d8d9a;margin-left:27px;margin-top:-3px}.app-topbar-actions{display:flex;align-items:center;gap:5px}.app-topbar-action{width:38px!important;height:38px!important;border:1px solid #e2e8ed!important;border-radius:9px!important;background:#fff!important}
.app-content{width:100%;max-width:760px;margin:0 auto;padding:16px 14px calc(92px + var(--safe-bottom))!important;overflow:visible!important}
.app-card,.app-kpi{border:1px solid var(--app-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 13px rgba(7,27,48,.045)!important}.app-card{padding:16px!important;margin-bottom:12px!important}.app-card-title{font-size:10px!important;font-weight:800!important;letter-spacing:.75px!important;color:#526a7e!important}
.fichar-hero,.vac-mobile-hero{border-radius:13px!important;background:linear-gradient(125deg,var(--app-navy),var(--app-navy-2))!important;box-shadow:0 13px 28px rgba(7,27,48,.16)!important}.fichar-hero{padding:24px 18px!important}.fichar-clock{font-size:40px!important;letter-spacing:-1.5px!important}.fichar-btn{min-height:52px;border-radius:8px!important;font-size:14px!important}.fichar-btn-entrada{background:#176398!important}.fichar-btn-salida{background:#a83c3c!important}.fichar-btn-pausa{background:#b97818!important}.fichar-btn-reanudar{background:#187660!important}
.app-kpi-row{gap:9px!important}.app-kpi{padding:13px!important}.app-kpi-val{font-size:22px!important;color:var(--app-navy)}.app-kpi-lbl{font-size:9px!important;letter-spacing:.5px!important}.app-form-control{min-height:44px!important;border:1px solid #c6d2dc!important;border-radius:7px!important;background:#fff!important;font-size:14px!important}.app-btn-primary{min-height:48px;border-radius:7px!important;background:var(--app-navy-2)!important;font-size:14px!important;box-shadow:0 4px 12px rgba(7,27,48,.15)!important}
.app-bottom-nav{height:70px;max-width:none!important;left:0!important;transform:none!important;padding:0 5px var(--safe-bottom)!important;border-top:1px solid var(--app-line)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -5px 20px rgba(7,27,48,.07)!important;backdrop-filter:blur(15px)}.abn-item{min-width:0;border:0;background:transparent;font-size:9px!important;color:#748797!important}.abn-item svg{width:20px!important;height:20px!important}.abn-item.active{color:var(--app-blue)!important}.abn-fichar-btn{width:52px!important;height:52px!important;background:linear-gradient(145deg,var(--app-navy-2),var(--app-blue))!important;box-shadow:0 7px 18px rgba(7,27,48,.28)!important}.abn-label{font-size:9px!important}
.app-sheet{border-radius:14px 14px 0 0!important;background:#fff!important}.app-sheet-item{min-height:88px;border:1px solid var(--app-line)!important;border-radius:9px!important;background:#fafcfd!important}.app-sheet-icon{background:#eaf2f7!important;color:var(--app-blue)!important}
.mf-mobile-day{border-radius:5px!important}.app-nomina-card{padding:14px!important}.app-nomina-icon{border-radius:8px!important;background:#eaf2f7!important;color:var(--app-blue)!important}.app-sol-item{padding:11px 0!important}
.mf-mobile-day.holiday{background:#fff0d5!important;color:#95600e!important;box-shadow:inset 0 0 0 1px #e8c47e}.mf-mobile-day.absence{background:#e4f4ef!important;color:#0b7461!important;box-shadow:inset 0 0 0 1px #9fd1c4}.m-day-state{display:flex;flex-direction:column;gap:3px;padding:13px;border-radius:8px;font-size:12px;text-transform:capitalize}.m-day-state strong{font-size:9px;text-transform:uppercase;letter-spacing:.6px}.m-day-state small{font-size:10px;color:var(--app-muted)}.m-day-state.holiday{background:#fff6e6;color:#84550d}.m-day-state.absence{background:#ecf8f4;color:#0a6b59}
.app-login{padding:24px!important;background:linear-gradient(135deg,var(--app-navy),#10466f)!important}.app-login-logo{max-width:430px!important;margin-bottom:25px!important}.app-login-logo h1{font-size:22px!important}.app-login-card{max-width:430px!important;padding:24px!important;border-radius:12px!important;box-shadow:0 22px 55px rgba(0,0,0,.2)!important}.app-login-card input{min-height:48px;border-radius:7px!important}.app-login .app-btn-primary{background:#124f7c!important}
.app-login{position:relative;overflow:hidden}.app-login::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.app-login-logo,.app-login-card{position:relative;z-index:1}.app-login-eyebrow{display:inline-flex;padding:4px 8px;margin-bottom:13px;border:1px solid rgba(255,255,255,.22);border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#b8d3e5}.app-login-logo svg{width:43px!important;height:43px!important;display:block}.app-login-logo p{max-width:390px;line-height:1.5!important}.app-login-card{border:1px solid rgba(255,255,255,.55)!important}.app-login-security{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #e1e7ec}.app-login-security span{font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.4px;color:#738696}.app-login-security span::before{content:'✓';color:#17806a;margin-right:3px}.app-login-footer{position:fixed;left:0;right:0;bottom:16px;z-index:2;text-align:center;color:rgba(255,255,255,.65);font-size:10px}.app-login-footer>div:first-child{font-weight:800;letter-spacing:.5px}
@media(max-width:390px){.app-content{padding-left:10px!important;padding-right:10px!important}.app-card{padding:13px!important}.fichar-clock{font-size:35px!important}.vac-mobile-hero{padding:15px 8px!important}.vmh-num{font-size:18px!important}.vmh-lbl{font-size:8px!important}}
@media(min-width:600px){.app-content{max-width:920px;padding:22px 24px 100px!important}.app-kpi-row{grid-template-columns:repeat(4,1fr)!important}.fichar-actions-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.fichar-actions-grid .fichar-btn:only-child{grid-column:1/-1}.tipo-scroll{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible!important}.tipo-chip{width:auto!important}.app-sheet{max-width:620px!important;left:50%!important;transform:translateX(-50%) translateY(100%)!important}.app-sheet-overlay.visible .app-sheet{transform:translateX(-50%) translateY(0)!important}}
@media(min-width:768px){body{background:#e8edf1!important}.app-shell{padding-left:88px!important}.app-topbar{position:fixed!important;top:0;left:88px;right:0;z-index:90;padding:0 26px!important}.app-content{max-width:1100px;padding:88px 28px 35px!important}.app-bottom-nav{top:0;bottom:0;left:0!important;width:88px;height:100dvh;flex-direction:column;justify-content:center;gap:9px;padding:82px 8px 18px!important;background:var(--app-navy)!important;border:0!important;box-shadow:5px 0 20px rgba(7,27,48,.14)!important}.app-bottom-nav::before{content:'B&P';position:absolute;top:20px;left:14px;right:14px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;color:var(--app-navy);font-size:12px;font-weight:900;letter-spacing:.4px}.abn-item,.abn-fichar-wrap{flex:0 0 62px!important;width:100%;color:#9fb0be!important;border-radius:8px!important}.abn-item{justify-content:center;padding:7px 2px!important}.abn-item.active{background:rgba(255,255,255,.1)!important;color:#fff!important}.abn-fichar-wrap{align-items:center!important;flex-direction:column}.abn-fichar-btn{width:42px!important;height:42px!important;margin:0!important;border:2px solid rgba(255,255,255,.2)!important;background:#fff!important;color:var(--app-navy)!important;box-shadow:none!important}.abn-fichar-wrap .abn-label{color:#fff!important;margin-top:2px!important}.app-content>.fichar-hero{padding:30px!important}.app-content>.app-card{padding:20px!important}.vac-mobile-hero{padding:23px!important}.app-login{padding-left:calc(88px + 2rem)!important}}
@media(min-width:1024px){.app-content{max-width:1240px;padding-left:38px!important;padding-right:38px!important}.app-content:has(.fichar-hero){display:grid;grid-template-columns:minmax(380px,.85fr) minmax(420px,1.15fr);gap:14px;align-items:start}.app-content:has(.fichar-hero)>.fichar-hero{grid-row:span 3}.app-content:has(.vac-mobile-hero){display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:14px;align-items:start}.app-content:has(.vac-mobile-hero)>.vac-mobile-hero{grid-column:1/-1}.app-content:has(.vac-mobile-hero)>.app-card{margin:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}