.ahura-platform-slider { --platform-desktop: 5; --platform-tablet: 3; --platform-mobile: 1; --platform-gap: 12px; --platform-icon-size: 44px; --platform-columns: var(--platform-desktop); background: transparent; width: 100%; min-width: 0; }
.ahura-platform-slider *, .ahura-platform-slider *::before { box-sizing: border-box; }
.ahura-platform-slider [hidden] { display: none; }
.ahura-platform-slider__track { display: flex; gap: var(--platform-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; padding: 3px; }
.ahura-platform-slider__track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.ahura-platform-slider .ahura-platform-slider__card { flex: 0 0 calc((100% - (var(--platform-columns) - 1) * var(--platform-gap)) / var(--platform-columns)); min-width: 0; display: flex; align-items: center; gap: 14px; min-height: 0; padding: 14px 16px; border: 1px solid #eee6dd; border-radius: 21px; background: #fff; color: #202b40; text-decoration: none; scroll-snap-align: start; }
.ahura-platform-slider__icon { display: inline-flex; flex: 0 0 var(--platform-icon-size); align-items: center; justify-content: center; width: var(--platform-icon-size); height: var(--platform-icon-size); border-radius: 14px; background: #b0ebff; color: #005575; font-size: 15px; font-weight: 700; overflow: hidden; }
.ahura-platform-slider__icon svg { width: 18px; height: 18px; fill: currentColor; }
.ahura-platform-slider__icon i { font-size: 18px; }
.ahura-platform-slider__text { flex: 1; min-width: 0; text-align: start; }
.ahura-platform-slider__title { display: block; color: #202b40; font-size: 15px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.ahura-platform-slider .ahura-platform-slider__subtitle { display: block; margin-top: 2px; font-family: monospace; color: #8d8999; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; text-align: right; }
.ahura-platform-slider .ahura-platform-slider__card:hover { background: #faf7fc; }
.ahura-platform-slider :is(a, button, [tabindex]):focus-visible { outline: 2px solid #8864b4; outline-offset: -2px; }
.ahura-platform-slider__navigation { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; margin-top: 10px; }
.ahura-platform-slider__navigation button { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; cursor: pointer; }
.ahura-platform-slider__navigation button::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #d8d2df; }
.ahura-platform-slider__navigation button[aria-current="true"]::before { background: #8864b4; }
.ahura-platform-slider__navigation button:hover::before { background: #a78ac7; }
@media (max-width: 1023px) { .ahura-platform-slider { --platform-columns: var(--platform-tablet); } }
@media (max-width: 767px) { .ahura-platform-slider { --platform-columns: var(--platform-mobile); } }