:root{--papel:#ffffff;--tinta:#111522;--suave:#5b6478;--rojo:#e0321c;--azul:#1f4fff;--verde:#0f7a3a;--linea:#e2e6ef;--fondo2:#f4f6fb;
--serif:"EB Garamond",Garamond,Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--serif);font-size:19px;line-height:1.5}
a{color:inherit}
.col{max-width:860px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top{display:flex;justify-content:space-between;align-items:center;padding-block:20px;border-bottom:1px solid var(--linea);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.top a{text-decoration:none;color:var(--suave)} .top a:hover{color:var(--tinta)}
.top img{height:22px;width:auto;display:block}
header{padding-block:44px 28px}
.eti{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rojo)}
h1{font-weight:500;font-size:clamp(36px,6vw,56px);line-height:1.02;margin:8px 0 10px;text-wrap:balance}
h2{font-weight:500;font-size:28px;margin:4px 0 12px}
.lead{color:var(--suave);font-size:21px;margin:0}
section{padding-block:32px;border-top:1px solid var(--linea)}
.carpetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.carpeta{position:relative;display:block;text-decoration:none;border:1.5px solid var(--tinta);padding:30px 22px 20px;min-width:0;background:var(--papel)}
.carpeta::before{content:"";position:absolute;top:-12px;left:-1.5px;width:42%;height:12px;border:1.5px solid var(--tinta);border-bottom:0;background:var(--papel)}
.carpeta:hover,.carpeta:focus-visible{background:var(--fondo2);outline:none}
.carpeta b{display:block;font-weight:500;font-size:30px;line-height:1.05;letter-spacing:.01em}
.carpeta span{display:block;color:var(--suave);font-size:16px;margin-top:6px}
.carpeta i{font-style:normal;display:inline-block;margin-top:14px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border:1px solid currentColor}
.estado-ok{color:var(--verde)} .estado-pend{color:var(--rojo)} .estado-nada{color:var(--suave)}
.lista{list-style:none;padding:0;margin:0}
.lista li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--linea)}
.lista li > :first-child{font:400 13px/1.9 var(--mono);color:var(--suave)}
.lista li > div{min-width:0}
code{font:400 14px var(--mono);background:var(--fondo2);padding:1px 5px;border-radius:3px;word-break:break-all}
.dos{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:32px;align-items:start}
.dos img{width:100%;height:auto;display:block;box-shadow:0 8px 24px rgba(17,21,34,.16)}
.pend li{margin:6px 0}
footer{padding-block:28px 60px;border-top:1px solid var(--linea);color:var(--suave);font-size:15px}
@media (max-width:620px){.dos{grid-template-columns:1fr}.dos img{max-width:200px}.lista li{grid-template-columns:1fr;gap:2px}}