:root{--bg:#f4f7fb;--panel:#fff;--primary:#176448;--primary2:#0f4f38;--text:#15211b;--muted:#667085;--line:#e4e7ec;--danger:#b42318;--shadow:0 10px 30px rgba(16,24,40,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#103c2d,#0a281f);padding:22px 16px;color:#fff;overflow:auto}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.brand small,.user small{display:block;opacity:.7}.logo{width:42px;height:42px;border-radius:13px;background:#57c58b;display:grid;place-items:center;font-weight:800;font-size:20px;color:#103c2d}.logo.big{margin:auto;width:58px;height:58px;font-size:28px}
aside a{display:block;text-decoration:none;color:#d9efe5;padding:10px 12px;border-radius:10px;margin:3px 0}aside a:hover{background:#ffffff16;color:white}
main{padding:26px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header h1{margin:0}header p{margin:4px 0;color:var(--muted)}.user{background:white;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric,.card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.metric{padding:18px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:30px;display:block;margin:8px 0}.card{padding:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{text-decoration:none;color:var(--text);border:1px solid var(--line);padding:14px;border-radius:14px}.module-card span,.module-card small{display:block}.module-card span{font-size:24px}.module-card small{color:var(--muted);margin-top:5px}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.toolbar form{display:flex;gap:8px}
input,select,textarea,button,.button{font:inherit;border-radius:10px;padding:10px 12px;border:1px solid var(--line)}input,select,textarea{width:100%;background:#fff}.button{text-decoration:none;display:inline-block}.primary{background:var(--primary);color:white;border:0}.primary:hover{background:var(--primary2)}.secondary{background:#edf7f1;color:var(--primary)}.danger{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}button{cursor:pointer}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted)}.table-wrap{overflow:auto}.actions a{margin-right:10px;color:var(--primary)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-weight:600}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:6px;font-weight:400}.full{grid-column:1/-1}textarea{min-height:90px}.form-actions{display:flex;justify-content:flex-end;gap:10px}
.detail-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.profile{width:100px;height:100px;object-fit:cover;border-radius:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.detail-item{background:#f8faf9;border:1px solid var(--line);padding:12px;border-radius:12px}.detail-item b,.detail-item span{display:block}.detail-item span{margin-top:6px;color:#344054}
.flash{padding:12px;border-radius:10px;margin-bottom:14px}.flash.success{background:#ecfdf3;color:#067647}.flash.danger{background:#fef3f2;color:#b42318}
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f4f38,#1f7a55)}.login-card{width:min(390px,92vw);background:white;border-radius:20px;padding:28px;box-shadow:var(--shadow);text-align:center}.login-card form{text-align:left}.login-card label{display:block;margin:12px 0}.login-card button{width:100%;margin:10px 0}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{grid-template-columns:1fr}aside{position:relative}.cards,.module-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.full{grid-column:auto}main{padding:14px}header .user{display:none}}
aside a{width:100%;border:0;background:transparent;color:#dbe7ff;padding:11px 14px;border-radius:12px;text-decoration:none;font-size:14px;margin-bottom:4px;display:flex;gap:10px;align-items:center}aside a:hover{background:rgba(255,255,255,.12);color:#fff}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{border:1px solid var(--border);border-radius:16px;padding:15px;text-decoration:none;color:var(--text);background:#fff}.module-card span,.module-card small{display:block}.module-card span{font-size:24px}.module-card small{color:var(--muted);margin-top:5px}.button{display:inline-block;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700}.table-wrap{overflow:auto}.inline{display:inline}.actions{display:flex;justify-content:flex-end}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.hr-section{margin-bottom:16px}.flash{padding:12px;border-radius:10px;margin-bottom:14px}.flash.success{background:#ecfdf3;color:#067647}.flash.danger{background:#fef3f2;color:#b42318}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b2f6b,#102a56)}.loginbox{width:min(420px,92vw);background:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.loginbox .logo{margin:auto}.loginbox label{display:block;margin:12px 0}.loginbox button{width:100%}.loginbox small{display:block;text-align:center;margin-top:10px}.detail-header{justify-content:flex-start}.detail-header .button{margin-left:auto}@media(max-width:1000px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.module-grid{grid-template-columns:1fr}aside{height:auto;position:relative}.app{grid-template-columns:1fr}}
/* v1.1: legajo RR.HH. completo, foto contenida e historial no eliminable */
.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.employee-identity{display:flex;align-items:center;gap:18px;min-width:0}.employee-identity h2{margin:0 0 5px}.employee-identity p{margin:0 0 8px;color:var(--muted)}
.detail-photo{width:104px!important;height:104px!important;min-width:104px;max-width:104px;max-height:104px;object-fit:cover;object-position:center;border-radius:18px;background:#eef2f6;border:1px solid var(--line);display:block}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}@media(max-width:1000px){.grid-2{grid-template-columns:1fr}}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}.summary-card span,.summary-card small{display:block;color:var(--muted)}.summary-card strong{display:block;font-size:24px;margin:7px 0}
.detail-group{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.detail-group h4{margin:0 0 12px}.detail-group p{margin:8px 0}.detail-group.full{grid-column:1/-1}
.record-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.record-actions form{margin:0}.button.small,button.small{padding:7px 9px;font-size:12px}.history-row{opacity:.72;background:#fafafa}.history-note{font-size:12px;color:var(--muted);margin-top:4px}.muted{color:var(--muted);font-size:12px}.info-box{padding:12px;border-radius:10px;background:#eef4ff;color:#1849a9}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.employee-hero{align-items:flex-start;flex-direction:column}.employee-identity{align-items:flex-start}.detail-photo{width:86px!important;height:86px!important;min-width:86px;max-width:86px;max-height:86px}.summary-grid{grid-template-columns:1fr}.detail-group.full{grid-column:auto}}
/* v1.2: búsquedas globales, fechas y vencimientos; tarjetas compactas de personal */
.search-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-form input{min-width:320px}.search-form select{width:auto;min-width:170px}
.compact-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-person-card{padding:14px}.compact-person-head{gap:11px}.compact-person-photo{width:52px;height:52px;border-radius:13px;object-fit:cover;flex:0 0 52px}.compact-person-card h4{font-size:15px;margin-bottom:2px}.compact-person-card p{font-size:12px;margin:2px 0}.compact-meta{display:grid;gap:4px;margin-top:10px;color:var(--muted);font-size:12px}.compact-person-card .person-actions{margin-top:11px}.compact-person-card .button{padding:8px 10px;font-size:12px}
.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5}.badge.green{background:#e7f6ec;color:#0f7a3d}.badge.red{background:#fde8e8;color:#b42318}.badge.yellow{background:#fff9db;color:#8a6d00}.badge.orange{background:#fff4e5;color:#b54708}.badge.blue{background:#eef4ff;color:#1849a9}
.person-card-dimmed{opacity:.6}.person-card-dimmed:hover{opacity:1}.expiry-list{display:grid;gap:9px;margin-bottom:20px}.expiry-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.expiry-item small{display:block;color:var(--muted);margin-top:3px}.recent-title{margin-top:22px!important}
@media(max-width:1250px){.compact-people{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.compact-people{grid-template-columns:repeat(2,minmax(0,1fr))}.search-form input{min-width:220px}}@media(max-width:650px){.compact-people{grid-template-columns:1fr}.search-form{width:100%}.search-form input,.search-form select{width:100%;min-width:0}}

.block{display:block}.muted{color:var(--muted);margin-top:4px}.compliance-summary{margin-bottom:18px}

/* v1.5: módulo de móviles y logística */
.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow)}
.vehicle-card-head{display:flex;gap:12px;align-items:center}.vehicle-card-head img{width:74px;height:62px;object-fit:cover;border-radius:12px;background:#eef2f6;border:1px solid var(--line)}.vehicle-card-head h3{margin:0 0 4px}.vehicle-card-head p{margin:0 0 6px;color:var(--muted)}
.vehicle-data{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin:12px 0}.vehicle-data p{margin:3px 0;font-size:13px}
.vehicle-expiries{display:flex;gap:5px;flex-wrap:wrap;min-height:25px}.vehicle-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.vehicle-identity{display:flex;align-items:center;gap:18px}.vehicle-identity h2{margin:0 0 5px}.vehicle-identity p{margin:0 0 8px;color:var(--muted)}
.vehicle-detail-photo{width:150px;height:105px;object-fit:cover;border-radius:16px;background:#eef2f6;border:1px solid var(--line)}.form-photo-preview{display:block;width:160px;height:105px;object-fit:cover;border-radius:12px;margin:8px 0}.expiry-inline{display:flex;gap:18px;flex-wrap:wrap}.expiry-inline span{display:flex;align-items:center;gap:7px}.expiry-inline em{font-style:normal}.vehicle-tabs{margin-top:18px}
.empty{text-align:center;color:var(--muted)}
@media(max-width:1100px){.vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.vehicle-grid{grid-template-columns:1fr}.vehicle-hero{flex-direction:column;align-items:flex-start}.vehicle-detail-photo{width:120px;height:84px}.vehicle-data{grid-template-columns:1fr}}

/* Estancia Fermare 2.0 · identidad, permisos y diseño multiplataforma */
.ferm-logo,.ferm-mark{background:linear-gradient(145deg,#d9b45d,#8f6a21)!important;color:#17150f!important;font-weight:900;letter-spacing:-1px}.app-version{margin-top:auto;padding:14px;color:#9ea6b5;font-size:11px;text-align:center}.users-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;align-items:start}.permissions-form{position:sticky;top:18px}.users-list{display:grid;gap:16px}.user-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-card-head h3,.user-card-head p{margin:0}.user-card-head p{color:var(--muted);margin-top:4px}.active-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.active-toggle input,.permission-option input{width:auto}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}.permission-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fafaf8;font-weight:600}.permission-option:has(input:checked){border-color:#a8863e;background:#fff8e7}.ferm-login{margin:0;min-height:100vh;background:#17150f;color:#fff}.ferm-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);background-image:linear-gradient(90deg,rgba(10,10,8,.2),rgba(10,10,8,.03)),var(--login-image);background-size:cover;background-position:center}.ferm-login-brand{display:flex;align-items:flex-end;padding:clamp(28px,6vw,88px)}.ferm-brand-copy{padding:28px 32px;border-left:3px solid #d9b45d;background:rgba(16,15,11,.52);backdrop-filter:blur(8px);max-width:520px}.ferm-brand-copy span,.ferm-brand-copy p{text-transform:uppercase;letter-spacing:.28em;color:#ead28f}.ferm-brand-copy h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);line-height:.9;text-transform:uppercase;letter-spacing:.04em;margin:12px 0;color:#fff}.ferm-login-panel{display:grid;place-items:center;padding:24px;background:rgba(18,17,13,.78);backdrop-filter:blur(10px)}.ferm-loginbox{width:min(430px,100%);background:rgba(255,255,255,.97);color:#18202a;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.ferm-loginbox h2{font-size:30px;margin:16px 0 6px}.ferm-loginbox p{color:#667085;margin:0 0 20px}.ferm-loginbox label{display:block;margin:13px 0;font-weight:700}.ferm-loginbox input{margin-top:7px}.ferm-loginbox button{width:100%;margin-top:10px;background:#755517}.ferm-loginbox button:hover{background:#5f4513}.ferm-loginbox small{display:block;text-align:center;color:#667085;margin-top:14px}.ferm-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:19px}
@media(max-width:1050px){.users-layout{grid-template-columns:1fr}.permissions-form{position:static}.ferm-login-shell{grid-template-columns:1fr}.ferm-login-brand{min-height:42vh}.ferm-login-panel{background:rgba(18,17,13,.65)}}
@media(max-width:760px){body{overflow-x:hidden}.topbar{align-items:flex-start}.topbar h2{font-size:22px}.ferm-login-shell{background-position:62% center}.ferm-login-brand{min-height:34vh;padding:20px;align-items:flex-end}.ferm-brand-copy{padding:18px 20px}.ferm-brand-copy h1{font-size:38px}.ferm-login-panel{padding:16px}.ferm-loginbox{padding:24px 20px;border-radius:20px}.permission-grid,.permission-grid.compact{grid-template-columns:1fr}.users-layout{display:block}.users-list{margin-top:16px}.table-wrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}input,select,textarea,button,.button{min-height:44px}}
@supports(padding:max(0px)){.ferm-login-panel{padding-bottom:max(24px,env(safe-area-inset-bottom))}aside{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

/* Estancia Fermare 2.0.1 · renovación visual responsive */
:root{--ferm-gold:#cda441;--ferm-gold-dark:#8e691c;--ferm-deep:#073c2d;--ferm-deeper:#052a20}
.ferm-app main{position:relative;isolation:isolate;min-width:0;background:linear-gradient(rgba(246,248,250,.94),rgba(246,248,250,.94)),var(--app-watermark) center bottom/cover fixed no-repeat}
.ferm-app main::before{content:"";position:fixed;right:0;bottom:0;width:min(72vw,1100px);height:min(58vh,650px);background:var(--app-watermark) center/cover no-repeat;opacity:.065;filter:saturate(.75);pointer-events:none;z-index:-1;mask-image:linear-gradient(to bottom,transparent 0%,#000 36%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 36%)}
.page-content,.topbar,.flash{position:relative;z-index:1}.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:4px 0}.topbar h2{margin:0;font-size:clamp(24px,3vw,34px)}.topbar p{margin:6px 0 0;color:var(--muted)}.topbar-search{flex:1 1 260px;min-width:0;margin:0}.topbar-search input{min-width:0;width:100%}
@media(max-width:760px){.topbar-search{flex-basis:100%;order:3}}.user{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.88);border:1px solid rgba(205,164,65,.18);backdrop-filter:blur(10px)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dfbd65,#987020);font-weight:900;color:#172019}
aside{display:flex;flex-direction:column;background:linear-gradient(180deg,#0b4937 0%,#073326 58%,#05251c 100%);box-shadow:10px 0 30px rgba(3,24,18,.14)}aside .brand h1{margin:0;font-size:25px;line-height:1.05}aside .brand small{margin-top:11px;line-height:1.5}aside nav a{transition:.18s ease;border:1px solid transparent}aside nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.1)}aside nav a[aria-current="page"],aside nav a:focus-visible{background:linear-gradient(90deg,rgba(205,164,65,.33),rgba(205,164,65,.12));border-color:rgba(222,185,91,.35);outline:none}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(205,164,65,.2);border-radius:20px;padding:20px 22px;margin-bottom:18px;background:linear-gradient(100deg,rgba(7,60,45,.96),rgba(12,79,58,.9));color:#fff;box-shadow:0 18px 40px rgba(6,50,37,.12)}.dashboard-hero h3{font-size:clamp(20px,2.5vw,30px);margin:4px 0}.dashboard-hero p{margin:0;color:rgba(255,255,255,.76)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#e8c96f;font-weight:800}
.dashboard-metrics .metric{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.dashboard-metrics .metric:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(16,24,40,.12)}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f7f0df;margin-bottom:12px;font-size:20px}.metric .label{font-weight:700}.metric .value{font-size:32px;font-weight:900;margin:7px 0}.metric .trend{font-size:12px;color:var(--muted)}
.module-card{background:rgba(255,255,255,.82);backdrop-filter:blur(6px);transition:.18s ease;min-height:112px;display:flex;flex-direction:column;justify-content:center}.module-card:hover{transform:translateY(-3px);border-color:rgba(205,164,65,.55);box-shadow:0 14px 26px rgba(19,35,28,.09)}.module-card b{margin-top:7px}.card{background:rgba(255,255,255,.89);backdrop-filter:blur(7px)}
.mobile-menu-button,.sidebar-backdrop{display:none}

/* Login: imagen completa, tarjeta flotante y sin bloque negro sobredimensionado */
.ferm-login{background:#061c15}.ferm-login-shell{position:relative;min-height:100dvh;display:grid;grid-template-columns:1fr;background-image:linear-gradient(90deg,rgba(4,17,13,.18) 0%,rgba(4,17,13,.05) 42%,rgba(4,17,13,.46) 100%),var(--login-image);background-size:cover;background-position:center}.ferm-login-brand{position:absolute;left:clamp(22px,5vw,74px);top:clamp(22px,5vw,64px);padding:0;align-items:flex-start;z-index:2}.ferm-brand-signature{display:flex;gap:13px;align-items:center;padding:12px 16px;border:1px solid rgba(228,194,105,.45);background:rgba(5,31,23,.58);backdrop-filter:blur(12px);border-radius:17px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.ferm-brand-emblem{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#dfbd65,#8f681c);color:#16180f;font-weight:900}.ferm-brand-signature strong,.ferm-brand-signature span{display:block}.ferm-brand-signature strong{font-family:Georgia,serif;font-size:20px;letter-spacing:.04em}.ferm-brand-signature span{margin-top:4px;color:#e5c86f;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.ferm-login-panel{display:flex;align-items:center;justify-content:flex-end;padding:clamp(28px,6vw,86px);background:transparent;backdrop-filter:none}.ferm-loginbox{width:min(410px,100%);background:linear-gradient(155deg,rgba(13,30,24,.92),rgba(7,20,16,.88));border:1px solid rgba(224,187,87,.62);color:#fff;border-radius:25px;padding:34px;box-shadow:0 32px 90px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.ferm-loginbox h1{font-size:30px;margin:16px 0 7px}.ferm-loginbox p{color:rgba(255,255,255,.72);line-height:1.5}.ferm-loginbox label{color:#fff}.ferm-loginbox input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff;outline:none}.ferm-loginbox input::placeholder{color:rgba(255,255,255,.42)}.ferm-loginbox input:focus{border-color:#d9b45d;box-shadow:0 0 0 3px rgba(217,180,93,.16)}.ferm-loginbox button{background:linear-gradient(135deg,#d6ac47,#936b1b);color:#11170f;font-weight:800}.ferm-loginbox button:hover{background:linear-gradient(135deg,#e2bd61,#a77b24)}.ferm-loginbox small{color:rgba(255,255,255,.62)}

@media(max-width:1100px){.ferm-login-panel{justify-content:center;padding-top:120px}.ferm-login-shell{background-position:46% center}.dashboard-hero{padding:18px}}
@media(max-width:820px){
  .app{display:block}.mobile-menu-button{display:grid;place-items:center;position:fixed;right:14px;top:max(14px,env(safe-area-inset-top));z-index:1003;width:46px;height:46px;border:1px solid rgba(205,164,65,.4);border-radius:14px;background:#073c2d;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:22px;padding:0}
  aside{position:fixed!important;inset:0 auto 0 0;width:min(82vw,310px);height:100dvh!important;z-index:1002;transform:translateX(-105%);transition:transform .22s ease;padding-top:max(24px,env(safe-area-inset-top));overflow-y:auto}.menu-open aside{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:1001;opacity:0;visibility:hidden;transition:.2s}.menu-open .sidebar-backdrop{opacity:1;visibility:visible}.menu-open{overflow:hidden}
  .ferm-app main{padding:72px 14px 24px;min-height:100dvh}.topbar{align-items:flex-start}.topbar .user{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero h3{font-size:22px}
}
@media(max-width:600px){
  .ferm-login-shell{background-position:center;align-items:end}.ferm-login-brand{left:16px;right:16px;top:max(16px,env(safe-area-inset-top))}.ferm-brand-signature{width:100%;justify-content:center}.ferm-login-panel{align-items:flex-end;justify-content:center;padding:110px 14px max(18px,env(safe-area-inset-bottom))}.ferm-loginbox{padding:24px 20px;border-radius:22px}.ferm-loginbox h1{font-size:26px}.ferm-mark{width:52px;height:52px}.ferm-loginbox input,.ferm-loginbox button{min-height:48px}
  .cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric .value{font-size:27px}.metric-icon{width:34px;height:34px;margin-bottom:8px}.module-grid{grid-template-columns:1fr}.module-card{min-height:96px}.dashboard-hero{border-radius:17px;padding:16px}.dashboard-hero p{font-size:13px}.card{border-radius:15px;padding:14px}
}
@media(max-width:380px){.cards{grid-template-columns:1fr}.ferm-brand-signature span{display:none}.ferm-login-panel{padding-left:10px;padding-right:10px}.ferm-loginbox{padding:22px 17px}}


/* Estancia Fermare 2.0.2 · presentación institucional y marca de agua */
body.splash-active{overflow:hidden}
.ferm-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#020b08;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}
.ferm-splash.is-hiding{opacity:0;visibility:hidden}
.ferm-splash img{display:block;width:100%;height:100%;object-fit:contain;background:#020b08}
.ferm-app main{background:linear-gradient(rgba(246,248,250,.91),rgba(246,248,250,.91)),var(--app-watermark) center/cover fixed no-repeat}
.ferm-app main::before{width:min(86vw,1400px);height:min(75vh,850px);background:var(--app-watermark) center/contain no-repeat;opacity:.11;filter:saturate(.85) contrast(.92);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%)}
.ferm-app .card,.ferm-app .metric,.ferm-app .module-card,.ferm-app .detail-item,.ferm-app .user,.ferm-app input,.ferm-app select,.ferm-app textarea{background-color:rgba(255,255,255,.91)}
@media(max-width:820px){.ferm-splash img{object-fit:contain}.ferm-app main{background-attachment:scroll;background-position:center top}.ferm-app main::before{width:100vw;height:68vh;opacity:.09;background-size:contain;background-position:center bottom}}
@media(prefers-reduced-motion:reduce){.ferm-splash{transition:none}}

/* Estancia Fermare 2.0.3 · corrección profesional de portada y fondo */
body.splash-active{overflow:hidden}
.ferm-splash{position:fixed;inset:0;z-index:99999;background:#06140f;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease}
.ferm-splash.is-hiding{opacity:0;visibility:hidden}
.ferm-splash img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.ferm-login{min-height:100dvh;background:#06140f}
.ferm-login-shell{min-height:100dvh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);background-image:linear-gradient(90deg,rgba(3,14,10,.18) 0%,rgba(3,14,10,.12) 52%,rgba(3,14,10,.68) 100%),var(--login-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.ferm-login-brand{position:relative;display:flex;align-items:flex-start;padding:clamp(22px,4vw,52px);z-index:1}
.ferm-brand-signature{background:rgba(3,28,20,.74);border:1px solid rgba(222,187,92,.56);box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.ferm-login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(22px,4vw,54px);background:linear-gradient(180deg,rgba(4,25,18,.35),rgba(4,25,18,.58));backdrop-filter:none;z-index:1}
.ferm-loginbox{width:min(410px,100%);padding:32px;border-radius:22px;background:rgba(8,28,21,.92);border:1px solid rgba(225,189,94,.55);box-shadow:0 28px 80px rgba(0,0,0,.46);backdrop-filter:blur(16px);color:#fff}
.ferm-loginbox h1{margin:14px 0 7px;font-size:30px}
.ferm-loginbox p{color:rgba(255,255,255,.72)}
.ferm-loginbox label{color:#fff}
.ferm-loginbox input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.ferm-loginbox input::placeholder{color:rgba(255,255,255,.48)}
.ferm-loginbox input:focus{border-color:#ddb95f;box-shadow:0 0 0 3px rgba(221,185,95,.16)}
.ferm-loginbox button{background:linear-gradient(135deg,#dfbd65,#9d7423);color:#132018;font-weight:800}
.ferm-loginbox small{color:rgba(255,255,255,.64)}

.ferm-app main{position:relative;isolation:isolate;background:#f5f7f6!important}
.ferm-app main::before{content:"";position:fixed;inset:0 0 0 260px;background:linear-gradient(rgba(245,247,246,.94),rgba(245,247,246,.94)),var(--app-watermark) center/cover no-repeat;opacity:1;pointer-events:none;z-index:-2;mask-image:none;-webkit-mask-image:none;filter:none;width:auto;height:auto}
.ferm-app main::after{content:"";position:fixed;right:2.5vw;bottom:2.5vh;width:min(46vw,760px);height:min(42vh,480px);background:var(--app-watermark) center/cover no-repeat;opacity:.055;pointer-events:none;z-index:-1;border-radius:26px}
.ferm-app .card,.ferm-app .metric,.ferm-app .module-card,.ferm-app .detail-item,.ferm-app .user,.ferm-app input,.ferm-app select,.ferm-app textarea{background-color:rgba(255,255,255,.96)}
.ferm-app table{background:rgba(255,255,255,.94)}

@media(max-width:820px){
  .ferm-login-shell{grid-template-columns:1fr;background-position:center}
  .ferm-login-brand{position:absolute;left:0;right:0;top:0;padding:16px;justify-content:center}
  .ferm-login-panel{min-height:100dvh;align-items:flex-end;padding:110px 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(2,12,9,.12) 0%,rgba(2,12,9,.32) 42%,rgba(2,12,9,.82) 100%)}
  .ferm-loginbox{padding:24px 20px}
  .ferm-app main::before{inset:0;background:linear-gradient(rgba(245,247,246,.955),rgba(245,247,246,.955)),var(--app-watermark) center/cover no-repeat}
  .ferm-app main::after{right:10px;bottom:10px;width:78vw;height:28vh;opacity:.045}
}
@media(max-width:520px){.ferm-splash img{object-fit:cover;object-position:center}.ferm-brand-signature{width:100%;justify-content:center}.ferm-loginbox{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.ferm-splash{transition:none}}

/* Estancia Fermare 2.0.3 · hotfix exclusivo de portada e ingreso */
body.splash-active{overflow:hidden}
.ferm-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#06140f;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}
.ferm-splash.is-hiding{opacity:0;visibility:hidden}
.ferm-splash img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#06140f}

.ferm-login{min-height:100dvh;overflow-x:hidden;background:#06140f}
.ferm-login-shell{min-height:100dvh;position:relative;display:block;background-image:linear-gradient(90deg,rgba(3,14,10,.08) 0%,rgba(3,14,10,.03) 52%,rgba(3,14,10,.48) 100%),var(--login-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.012);transition:opacity .8s ease,transform 1.1s ease}
.ferm-login-shell.is-ready{opacity:1;transform:scale(1)}
.ferm-login-stage{width:min(1500px,100%);min-height:100dvh;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,460px);align-items:center;gap:clamp(28px,5vw,82px);padding:clamp(28px,5vw,72px)}
.ferm-login-spacer{min-width:0}
.ferm-login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;z-index:1}
.ferm-loginbox{width:100%;max-width:430px;margin:0;padding:clamp(28px,3vw,38px);border-radius:24px;background:linear-gradient(155deg,rgba(8,31,23,.94),rgba(5,21,16,.92));border:1px solid rgba(225,189,94,.58);box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;transform:translateY(18px);opacity:0;animation:fermLoginEnter .85s .32s ease forwards}
.ferm-login-heading{display:flex;align-items:center;gap:15px;margin-bottom:8px}
.ferm-login-heading .ferm-mark{flex:0 0 auto}
.ferm-login-kicker{display:block;color:#e4c66f;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;margin-bottom:3px}
.ferm-loginbox h1{margin:0;font-size:clamp(28px,3vw,34px);line-height:1.05}
.ferm-loginbox p{margin:10px 0 22px;color:rgba(255,255,255,.72);line-height:1.5}
.ferm-loginbox label{display:block;margin:14px 0 7px;color:#fff;font-weight:700}
.ferm-loginbox input{display:block;width:100%;min-height:50px;margin:0;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);color:#fff;outline:none}
.ferm-loginbox input::placeholder{color:rgba(255,255,255,.46)}
.ferm-loginbox input:focus{border-color:#ddb95f;box-shadow:0 0 0 3px rgba(221,185,95,.16)}
.ferm-loginbox button{width:100%;min-height:50px;margin-top:20px;background:linear-gradient(135deg,#dfbd65,#9d7423);color:#132018;font-weight:800;border:0}
.ferm-loginbox small{display:block;margin-top:15px;text-align:center;color:rgba(255,255,255,.64)}

@keyframes fermLoginEnter{to{transform:translateY(0);opacity:1}}

@media(max-width:1050px){
  .ferm-login-stage{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:32px;padding:34px}
}
@media(max-width:820px){
  .ferm-login-shell{background-position:center}
  .ferm-login-stage{grid-template-columns:1fr;align-items:end;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(2,12,9,.04) 0%,rgba(2,12,9,.2) 48%,rgba(2,12,9,.78) 100%)}
  .ferm-login-spacer{display:none}
  .ferm-login-panel{width:100%;align-items:flex-end}
  .ferm-loginbox{max-width:520px;padding:24px 20px;border-radius:20px}
  .ferm-splash img{object-fit:cover;object-position:center}
}
@media(max-width:520px){
  .ferm-login-stage{padding-left:12px;padding-right:12px}
  .ferm-loginbox{padding:22px 18px}
  .ferm-login-heading{gap:12px}
  .ferm-login-heading .ferm-mark{width:50px;height:50px}
  .ferm-loginbox input,.ferm-loginbox button{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .ferm-splash,.ferm-login-shell,.ferm-loginbox{transition:none;animation:none;transform:none;opacity:1}
}
.pagination{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.pagination .muted{font-size:13px}
.pagination .button.disabled{opacity:.4;pointer-events:none}

/* Carnet de funcionario: tamaño real de credencial ID-1 (85.6x54mm), mostrado 2x en pantalla */
.card-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.id-card-wrap{display:flex;justify-content:center;padding:20px 0}
.id-card{width:171.2mm;height:108mm;max-width:520px;max-height:328px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);display:flex;flex-direction:column}
.id-card-band{background:linear-gradient(120deg,var(--ferm-deep,#073c2d),var(--primary,#176448));padding:16px 22px;border-bottom:3px solid var(--ferm-gold,#cda441)}
.id-card-brand{display:block;color:#fff;font-weight:700;font-size:19px;letter-spacing:.5px}
.id-card-subtitle{display:block;color:var(--ferm-gold,#cda441);font-size:12px;margin-top:2px}
.id-card-body{display:flex;align-items:center;gap:20px;padding:20px 22px;flex:1}
.id-card-photo{width:110px;height:110px;border-radius:16px;object-fit:cover;border:2px solid var(--line);flex:0 0 110px}
.id-card-info{flex:1;min-width:0}
.id-card-name{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}
.id-card-role{font-size:15px;color:var(--muted);margin-top:2px}
.id-card-area{display:inline-block;margin-top:6px;font-size:12px;background:#e7f6ec;color:#0f7a3d;padding:3px 10px;border-radius:999px;font-weight:600}
.id-card-doc{margin-top:10px;font-size:13px;color:var(--text)}
.id-card-qr{width:96px;height:96px;flex:0 0 96px;image-rendering:pixelated}
.id-card-qr-missing{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);background:#f4f7fb;border-radius:8px;text-align:center}
.id-card-footer{display:flex;justify-content:space-between;padding:8px 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
.id-card-note{text-align:center;max-width:520px;margin:0 auto}
@media print{
 body *{visibility:hidden}
 .id-card-wrap,.id-card-wrap *{visibility:visible}
 .id-card-wrap{position:absolute;left:0;top:0;padding:0;width:100%}
 .id-card{width:85.6mm;height:54mm;max-width:none;max-height:none;box-shadow:none;border:1px solid #ccc}
 .id-card-photo{width:22mm;height:22mm;flex:0 0 22mm}
 .id-card-qr{width:19mm;height:19mm;flex:0 0 19mm}
 @page{size:85.6mm 54mm;margin:0}
}

/* Garita: cámara + panel de resultado */
.gate-wrap{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.gate-camera-box{background:#000;border-radius:14px;overflow:hidden;aspect-ratio:4/3;position:relative}
.gate-camera-box video{width:100%;height:100%;object-fit:cover}
.gate-start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55)}
.gate-start-overlay button{padding:16px 26px;font-size:16px;border-radius:12px}
.gate-panel{text-align:center;padding:22px}
.gate-panel-ok{background:#e7f6ec;border:2px solid #0f7a3d}
.gate-panel-bad{background:#fde8e8;border:2px solid #b42318}
.gate-result-title{font-size:20px;font-weight:700;margin-bottom:4px}
.gate-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}
.gate-buttons button{padding:12px 20px;font-size:15px}
.gate-status{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.gate-pending{color:#b54708;font-weight:600}
.gate-history{list-style:none;padding:0;margin:8px 0 0;font-size:13px;color:var(--muted);max-height:220px;overflow:auto}
.gate-history li{padding:5px 0;border-bottom:1px solid var(--line)}
.gate-history li:last-child{border-bottom:none}