get_header(); ?>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #060d1a;
    font-weight: 400;
    color: #fff;
    overflow-x: hidden;
}

/* ══ LP SCOPED FONTS — does not affect footer ══ */
.lp-loyalty h1,
.lp-loyalty h2 {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty p {
    font-family: "Inter", sans-serif;
}

.lp-loyalty a {
    font-family: "Syncopate", sans-serif;
}


.lp-loyalty .tcs {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .tcs-cta {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .day-label {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-badge {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-title {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty .card-hint {
    font-family: "Inter", sans-serif !important;


}

/* ══ FOOTER RESET — force site default font ══ */
.site-footer,
.site-footer * {
    font-family: "PP Telegraf", sans-serif !important;
}

/* ══ HERO ══ */
.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% center;
    z-index: 0;
}

.hero-bg-mobile {
    display: none;
}

@media(max-width:768px) {
    .hero-bg-desktop {
        display: none;
    }

    .hero-bg-mobile {
        display: block;
        object-position: center center;
    }
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 9, 20, .88) 0%, rgba(4, 9, 20, .70) 25%, rgba(4, 9, 20, .20) 50%, rgba(4, 9, 20, 0) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 0 0 0 5%;
    max-width: 70%;
    width: 100%;
    margin-top: 15rem;
}

.hero-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 1.2rem;
}

.hero-subtitle {
    font-size: 27px;
    font-weight: 400;
    color: rgba(255, 255, 255, .88);
    line-height: 30px;
    margin-bottom: 1.8rem;
}

.btn-participate {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 13.51px 36.671px 11px 36.671px;
}

.hero-cta-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.tcs {
    font-size: 15px;
    color: rgba(196, 196, 196, 1);
    display: block;
}

/* ══ SECTIONS WRAP ══ */
.sections-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sections-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    z-index: 0;
}

.sections-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 10, 24, .78);
    z-index: 1;
}

/* ══ WHAT IS ══ */
.what-is {
    position: relative;
    z-index: 2;
    padding: 80px 2rem 60px;
    text-align: center;
}

.what-is-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.what-is-title .white {
    color: #fff;
}

.what-is-title .green {
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.what-is-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
    max-width: 31%;
    margin: 0 auto 2.5rem;
}

.days-widget {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    border: 1px solid rgba(57, 255, 90, .25);
    border-radius: 50px;
    padding: 1.2rem 2.5rem;
    margin-bottom: 2.5rem;
    backdrop-filter: blur(6px);
}

.day-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.day-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(122, 255, 50, 0.99);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 900;
    color: #000;
    box-shadow: 0 0 20px rgba(57, 255, 90, .45);
}

.day-label {
    font-size: .72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .6);
    letter-spacing: .03em;
}

.day-pct {
    font-size: .9rem;
    font-weight: 700;
    color: #39ff5a;
}

.days-arrow {
    color: rgba(255, 255, 255, .5);
    margin-top: -46px;
}

.day-note {
    font-size: 32px;
}

/* ══ HOW IT WORKS ══ */
.how-it-works {
    position: relative;
    z-index: 2;
    padding: 60px 2rem 80px;
    text-align: center;
}

.how-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .8rem;
}

.how-sub {
    font-size: 24px;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 3rem;
}

.step-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 2.5rem;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.step-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0d1f38;
    border: 2px solid #5163EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    z-index: 1;
}

.step-line {
    flex: 1;
    height: 4px;
    background: #7aff32;
    box-shadow: 0 0 8px rgba(57, 255, 90, .5);
}

.steps-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 0;
    max-width: 65%;
    margin: 0 auto 3rem;
}

.step-card {
    background: rgba(10, 20, 48, .75);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    padding: 2rem 1.5rem 1.8rem;
    text-align: center;
    backdrop-filter: blur(4px);
    position: relative;
    height: 100%;
}

.step-badge {
    display: inline-block;
    color: #39ff5a;
    background: #112325;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 2px 11px;
    border-radius: 20px;
    margin-bottom: 1.4rem;
    border: 2px solid #1d2e30;
}

.step-icon-wrap {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.4rem;
    border-radius: 50%;
    border: var(--stroke-weight-1, 0.999px) solid #2235C5;
    background: #161A3E;
    box-shadow: 0 0 16.5px 0 rgba(255, 255, 255, 0.30);
}

.step-icon-wrap img {
    height: auto;
    width: auto;
}

.step-title {
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem;
}

.step-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .55);
    line-height: 1.55;
}

.step-arrow {
    font-size: 1.4rem;
    color: rgba(100, 150, 255, .7);
    padding: 0 1rem;
    flex-shrink: 0;
}

.how-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-cta .btn-join {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.mobile-left .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
}

.how-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0px;
}

.section-divider {
    display: none;
}


.days-note {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 16.992px rgba(0, 0, 0, 0.50);
    font-family: "PP Telegraf";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 33.6px */
    letter-spacing: 0.48px;

}

/* ══ REDEEM / REWARDS SLIDER ══ */
.redeem {
    position: relative;
    width: 100%;
    padding: 80px 0 70px;
    text-align: center;
    background: radial-gradient(118.2% 118.2% at 50% 104.77%, #3d6fe3 0%, #010a19 53.03%);
}

.redeem::before {
    left: 0;
    background: linear-gradient(to right, #010a19 0%, #010a19 20%, transparent 100%);
}

.redeem-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0 2rem;
}

.redeem-sub {
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 3rem;
    padding: 0 2rem;
}

.redeem-slider-wrapper {
    position: relative;
    width: 100%;
    padding: 10px 0 30px;
}

.redeem-swiper {
    width: 100%;
    padding: 10px 20px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

.redeem-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.reward-card {
    background: rgb(6, 11, 35);
    border-radius: 16px;
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    cursor: grab;
}

.reward-card:active {
    cursor: grabbing;
}

.reward-card:hover {
    transform: translateY(-6px);
    border-color: rgba(122, 255, 50, .3);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
}

.reward-card.featured {
    border-color: rgba(255, 255, 255, .18);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}

.card-img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.card-body {
    padding: 1.2rem 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .3rem;
}

.reward-card .card-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, .42);
    line-height: 1.55;
    flex: 1;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-coins {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .95rem;
    font-weight: 700;
    color: #39ff5a;
}

.coin-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffe066, #f5a623);
    flex-shrink: 0;
    display: inline-block;
}

.redeem-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .7rem;
    padding: 0 2rem;
    margin-top: 1.5rem;
}

.redeem-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

.btn-earn {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/* ══ COINS SECTION ══ */
.coins-section {
    width: 100%;
    overflow: visible;
    padding: 90px 2rem 100px;
    text-align: center;
}

.coins-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 1.2rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.coins-sub {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    margin-bottom: 4rem;
}

.coins-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4rem;
    max-width: 1060px;
    margin: 0 auto;
    padding: 10px;
}

