.directory-list{width:100%}
@media(min-width:1024px){.directory-list{display:flex;flex-wrap:wrap;gap:32px;width:auto}
.directory-list.items-length-1,.directory-list.items-length-2,.directory-list.items-length-3,.directory-list.items-length-4{flex-wrap:nowrap}
}
.directory-item{border-radius:var(--rds-radius-s);width:100%;background:var(--rds-color-surface-white);border:1px solid var(--rds-color-border-low)}
@media(min-width:1024px){.directory-item{width:288px}
}
.directory-item.disabled{pointer-events:none}
.directory-item.disabled .rp-icon{background-color:var(--rds-color-content-state-disabled)}
.directory-item.disabled .rp-icon .icon-rp{color:var(--rds-color-content-medium)}
.directory-item.disabled .text{color:var(--rds-color-content-medium)}
.directory-item .rp-icon{margin-right:16px;width:48px;height:48px;border-radius:var(--rds-radius-s);display:flex;align-items:center;justify-content:center;background-color:var(--rds-color-surface-highlighted-active)}
.directory-item .rp-icon span::before{background:var(--rds-color-content-highlightedIconOnly-AltGradientOrange);-webkit-background-clip:text;color:transparent;font-size:24px}
.directory-item .text{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.directory-item:not(:last-child){margin-bottom:10px}
@media(min-width:1024px){.directory-item:not(:last-child){margin-bottom:0}
}
.directory-link{display:flex;justify-content:flex-start;align-items:center;padding:16px}
@media(min-width:1024px){.directory-link{padding:24px}
}
@media(min-width:1024px){.rp-lubricantes-page .directory-list{display:flex;flex-wrap:wrap;gap:16px 32px;width:auto}
.rp-lubricantes-page .directory-list .directory-item{border-radius:var(--rds-radius-s);width:288px;background:#fff}
.rp-lubricantes-page .directory-list .directory-item a.directory-link{display:flex;justify-content:flex-start;align-items:center;padding:24px;color:var(--rds-color-content-medium);text-decoration:none}
}
@media(max-width:1024px){.rp-lubricantes-page .directory-list .directory-item{width:100%}
.rp-lubricantes-page .directory-list .directory-item a.directory-link{padding:16px}
.rp-lubricantes-page .directory-list .directory-item a.directory-link .rp-icon{height:40px;width:40px}
}