:root{
  --paper:#EFF2EF; --paper-raised:#F8FAF8; --ink:#16211F; --ink-soft:#4B5854;
  --ink-faint:#7C8985; --rule:#CBD4CE; --rule-soft:#DEE4E0;
  --rust:#A8451F; --rust-dark:#8A3818; --rust-tint:#F5E6DD;
  --verdi:#3E6358; --verdi-tint:#E4ECE8; --steel:#2C4A63; --white:#FFFFFF;
  --shadow: 0 1px 2px rgba(22,33,31,0.06), 0 8px 24px -12px rgba(22,33,31,0.15);
}

.mast{border-bottom:1px solid var(--rule); padding:16px 0; background:var(--paper);}
.mast-inner{max-width:1120px; margin:0 auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.mast-brand{font-family:'Open Sans',sans-serif; font-size:13.5px; letter-spacing:.02em; text-transform:none; color:var(--ink-soft); display:flex; align-items:center; gap:6px;}
  .mast-brand::before{content:"←"; color:var(--rust); font-weight:700; font-size:15px;}
.mast-brand strong{color:var(--ink); font-weight:600;}
.mast-brand a{color:var(--rust); text-decoration:none; font-weight:600; border-bottom:1px solid transparent; transition:border-color .15s ease;}
  .mast-brand a:hover{border-color:var(--rust);}
.mast-tag{font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.05em; color:var(--verdi); border:1px solid var(--verdi); border-radius:100px; padding:4px 12px;}

cimav-department main{width:min(1120px,92%);margin:auto;padding:46px 0 64px}
.cimav-department {font-family:'Open Sans',sans-serif; font-weight:600; margin:0 0 12px;color:var(--ink);font-size:clamp(14px,4vw,24px);line-height:1.12; letter-spacing:-.01em;}
.intro{max-width:900px;font-size:14px; color:var(--ink-soft);}

.hint{background:var(--verdi-tint);border-left:none;border:1px solid #C7D8D0;padding:16px 20px;border-radius:8px;margin:24px 0; color:var(--verdi); font-size:16px;}
.hint a{color:var(--verdi);font-weight:600;text-decoration:underline; text-underline-offset:2px;}

.form-label{display:block;font-family:'Open Sans',sans-serif; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-faint); font-weight:600;margin:28px 0 8px}
input[type=search]{width:100%;padding:13px 16px;border:1px solid var(--rule);border-radius:8px;font-size:14px; font-family:'Open Sans',sans-serif; background:var(--white); color:var(--ink);}
input[type=search]:focus{outline:none; border-color:var(--rust);}

.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 30px}
.filtro{border:1px solid var(--rule);background:var(--white);border-radius:100px;padding:8px 15px;cursor:pointer; font-family:'Open Sans',sans-serif; font-size:14px; color:var(--ink); transition:border-color .15s ease;}
.filtro:hover{border-color:var(--rust);}
.filtro.activo{background:var(--verdi);color:#fff;border-color:var(--verdi)}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tarjeta{position:relative; display:block; cursor:pointer; border:1px solid var(--rule);border-left:3px solid var(--rust);padding:20px 48px 20px 22px;background:var(--white); box-shadow:var(--shadow); transition:border-color .15s ease, background .15s ease, transform .15s ease;}
.tarjeta.seleccionada{background:var(--rust-tint); border-color:var(--rust-dark);}
.tarjeta-check{position:absolute; opacity:0; pointer-events:none;}
.tarjeta-mark{position:absolute; top:18px; right:18px; width:24px; height:24px; border:2px solid var(--rule); border-radius:6px; background:var(--white); transition:background .15s ease, border-color .15s ease;}
.tarjeta-mark::after{content:"";position:absolute; left:7px; top:3px; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(40deg); opacity:0;}
.tarjeta.seleccionada .tarjeta-mark{background:var(--rust); border-color:var(--rust);}
.tarjeta.seleccionada .tarjeta-mark::after{opacity:1;}
.tag{display:inline-block;font-family:'Open Sans',sans-serif; font-size:12px;letter-spacing:.03em;color:var(--verdi);background:var(--verdi-tint);padding:4px 9px;border-radius:100px;margin-bottom:9px; font-weight:600;}
.tarjeta h2{font-family:'Open Sans',sans-serif; font-weight:600; font-size:16px;margin:0 0 8px; color:var(--ink);}
.tarjeta p{margin:8px 0 0; color:var(--ink-soft); font-size:14px; font-weight:400;}
.tarjeta p.apps{font-size:14px;}
.tarjeta p.apps strong{color:var(--ink);}
.tarjeta-cta{display:inline-block; margin-top:14px; font-family:'Open Sans',sans-serif; font-size:12px; font-weight:400; color:var(--rust);}
.tarjeta.seleccionada .tarjeta-cta{color:var(--verdi);}

.vacio{grid-column:1/-1;text-align:center;padding:30px;background:var(--paper-raised);border:1px solid var(--rule-soft); border-radius:8px;color:var(--ink-faint);}

.boton{display:inline-block;margin-top:8px;padding:12px 22px;color:#fff;background:var(--rust);border:1px solid var(--rust);border-radius:100px;text-decoration:none;font-weight:600; font-size:12px; transition:background .15s ease; cursor:pointer;}
.boton:hover{background:var(--rust-dark);}

.seleccion-bar{position:fixed; left:0; right:0; bottom:0; z-index:80; background:var(--ink); color:#fff; box-shadow:0 -6px 20px rgba(0,0,0,.18);}
.seleccion-bar-inner{width:min(1120px,92%); margin:0 auto; padding:14px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.seleccion-count{font-family:'Open Sans',sans-serif; font-weight:600; font-size:14px;}
.seleccion-count span{color:#B9C4BE; font-weight:400; font-size:14px; display:block; margin-top:1px;}
.seleccion-actions{display:flex; align-items:center; gap:18px;}
.seleccion-clear{background:transparent; border:0; color:#B9C4BE; font-family:'Open Sans',sans-serif; font-size:12px; text-decoration:underline; cursor:pointer; padding:0;}
.seleccion-clear:hover{color:#fff;}
.seleccion-bar .boton{margin-top:0;}
main{padding-bottom:90px;}

.cta{background:var(--rust-tint);border:1px solid #E4C3AF; border-left:none; padding:30px 32px;margin:40px 0 0;}
.cta h2{font-family:'Open Sans',sans-serif; font-style:italic; font-weight:600; font-size:1.35rem; margin:0 0 14px; color:var(--rust-dark);}
.cta p{color:#5A3524; max-width:70ch; margin:0 0 16px;}
.cta .boton{margin-bottom:20px;}
.cta p:last-child{font-size:.92rem; border-top:1px solid #E4C3AF; padding-top:16px; margin-top:4px;}
.cta p:last-child strong{font-family:'Open Sans',sans-serif; font-size:1.02rem; display:block; margin-bottom:2px; color:var(--rust-dark);}

footer.foot{background:var(--ink); color:#B9C4BE; padding:20px 0; font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.03em; margin-top:20px;}
footer.foot .mast-inner{max-width:1120px;}

@media(max-width:760px){.grid{grid-template-columns:1fr}}

.dmie-subnav-wrap{position:sticky; top:0; z-index:60; background:var(--paper); border-bottom:1px solid var(--rule);}
.dmie-subnav {max-width:1120px; margin:0 auto; padding:12px 28px; display:flex; gap:4px; align-items:center; flex-wrap:wrap;}
.dmie-subnav a{font-family:'Open Sans',sans-serif; font-size:.9rem; font-weight:600; color:var(--ink-soft); text-decoration:none; padding:8px 14px; border-radius:100px; transition:background .15s ease, color .15s ease; white-space:nowrap;}

.dmie-subnav a.activo{background:var(--verdi); color:#fff;}
@media(max-width:760px){.dmie-subnav{overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch;}}