.coin-card {
    background: rgba(8, 15, 40, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 2rem 1.8rem;
    text-align: left;
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.coins-section .coins-grid>.coin-card:nth-child(2) {
    border-color: rgba(61, 111, 227, .55) !important;
    box-shadow: 0 0 0 1px rgba(61, 111, 227, .55), 0 0 30px rgba(61, 111, 227, .3), 0 0 60px rgba(61, 111, 227, .15) !important;
}

.coin-card:hover {
    transform: translateY(-4px);
}

.coin-card.featured {
    background: rgba(10, 20, 55, .75);
}

.card-header {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.6rem;
}

.card-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}

.coin-card .card-type {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7AFF32;
    margin-bottom: 1rem;
}

.coin-card .card-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    line-height: 1.6;
    flex: 1;
}

/* ══ MOBILE APP SECTION ══ */
.mobile-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.mobile-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.mobile-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 18, .45);
    z-index: 1;
}

.mobile-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 6%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.mobile-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin-bottom: 1.6rem;
}

.mobile-title .white {
    display: block;
    color: #fff;
}

.mobile-title .green {
    display: block;
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.mobile-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, .75);
    line-height: 1.65;
    max-width: 460px;
    margin-bottom: 2.2rem;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2.5rem;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.feature-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.feature-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: .2rem;
    text-transform: none !important;
}

.feature-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-transform: none !important;
}

.store-badges {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
}

.store-badge {
    display: flex;
    align-items: center;
    gap: .6rem;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: border-color .2s ease;
    min-width: 140px;
}

.store-badge:hover {
    border-color: rgba(255, 255, 255, .5);
}

.mobile-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phone-img {
    width: 100%;
    max-width: 380px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .6));
}

/* ══ SOCIAL SECTION ══ */
.social-section {
    width: 100%;
    padding: 80px 2rem 90px;
    text-align: center;
    background: rgba(1, 10, 25, 1);
}

.social-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .75rem;
}

.social-sub {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 3.5rem;
}

.social-grid {
    display: flex;
    justify-content: center;
    gap: 1rem;
    max-width: 1060px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.social-card {
    background: rgba(8, 14, 35, .95);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: 2rem 1.2rem 1.6rem;
    width: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
    cursor: pointer;
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.card-body {
    margin-top: 4px;
}

.social-card:hover {
    transform: translateY(-5px);
}

.social-card.fb:hover {
    border-color: rgba(24, 119, 242, .5);
    box-shadow: 0 10px 30px rgba(24, 119, 242, .15);
}

.social-card.yt:hover {
    border-color: rgba(255, 0, 0, .5);
    box-shadow: 0 10px 30px rgba(255, 0, 0, .15);
}

.social-card.li:hover {
    border-color: rgba(10, 102, 194, .5);
    box-shadow: 0 10px 30px rgba(10, 102, 194, .15);
}

.social-card.x:hover {
    border-color: rgba(255, 255, 255, .3);
    box-shadow: 0 10px 30px rgba(255, 255, 255, .08);
}

.social-card.ig:hover {
    border-color: rgba(225, 48, 108, .5);
    box-shadow: 0 10px 30px rgba(225, 48, 108, .15);
}

.social-icon {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 22px;
}

.card-hint {
    font-size: 10px;
    color: rgba(255, 255, 255, .3);
    font-weight: 400;
}

/* ══ CTA SECTION ══ */
.cta-section {
    position: relative;
    width: 100%;
    padding: 100px 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 340px;
}

.cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 20, .45);
    z-index: 1;
}

.cta-inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 65%;
}

.cta-title {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.cta-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 2.2rem;
}

.btn-join {
    display: inline-block;
    padding: 1rem 4.5rem;
    background: linear-gradient(180deg, #7AFF32 0%, #57D712 100%);
    color: #000;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 120.874px !important;
    border: none;
    cursor: pointer;
    transition: all .25s ease;
    margin-bottom: 1rem;
}

.tcs-cta {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

/* ══ FAQ SECTION ══ */
.faq-wrap {
    background: #010a19;
    padding: 60px 15% 80px;
}

.faq-eyebrow {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.faq-title {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Syncopate", sans-serif;
    margin-bottom: 36px;
}

.cat-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
}

.cat-tab {
    padding: 8px 22px;
    border-radius: 6px;
    border: 1px solid #0E1539;
    background: transparent;
    color: #757da3;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    font-family: "Inter", sans-serif;
}



.cat-tab.active {
    background: #1f31bb;
    border-color: #1f31bb;
    color: #757da3;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {

    border-radius: 12px;
    background: #060b23;
    border: 1px solid #0f163b;
    overflow: hidden;
    transition: border-color 0.2s ease;

}



.faq-item.open {
    border-color: rgba(255, 255, 255, 0.12);
}

.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    gap: 16px;
    user-select: none;
}

.faq-q-text {
    font-size: 15px;
    font-weight: 500;
    color: #757da3;
    transition: color 0.15s;
    flex: 1;
    font-family: "Inter", sans-serif;
}

.faq-item.open .faq-q-text {
    color: #757da3;
}



.faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.22s ease;
    background: transparent;
}

.faq-item.open .faq-icon {
    background: rgba(79, 142, 247, 0.15);
    border-color: #4f8ef7;
    transform: rotate(45deg);
}

.faq-icon svg {
    width: 14px;
    height: 14px;
    stroke: rgba(255, 255, 255, 0.6);
    stroke-width: 2;
    fill: none;
}

.faq-item.open .faq-icon svg {
    stroke: #4f8ef7;
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1), padding 0.22s;
    padding: 0 24px;
}

.faq-item.open .faq-a {
    max-height: 300px;
    padding: 0 24px 20px;
}

.faq-a p {
    font-size: 16px;
    line-height: 1.75;
    color: #e1e3eb;
}

/* ══════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════ */

/* Tablet — 1024px */
@media (max-width: 1024px) {
    .hero-content {
        max-width: 70%;
    }

    .hero-title {
        font-size: 48px;
    }

    .what-is-sub {
        max-width: 60%;
    }

    .steps-grid {
        max-width: 90%;
    }

    .coins-title {
        max-width: 80%;
    }
}

