.directorioPage{min-height:100dvh;padding-bottom:calc(var(--space-xl) + 72px)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directorioPage__hero{border-radius:0;justify-content:center;align-items:center;height:256px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.directorioPage__hero{height:320px;margin:var(--space-md);border-radius:var(--radius-xl)}}.directorioPage__hero-bg{position:absolute;inset:0}.directorioPage__hero-img{background-position:50%;background-size:cover;width:100%;height:100%}.directorioPage__hero-overlay{-webkit-backdrop-filter:blur(2px);background-color:#012d1d66;position:absolute;inset:0}.directorioPage__hero-content{z-index:10;text-align:center;width:100%;max-width:640px;padding:0 var(--space-gutter);position:relative}.directorioPage__hero-title{font-family:var(--font-headline);font-size:var(--fs-headline-lg);font-weight:var(--fw-bold);color:var(--color-on-primary);margin-bottom:var(--space-md);text-shadow:0 2px 12px #0000004d}.directorioPage__search-wrap{align-items:center;display:flex;position:relative}.directorioPage__search-icon{left:var(--space-sm);color:var(--color-outline);z-index:1;font-size:22px;position:absolute}.directorioPage__search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 48px;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);font-family:var(--font-body);font-size:var(--fs-body-md);color:var(--color-on-surface);box-shadow:var(--shadow-xl);transition:box-shadow var(--transition-fast);border:none;outline:none}.directorioPage__search-input:focus{box-shadow:0 0 0 2px var(--color-primary), var(--shadow-xl)}.directorioPage__filters{padding:var(--space-lg) 0 var(--space-md)}.directorioPage__filter-list{gap:var(--space-sm);padding-bottom:var(--space-xs);align-items:center;display:flex;overflow-x:auto}.directorioPage__filter-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-family:var(--font-body);font-size:var(--fs-label-md);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #c1c8c24d;display:flex}.directorioPage__filter-btn:hover{background-color:var(--color-surface-variant)}.directorioPage__filter-btn:active{transform:scale(.95)}.directorioPage__filter-btn--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.directorioPage__filter-icon{font-size:18px}.directorioPage__grid-section{padding-bottom:var(--space-xl)}.directorioPage__empty{text-align:center;padding:var(--space-xl);font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--color-on-surface-variant)}.directorioPage__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.directorioPage__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.directorioPage__grid{grid-template-columns:repeat(3,1fr)}}