:root{--navy:#0c3449;--blue:#005b89;--cyan:#00a9d6;--ink:#16394b;--muted:#526977;--line:#dce5ea;--surface:#f4f7f9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.identity{height:126px;display:flex;align-items:center;justify-content:space-between;gap:32px}body:before{content:"";position:absolute;inset:0 0 auto;height:126px;background:white;z-index:-1}.ucr{width:290px;max-height:78px}.units{display:flex;align-items:center;gap:64px}.vra{width:170px}.oaf{width:168px;max-height:65px}.institutional-band{height:32px;background:var(--navy)}.intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 34px;gap:24px}h1{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.2px;line-height:1.2;margin:0;font-weight:600}.lead{color:var(--muted);font-size:17px;line-height:1.6;margin:15px 0 0}.catalog-mark{display:grid;grid-template-columns:repeat(2,24px);gap:7px;transform:rotate(-7deg);margin-right:22px}.catalog-mark span{height:24px;border:2px solid #8dc4db;border-radius:5px}.catalog-mark span:first-child{background:var(--blue);border-color:var(--blue)}.catalog-mark span:last-child{background:#c4eaf5;border-color:#c4eaf5}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 26px}.search{display:flex;align-items:center;gap:12px;border:1px solid #cad8e1;border-radius:8px;background:white;padding:0 17px;width:min(590px,100%);height:54px}.search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.search img{width:22px;opacity:.6}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.search kbd{border:1px solid var(--line);border-radius:4px;color:#7d909b;padding:2px 7px}#count{font-size:14px;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px 25px 20px;display:flex;flex-direction:column;min-height:245px;transition:box-shadow .18s,border-color .18s}.card:hover{border-color:#9ec7da;box-shadow:0 8px 24px #0c344909}.card-top{display:flex;align-items:center;justify-content:space-between}.icon{width:50px;height:50px;border-radius:10px;background:var(--category-tint,#eaf5fa);display:grid;place-items:center}.icon img{width:28px;height:28px;opacity:.8}.category{font-size:12px;color:var(--muted)}h2{font-size:21px;margin:19px 0 8px;letter-spacing:-.3px}.description{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 24px}.card-bottom{margin-top:auto;border-top:1px solid #edf1f4;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.pending{color:#687e8b}.card-bottom img{width:18px;opacity:.4}.help{margin:35px 0 48px;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.help strong{font-size:15px}.help p{font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.5}.help a{font-size:14px;white-space:nowrap}footer{background:white;border-top:1px solid var(--line)}.footer-inner{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer-inner p{margin:7px 0 0;color:var(--muted)}.footer-inner>span{color:var(--muted);font-size:12px}.empty{text-align:center;padding:45px;border:1px dashed #b9ccd7;border-radius:10px}.empty p{color:var(--muted)}button{cursor:pointer;background:var(--blue);color:white;padding:10px 18px;border:0;border-radius:5px}.skip{position:absolute;top:-80px;left:15px;padding:15px;background:white;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #007ba8;outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.units{gap:24px}.vra{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ucr{width:260px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.identity{height:98px;gap:20px}body:before{height:98px}.ucr{width:195px;max-width:100%}.oaf{width:104px}.intro{padding:30px 0 26px}.catalog-mark{display:none}h1{letter-spacing:-.7px}.lead{font-size:16px}.toolbar{flex-wrap:wrap;gap:8px}.toolbar p{margin:4px 0 0}.grid{grid-template-columns:1fr;gap:15px}.card{min-height:230px;padding:22px}.help,.footer-inner{align-items:flex-start;flex-direction:column}.help{margin-bottom:24px}.search kbd{display:none}}

/* Catálogo inspirado en APEX: filtros y acentos funcionales compartidos. */
[data-category="conocimiento"]{--category-tint:#E6E6FA;--category-color:#9B5DE5;--category-border:#9B5DE5;--category-active-ink:#101820}
[data-category="gestion"]{--category-tint:#A7C7E7;--category-color:#3A86FF;--category-border:#3A86FF;--category-active-ink:#101820}
[data-category="colaboracion"]{--category-tint:#AFEEEE;--category-color:#00B4D8;--category-border:#00B4D8;--category-active-ink:#101820}
[data-category="finanzas"]{--category-tint:#AAF0D1;--category-color:#2EC4B6;--category-border:#2EC4B6;--category-active-ink:#101820}
[data-category="pagos"]{--category-tint:#FFDAB9;--category-color:#FB8B24;--category-border:#FB8B24;--category-active-ink:#101820}
.filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.filter{min-height:42px;border-radius:999px;padding:10px 19px;border:1px solid var(--category-border,var(--line));background:var(--category-tint,#edf2f5);color:var(--ink);font-size:14px;line-height:1.4;transition:box-shadow .18s,background .18s}
.filter:hover{box-shadow:0 3px 10px #0c344915}
.filter[aria-pressed="true"]{background:var(--category-color,var(--blue));border-color:var(--category-color,var(--blue));color:var(--category-active-ink,white);box-shadow:0 0 0 2px white,0 0 0 3px var(--category-color,var(--blue))}
.card{border-radius:17px;min-height:290px;box-shadow:0 7px 20px #16394b0b;padding:25px;transition:box-shadow .18s,border-color .18s}
.card:hover{border-color:var(--category-border,var(--line));box-shadow:0 10px 26px #16394b14}
.icon{width:58px;height:58px;border-radius:15px;background:var(--category-color,var(--blue))}
.icon img{width:34px;height:34px;filter:brightness(0) invert(1);opacity:1}
.card .description{margin-bottom:20px}
.card .category{margin:0 0 18px;margin-top:auto;font-size:12px;line-height:1.5;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.card-bottom{margin-top:0}
@media(max-width:600px){.filters{gap:10px;margin-bottom:24px}.filter{padding:9px 14px}.card{min-height:270px;padding:22px}}
@media(prefers-reduced-motion:reduce){.card,.filter{transition:none}}


/* Tarjeta completa como enlace; proporción de referencia 380 × 290. */
#apps.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#apps .card{color:var(--ink);text-decoration:none;min-width:0;min-height:0;aspect-ratio:38/29;padding:18px;border-radius:14px;overflow-wrap:anywhere}
#apps a.card{cursor:pointer}
#apps a.card:hover{text-decoration:none;border-color:var(--category-color,var(--blue))}
#apps a.card:focus-visible{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 10px 26px #16394b14}
#apps .icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}
#apps .icon img{width:28px;height:28px}
#apps .card h2{font-size:19px;line-height:1.25;margin:12px 0 6px}
#apps .card .description{font-size:15px;line-height:1.45;margin:0 0 14px}
#apps .card .category{margin:auto 0 0;line-height:1.5}
@media(max-width:1100px){#apps.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#apps.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#apps.grid{grid-template-columns:1fr}#apps .card{aspect-ratio:auto;min-height:220px}}