/* Large mobile / small tablet — 768px */
@media (max-width: 768px) {

    /* Hero */
    .hero-content {
        max-width: 90%;
        margin-top: 8rem;
        text-align: center;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 1.5;
    }

    .btn-participate {
        padding: .85rem 2rem;
        width: 100%;
        max-width: 276px;
    }

    .tcs {
        padding: 0 1rem;
        font-size: 12px;
    }

    /* What is */
    .what-is {
        padding: 50px 1.5rem 40px;
    }

    .what-is-title {
        font-size: 28px;
    }

    .what-is-sub {
        max-width: 100%;
        font-size: 15px;
    }

    .days-widget {
        flex-wrap: wrap;
        justify-content: center;
        padding: 1rem 1.5rem;
        gap: .8rem;
    }

    .day-note {
        font-size: 20px;
    }

    /* How it works */
    .how-it-works {
        padding: 40px 1.5rem 60px;
    }

    .how-title {
        font-size: 28px;
    }

    .how-sub {
        font-size: 16px;
    }

    .steps-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 1rem;
    }

    .step-arrow {
        display: none;
    }

    .step-progress {
        max-width: 100%;
    }

    /* Redeem */
    .redeem {
        padding: 50px 0 50px;
    }

    .redeem-title {
        font-size: 28px;
        padding: 0 1rem;
    }

    .redeem-sub {
        font-size: 16px;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .redeem::before,
    .redeem::after {
        width: 50px;
    }

    .redeem::before {
        background: linear-gradient(to right, #010a19 0%, transparent 100%);
    }

    .redeem::after {
        background: linear-gradient(to left, #010a19 0%, transparent 100%);
    }

    /* Coins */
    .coins-section {
        padding: 50px 1.5rem 60px;
    }

    .coins-title {
        font-size: 28px;
        max-width: 100%;
    }

    .coins-sub {
        font-size: 16px;
    }

    .coins-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    /* Mobile app section */
    .mobile-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 60px 5%;
        text-align: center;
    }

    .mobile-title {
        font-size: 30px;
    }

    .mobile-desc {
        font-size: 15px;
        max-width: 100%;
    }

    .btn-join {
        margin: 0 auto .7rem;
        width: 100%;
        max-width: 300px;
    }

    .store-badges {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-right {
        display: none;
    }

    .mobile-left .tcs {
        padding: 0 1rem;
    }

    /* Social */
    .social-section {
        padding: 50px 1rem 60px;
    }

    .social-title {
        font-size: 28px;
    }

    .social-sub {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .social-grid {
        gap: .7rem;
    }

    .social-card {
        width: 140px;
        padding: 1.5rem .8rem 1.2rem;
    }

    .social-icon {
        width: 60px;
        height: 60px;
    }

    /* CTA */
    .cta-section {
        padding: 60px 1.5rem;
    }

    .cta-inner {
        max-width: 100%;
    }

    .cta-title {
        font-size: 28px;
    }

    .cta-sub {
        font-size: 15px;
    }

    .btn-join {
        padding: 1rem 2rem;
        width: 100%;
        max-width: 300px;
    }

    /* FAQ */
    .faq-wrap {
        padding: 40px 5% 60px;
    }

    .faq-title {
        font-size: 32px;
    }

    .faq-q {
        padding: 16px 16px;
    }

    .faq-a {
        padding: 0 16px;
    }

    .faq-item.open .faq-a {
        padding: 0 16px 16px;
    }
}

/* Small mobile — 480px */
@media (max-width: 480px) {
    .hero-title {
        font-size: 28px;
    }

    .hero-subtitle {
        font-size: 15px;
    }

    .what-is-title {
        font-size: 22px;
    }

    .how-title {
        font-size: 22px;
    }

    .redeem-title {
        font-size: 22px;
    }

    .coins-title {
        font-size: 22px;
    }

    .social-title {
        font-size: 22px;
    }

    .cta-title {
        font-size: 22px;
    }

    .mobile-title {
        font-size: 24px;
    }

    .days-widget {
        border-radius: 20px;
    }

    .social-card {
        width: calc(50% - .35rem);
    }

    .redeem::before,
    .redeem::after {
        width: 30px;
    }

    .faq-title {
        font-size: 24px;
    }
}

html[lang="ar"] .hero-content,
html[dir="rtl"] .hero-content {
    margin-right: 2rem;
    padding-left: 0;
    padding-right: 5%;
}
</style>

<div class="lp-loyalty">
            <!-- 1st Section - Hero Section -->
            <section class="hero">
                <img class="hero-bg hero-bg-desktop" src="https://m4markets.site/wp-content/uploads/2026/07/Banner-for-homepage-section-2.png" alt="" />
                        <img class="hero-bg hero-bg-mobile" src="https://m4markets.site/wp-content/uploads/2026/07/JA-514x387-1.png" alt="" />
                <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1 class="hero-title">M4MARKETS <br><span style="color:#78fc31">Programa de Lealtad</span></h1>
            <p class="hero-subtitle">Gana recompensas por tu actividad de trading y desbloquea M4 Coins, <br> M4 Points y beneficios exclusivos.</p>
            <div class="hero-cta-wrap">
                <a href="https://secure.m4marketscrm.com/es/register" class="btn-participate">PARTICIPAR</a>
                <a class="tcs" href="https://m4markets.site/es/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">Aplican T&amp;C. Capital en riesgo.</a>
            </div>
        </div>
    </section>
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
            <div class="sections-wrap">
                <div class="sections-overlay"></div>

                                <section class="what-is">
            <h2 class="what-is-title"><span>¿Qué es el Programa de Lealtad  <br><span style="color:#78fc31">de M4Markets</span>?</span></h2>
            <p class="what-is-sub">El Programa de Lealtad de M4Markets es un programa de recompensas de trading que te permite ganar M4 Coins, M4 Points y beneficios exclusivos mientras operas.</p>
                        <div class="days-widget">
                                <div class="day-item">
                    <div class="day-circle">5</div>
                    <span class="day-label">Días</span>
                    <span class="day-pct">+5%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">10</div>
                    <span class="day-label">Días</span>
                    <span class="day-pct">+10%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">15</div>
                    <span class="day-label">Días</span>
                    <span class="day-pct">+15%</span>
                </div>
                                            </div>
                        <p class="days-note">Cuanto más operas, más desbloqueas</p>
        </section>
                
                                <section class="how-it-works">
            <h2 class="how-title">Cómo funciona</h2>
            <p class="how-sub">Empieza a operar, gana recompensas y desbloquea más beneficios a medida que avanzas.</p>
                        <div class="step-progress">
                                <div class="step-dot">1</div>
                <div class="step-line"></div>                                <div class="step-dot">2</div>
                <div class="step-line"></div>                                <div class="step-dot">3</div>
                                            </div>
            <div class="steps-grid">
                                <div class="step-card">
                    <div class="step-badge">PASO 1</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-514x387-1.png"
                            alt="Únete al programa" />                    </div>
                                        <div class="step-title">Únete al programa</div>
                    <p class="step-desc">Regístrate o inicia sesión para empezar.</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">PASO 2</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-300x300-1.png"
                            alt="Opera y gana" />                    </div>
                                        <div class="step-title">Opera y gana</div>
                    <p class="step-desc">Gana M4 Coins, M4 Points y M4 Diamonds con actividad elegible</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">PASO 3</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-514x387-1.png"
                            alt="Desbloquea recompensas" />                    </div>
                                        <div class="step-title">Desbloquea recompensas</div>
                    <p class="step-desc">Canjea recompensas exclusivas en M4Markets Rewards Store</p>
                </div>
                                            </div>
                        <div class="how-cta">
                <a href="https://secure.m4marketscrm.com/es/register"
                    class="btn-join">Únete ahora</a>
                <a class="tcs"
                    href="https://m4markets.site/es/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">Aplican T&C. Capital en riesgo.</a>
            </div>
        </section>
                    </div>
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
            <section class="redeem">
        <h2 class="redeem-title">Canjea recompensas exclusivas</h2>
        <p class="redeem-sub">Cambia M4 Coins por recompensas y experiencias premium exclusivas</p>

                <div class="redeem-slider-wrapper">
            <div class="swiper redeem-swiper">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">iPhone 17</div>
                                                                <p class="card-desc">Canjea tus M4 Coins y disfruta el equilibrio perfecto entre innovación y valor con el iPhone 17. Obtén lo último...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)</div>
                                                                <p class="card-desc">Experimente el lujo en su máxima expresión con el televisor Samsung OLED 4K de 48 pulgadas, que ofrece una calidad de imagen impresionante y una experiencia de entretenimiento envolvente en un diseño elegante y prémium.</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <img class="card-img" src="https://m4markets.site/wp-content/uploads/2026/07/ID-514x387-1.png"
                                alt="AirPods 4" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">AirPods 4</div>
                                                                <p class="card-desc">¡El futuro del audio inalámbrico ya llegó! Canjea tus M4 Coins por los nuevos AirPods 4 - elegantes, potentes,...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Macbook Air M4 - 15 Inch</div>
                                                                <p class="card-desc">Más pantalla, el mismo cuerpo ultrafino - canjea la MacBook Air M4 de 15 pulgadas para una pantalla más grande, gran batería y</p>
                                                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
        
        <div class="redeem-cta">
            <a href="https://secure.m4marketscrm.com/es/register" class="btn-earn">Start Earning Rewards</a>
            <a class="tcs" href="https://m4markets.site/es/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">Aplican T&C. Capital en riesgo.</a>
        </div>
    </section>
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
            <section class="coins-section">
        <h2 class="coins-title">Entiende M4 Coins, <br>M4 Points y M4 Diamonds</h2>
        <p class="coins-sub">Conoce la diferencia entre los tipos de recompensa que ganarás en el Programa de Lealtad de M4Markets</p>
                <div class="coins-grid">
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Coins</span>                </div>
                <div class="card-type">Moneda canjeable</div>                <p class="card-desc">Se obtiene mediante acciones elegibles y se usa para desbloquear recompensas.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Diamonds</span>                </div>
                <div class="card-type">Moneda premium</div>                <p class="card-desc">Desbloquea recompensas exclusivas no disponibles con otras monedas. El símbolo de estatus definitivo para traders de élite.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Points</span>                </div>
                <div class="card-type">Puntos acumulativos</div>                <p class="card-desc">Miden tu progreso y te ayudan a avanzar de tier. Se usan para rankings y competencias.</p>            </div>
                    </div>
            </section>
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
            <section class="mobile-section">
        <img class="mobile-bg" src="" />
        <div class="mobile-overlay"></div>
        <div class="mobile-inner">
            <div class="mobile-left">
                <h2 class="mobile-title">App móvil Gana M4 Coins Donde estés</h2>
                <p class="mobile-desc">Sigue tus M4 Coins, completa misiones y desbloquea recompensas exclusivas. Descarga la M4Markets Loyalty App y no pierdas oportunidades de recompensa.</p>
                <div class="features-list">
                                                            <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">Acceso instantáneo</div>
                            <div class="feature-desc">Accede al portal de cliente desde cualquier lugar</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">Completa misiones donde estés</div>
                            <div class="feature-desc">No pierdas una misión diaria ni un bonus</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">Misiones sociales</div>
                            <div class="feature-desc">Completa fácilmente misiones sociales desde tu dispositivo móvil</div>
                        </div>
                    </div>
                                                        </div>
                <a href="https://secure.m4marketscrm.com/es/register"
                    class="btn-join">Únete ahora</a>
                <a class="tcs"
                    href="https://m4markets.site/es/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">Aplican T&C. Capital en riesgo.</a>
                <div class="store-badges">
                    <a href="https://apps.apple.com/cy/app/m4markets/id6633427594" class="store-badge"><img class="badge-icon"
                            src="https://m4markets.site/wp-content/uploads/2026/07/TMGL_Privacy-and-Confidentiality-Policy_2026-pdf.jpg" alt="App Store" /></a>
                    <a href="https://play.google.com/store/apps/details?id=com.m4marketsclient.mobile" class="store-badge"><img class="badge-icon"
                            src="" alt="Google Play" /></a>
                </div>
            </div>
            <div class="mobile-right">
                <img class="phone-img" src="https://m4markets.site/wp-content/uploads/2026/07/IconArrow.svg" alt="M4Markets Mobile App" />
            </div>
        </div>
    </section>
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
            <section class="social-section">
        <h2 class="social-title">Misiones sociales</h2>
        <p class="social-sub">Síguenos e interactúa con nosotros en redes sociales</p>
                <div class="social-grid">
                        <a href="https://www.facebook.com/M4MarketsOfficial" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" />                <div class="card-body">
                    <div class="card-name">Facebook</div>
                </div>
            </a>
                        <a href="https://www.youtube.com/@m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" />                <div class="card-body">
                    <div class="card-name">YouTube</div>
                </div>
            </a>
                        <a href="https://www.linkedin.com/company/m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-4.png" />                <div class="card-body">
                    <div class="card-name">LinkedIn</div>
                </div>
            </a>
                        <a href="https://x.com/m4markets_Group" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-3.svg" />                <div class="card-body">
                    <div class="card-name">X</div>
                </div>
            </a>
                        <a href="https://www.instagram.com/m4markets/" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-2.svg" />                <div class="card-body">
                    <div class="card-name">Instagram</div>
                </div>
            </a>
                    </div>
            </section>
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
            <section class="cta-section">
        <img class="cta-bg" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-1.png" alt="Starfield background" />
        <div class="cta-overlay"></div>
        <div class="cta-inner">
            <h2 class="cta-title">Empieza a desbloquear recompensas hoy</h2>
            <p class="cta-sub">Haz que tu actividad de trading sea más gratificante con el Programa de Lealtad de M4Markets.</p>
            <a href="https://secure.m4marketscrm.com/es/register"
                class="btn-join">Únete ahora</a>
            <a class="tcs-cta"
                href="https://m4markets.site/es/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">Aplican T&C. Capital en riesgo.</a>
        </div>
    </section>
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

        
    <div class="faq-wrap">

                <p class="faq-eyebrow">Todo lo que necesitas saber sobre el Programa de Lealtad de M4Markets</p>
        
                <h2 class="faq-title">Preguntas frecuentes</h2>
        
        <div class="cat-tabs">
                        <button class="cat-tab active"
                data-cat="All">
                All            </button>
                        <button class="cat-tab "
                data-cat="Bases del programa">
                Bases del programa            </button>
                        <button class="cat-tab "
                data-cat="Cómo ganar">
                Cómo ganar            </button>
                        <button class="cat-tab "
                data-cat="Tiers &amp; Boosts">
                Tiers &amp; Boosts            </button>
                        <button class="cat-tab "
                data-cat="Canje">
                Canje            </button>
                        <button class="cat-tab "
                data-cat="Misiones">
                Misiones            </button>
                        <button class="cat-tab "
                data-cat="Términos">
                Términos            </button>
                    </div>

                <div class="faq-list">
                        <div class="faq-item" data-cat="Bases del programa">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué es el Programa de Lealtad de M4Markets?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">El Programa de Fidelidad de M4Markets te recompensa con M4 Coins y M4 Points cuando operas, completas misiones e interactúas con M4Markets. Luego puedes canjear M4 Coins por recompensas y experiencias exclusivas.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Bases del programa">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son M4 Coins?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins es una moneda que se puede gastar. Las ganas al operar, completar misiones y alcanzar hitos, y luego las usas para canjear artículos y experiencias en M4Markets Rewards Store.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Bases del programa">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Points son puntos acumulativos. No se pueden gastar y se usan para rankings, tablas de clasificación y elegibilidad para competiciones y ciertas misiones.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Bases del programa">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cuál es la diferencia entre M4 Coins y M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins se pueden gastar en Rewards Store y tu saldo sube o baja cuando canjeas recompensas. M4 Points solo aumentan y se usan para rankings, niveles y competiciones, no para comprar recompensas.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Cómo ganar">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cómo se ganan M4 Coins y M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Los ganas operando, completando misiones de hitos, jugando mini-juegos, haciendo misiones en redes sociales, manteniendo rachas de inicio de sesión y trading, dejando reseñas y refiriendo nuevos clientes a M4Markets.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Cómo ganar">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cuántas M4 Coins y M4 Points gano al operar?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Por cada 100,000 USD de volumen nocional de trading, ganas 100 M4 Coins y 100 M4 Points.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Cómo ganar">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cómo se ve un valor nocional de 100,000 USD en trading?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">100,000 USD de valor nocional equivale aproximadamente a 1 lote de un par FX principal, 0.25 lotes de XAUUSD oro, 17 lotes de petróleo crudo, 1 lote de BTCUSD, 33 lotes de ETHUSD, 4 lotes de US100 o 1.5 lotes de SPX500.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Cómo ganar">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué instrumentos cuentan para mis M4 Coins y M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Todos los instrumentos compatibles de M4Markets que generen volumen nocional de trading, incluidos FX, materias primas, índices y cripto, cuentan para tus M4 Coins y M4 Points.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Cómo ganar">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cuándo se acreditan en mi cuenta las M4 Coins y M4 Points de trading?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Los M4 Coins y M4 Points obtenidos por trading se calculan según tu volumen de trading del día y se acreditan al día siguiente.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son los tiers de lealtad de M4Markets?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Los Loyalty Tiers Bronze, Silver, Gold, Platinum, Diamond, VIP se basan en tu volumen nocional de trading móvil de 90 días. Los niveles más altos desbloquean mayores boosts y recompensas más exclusivas.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cómo se calcula mi tier?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Tu nivel se basa en tu volumen nocional de trading de los últimos 90 días, desde ayer hacia atrás 90 días. A medida que este volumen móvil aumenta o disminuye, tu nivel puede cambiar.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son los Tier Boosts?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Los Tier Boosts te dan M4 Coins y M4 Points adicionales además de lo que ya ganas por trading y misiones. Los boosts van de 0% en Bronze hasta 25% en VIP, según tu nivel.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son los Balance Boosters?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Los Balance Boosters dan un boost porcentual diario a los M4 Coins y M4 Points que ganaste ese día, según el saldo de tu cuenta M4Markets. Cuanto mayor sea tu saldo, mayor será el boost, hasta 25%.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Los Tier Boosts y Balance Boosters funcionan juntos?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Sí. Tu Tier Boost y Balance Booster pueden acumularse, dándote hasta 50% extra de M4 Coins y M4 Points sobre tus ganancias base.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Gastar M4 Coins afecta mi tier o mis M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">No. Gastar M4 Coins solo reduce tu saldo de coins. Tu nivel y tus M4 Points se basan en tu volumen de trading y puntos acumulados, no en cuántas coins te quedan.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Canje">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué puedo canjear con mis M4 Coins?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Puedes canjear M4 Coins por una amplia gama de recompensas, incluidas mercancías de M4Markets, electrónicos Apple y Samsung, vacaciones de lujo, experiencias de F1, relojes de lujo, lingotes de oro y otros exclusivos VIP, según tu nivel y saldo de coins.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Canje">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cómo canjeo una recompensa?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Ve a M4Markets Rewards Store dentro del portal de fidelidad, selecciona la recompensa que quieres y confirma el canje. Los M4 Coins requeridos se deducirán de tu saldo.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Canje">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Cuánto tarda recibir mis recompensas?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Después de canjear una recompensa, un representante de M4Markets se pondrá en contacto contigo en un plazo de 3 días hábiles. Para artículos físicos, la entrega puede tardar hasta 2 semanas por logística y envío.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Misiones">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son las Misiones Sociales?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Social Quests te recompensa por conectar e interactuar con las cuentas de redes sociales de M4Markets. Puedes ganar M4 Coins y M4 Points conectando tu cuenta, siguiendo, dando me gusta, comentando o republicando en plataformas como Facebook, LinkedIn, X/Twitter, YouTube e Instagram.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Misiones">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué es la Trading Streak Quest: The 1M Club?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">The 1M Club te recompensa por operar 1 millón de USD de valor nocional cada día y mantener una racha. A medida que tu racha crece 10, 30, 60, 90, 180, 270, 365 días, desbloqueas insignias de hito y mayores recompensas de M4 Coin y M4 Point.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Misiones">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué otras misiones están disponibles?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Puedes participar en misiones como Login Streak, Jack of All Trades operar todas las clases de activos, The Advocate dejar reseñas, Trading Streaks, Million Dollar Clubs y Social Quests, cada una con sus propias insignias y recompensas.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Misiones">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Puedo ganar recompensas por referir a otros traders?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Sí. Al referir nuevos usuarios a M4Markets y lograr que se registren y comiencen a operar, puedes ganar M4 Coins y M4 Points adicionales mediante misiones de referidos.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Misiones">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Qué son los mini-juegos del programa de lealtad?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Mini-juegos como Spin-The-Wheel y desafíos diarios te dan formas divertidas e interactivas de ganar M4 Coins y M4 Points extra además de tu trading y misiones normales.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Términos">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Caducan las M4 Coins o M4 Points?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins y M4 Points se rigen por los términos y condiciones del Programa de Fidelidad de M4Markets. Consulta los T&amp;Cs más recientes en el portal o contacta al soporte de M4Markets para conocer las reglas de vencimiento actualizadas.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Términos">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">¿Hay restricciones por región o tipo de cuenta?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">Algunas recompensas o funciones pueden estar limitadas según tu jurisdicción o tipo de cuenta debido a regulaciones locales. Consulta los términos y condiciones locales de M4Markets o habla con el soporte de M4Markets para más detalles.</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                    </div>
        
    </div>

    <script>
    function toggleFaq(item) {
        const wasOpen = item.classList.contains('open');
        document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));
        if (!wasOpen) item.classList.add('open');
    }

    document.querySelectorAll('.cat-tab').forEach(btn => {
        btn.addEventListener('click', function() {
            document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
            this.classList.add('active');
            const cat = this.dataset.cat;
            document.querySelectorAll('.faq-item').forEach(item => {
                item.style.display = (cat === 'All' || item.dataset.cat === cat) ? '' : 'none';
            });
        });
    });
    </script>

    
        
