/* ASTANA Fase 1: portal de herramientas */
.ast-tools-home{background:#183440;padding:58px 20px;color:#fff}
.ast-tools-container{max-width:1100px;margin:auto}
.ast-tools-home h2{text-align:center;color:#fff;font-size:32px;margin:0 0 30px}
.ast-tools-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ast-tools-card{background:#fff;border-radius:10px;padding:24px;min-height:195px;color:#183440;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.ast-tools-card h3{font-size:19px;border-bottom:1px solid #dce3e6;padding-bottom:18px;margin:0 0 16px;color:#183440}
.ast-tools-card h3 i{margin-right:9px}
.ast-tools-card a{color:#183440;text-decoration:none;display:flex;justify-content:space-between;gap:10px;padding:10px 5px;border-radius:5px;line-height:1.5}
.ast-tools-card a:hover,.ast-tools-card a:focus-visible{background:#edf4f7;text-decoration:underline}
.ast-tools-all{text-align:center;margin-top:24px}.ast-tools-all a{color:#fff;font-weight:700}
.ast-directory{max-width:1140px;margin:45px auto 75px;padding:0 20px;min-height:60vh;color:#183440}
.ast-directory h1{font-size:36px;margin-bottom:20px}
.ast-directory-filter{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#fff;border:1px solid #d6e0e4;border-radius:10px}
.ast-directory-filter label{display:block;font-weight:700;font-size:13px;margin-bottom:10px}
.ast-directory-filter input{width:100%;padding:12px;border:1px solid #cbd6db;border-radius:5px;box-sizing:border-box}
.ast-filter-buttons{display:flex;flex-wrap:wrap;gap:6px}
.ast-filter-buttons button{border:1px solid #cbd6db;border-radius:5px;background:white;color:#183440;padding:10px 13px;cursor:pointer}
.ast-filter-buttons button[aria-pressed="true"]{background:#183440;color:#fff}
.ast-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.ast-directory-item{display:block;padding:23px 20px;border:1px solid #d6e0e4;border-radius:9px;background:#fff;color:#183440;text-decoration:none;line-height:1.5}
.ast-directory-item:hover,.ast-directory-item:focus-visible{background:#edf4f7;border-color:#183440}
.ast-directory-count{margin-top:20px;color:#435b66;font-size:13px}
.ast-directory-empty{margin:20px 0}
@media(max-width:800px){.ast-tools-cards,.ast-directory-grid,.ast-directory-filter{grid-template-columns:1fr}.ast-tools-home{padding:38px 16px}}

/* Respetar el atributo hidden incluso cuando el componente tenga display:block */
.ast-directory-item[hidden], .ast-directory-empty[hidden] { display: none !important; }