/* Load after 00-moonshot-foundation.css when this component is used. */

        .moonshot-numeros-verisure {
            background-color: var(--ms-red);
            padding: 64px 71px;
            font-family: var(--ms-font);
        }

        .moonshot-numeros-verisure *,
        .moonshot-numeros-verisure *::before,
        .moonshot-numeros-verisure *::after {
            box-sizing: border-box;
        }

        .moonshot-numeros-verisure__content {
            max-width: 1400px;
            margin: 0 auto;
        }

        .moonshot-numeros-verisure__header {
            max-width: 620px;
            margin: 0 auto 32px;
            text-align: center;
            color: var(--ms-white);
        }

        .moonshot-numeros-verisure__title {
            margin: 0 0 12px;
            color: var(--ms-white);
            font-family: var(--ms-font);
            font-size: 24px;
            font-weight: 700;
            line-height: 1.2;
        }

        .moonshot-numeros-verisure__subtitle {
            max-width: 560px;
            margin: 0 auto;
            color: var(--ms-white);
            font-size: 14px;
            font-weight: 400;
            line-height: 1.35;
        }

        .moonshot-numeros-verisure__carousel {
            position: relative;
            width: 100%;
            overflow: visible !important;
        }

        .moonshot-numeros-verisure__viewport {
            position: relative;
            width: 100%;
            overflow: visible !important;
        }

        .moonshot-numeros-verisure__track {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 32px;
            width: 100%;
            height: auto;
            transition: none;
        }

        .moonshot-numeros-verisure__card {
            width: auto;
            min-width: 0;
            max-width: none;
            min-height: 259px;
            margin: 0;
            padding: 32px;
            border-radius: 18px;
            background-color: var(--ms-white);
            color: var(--ms-white);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .moonshot-numeros-verisure__card h3 {
            margin: 0 0 14px;
            color: var(--ms-gray);
            font-family: var(--ms-font);
            font-size: 14px;
            font-weight: 700;
            line-height: 1.35;
        }

        .moonshot-numeros-verisure__card p {
            margin: 0;
            color: var(--ms-gray);
            font-size: 13px;
            font-weight: 400;
            line-height: 1.4;
        }

        .moonshot-numeros-verisure__nav,
        .moonshot-numeros-verisure__pagination {
            display: none !important;
        }

        .moonshot-numeros-verisure__nav:focus,
        .moonshot-numeros-verisure__nav:focus-visible,
        .moonshot-numeros-verisure__nav:active {
            outline: 0;
            box-shadow: none;
        }

        .moonshot-numeros-verisure__card--title {
            font-size: 36px !important;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
        }

        .moonshot-numeros-verisure__card--text,
        .moonshot-numeros-verisure__subtitle {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

        @media (min-width: 768px) {
            .moonshot-numeros-verisure__track {
                display: grid !important;
                width: 100% !important;
                height: auto !important;
                transform: none !important;
                transition: none !important;
            }

            .moonshot-numeros-verisure__card {
                flex: none !important;
                width: auto !important;
                max-width: none !important;
                margin: 0 !important;
            }
        }

        @media (max-width: 767.98px) {
            .moonshot-numeros-verisure {
                padding: 32px 16px;
            }

            .moonshot-numeros-verisure__header {
                max-width: 100%;
                margin-bottom: 22px;
            }

            .moonshot-numeros-verisure__title {
                margin-bottom: 12px;
                font-size: 22px;
            }

            .moonshot-numeros-verisure__subtitle {
                max-width: 290px;
                font-size: 11px;
                line-height: 1.45;
            }

            .moonshot-numeros-verisure__carousel {
                width: 100%;
                max-width: 360px;
                margin: 0 auto;
                padding: 0;
                overflow: visible !important;
            }

            .moonshot-numeros-verisure__viewport {
                width: auto;
                margin: 0 34px;
                overflow: hidden !important;
            }

            .moonshot-numeros-verisure__track {
                display: flex !important;
                gap: 16px;
                width: 100%;
                height: auto !important;
                transition: transform 350ms ease;
            }

            .moonshot-numeros-verisure__viewport.is-swiper-ready .moonshot-numeros-verisure__track,
            .moonshot-numeros-verisure__viewport.swiper-initialized .moonshot-numeros-verisure__track,
            .moonshot-numeros-verisure__viewport.swiper-container-initialized .moonshot-numeros-verisure__track {
                gap: 0;
            }

            .moonshot-numeros-verisure__card {
                flex: 0 0 100%;
                width: 100%;
                min-height: 178px;
                margin: 0;
                padding: 24px 22px;
                border-radius: 16px;
            }

            .moonshot-numeros-verisure__viewport.is-swiper-ready .moonshot-numeros-verisure__card,
            .moonshot-numeros-verisure__viewport.swiper-initialized .moonshot-numeros-verisure__card,
            .moonshot-numeros-verisure__viewport.swiper-container-initialized .moonshot-numeros-verisure__card {
                flex: 0 0 auto !important;
            }

            .moonshot-numeros-verisure__card h3 {
                font-size: 12px;
            }

            .moonshot-numeros-verisure__card p {
                font-size: 11px;
                line-height: 1.45;
            }

            .moonshot-numeros-verisure__nav {
                position: absolute;
                top: 50%;
                z-index: 3;
                display: block !important;
                width: 20px;
                height: 36px;
                margin: 0;
                border: 0;
                background: transparent;
                color: var(--ms-white) !important;
                cursor: pointer;
                transform: translateY(-50%);
            }

            .moonshot-numeros-verisure__nav::before,
            .moonshot-numeros-verisure__nav::after {
                content: "";
                position: absolute;
                left: 7px;
                width: 2px;
                height: 16px;
                border-radius: 2px;
                background-color: currentColor;
            }

            .moonshot-numeros-verisure__nav--prev {
                left: 0;
            }

            .moonshot-numeros-verisure__nav--next {
                right: 0;
            }

            .moonshot-numeros-verisure__nav--prev::before {
                top: 5px;
                transform: rotate(45deg);
            }

            .moonshot-numeros-verisure__nav--prev::after {
                bottom: 5px;
                transform: rotate(-45deg);
            }

            .moonshot-numeros-verisure__nav--next::before {
                top: 5px;
                transform: rotate(-45deg);
            }

            .moonshot-numeros-verisure__nav--next::after {
                bottom: 5px;
                transform: rotate(45deg);
            }

            .moonshot-numeros-verisure__nav--next::before,
            .moonshot-numeros-verisure__nav--next::after {
                left: 11px;
            }

            .moonshot-numeros-verisure__pagination.swiper-pagination {
                position: static !important;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 4;
                display: flex !important;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 100%;
                height: 12px;
                margin-top: 24px;
                transform: none !important;
            }

            .moonshot-numeros-verisure__pagination .swiper-pagination-bullet {
                display: block !important;
                flex: 0 0 auto;
                width: 8px;
                height: 8px;
                padding: 0 !important;
                border: 0 !important;
                margin: 0 !important;
                border-radius: 50%;
                background-color: var(--ms-white);
                font-size: 0;
                opacity: 0.45;
            }

            .moonshot-numeros-verisure__pagination .swiper-pagination-bullet-active {
                opacity: 1;
            }
        }