</div>



<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    new Swiper('.redeem-swiper', {
        slidesPerView: 4,
        spaceBetween: 20,
        grabCursor: true,
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
            pauseOnMouseEnter: true,
        },
        breakpoints: {
            0: {
                slidesPerView: 1.2,
                spaceBetween: 14
            },
            480: {
                slidesPerView: 1.8,
                spaceBetween: 16
            },
            640: {
                slidesPerView: 2.4,
                spaceBetween: 18
            },
            900: {
                slidesPerView: 3,
                spaceBetween: 20
            },
            1200: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        },
    });
});
</script>

<style>
    /* Logo spacing */
.logo-en {
    margin-left: clamp(20px, 5vw, 100px);
}

.logo-ar {
    margin-right: clamp(20px, 8vw, 100px);
}

/* Deloitte logo */
.deloitte-logo {
    margin-top: clamp(-50px, -5vw, -15px);
}

/* Divider */
.logo-divider {
    border-bottom: 1px solid #ccc;
    margin-top: clamp(20px, 5vw, 40px);
}

/* Images */
.logo-en img,
.logo-ar img {
    max-width: 100%;
    height: auto;
}

/* Tablet */
@media (max-width: 991.98px) {
    .logo-en,
    .logo-ar {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 20px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .logo-en,
    .logo-ar {
        margin: 20px auto;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 15px;
    }

    .logo-divider {
        margin-top: 40px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        padding: 0 15px;
    }
}

.logo-en img,
.logo-ar img {
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 180px;
    }
}
</style>

