body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2327;background:#fbfaf7}
.dir{max-width:62rem;margin:0 auto;padding:28px 16px 56px}
.dir a{color:#1f6f5c}
.dir h1{font-size:30px;line-height:1.2;margin:8px 0 6px}
.dir h2{font-size:21px;margin:32px 0 10px}
.dir .lead{font-size:18px;color:#4a5056;margin:0 0 24px}
.dir .migas{font-size:14px;color:#6b7177}
.dir .lista{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.dir .ficha{background:#fff;border:1px solid #e4e2dc;border-radius:10px;padding:16px 18px}
.dir .ficha h3{font-size:18px;margin:0 0 4px}
.dir .ficha p{margin:4px 0}
.dir .dato{font-size:15px;color:#4a5056}
.dir .acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dir .acciones a{font-size:15px;padding:6px 12px;border:1px solid #1f6f5c;border-radius:6px;text-decoration:none}
.dir .grupos{columns:2 16rem;padding-left:18px}
.dir footer{margin-top:40px;font-size:14px;color:#6b7177}
/* Ola 413: el blog. */
.blog article{max-width:44rem}
.blog article h2{font-size:22px;margin:28px 0 8px}
.blog article h3{font-size:18px;margin:20px 0 6px}
.blog article p,.blog article li{font-size:17px;line-height:1.65}
.blog img{max-width:100%;height:auto;border-radius:10px}
.blog .blog-hero{margin:12px 0 20px}