<footer id="footer" class="footer">
    <div class="container">
        <div class="row justify-content-between">
			                <div class="col-12 d-flex justify-content-center footer-image__wrapper">
					<img width="636" height="106" src="https://m4markets.site/wp-content/uploads/2025/05/carlogo.png" class="footer-image" alt="sponsorship" decoding="async" />                </div>
			            <div class="col-12 col-lg-4 mb-5 mb-lg-3">
				        <a href="https://m4markets.site/es/" class="custom-logo-link" rel="home"><img width="300" height="100" src="https://m4markets.site/wp-content/uploads/2025/11/Logo.svg" class="custom-logo" alt="M4Markets &#8211; Bróker Regulado de Trading CFD" loading="eager" decoding="async" /></a>            <span class="logo-title">M4Markets - Bróker Regulado de Trading CFD</span>
                    <div class="col-12 col-md-10 col-lg-8 mt-5 mb-5 mb-lg-3 text-center cls-lloyd-description">
        <p>Con la garantía de Lloyd&#8217;s, esta capa adicional de protección refuerza nuestro compromiso de ofrecer un entorno de negociación seguro, transparente y de confianza.</p>
    </div>

    <div class="col-12 col-lg-4 mb-5 mt-2 mb-lg-3 logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" class="img-fluid" alt="" decoding="async" />        <div class="logo-divider"></div>
    </div>

    <div class="col-12 col-md-10 col-lg-8 mt-4 mb-lg-3 text-center cls-deloitte-description">
        <p><strong>Auditado por</strong></p>
    </div>

    <div class="col-12 col-lg-4 mb-2 mb-lg-3 deloitte-logo logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" class="img-fluid" alt="" decoding="async" />    </div>
            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu">
						<ul id="menu-footer-menu-spanish" class="d-flex flex-column list-inline"><li id="menu-item-8659" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">TRADING</a><ul class="sub-menu">	<li id="menu-item-8660" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">MERCADOS</a><ul class="sub-menu">		<li id="menu-item-8661" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/markets/forex-cfd/" class="menu-link sub-menu-link">Forex CFD</a></li>
		<li id="menu-item-8662" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/markets/commodities-cfd/" class="menu-link sub-menu-link">CFDs de Materias Primas</a></li>
		<li id="menu-item-8663" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/markets/indices-cfd/" class="menu-link sub-menu-link">CFDs de Índices</a></li>
		<li id="menu-item-8664" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/markets/shares-cfd/" class="menu-link sub-menu-link">CFDs de Acciones</a></li>
		<li id="menu-item-8665" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/markets/crypto-cfd/" class="menu-link sub-menu-link">CFDs de Cripto</a></li>
	</ul>
</li>
	<li id="menu-item-8666" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">CONDICIONES</a><ul class="sub-menu">		<li id="menu-item-8667" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/conditions/spreads-commisions/" class="menu-link sub-menu-link">Spreads y Comisiones</a></li>
		<li id="menu-item-8680" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/conditions/margin-leverage/" class="menu-link sub-menu-link">Margen y Apalancamiento</a></li>
		<li id="menu-item-8682" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/conditions/swap-rates/" class="menu-link sub-menu-link">Tasas Swap</a></li>
		<li id="menu-item-8681" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/conditions/trading-hours/" class="menu-link sub-menu-link">Horarios de Trading</a></li>
	</ul>
</li>
	<li id="menu-item-9190" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">PLATAFORMAS</a><ul class="sub-menu">		<li id="menu-item-8683" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/platforms/mt4/" class="menu-link sub-menu-link">MT4</a></li>
		<li id="menu-item-8684" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/platforms/mt5/" class="menu-link sub-menu-link">MT5</a></li>
		<li id="menu-item-8685" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/platforms/mt4-vs-mt5/" class="menu-link sub-menu-link">MT4 vs MT5</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-second">
						<ul id="menu-footer-menu-second-spanish" class="d-flex flex-column list-inline"><li id="menu-item-8703" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">Herramientas y Recursos</a><ul class="sub-menu">	<li id="menu-item-8704" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">HERRAMIENTAS</a><ul class="sub-menu">		<li id="menu-item-8705" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/tools/m4markets-app/" class="menu-link sub-menu-link">M4 Mobile App</a></li>
		<li id="menu-item-8726" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/tools/social-trading/" class="menu-link sub-menu-link">Social Trading</a></li>
		<li id="menu-item-8727" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/tools/economic-calendar/" class="menu-link sub-menu-link">Calendario Económico</a></li>
		<li id="menu-item-8728" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/tools/forex-calculators/" class="menu-link sub-menu-link">Calculadoras Forex</a></li>
	</ul>
</li>
	<li id="menu-item-9194" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">RECURSOS</a><ul class="sub-menu">		<li id="menu-item-15042" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/es/ebooks/" class="menu-link sub-menu-link">eBooks de Trading</a></li>
		<li id="menu-item-15043" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/es/glossary/" class="menu-link sub-menu-link">Glosario</a></li>
		<li id="menu-item-15044" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/es/video-courses/" class="menu-link sub-menu-link">Cursos en Video</a></li>
		<li id="menu-item-16343" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/resources/podcasts/" class="menu-link sub-menu-link">Podcasts</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-third">
						<ul id="menu-footer-menu-third-spanish" class="d-flex flex-column list-inline"><li id="menu-item-8743" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">ALIANZAS</a><ul class="sub-menu">	<li id="menu-item-8744" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/partnerships/introducing-brokers/" class="menu-link sub-menu-link">Brokers Introducers</a></li>
	<li id="menu-item-8745" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/partnerships/mam-pamm/" class="menu-link sub-menu-link">MAM/PAMM</a></li>
</ul>
</li>
<li id="menu-item-8746" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 additional-margin menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">CUENTAS</a><ul class="sub-menu">	<li id="menu-item-8747" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/accounts/trading-accounts/" class="menu-link sub-menu-link">Cuentas de Trading</a></li>
	<li id="menu-item-23962" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/cent-account/" class="menu-link sub-menu-link">Cuenta Cent</a></li>
	<li id="menu-item-8748" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/accounts/islamic-account/" class="menu-link sub-menu-link">Cuenta Islámica</a></li>
	<li id="menu-item-8749" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/accounts/demo-account/" class="menu-link sub-menu-link">Cuenta Demo</a></li>
	<li id="menu-item-8750" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/accounts/dynamic-leverage-account/" class="menu-link sub-menu-link">Cuenta de Apalancamiento Dinámico</a></li>
	<li id="menu-item-8751" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/accounts/deposit-withdrawals/" class="menu-link sub-menu-link">Depósitos y Retiros</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-fourth">
						<ul id="menu-footer-menu-fourth-spanish" class="d-flex flex-column list-inline"><li id="menu-item-8781" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">SOBRE NOSOTROS</a><ul class="sub-menu">	<li id="menu-item-8782" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/about-m4markets/" class="menu-link sub-menu-link">Sobre M4Markets</a></li>
	<li id="menu-item-8783" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/licences/" class="menu-link sub-menu-link">REGULACIONES</a></li>
	<li id="menu-item-9199" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/legal-documents/" class="menu-link sub-menu-link">Documentos Legales</a></li>
	<li id="menu-item-9203" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type_archive menu-item-object-news"><a href="https://m4markets.site/es/blog/news/" class="menu-link sub-menu-link">Noticias</a></li>
	<li id="menu-item-8786" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/careers/" class="menu-link sub-menu-link">Carreras</a></li>
	<li id="menu-item-8787" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/contact-us/" class="menu-link sub-menu-link">Contáctanos</a></li>
	<li id="menu-item-8788" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/about/support-center/" class="menu-link sub-menu-link">Centro de Soporte</a></li>
</ul>
</li>
<li id="menu-item-13539" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children"><a href="#" class="menu-link main-menu-link">PROMOCIONES</a><ul class="sub-menu">	<li id="menu-item-8789" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/promotions/all-promotions/" class="menu-link sub-menu-link">Todas las Promociones</a></li>
	<li id="menu-item-23910" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23206 current_page_item"><a href="https://m4markets.site/es/loyalty-program/" class="menu-link sub-menu-link">Loyalty Program</a></li>
	<li id="menu-item-8790" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/promotions/credit-bonus/" class="menu-link sub-menu-link">Bono de Crédito</a></li>
	<li id="menu-item-8791" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/es/promotions/refer-a-friend/" class="menu-link sub-menu-link">Recomienda a un Amigo</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
			                <div class="col-12 col-lg-8 offset-lg-4 social-media">
                        <span class="social-media__title">
                            Síguenos                        </span>
                    <div class="social-media__wrapper">
													                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/facebook.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.facebook.com/M4MarketsOfficial"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img width="300" height="300" src="https://m4markets.site/wp-content/uploads/2025/05/X_icon.png" class="social-media__icon" alt="" decoding="async" />									<a href="https://x.com/m4markets_Group"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/instagram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.instagram.com/m4markets/"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/linkedin.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.linkedin.com/company/m4markets"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/tiktok.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.tiktok.com/@m4markets_official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/telegram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://t.me/M4Markets_Official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
													                    </div>
                </div>
			            <div class="col-12 text-center footer__info">
				                    <p class="footer__info-text">
												M4Markets es una co-marca compartida por un grupo de entidades, incluyendo:
<br></br>
Trinota Markets (Global) Limited, registrada con el número 8425037-1, una empresa regulada como Corredor de Valores por la Financial Services Authority de Seychelles, con licencia número SD035. Dirección: JUC Building, Office No.F4, Providence Zone 18,
 Mahé, Seychelles. 
<br></br>
Oryx Finance Ltd, autorizada y regulada por la Dubai Financial Services Authority (DFSA), con licencia número F007051 - Prudential Category 4.
<br></br>
Harindale Ltd, autorizada y regulada por la Cyprus Securities and Exchange Commission (CySEC), con licencia número 301/16.<br /><br />                    </p>
								                    <div class="footer__info-text">
						<p><strong>Advertencia de Riesgo:</strong> Los CFD son instrumentos financieros complejos que requieren conocimientos y comprensión avanzados. Están sujetos a fluctuaciones extremas de precio que pueden hacer que pierdan todo su valor. La compra y venta de estos instrumentos conlleva un riesgo inherente de sufrir pérdidas que pueden superar las ganancias potenciales. Las operaciones pueden dar lugar a pérdidas ilimitadas superiores al importe depositado con este bróker. Debe considerar cuidadosamente su situación financiera antes de invertir.</p>
<p>La información en este sitio no está dirigida a residentes de EE. UU., Cuba, Corea del Norte ni a ningún país o jurisdicción donde dicha distribución o uso sea contrario a la ley o normativa local.</p>
<p>Por favor, lea nuestra <a href="https://m4markets.site/es/about/legal-documents/privacy-policy/">Política de Privacidad</a>.</p>
                    </div>
				            </div>
        </div>
    </div>
									            <div id="popup_2" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">Redirección a M4Markets Europa</h2>
                    <span class="popup-modal-content-text">El sitio web al que estás a punto de ingresar es operado por Harindale Limited, autorizado y regulado por la Comisión de Bolsa y Valores de Chipre (CySEC), con el número de licencia 301/16.</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.eu/?no_redirect=1"
                           class="popup-buttons-link link__secondary">Continuar en M4Markets Europa</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">Permanecer en M4Markets Seychelles</a>
							                        </div>
                    </div>
                </div>
            </div>
								            <div id="popup_3" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">Redirección a M4Markets Dubái</h2>
                    <span class="popup-modal-content-text">El sitio web al que estás a punto de ingresar es operado por Oryx Finance Limited, una empresa autorizada y regulada por la Autoridad de Servicios Financieros de Dubái (DFSA) con número de licencia F007051 – Licencia Categoría 3A.</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.ae/?no_redirect=1"
                           class="popup-buttons-link link__secondary">Continuar en M4Markets Dubái</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">Permanecer en M4Markets Seychelles</a>
							                        </div>
                    </div>
                </div>
            </div>
				
		
</footer>
<svg display="none" xmlns="http://www.w3.org/2000/svg">
    <symbol id="arrow-down" viewBox="0 0 15 15">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2266 2.12095L3.61996 12.7276L1.49864 10.6062L12.1052 -0.000369257L14.2266 2.12095Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8981 14.2275L-0.0013628 14.2275L-0.00136254 11.2275L12.8981 11.2275L12.8981 14.2275Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99866 1.32804L2.99866 14.2275L-0.0013628 14.2275L-0.00134165 1.32804L2.99866 1.32804Z"  />
    </symbol>
    <symbol id="arrow-up" viewBox="0 0 64 64">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7734 36.879L35.38 26.2724L37.5014 28.3938L26.8948 39.0004L24.7734 36.879Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1019 24.7725L39.0014 24.7725L39.0014 27.7725L26.1019 27.7725L26.1019 24.7725Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M36.0013 37.672L36.0013 24.7725L39.0014 24.7725L39.0013 37.672L36.0013 37.672Z" />
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="tab-arrow-down" viewBox="0 0 12 9">
        <path d="M6 8L11 1L0.999999 1L6 8Z" stroke-opacity="0.09" stroke-linecap="square" />
   </symbol>
    <symbol id="log-in" viewBox="0 0 10 16">
        <path d="M4.99666 6.33318C6.53086 6.33318 7.77458 5.08946 7.77458 3.55526C7.77458 2.02106 6.53086 0.777344 4.99666 0.777344C3.46246 0.777344 2.21875 2.02106 2.21875 3.55526C2.21875 5.08946 3.46246 6.33318 4.99666 6.33318Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.333V14.6664C10 14.8136 9.94167 14.9553 9.83722 15.0592C9.73333 15.1636 9.59167 15.2219 9.44444 15.2219H0.555556C0.408333 15.2219 0.266666 15.1636 0.162777 15.0592C0.0583329 14.9553 0 14.8136 0 14.6664V11.333C0 9.18526 1.74111 7.44415 3.88889 7.44415H6.11111C8.25889 7.44415 10 9.18526 10 11.333Z"  />
    </symbol>
    <symbol id="address" viewBox="0 0 20 26">
        <path d="M10.0001 0C7.31199 0.0343612 4.74801 1.07743 2.87191 2.8998C0.997019 4.72212 -0.036512 7.17501 0.000985865 9.71897C0.000985865 14.0464 6.49981 22.464 9.02507 25.55C9.26178 25.8348 9.62387 26 10.0059 26C10.389 26 10.75 25.8348 10.9878 25.55C13.5002 22.464 19.999 14.0464 19.999 9.71897C20.0365 7.17507 19.003 4.72214 17.1281 2.8998C15.252 1.07749 12.6883 0.0343356 10.0001 0ZM10.0001 13.3603C8.65603 13.3414 7.37526 12.8193 6.43781 11.9082C5.50036 10.997 4.98358 9.77218 4.99999 8.50071C4.99999 6.81143 5.95385 5.24961 7.50062 4.40484C9.04739 3.56018 10.9528 3.56018 12.4995 4.40484C14.0463 5.24949 15.0002 6.81131 15.0002 8.50071C15.0166 9.77212 14.4998 10.997 13.5623 11.9082C12.6249 12.8193 11.3442 13.3414 10.0001 13.3603Z" />
    </symbol>
    <symbol id="icon-open" viewBox="0 0 28 28">
        <path d="M14 1L14 27" stroke-linecap="round" />
        <path d="M1 14L26.9982 14.3072" stroke-linecap="round" />
    </symbol>
</svg><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/es/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/m4markets/*","/es/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Userback -->
<script>
    Userback = window.Userback || {};
    Userback.access_token = "A-PICurirV5jrmkJWQlFxXut6Yt";
    (function(id) {
        var s = document.createElement("script");
        s.async = 1;s.src = "https://static.userback.io/widget/v1.js";
        var parent_node = document.head || document.body;parent_node.appendChild(s);
    })("userback-sdk");
</script>
<!-- END -->
<!-- Start of LiveAgent integration script: Chat button: FSA -->
<script type="text/javascript">
setTimeout(function() {
	(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.defer=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'https://m4markets.ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('4sjpg5ie', e); });}, 4000);
</script>

<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript" defer
        src="https://cdn-cookieyes.com/client_data/bb8a7c99ab3d25d9fe19d70b/script.js">
</script> <!-- End cookieyes banner -->

<!-- For get UTM and other parameters -->
<script>
(function() {

  var domains = [
    'm4markets.com',
    'm4markets.ae',
    'm4markets.eu',
    'm4markets.ai',
    'm4marketscrm.com'
  ];

  var trackParams = [
    'utm_source',
    'utm_medium',
    'utm_campaign',
    'utm_term',
    'utm_content',
    'pid',
    'gclid',
    'fbclid'
  ];

  var params = new URLSearchParams(window.location.search);
  var collectedParams = {};

  params.forEach(function(value, key) {
    if (trackParams.indexOf(key) !== -1 && value.trim() !== '') {
      collectedParams[key] = value;
    }
  });

  function getCookie(name) {
    var value = '; ' + document.cookie;
    var parts = value.split('; ' + name + '=');
    if (parts.length === 2) return decodeURIComponent(parts.pop().split(';').shift());
  }

  // Store parameters in cookies immediately (needed for attribution)
  if (Object.keys(collectedParams).length > 0) {
    var expiryDays = 30;
    var expires = new Date(Date.now() + expiryDays * 24 * 60 * 60 * 1000).toUTCString();
    var currentDomain = window.location.hostname.split('.').slice(-2).join('.');
    for (var key in collectedParams) {
      document.cookie = key + '=' + encodeURIComponent(collectedParams[key]) + '; path=/; expires=' + expires + '; domain=.' + currentDomain;
    }
  }

  trackParams.forEach(function(key) {
    if (!collectedParams[key]) {
      var cookieVal = getCookie(key);
      if (cookieVal) collectedParams[key] = cookieVal;
    }
  });

  // Defer the expensive DOM traversal until the browser is idle
  function decorateLinks() {
    var links = document.querySelectorAll('a[href]');
    links.forEach(function(link) {
      try {
        var url = new URL(link.href);
        if (domains.some(function(domain) { return url.hostname.indexOf(domain) !== -1; })) {
          for (var k in collectedParams) {
            if (!url.searchParams.has(k)) {
              url.searchParams.set(k, collectedParams[k]);
            }
          }
          link.href = url.toString();
        }
      } catch (e) {}
    });
  }
  if ('requestIdleCallback' in window) {
    requestIdleCallback(decorateLinks, { timeout: 3000 });
  } else {
    setTimeout(decorateLinks, 2000);
  }
})();
</script>


</body>
</html>