.mtg-v2{
    --mtg-v2-purple:#6d28d9;
    --mtg-v2-purple-dark:#4c1d95;
    --mtg-v2-ink:#111827;
    --mtg-v2-muted:#64748b;
    --mtg-v2-line:#e5e7eb;
    --mtg-v2-soft:#f8fafc;
    --mtg-v2-white:#fff;

    background:#fff;
    color:var(--mtg-v2-ink);
    overflow:hidden;
}

.mtg-v2 *,
.mtg-v2 *::before,
.mtg-v2 *::after{
    box-sizing:border-box;
}

.mtg-v2-wrap{
    width:90%;
    max-width:1440px;
    margin:0 auto;
}

.mtg-v2-section{
    padding:90px 0;
}

.mtg-v2-soft{
    background:var(--mtg-v2-soft);
}

.mtg-v2-kicker{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:999px;
    background:#f3e8ff;
    color:var(--mtg-v2-purple);
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.mtg-v2-section-head{
    max-width:780px;
    margin:0 auto 46px;
    text-align:center;
}

.mtg-v2-section-head h2,
.mtg-v2-panel h2{
    margin:16px 0 14px;
    font-size:clamp(32px,4vw,54px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.mtg-v2-section-head p,
.mtg-v2-lead{
    color:var(--mtg-v2-muted);
    font-size:18px;
    line-height:1.7;
}

.mtg-v2-hero{
    padding:82px 0 90px;
    background:
        radial-gradient(circle at 80% 10%,rgba(109,40,217,.13),transparent 32%),
        linear-gradient(180deg,#fff,#faf8ff);
}

.mtg-v2-hero-grid{
    min-height:620px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    gap:70px;
    align-items:center;
}

.mtg-v2-hero h1{
    max-width:780px;
    margin:18px 0 24px;
    font-size:clamp(48px,6vw,86px);
    line-height:.98;
    letter-spacing:-.06em;
}

.mtg-v2-hero h1 strong{
    display:block;
    color:var(--mtg-v2-purple);
}

.mtg-v2-hero-copy > p{
    max-width:680px;
    margin:0;
    color:var(--mtg-v2-muted);
    font-size:20px;
    line-height:1.65;
}

.mtg-v2-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:30px;
}

.mtg-v2-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border-radius:14px;
    font-weight:900;
    text-decoration:none!important;
    transition:.18s ease;
}

.mtg-v2-btn:hover{
    transform:translateY(-2px);
}

.mtg-v2-btn-primary{
    background:var(--mtg-v2-purple);
    color:#fff!important;
}

.mtg-v2-btn-secondary{
    border:1px solid var(--mtg-v2-line);
    background:#fff;
    color:var(--mtg-v2-ink)!important;
}

.mtg-v2-btn-light{
    background:#fff;
    color:var(--mtg-v2-purple)!important;
}

.mtg-v2-hero-trust{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:24px;
    color:#475569;
    font-size:14px;
    font-weight:800;
}

.mtg-v2-placeholder{
    width:100%;
    min-height:280px;
    border:1px solid #ddd6fe;
    border-radius:26px;
    background:
        linear-gradient(135deg,#fff,#f5f3ff);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-shadow:0 24px 70px rgba(76,29,149,.12);
}

.mtg-v2-placeholder span{
    color:var(--mtg-v2-purple);
    font-weight:900;
    font-size:13px;
}

.mtg-v2-placeholder strong{
    margin-top:8px;
    font-size:28px;
}

.mtg-v2-placeholder small{
    margin-top:8px;
    color:var(--mtg-v2-muted);
}

.mtg-v2-placeholder-hero{
    min-height:500px;
}

.mtg-v2-hero-visual img,
.mtg-v2-ai-visual img,
.mtg-v2-panel-image{
    width:100%;
    height:auto;
    display:block;
    border-radius:26px;
    box-shadow:0 24px 70px rgba(15,23,42,.15);
}

.mtg-v2-ai{
    background:#0f172a;
    color:#fff;
}

.mtg-v2-ai .mtg-v2-section-head p{
    color:#cbd5e1;
}

.mtg-v2-ai-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
    gap:50px;
    align-items:center;
}

.mtg-v2-ai-flow{
    display:grid;
    gap:14px;
}

.mtg-v2-ai-step{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:16px;
    padding:20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.06);
}

.mtg-v2-number{
    width:38px;
    height:38px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:var(--mtg-v2-purple);
    color:#fff;
    font-weight:950;
}

.mtg-v2-ai-step h3{
    margin:0 0 5px;
    font-size:18px;
}

.mtg-v2-ai-step p{
    margin:0;
    color:#cbd5e1;
    line-height:1.55;
}

.mtg-v2-ai-step small{
    display:block;
    margin-top:7px;
    color:#c4b5fd;
}









.mtg-v2-templates{
    background:var(--mtg-v2-soft);
}

.mtg-v2-template-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.mtg-v2-template-card{
    overflow:hidden;
    border:1px solid var(--mtg-v2-line);
    border-radius:22px;
    background:#fff;
}

.mtg-v2-template-image{
    aspect-ratio:16/10;
    background:#f1f5f9;
    overflow:hidden;
}

.mtg-v2-template-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.mtg-v2-template-image .mtg-v2-placeholder{
    height:100%;
    min-height:100%;
    border:0;
    border-radius:0;
    box-shadow:none;
}

.mtg-v2-template-copy{
    padding:22px;
}

.mtg-v2-template-copy h3{
    margin:0 0 8px;
}

.mtg-v2-template-copy p{
    min-height:52px;
    margin:0 0 16px;
    color:var(--mtg-v2-muted);
    line-height:1.55;
}

.mtg-v2-template-copy a{
    color:var(--mtg-v2-purple);
    font-weight:900;
}

.mtg-v2-panel{
    background:#fff;
}

.mtg-v2-panel-layout{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(440px,1fr);
    gap:64px;
    align-items:center;
}

.mtg-v2-feature-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:30px;
}

.mtg-v2-feature-list article{
    padding:16px;
    border:1px solid var(--mtg-v2-line);
    border-radius:16px;
}

.mtg-v2-feature-list strong,
.mtg-v2-feature-list span{
    display:block;
}

.mtg-v2-feature-list span{
    margin-top:5px;
    color:var(--mtg-v2-muted);
    font-size:14px;
}

.mtg-v2-placeholder-panel{
    min-height:440px;
}

.mtg-v2-five-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}

.mtg-v2-mini-card{
    min-width:0;
    padding:22px;
    border:1px solid var(--mtg-v2-line);
    border-radius:18px;
    background:#fff;
}

.mtg-v2-icon-slot{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:14px;
    background:#f3e8ff;
    color:var(--mtg-v2-purple);
    font-weight:950;
}

.mtg-v2-mini-card h3{
    margin:0 0 10px;
    font-size:18px;
}

.mtg-v2-mini-card p{
    margin:12px 0 0;
    color:var(--mtg-v2-muted);
    font-size:14px;
    line-height:1.55;
}

.mtg-v2-badge{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#ede9fe;
    color:var(--mtg-v2-purple-dark);
    font-size:11px;
    font-weight:900;
}

.mtg-v2-social{
    background:
        linear-gradient(180deg,#faf8ff,#fff);
}

.mtg-v2-social-flow{
    display:grid;
    grid-template-columns:180px 50px minmax(0,1fr) 50px 180px;
    gap:16px;
    align-items:center;
}

.mtg-v2-social-source,
.mtg-v2-social-result{
    padding:22px;
    border-radius:20px;
    text-align:center;
    background:var(--mtg-v2-purple);
    color:#fff;
}

.mtg-v2-social-source small,
.mtg-v2-social-result small{
    display:block;
    margin-bottom:7px;
    opacity:.75;
    font-size:11px;
    font-weight:900;
}

.mtg-v2-social-channels{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.mtg-v2-social-channels article{
    padding:16px;
    border:1px solid var(--mtg-v2-line);
    border-radius:16px;
    background:#fff;
    text-align:center;
}

.mtg-v2-social-channels strong,
.mtg-v2-social-channels span{
    display:block;
}

.mtg-v2-social-channels span{
    margin-top:4px;
    color:var(--mtg-v2-muted);
    font-size:13px;
}

.mtg-v2-arrow{
    text-align:center;
    color:var(--mtg-v2-purple);
    font-size:32px;
    font-weight:900;
}

.mtg-v2-benefit-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid var(--mtg-v2-line);
    border-radius:22px;
    overflow:hidden;
}

.mtg-v2-benefit-strip article{
    padding:24px;
    text-align:center;
    border-right:1px solid var(--mtg-v2-line);
}

.mtg-v2-benefit-strip article:last-child{
    border-right:0;
}

.mtg-v2-benefit-strip strong,
.mtg-v2-benefit-strip span{
    display:block;
}

.mtg-v2-benefit-strip span{
    margin-top:7px;
    color:var(--mtg-v2-muted);
    font-size:13px;
}

.mtg-v2-final{
    padding:70px 0;
    background:
        linear-gradient(
            135deg,
            var(--mtg-v2-purple-dark),
            var(--mtg-v2-purple)
        );
    color:#fff;
}

.mtg-v2-final-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.mtg-v2-final h2{
    margin:0 0 10px;
    font-size:clamp(32px,4vw,54px);
    letter-spacing:-.04em;
}

.mtg-v2-final p{
    margin:0;
    color:#ddd6fe;
    font-size:18px;
}

@media(max-width:1150px){

    .mtg-v2-hero-grid,
    .mtg-v2-ai-layout,
    .mtg-v2-panel-layout{
        grid-template-columns:1fr 1fr;
        gap:36px;
    }

    .mtg-v2-five-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    

}

@media(max-width:900px){

    .mtg-v2-section{
        padding:70px 0;
    }

    .mtg-v2-hero{
        padding:60px 0 70px;
    }

    .mtg-v2-hero-grid,
    .mtg-v2-ai-layout,
    .mtg-v2-panel-layout{
        min-height:0;
        grid-template-columns:1fr;
    }

    .mtg-v2-template-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mtg-v2-social-flow{
        grid-template-columns:1fr;
    }

    .mtg-v2-arrow{
        transform:rotate(90deg);
    }

    .mtg-v2-benefit-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mtg-v2-benefit-strip article{
        border-bottom:1px solid var(--mtg-v2-line);
    }

    .mtg-v2-final-inner{
        align-items:flex-start;
        flex-direction:column;
    }

}

@media(max-width:600px){

    .mtg-v2-wrap{
        width:92%;
    }

    .mtg-v2-hero h1{
        font-size:46px;
    }

    .mtg-v2-hero-copy > p,
    .mtg-v2-section-head p,
    .mtg-v2-lead{
        font-size:16px;
    }

    .mtg-v2-actions{
        flex-direction:column;
    }

    .mtg-v2-btn{
        width:100%;
    }

    .mtg-v2-hero-trust{
        flex-direction:column;
        gap:8px;
    }

    .mtg-v2-placeholder-hero{
        min-height:340px;
    }

    .mtg-v2-four-grid,
    .mtg-v2-template-grid,
    .mtg-v2-feature-list,
    .mtg-v2-five-grid,
    .mtg-v2-social-channels,
    .mtg-v2-benefit-strip{
        grid-template-columns:1fr;
    }

    .mtg-v2-benefit-strip article{
        border-right:0;
    }

}

/* MTG_V2_NATIVE_ICON_BANK_V1 */
.mtg-v2-icon-slot .mtg-v2-payment-icon{
    width:34px;
    height:34px;
    display:block;
    object-fit:contain;
}

.mtg-v2-icon-missing{
    font-weight:900;
    color:var(--mtg-v2-purple);
}


/* MTG_V2_PAYMENT_ICONS_POLISH_START */

.mtg-v2-mini-card .mtg-v2-icon-slot{
    width: 100%;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    overflow: visible;
    padding: 0;
    min-height: 92px;
}

.mtg-v2-mini-card .mtg-v2-payment-icon{
    width: 92px;
    height: 92px;
    display: block;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
    filter: none;
}

.mtg-v2-mini-card .mtg-v2-icon-missing{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    color: #6d28d9;
    background: transparent;
    border: 0;
    border-radius: 0;
}

@media (max-width: 768px){
    .mtg-v2-mini-card .mtg-v2-icon-slot{
        min-height: 82px;
        margin: 0 auto 16px;
    }

    .mtg-v2-mini-card .mtg-v2-payment-icon{
        width: 82px;
        height: 82px;
    }

    .mtg-v2-mini-card .mtg-v2-icon-missing{
        width: 82px;
        height: 82px;
        font-size: 30px;
    }
}

/* MTG_V2_PAYMENT_ICONS_POLISH_END */



/* MTG_V2_PAYMENT_CARDS_CENTER_START */

/* Contenedor de cards de pagos */
.mtg-v2-payments-grid .mtg-v2-mini-card,
.mtg-v2-payments .mtg-v2-mini-card,
#payments .mtg-v2-mini-card{
    text-align: center;
}

/* Icono */
.mtg-v2-payments-grid .mtg-v2-mini-card .mtg-v2-icon-slot,
.mtg-v2-payments .mtg-v2-mini-card .mtg-v2-icon-slot,
#payments .mtg-v2-mini-card .mtg-v2-icon-slot{
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

/* Título */
.mtg-v2-payments-grid .mtg-v2-mini-card h3,
.mtg-v2-payments .mtg-v2-mini-card h3,
#payments .mtg-v2-mini-card h3{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Badge */
.mtg-v2-payments-grid .mtg-v2-mini-card .mtg-v2-badge,
.mtg-v2-payments-grid .mtg-v2-mini-card .mtg-v2-chip,
.mtg-v2-payments-grid .mtg-v2-mini-card .badge,
.mtg-v2-payments-grid .mtg-v2-mini-card .pill,
.mtg-v2-payments .mtg-v2-mini-card .mtg-v2-badge,
.mtg-v2-payments .mtg-v2-mini-card .mtg-v2-chip,
.mtg-v2-payments .mtg-v2-mini-card .badge,
.mtg-v2-payments .mtg-v2-mini-card .pill,
#payments .mtg-v2-mini-card .mtg-v2-badge,
#payments .mtg-v2-mini-card .mtg-v2-chip,
#payments .mtg-v2-mini-card .badge,
#payments .mtg-v2-mini-card .pill{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

/* Texto descriptivo */
.mtg-v2-payments-grid .mtg-v2-mini-card p,
.mtg-v2-payments .mtg-v2-mini-card p,
#payments .mtg-v2-mini-card p{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Si existe bloque interno de contenido */
.mtg-v2-payments-grid .mtg-v2-mini-card .mtg-v2-mini-card__content,
.mtg-v2-payments .mtg-v2-mini-card .mtg-v2-mini-card__content,
#payments .mtg-v2-mini-card .mtg-v2-mini-card__content{
    align-items: center;
    text-align: center;
}

/* MTG_V2_PAYMENT_CARDS_CENTER_END */


/* MTG_V2_PAYMENT_CENTER_REAL_START */

.mtg-v2-payments .mtg-v2-mini-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
}

.mtg-v2-payments .mtg-v2-icon-slot{
    margin-left:auto !important;
    margin-right:auto !important;
}

.mtg-v2-payments .mtg-v2-mini-card h3{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.mtg-v2-payments .mtg-v2-badge{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.mtg-v2-payments .mtg-v2-mini-card p{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.mtg-v2-payments .mtg-v2-payment-icon{
    margin-left:auto;
    margin-right:auto;
}

/* MTG_V2_PAYMENT_CENTER_REAL_END */

/* =========================================================
   MTG HERO V3 · CARLA
   ========================================================= */

.mtg-v3-hero{
    position:relative;
    overflow:hidden;
    padding:76px 0;
    background:
        radial-gradient(circle at 12% 18%,rgba(94,53,177,.30),transparent 34%),
        radial-gradient(circle at 88% 12%,rgba(31,90,160,.18),transparent 30%),
        linear-gradient(115deg,#0d1223 0%,#11172a 52%,#22143d 100%);
    color:#fff;
}

.mtg-v3-hero::before{
    content:"";
    position:absolute;
    left:-120px;
    bottom:-180px;
    width:440px;
    height:440px;
    border-radius:50%;
    background:rgba(112,64,220,.12);
    filter:blur(30px);
    pointer-events:none;
}

.mtg-v3-hero-inner{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1440px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);
    gap:70px;
    align-items:center;
}

.mtg-v3-hero-copy{
    max-width:680px;
}

.mtg-v3-eyebrow{
    display:inline-flex;
    padding:8px 14px;
    border-radius:999px;
    background:#f2e8ff;
    color:#6d28d9;
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
}

.mtg-v3-title{
    margin:22px 0 22px;
    font-size:clamp(54px,6.6vw,96px);
    line-height:.90;
    letter-spacing:-.06em;
    font-weight:950;
}

.mtg-v3-title span{
    display:block;
    color:#fff;
}

.mtg-v3-title strong{
    display:block;
    margin-top:9px;
    color:#8b45e6;
    font-weight:950;
}

.mtg-v3-lead{
    max-width:670px;
    margin:0;
    color:#e2e8f0;
    font-size:20px;
    line-height:1.65;
    font-weight:500;
}

.mtg-v3-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.mtg-v3-btn{
    min-height:56px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    text-decoration:none!important;
    font-weight:900;
    transition:.18s ease;
}

.mtg-v3-btn:hover{
    transform:translateY(-2px);
}

.mtg-v3-btn-primary{
    background:#7428de;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(105,40,200,.22);
}

.mtg-v3-btn-secondary{
    background:#fff;
    color:#0f172a!important;
    border:1px solid rgba(255,255,255,.22);
}

.mtg-v3-trust{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:24px;
    color:#d7deea;
    font-size:14px;
    font-weight:800;
}

.mtg-v3-hero-media{
    position:relative;
}

.mtg-v3-hero-media img{
    width:100%;
    height:auto;
    display:block;
    border-radius:28px;
    box-shadow:
        0 28px 65px rgba(0,0,0,.34);
}

@media(max-width:1050px){

    .mtg-v3-hero{
        padding:52px 0;
    }

    .mtg-v3-hero-inner{
        grid-template-columns:1fr;
        gap:38px;
    }

    .mtg-v3-hero-copy{
        max-width:none;
    }

    .mtg-v3-hero-media{
        order:-1;
    }

}

@media(max-width:600px){

    .mtg-v3-hero{
        padding:30px 0 36px;
    }

    .mtg-v3-hero-inner{
        width:92%;
        gap:28px;
    }

    .mtg-v3-title{
        font-size:48px;
    }

    .mtg-v3-lead{
        font-size:17px;
    }

    .mtg-v3-actions{
        flex-direction:column;
    }

    .mtg-v3-btn{
        width:100%;
    }

    .mtg-v3-trust{
        flex-direction:column;
        gap:8px;
    }

}











/* ============================================================
   MTG_HERO_V5_START
   Hero independiente · Builder conectado
   ============================================================ */

.mtg-hero-v5{
    --hero-bg:#080d18;
    --hero-bg-2:#111020;
    --hero-purple:#8b3cf0;
    --hero-purple-2:#ba4df4;
    --hero-gold:#e4b460;
    --hero-text:#f8fafc;
    --hero-muted:#cbd2dd;

    position:relative;

    width:100%;

    min-height:760px;

    overflow:hidden;

    color:var(--hero-text);

    background:
        radial-gradient(
            ellipse at 75% 35%,
            rgba(165,100,52,.18),
            transparent 35%
        ),
        radial-gradient(
            ellipse at 10% 8%,
            rgba(89,48,139,.20),
            transparent 30%
        ),
        linear-gradient(
            110deg,
            var(--hero-bg) 0%,
            #0b101c 48%,
            var(--hero-bg-2) 100%
        );
}


/* escenario principal */

.mtg-hero-v5__inner{
    position:relative;
    z-index:2;

    width:90%;
    max-width:1580px;

    min-height:760px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,43fr)
        minmax(0,57fr);

    align-items:stretch;
}


/* ============================================================
   COPY
   ============================================================ */

.mtg-hero-v5__copy{
    position:relative;
    z-index:4;

    align-self:center;

    max-width:680px;

    padding:
        72px 0
        70px;
}


.mtg-hero-v5__eyebrow{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:25px;

    padding:
        9px 17px;

    border:
        1px solid
        rgba(228,180,96,.52);

    border-radius:999px;

    background:
        rgba(50,35,28,.30);

    color:var(--hero-gold);

    font-size:13px;

    line-height:1;

    letter-spacing:.08em;

    font-weight:900;
}


.mtg-hero-v5__title{
    margin:0 0 25px;

    font-size:
        clamp(72px,6.1vw,104px);

    line-height:.88;

    letter-spacing:-.062em;

    font-weight:950;
}


.mtg-hero-v5__title-main{
    display:block;

    max-width:650px;

    color:#fff;

    font-weight:950;
}


.mtg-hero-v5__title-accent{
    position:relative;

    display:inline-block;

    margin-top:12px;

    font-weight:950;

    background:
        linear-gradient(
            180deg,
            #c653ff,
            #983de8 58%,
            #7631d8
        );

    -webkit-background-clip:text;

    background-clip:text;

    -webkit-text-fill-color:
        transparent;
}


.mtg-hero-v5__title-accent::after{
    content:"";

    position:absolute;

    left:6%;
    right:-3%;

    bottom:-10px;

    height:4px;

    border-radius:100%;

    background:
        linear-gradient(
            90deg,
            #8d39e7,
            #ca50ff
        );

    transform:
        rotate(-1.3deg);
}


.mtg-hero-v5__lead{
    max-width:610px;

    margin:0;

    color:var(--hero-muted);

    font-size:19px;

    line-height:1.62;

    font-weight:500;
}


.mtg-hero-v5__lead strong{
    display:block;

    margin-top:3px;

    color:var(--hero-gold);

    font-weight:850;
}


/* botones */

.mtg-hero-v5__actions{
    display:flex;

    flex-wrap:wrap;

    gap:16px;

    margin-top:31px;
}


.mtg-hero-v5__btn{
    min-height:60px;

    padding:
        0 27px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:20px;

    border-radius:13px;

    text-decoration:none!important;

    font-size:16px;

    line-height:1;

    font-weight:900;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}


.mtg-hero-v5__btn:hover{
    transform:
        translateY(-2px);
}


.mtg-hero-v5__btn b{
    font-size:20px;

    font-weight:600;
}


.mtg-hero-v5__btn--primary{
    color:#fff!important;

    background:
        linear-gradient(
            135deg,
            #8d40f2,
            #6824db
        );

    box-shadow:
        0 14px 30px
        rgba(105,35,220,.25);
}


.mtg-hero-v5__btn--secondary{
    color:#fff!important;

    border:
        1px solid
        rgba(255,255,255,.36);

    background:
        rgba(255,255,255,.025);
}


/* beneficios */

.mtg-hero-v5__benefits{
    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:24px;

    margin-top:34px;
}


.mtg-hero-v5__benefit{
    display:flex;

    align-items:center;

    gap:10px;

    color:#cfd5de;

    font-size:14px;

    font-weight:650;
}


.mtg-hero-v5__benefit i{
    width:42px;

    height:42px;

    flex:0 0 42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(228,180,96,.60);

    border-radius:50%;

    color:var(--hero-gold);

    font-style:normal;

    font-size:11px;

    font-weight:900;
}


/* ============================================================
   VISUAL DERECHO
   ============================================================ */

.mtg-hero-v5__visual{
    position:relative;

    min-width:0;

    align-self:stretch;

    overflow:visible;
}


.mtg-hero-v5__warmth{
    position:absolute;

    z-index:0;

    width:620px;
    height:620px;

    right:2%;
    top:6%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(191,125,69,.18),
            rgba(191,125,69,.06) 44%,
            transparent 70%
        );

    filter:
        blur(28px);
}


/*
 * Aquí está el cambio clave.
 * La imagen NO vive en una cajita.
 * Se convierte en escenario.
 */

.mtg-hero-v5__carla{
    position:absolute;

    z-index:2;

    right:-4.5%;

    bottom:-2px;

    width:auto!important;

    max-width:none!important;

    height:98%!important;

    max-height:none!important;

    object-fit:contain!important;

    object-position:right bottom!important;

    background:transparent!important;

    border:0!important;

    border-radius:0!important;

    box-shadow:none!important;

    filter:
        drop-shadow(
            -16px 25px 30px
            rgba(0,0,0,.24)
        );
}


/* tarjeta IA */

.mtg-hero-v5__ai{
    position:absolute;

    z-index:5;

    right:2%;

    bottom:34px;

    min-width:355px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:
        11px 15px;

    border-radius:15px;

    background:
        rgba(255,255,255,.97);

    color:#0f172a;

    box-shadow:
        0 16px 38px
        rgba(0,0,0,.20);
}


.mtg-hero-v5__ai-avatar{
    width:46px;
    height:46px;

    flex:0 0 46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #9746ef,
            #6235e4
        );

    color:#fff;

    font-size:13px;

    font-weight:950;
}


.mtg-hero-v5__ai-copy{
    flex:1;
}


.mtg-hero-v5__ai-copy strong,
.mtg-hero-v5__ai-copy span{
    display:block;
}


.mtg-hero-v5__ai-copy strong{
    font-size:13px;
}


.mtg-hero-v5__ai-copy span{
    margin-top:4px;

    color:#64748b;

    font-size:12px;
}


.mtg-hero-v5__ai-status{
    position:absolute;

    width:13px;
    height:13px;

    right:10px;
    bottom:-4px;

    border:
        2px solid #fff;

    border-radius:50%;

    background:#22c55e;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

    .mtg-hero-v5,
    .mtg-hero-v5__inner{
        min-height:auto;
    }


    .mtg-hero-v5__inner{
        grid-template-columns:1fr;

        width:90%;
    }


    .mtg-hero-v5__copy{
        max-width:760px;

        padding:
            55px 0 20px;
    }


    .mtg-hero-v5__title{
        font-size:
            clamp(64px,9vw,88px);
    }


    .mtg-hero-v5__visual{
        min-height:650px;
    }


    .mtg-hero-v5__carla{
        right:50%;

        transform:
            translateX(50%);

        height:650px!important;
    }


    .mtg-hero-v5__ai{
        right:50%;

        transform:
            translateX(50%);
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px){

    .mtg-hero-v5__inner{
        width:92%;
    }


    .mtg-hero-v5__copy{
        padding:
            35px 0 15px;
    }


    .mtg-hero-v5__eyebrow{
        margin-bottom:18px;

        padding:
            8px 12px;

        font-size:11px;
    }


    .mtg-hero-v5__title{
        font-size:50px;

        line-height:.91;
    }


    .mtg-hero-v5__lead{
        font-size:16px;
    }


    .mtg-hero-v5__actions{
        flex-direction:column;
    }


    .mtg-hero-v5__btn{
        width:100%;
    }


    .mtg-hero-v5__benefits{
        flex-direction:column;

        align-items:flex-start;

        gap:10px;
    }


    .mtg-hero-v5__visual{
        min-height:460px;
    }


    .mtg-hero-v5__carla{
        height:460px!important;
    }


    .mtg-hero-v5__ai{
        width:94%;

        min-width:0;

        right:50%;

        bottom:15px;

        transform:
            translateX(50%);
    }

}

/* MTG_HERO_V5_END */







/* ============================================================
   MTG_STAGE_V1_START
   Single slide animado
   ============================================================ */

.mtg-stage-v1{
    --stage-purple:#7c3aed;
    --stage-purple2:#a855f7;
    --stage-gold:#f0bc61;

    position:relative;

    width:100%;
    min-height:760px;

    overflow:hidden;

    background:
        var(--mtg-stage-bg,none),
        radial-gradient(
            circle at 72% 42%,
            rgba(139,92,246,.17),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 18%,
            rgba(203,126,63,.16),
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #060914 0%,
            #0b1020 50%,
            #17101d 100%
        );

    background-size:cover;
    background-position:center;
}


.mtg-stage-v1__shade{
    position:absolute;
    inset:0;
    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(3,6,16,.82) 0%,
            rgba(3,6,16,.52) 43%,
            rgba(3,6,16,.10) 74%,
            rgba(3,6,16,.22) 100%
        );
}


.mtg-stage-v1__scene{
    position:relative;

    z-index:2;

    width:94%;
    max-width:1680px;

    min-height:760px;

    margin:0 auto;
}


/* ============================================================
   ANIMACIONES
   ============================================================ */

.mtg-stage-layer{
    opacity:0;

    transform:
        translateY(24px);

    filter:
        blur(5px);

    transition:
        opacity .62s cubic-bezier(.2,.8,.2,1),
        transform .62s cubic-bezier(.2,.8,.2,1),
        filter .62s ease;
}


.mtg-stage-layer.is-visible{
    opacity:1;

    transform:
        translateY(0);

    filter:
        blur(0);
}


/* Carla entra desde derecha */

.mtg-stage-v1__carla-wrap.mtg-stage-layer{
    transform:
        translateX(70px);
}


.mtg-stage-v1__carla-wrap.mtg-stage-layer.is-visible{
    transform:
        translateX(0);
}


/* bubbles entran desde izquierda */

.mtg-stage-v1__bubble.mtg-stage-layer{
    transform:
        translateX(-50px);
}


.mtg-stage-v1__bubble.mtg-stage-layer.is-visible{
    transform:
        translateX(0);
}


/* ============================================================
   COPY
   ============================================================ */

.mtg-stage-v1__copy{
    position:absolute;

    z-index:5;

    left:19%;
    top:19%;

    width:42%;
    max-width:720px;
}


.mtg-stage-v1__eyebrow{
    display:inline-flex;

    align-items:center;

    padding:
        9px 16px;

    margin-bottom:22px;

    border:
        1px solid
        rgba(240,188,97,.55);

    border-radius:999px;

    background:
        rgba(33,21,29,.42);

    color:var(--stage-gold);

    font-size:13px;

    font-weight:900;

    letter-spacing:.075em;
}


.mtg-stage-v1__title{
    margin:0;

    color:#fff;

    font-size:
        clamp(64px,5.8vw,94px);

    line-height:.90;

    letter-spacing:-.055em;

    font-weight:950;
}


.mtg-stage-v1__title span{
    display:block;

    background:
        linear-gradient(
            90deg,
            #a855f7,
            #6366f1,
            #3b82f6
        );

    -webkit-background-clip:text;

    background-clip:text;

    -webkit-text-fill-color:
        transparent;
}


.mtg-stage-v1__subtitle{
    max-width:650px;

    margin:
        27px 0 0;

    color:
        rgba(255,255,255,.88);

    font-size:19px;

    line-height:1.55;

    font-weight:500;
}


.mtg-stage-v1__subtitle strong{
    display:block;

    margin-top:7px;

    color:var(--stage-gold);

    font-weight:900;
}


/* ============================================================
   CTA
   ============================================================ */

.mtg-stage-v1__actions{
    display:flex;

    gap:15px;

    margin-top:30px;
}


.mtg-stage-v1__btn{
    min-height:58px;

    padding:
        0 26px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    border-radius:999px;

    text-decoration:none!important;

    font-weight:900;

    transition:
        transform .18s ease;
}


.mtg-stage-v1__btn:hover{
    transform:
        translateY(-2px);
}


.mtg-stage-v1__btn--primary{
    color:#fff!important;

    background:
        linear-gradient(
            135deg,
            #8b3cf0,
            #6827e4
        );

    box-shadow:
        0 12px 30px
        rgba(111,45,220,.30);
}


.mtg-stage-v1__btn--secondary{
    color:#fff!important;

    border:
        1px solid
        rgba(255,255,255,.72);

    background:
        rgba(255,255,255,.025);
}


/* ============================================================
   CARLA
   ============================================================ */

.mtg-stage-v1__carla-wrap{
    position:absolute;

    z-index:3;

    right:2%;
    bottom:0;

    width:48%;
    height:94%;
}


.mtg-stage-v1__carla{
    position:absolute;

    right:0;
    bottom:0;

    width:auto;
    height:100%;

    max-width:none;

    object-fit:contain;

    object-position:right bottom;

    filter:
        drop-shadow(
            -20px 28px 34px
            rgba(0,0,0,.28)
        );
}


/* ============================================================
   WHATSAPP BUBBLES
   ============================================================ */

.mtg-stage-v1__bubble{
    position:absolute;

    z-index:6;

    left:1%;

    width:250px;

    padding:
        17px 20px;

    border-radius:
        20px 20px 20px 5px;

    color:#111827;

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.18);
}


.mtg-stage-v1__bubble strong{
    display:block;

    font-size:16px;

    line-height:1.3;
}


.mtg-stage-v1__bubble small{
    display:block;

    margin-top:6px;

    text-align:right;

    color:#64748b;
}


.mtg-stage-v1__bubble--question{
    top:36%;

    background:#d9fdd3;
}


.mtg-stage-v1__bubble--answer{
    top:52%;

    background:#fff;
}


/* ============================================================
   DERECHO
   ============================================================ */

.mtg-stage-v1__right-copy{
    position:absolute;

    z-index:7;

    right:2%;

    top:34%;

    width:270px;

    color:#fff;

    font-size:27px;

    line-height:1.18;

    font-weight:700;
}


.mtg-stage-v1__right-copy strong{
    color:var(--stage-gold);
}


/* ============================================================
   BENEFICIOS
   ============================================================ */

.mtg-stage-v1__benefits{
    position:absolute;

    z-index:7;

    left:2%;

    bottom:8%;

    display:flex;

    gap:28px;
}


.mtg-stage-v1__benefits > div{
    display:flex;

    align-items:center;

    gap:11px;
}


.mtg-stage-v1__benefits i{
    width:48px;
    height:48px;

    flex:0 0 48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(139,92,246,.78);

    border-radius:50%;

    color:#fff;

    background:
        rgba(99,48,180,.30);

    box-shadow:
        0 0 22px
        rgba(124,58,237,.32);

    font-style:normal;

    font-size:12px;

    font-weight:900;
}


.mtg-stage-v1__benefits span{
    display:block;

    color:
        rgba(255,255,255,.70);

    font-size:12px;
}


.mtg-stage-v1__benefits strong{
    display:block;

    margin-bottom:3px;

    color:#fff;

    font-size:14px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

    .mtg-stage-v1{
        min-height:1000px;
    }


    .mtg-stage-v1__scene{
        min-height:1000px;
    }


    .mtg-stage-v1__copy{
        left:6%;
        top:8%;

        width:88%;
    }


    .mtg-stage-v1__carla-wrap{
        width:78%;
        height:58%;

        right:11%;
    }


    .mtg-stage-v1__bubble,
    .mtg-stage-v1__right-copy{
        display:none;
    }


    .mtg-stage-v1__benefits{
        left:6%;
        bottom:3%;

        width:88%;

        justify-content:center;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    .mtg-stage-v1{
        min-height:900px;
    }


    .mtg-stage-v1__scene{
        min-height:900px;

        width:92%;
    }


    .mtg-stage-v1__copy{
        left:0;
        top:5%;

        width:100%;
    }


    .mtg-stage-v1__title{
        font-size:50px;
    }


    .mtg-stage-v1__subtitle{
        font-size:16px;
    }


    .mtg-stage-v1__actions{
        flex-direction:column;
    }


    .mtg-stage-v1__btn{
        width:100%;
    }


    .mtg-stage-v1__carla-wrap{
        right:0;
        bottom:90px;

        width:100%;
        height:47%;
    }


    .mtg-stage-v1__carla{
        right:50%;

        transform:
            translateX(50%);
    }


    .mtg-stage-v1__benefits{
        left:0;

        width:100%;

        bottom:16px;

        gap:7px;

        justify-content:space-between;
    }


    .mtg-stage-v1__benefits > div{
        flex:1;

        flex-direction:column;

        text-align:center;
    }


    .mtg-stage-v1__benefits i{
        width:38px;
        height:38px;

        flex-basis:38px;
    }


    .mtg-stage-v1__benefits strong{
        font-size:11px;
    }


    .mtg-stage-v1__benefits span{
        font-size:9px;
    }

}

/* MTG_STAGE_V1_END */


/* ============================================================
   MTG_BUILDER_HERO_V6_START
   ============================================================ */

.mtg-builder-hero-v6{

    --purple:#7537f0;
    --purple2:#9954ff;
    --blue:#5078ff;

    position:relative;

    overflow:hidden;

    min-height:700px;

    padding:
        74px 0
        86px;

    color:#fff;

    background:

        radial-gradient(
            circle at 86% 74%,
            rgba(104,55,255,.30),
            transparent 27%
        ),

        radial-gradient(
            circle at 6% 8%,
            rgba(92,41,180,.17),
            transparent 28%
        ),

        linear-gradient(
            115deg,
            #070817 0%,
            #0d102a 48%,
            #181044 100%
        );
}


.mtg-builder-hero-v6__glow{

    position:absolute;

    width:520px;
    height:520px;

    right:-170px;
    bottom:-180px;

    border-radius:50%;

    background:
        rgba(108,61,255,.24);

    filter:
        blur(90px);

    pointer-events:none;
}


.mtg-builder-hero-v6__inner{

    position:relative;
    z-index:2;

    width:90%;
    max-width:1320px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.95fr)
        minmax(0,1.05fr);

    gap:70px;

    align-items:center;
}


/* ============================
   IZQUIERDA
   ============================ */

.mtg-builder-hero-v6__copy{

    max-width:610px;
}


.mtg-builder-hero-v6__eyebrow{

    margin-bottom:22px;

    color:#9371ff;

    font-size:14px;

    font-weight:900;

    letter-spacing:.04em;

    text-transform:uppercase;
}


.mtg-builder-hero-v6__title{

    margin:
        0 0
        23px;

    font-size:
        clamp(
            55px,
            5.2vw,
            78px
        );

    line-height:.95;

    letter-spacing:-.055em;

    font-weight:500;
}


.mtg-builder-hero-v6__title-main{

    display:block;

    color:#fff;
}


.mtg-builder-hero-v6__title-accent{

    display:block;

    margin-top:6px;

    font-weight:900;

    background:
        linear-gradient(
            90deg,
            #9a4cff,
            #7460ff,
            #4d7cff
        );

    -webkit-background-clip:text;

    background-clip:text;

    color:transparent;
}


.mtg-builder-hero-v6__lead{

    max-width:580px;

    margin:
        0 0
        23px;

    color:
        rgba(255,255,255,.80);

    font-size:18px;

    line-height:1.55;
}


/* bullets */

.mtg-builder-hero-v6__bullets{

    margin:
        0 0
        29px;

    padding:0;

    list-style:none;

    display:grid;

    gap:11px;
}


.mtg-builder-hero-v6__bullets li{

    position:relative;

    padding-left:27px;

    color:
        rgba(255,255,255,.92);

    font-size:16px;

    font-weight:600;
}


.mtg-builder-hero-v6__bullets li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22d38a;

    font-weight:900;
}


/* botones */

.mtg-builder-hero-v6__actions{

    display:flex;

    flex-wrap:wrap;

    gap:13px;

    margin-bottom:26px;
}


.mtg-builder-hero-v6__btn{

    min-height:54px;

    padding:
        0 23px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:11px;

    text-decoration:none!important;

    font-size:15px;

    font-weight:900;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.mtg-builder-hero-v6__btn:hover{

    transform:
        translateY(-2px);
}


.mtg-builder-hero-v6__btn--primary{

    color:#fff!important;

    background:
        linear-gradient(
            135deg,
            #7b39f1,
            #603de9
        );

    box-shadow:
        0 14px 32px
        rgba(111,55,237,.28);
}


.mtg-builder-hero-v6__btn--secondary{

    color:#fff!important;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.20);
}


/* trust */

.mtg-builder-hero-v6__trust{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    color:
        rgba(255,255,255,.72);

    font-size:13px;

    font-weight:700;
}



/* ============================
   DERECHA
   ============================ */

.mtg-builder-hero-v6__visual{

    position:relative;

    min-height:610px;
}


.mtg-builder-hero-v6__visual-card{

    position:absolute;

    top:0;
    right:0;

    width:92%;
    height:565px;

    overflow:hidden;

    border-radius:26px;

    border:
        1px solid
        rgba(255,255,255,.11);

    background:

        radial-gradient(
            circle at 72% 40%,
            rgba(125,78,255,.30),
            transparent 35%
        ),

        linear-gradient(
            135deg,
            #101638,
            #262169
        );

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.36);
}


/* fake browser */

.mtg-builder-hero-v6__mini-nav{

    position:absolute;

    top:24px;
    left:25px;

    display:flex;

    gap:7px;

    z-index:3;
}


.mtg-builder-hero-v6__mini-nav span{

    width:9px;
    height:9px;

    border-radius:50%;

    background:
        rgba(255,255,255,.65);
}


.mtg-builder-hero-v6__ai-label{

    position:absolute;

    z-index:4;

    left:28px;
    top:60px;

    padding:
        9px 13px;

    border-radius:999px;

    background:#fff;

    color:#403777;

    font-size:12px;

    font-weight:800;
}


.mtg-builder-hero-v6__visual-title{

    position:absolute;

    z-index:3;

    left:28px;
    top:120px;

    font-size:48px;

    line-height:.97;

    font-weight:300;

    color:#fff;
}


.mtg-builder-hero-v6__visual-title span,
.mtg-builder-hero-v6__visual-title strong{

    display:block;
}


.mtg-builder-hero-v6__visual-title strong{

    font-weight:800;

    color:#bba7ff;
}


/* Carla */

.mtg-builder-hero-v6__carla{

    position:absolute;

    z-index:2;

    right:-3%;
    bottom:0;

    height:91%;
    width:auto;

    max-width:none;

    object-fit:contain;

    object-position:right bottom;

    filter:
        drop-shadow(
            -14px
            24px
            28px
            rgba(0,0,0,.27)
        );
}


/* ventas */

.mtg-builder-hero-v6__sales{

    position:absolute;

    z-index:5;

    right:24px;
    top:112px;

    width:130px;

    padding:
        15px 17px;

    border-radius:17px;

    background:
        rgba(22,19,62,.78);

    backdrop-filter:
        blur(10px);

    border:
        1px solid
        rgba(255,255,255,.13);

    box-shadow:
        0 15px 34px
        rgba(0,0,0,.20);
}


.mtg-builder-hero-v6__sales small{

    display:block;

    color:
        rgba(255,255,255,.70);
}


.mtg-builder-hero-v6__sales strong{

    display:block;

    margin-top:3px;

    font-size:25px;

    color:#fff;
}


.mtg-builder-hero-v6__sales span{

    color:#a77cff;

    font-size:24px;
}


/* producto */

.mtg-builder-hero-v6__product{

    position:absolute;

    z-index:6;

    right:12px;
    bottom:41px;

    width:145px;

    padding:
        15px;

    border-radius:18px;

    background:
        rgba(246,244,255,.94);

    color:#25243b;

    box-shadow:
        0 18px 38px
        rgba(0,0,0,.22);
}


.mtg-builder-hero-v6__product div{

    font-size:30px;

    margin-bottom:8px;
}


.mtg-builder-hero-v6__product strong,
.mtg-builder-hero-v6__product small{

    display:block;
}


.mtg-builder-hero-v6__product strong{

    font-size:13px;
}


.mtg-builder-hero-v6__product small{

    margin-top:3px;

    color:#6b7280;
}


/* prompt */

.mtg-builder-hero-v6__prompt{

    position:absolute;

    z-index:10;

    left:-28px;
    bottom:4px;

    width:410px;

    padding:
        20px 21px;

    border-radius:19px;

    color:#1b1c2b;

    background:
        rgba(248,248,252,.97);

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.25);
}


.mtg-builder-hero-v6__prompt p{

    margin:0;

    font-size:17px;

    line-height:1.4;
}


.mtg-builder-hero-v6__prompt p strong{

    display:block;
}


.mtg-builder-hero-v6__prompt-icons{

    display:flex;

    align-items:center;

    gap:16px;

    margin-top:18px;

    font-size:20px;
}


.mtg-builder-hero-v6__prompt-icons b{

    margin-left:auto;

    width:45px;
    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:13px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #8140f4,
            #5c45e8
        );
}



/* ============================
   ANIMACION
   ============================ */

.mtg-v6-reveal{

    opacity:0;

    transform:
        translateY(18px);

    transition:

        opacity
        .65s
        cubic-bezier(.2,.8,.2,1),

        transform
        .65s
        cubic-bezier(.2,.8,.2,1);
}


.mtg-v6-reveal.is-visible{

    opacity:1;

    transform:
        translateY(0);
}


.mtg-v6-floating{

    animation:
        mtgV6Float
        4.5s
        ease-in-out
        infinite;
}


@keyframes mtgV6Float{

    0%,
    100%{

        transform:
            translateY(0);
    }

    50%{

        transform:
            translateY(-7px);
    }

}



/* ============================
   RESPONSIVE
   ============================ */

@media(max-width:1050px){

    .mtg-builder-hero-v6__inner{

        grid-template-columns:
            1fr;

        gap:50px;
    }


    .mtg-builder-hero-v6__copy{

        max-width:760px;
    }


    .mtg-builder-hero-v6__visual{

        max-width:700px;

        width:100%;

        margin:
            0 auto;
    }

}


@media(max-width:650px){

    .mtg-builder-hero-v6{

        padding:
            44px 0
            60px;
    }


    .mtg-builder-hero-v6__inner{

        width:92%;

        gap:35px;
    }


    .mtg-builder-hero-v6__title{

        font-size:49px;
    }


    .mtg-builder-hero-v6__lead{

        font-size:16px;
    }


    .mtg-builder-hero-v6__actions{

        flex-direction:
            column;
    }


    .mtg-builder-hero-v6__btn{

        width:100%;
    }


    .mtg-builder-hero-v6__trust{

        flex-direction:
            column;

        gap:7px;
    }


    .mtg-builder-hero-v6__visual{

        min-height:520px;
    }


    .mtg-builder-hero-v6__visual-card{

        width:100%;

        height:480px;
    }


    .mtg-builder-hero-v6__visual-title{

        font-size:36px;
    }


    .mtg-builder-hero-v6__carla{

        height:76%;
    }


    .mtg-builder-hero-v6__sales{

        display:none;
    }


    .mtg-builder-hero-v6__product{

        display:none;
    }


    .mtg-builder-hero-v6__prompt{

        left:4%;

        width:92%;

        bottom:0;
    }

}

/* MTG_BUILDER_HERO_V6_END */










/* ==========================================================
   MTG_AI_12_INFINITE_V5_CSS
   ========================================================== */

.mtg-ai-infinite{
    position:relative;
    overflow:hidden;
    padding:82px 0 82px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(109,64,232,.055),
            transparent 37%
        ),
        #fff;
    color:#17134d;
}

.mtg-ai-infinite__head{
    width:min(920px,90%);
    margin:0 auto 54px;
    text-align:center;
}

.mtg-ai-infinite__pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border:1px solid #c8b8fa;
    border-radius:999px;
    background:#fff;
    color:#6741df;
    font-size:13px;
    font-weight:850;
}

.mtg-ai-infinite__head h2{
    margin:20px 0 14px;
    color:#17134d;
    font-size:clamp(50px,5vw,76px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:950;
}

.mtg-ai-infinite__head h2 span{
    color:#7040e8;
}

.mtg-ai-infinite__head p{
    max-width:790px;
    margin:0 auto;
    color:#65638e;
    font-size:18px;
    line-height:1.55;
}

.mtg-ai-infinite__viewport{
    width:100%;
    overflow:hidden;
}

.mtg-ai-infinite__track{
    display:flex;
    width:max-content;
    gap:18px;
    padding:0;
    will-change:transform;
}

.mtg-ai-infinite-card{
    position:relative;
    flex:0 0 248px;
    height:420px;
    overflow:hidden;
    border-radius:20px;
}

.mtg-ai-infinite-card--image{
    flex-basis:300px;
    background:#f0eff4;
}

.mtg-ai-infinite-card--stat{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px 28px 36px;
    border:1px solid rgba(90,72,190,.10);
}

.mtg-ai-infinite-card--purple{
    background:linear-gradient(155deg,#e3d4ff,#f6f0ff);
}

.mtg-ai-infinite-card--pink{
    background:linear-gradient(155deg,#ffe0e8,#fff1f4);
}

.mtg-ai-infinite-card--cyan{
    background:linear-gradient(155deg,#dcefff,#f1f9ff);
}

.mtg-ai-infinite-card--green{
    background:linear-gradient(155deg,#dcf8e8,#f0fcf5);
}

.mtg-ai-infinite-card--stat::after{
    content:"";
    position:absolute;
    right:-105px;
    bottom:-112px;
    width:220px;
    height:220px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:50%;
    box-shadow:
        0 0 0 18px rgba(255,255,255,.15),
        0 0 0 37px rgba(255,255,255,.09);
}

.mtg-ai-infinite-card__icon{
    position:absolute;
    z-index:2;
    top:50px;
    left:28px;
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(93,70,190,.12);
    border-radius:18px;
    background:rgba(255,255,255,.62);
    box-shadow:0 8px 25px rgba(50,35,110,.08);
    color:#7048e8;
    font-size:28px;
    font-weight:900;
}

.mtg-ai-infinite-card--pink .mtg-ai-infinite-card__icon{
    color:#ed3b70;
}

.mtg-ai-infinite-card--cyan .mtg-ai-infinite-card__icon{
    color:#268fd0;
}

.mtg-ai-infinite-card--green .mtg-ai-infinite-card__icon{
    color:#19a15a;
}

.mtg-ai-infinite-card__value{
    position:relative;
    z-index:2;
    display:block;
    margin-bottom:12px;
    color:#5221c4;
    font-size:52px;
    line-height:.96;
    letter-spacing:-.05em;
    font-weight:950;
}

.mtg-ai-infinite-card--pink .mtg-ai-infinite-card__value{
    color:#eb356b;
}

.mtg-ai-infinite-card--cyan .mtg-ai-infinite-card__value{
    color:#238dce;
}

.mtg-ai-infinite-card--green .mtg-ai-infinite-card__value{
    color:#159c54;
}

.mtg-ai-infinite-card__text{
    position:relative;
    z-index:2;
    max-width:200px;
    color:#17134d;
    font-size:18px;
    line-height:1.38;
    font-weight:800;
}

.mtg-ai-infinite-card--image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}

.mtg-ai-infinite-card__placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:28px;
    background:linear-gradient(145deg,#eee9fc,#faf9ff);
    text-align:center;
}

.mtg-ai-infinite-card__placeholder span{
    color:#7258cd;
    font-size:11px;
    font-weight:950;
    letter-spacing:.11em;
}

.mtg-ai-infinite-card__placeholder strong{
    margin-top:10px;
    color:#362a70;
    font-size:20px;
}

.mtg-ai-infinite-card__placeholder small{
    margin-top:7px;
    color:#938cab;
    font-size:12px;
}

.mtg-ai-infinite__dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:30px;
}

.mtg-ai-infinite__dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ddd9ee;
    transition:width .2s ease, background .2s ease;
}

.mtg-ai-infinite__dot.is-active{
    width:22px;
    border-radius:999px;
    background:#6d45e6;
}

@media(max-width:1250px){

    .mtg-ai-infinite-card{
        flex-basis:232px;
        height:400px;
    }

    .mtg-ai-infinite-card--image{
        flex-basis:280px;
    }
}

@media(max-width:900px){

    .mtg-ai-infinite{
        padding:70px 0;
    }

    .mtg-ai-infinite__head{
        margin-bottom:42px;
    }

    .mtg-ai-infinite__track{
        gap:16px;
    }

    .mtg-ai-infinite-card{
        flex-basis:248px;
        height:400px;
    }

    .mtg-ai-infinite-card--image{
        flex-basis:290px;
    }
}

@media(max-width:620px){

    .mtg-ai-infinite{
        padding:58px 0 64px;
    }

    .mtg-ai-infinite__head{
        width:91%;
        margin-bottom:34px;
    }

    .mtg-ai-infinite__head h2{
        font-size:46px;
    }

    .mtg-ai-infinite__head p{
        font-size:16px;
    }

    .mtg-ai-infinite__track{
        gap:14px;
    }

    .mtg-ai-infinite-card,
    .mtg-ai-infinite-card--image{
        flex-basis:84vw;
        height:400px;
    }
}

/* ==========================================================
   END MTG_AI_12_INFINITE_V5_CSS
   ========================================================== */






/* ==========================================================
   MTG_AI_IMAGE_WIDTH_TUNE_V7
   ========================================================== */

/* +50px aprox respecto al ajuste anterior */
.mtg-ai-infinite-card--image{
    flex-basis:378px;
}

@media(max-width:1250px){
    .mtg-ai-infinite-card--image{
        flex-basis:354px;
    }
}

@media(max-width:900px){
    .mtg-ai-infinite-card--image{
        flex-basis:366px;
    }
}

@media(max-width:620px){
    .mtg-ai-infinite-card--image{
        flex-basis:84vw;
    }
}

/* ==========================================================
   END MTG_AI_IMAGE_WIDTH_TUNE_V7
   ========================================================== */


/* ==========================================================
   MTG_AI_LIGHTBOX_CLEAN_V3_CSS
   ========================================================== */

.mtg-ai-lightbox-v3-trigger{
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:inherit;
    background:transparent;
    cursor:zoom-in;
}

.mtg-ai-lightbox-v3-trigger img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

.mtg-ai-lightbox-v3-trigger:hover img{
    transform:scale(1.018);
}

.mtg-ai-lightbox-v3{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
        opacity .2s ease,
        visibility .2s ease;
}

.mtg-ai-lightbox-v3.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.mtg-ai-lightbox-v3__backdrop{
    position:absolute;
    inset:0;
    background:rgba(6,8,20,.90);
    backdrop-filter:blur(7px);
    cursor:zoom-out;
}

.mtg-ai-lightbox-v3__dialog{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:94vw;
    max-height:92vh;
}

.mtg-ai-lightbox-v3__dialog img{
    display:block;
    width:auto;
    height:auto;
    max-width:94vw;
    max-height:92vh;
    object-fit:contain;
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 30px 100px
        rgba(0,0,0,.48);
}

.mtg-ai-lightbox-v3__close{
    position:absolute;
    z-index:5;
    top:-20px;
    right:-20px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 0 4px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#17134d;
    box-shadow:
        0 8px 30px
        rgba(0,0,0,.25);
    font-size:32px;
    line-height:1;
    cursor:pointer;
}

html.mtg-ai-lightbox-v3-open{
    overflow:hidden;
}

@media(max-width:620px){

    .mtg-ai-lightbox-v3{
        padding:12px;
    }

    .mtg-ai-lightbox-v3__dialog img{
        max-width:96vw;
        max-height:88vh;
        border-radius:14px;
    }

    .mtg-ai-lightbox-v3__close{
        top:8px;
        right:8px;
        width:42px;
        height:42px;
        font-size:28px;
    }
}

/* ==========================================================
   END MTG_AI_LIGHTBOX_CLEAN_V3_CSS
   ========================================================== */


/* ==========================================================
   MTG_CREATE_STORE_AI_V1_CSS
   ========================================================== */

.mtg-create-ai{
    position:relative;
    overflow:hidden;
    padding:92px 0 105px;
    background:
        radial-gradient(
            circle at 50% 8%,
            rgba(124,58,237,.055),
            transparent 38%
        ),
        #f9f9fd;
    color:#11102d;
}


.mtg-create-ai__intro{
    width:min(940px,90%);
    margin:0 auto 60px;
    text-align:center;
}


.mtg-create-ai__eyebrow{
    margin-bottom:20px;
    color:#6544e5;
    font-size:17px;
    line-height:1.5;
    font-weight:700;
}


.mtg-create-ai__intro h2{
    margin:0;
    color:#080814;
    font-size:clamp(52px,5.4vw,82px);
    line-height:.98;
    letter-spacing:-.06em;
    font-weight:950;
}


.mtg-create-ai__intro h2 span{
    color:#7041ec;
}


.mtg-create-ai__intro h2 b{
    display:inline-block;
    margin-left:4px;
    font-size:.48em;
    vertical-align:top;
}


.mtg-create-ai__intro > p{
    max-width:750px;
    margin:22px auto 0;
    color:#66647c;
    font-size:20px;
    line-height:1.55;
}


.mtg-create-ai__guide{
    width:190px;
    margin:26px auto -16px;
    color:#6137dd;
}


.mtg-create-ai__guide strong{
    display:block;
    font-size:19px;
    font-weight:900;
}


.mtg-create-ai__guide svg{
    display:block;
    width:125px;
    height:auto;
    margin:4px auto 0;
    overflow:visible;
}


.mtg-create-ai__guide path{
    fill:none;
    stroke:#6f43ea;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.mtg-create-ai__main{
    width:min(1280px,90%);
    margin:0 auto;
    display:grid;
    grid-template-columns:
        minmax(360px,.78fr)
        minmax(560px,1.35fr);
    gap:76px;
    align-items:center;
}


.mtg-create-ai__copy{
    padding:20px 0;
}


.mtg-create-ai__kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:20px;
    padding:7px 13px;
    border-radius:999px;
    background:#eee6ff;
    color:#6840db;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
}


.mtg-create-ai__kicker span{
    font-size:14px;
}


.mtg-create-ai__copy h3{
    max-width:510px;
    margin:0;
    color:#09091a;
    font-size:clamp(38px,3.2vw,55px);
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:950;
}


.mtg-create-ai__copy h3::first-letter{
    color:inherit;
}


.mtg-create-ai__lead{
    max-width:560px;
    margin:24px 0 0;
    color:#48475b;
    font-size:17px;
    line-height:1.7;
}


.mtg-create-ai__benefits{
    display:grid;
    gap:15px;
    margin-top:30px;
}


.mtg-create-ai__benefit{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:12px;
    align-items:start;
}


.mtg-create-ai__benefit > span{
    width:21px;
    height:21px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:1px;
    border-radius:50%;
    background:#6d42e8;
    color:#fff;
    font-size:12px;
    font-weight:950;
}


.mtg-create-ai__benefit strong{
    color:#242238;
    font-size:15px;
    line-height:1.5;
    font-weight:650;
}


.mtg-create-ai__button{
    width:min(100%,350px);
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:38px;
    padding:14px 24px;
    border-radius:10px;
    background:
        linear-gradient(
            135deg,
            #7043ee,
            #6332dc
        );
    color:#fff;
    box-shadow:
        0 12px 28px
        rgba(98,52,219,.24);
    font-size:17px;
    font-weight:900;
    text-decoration:none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.mtg-create-ai__button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 17px 34px
        rgba(98,52,219,.28);
}


.mtg-create-ai__microcopy{
    width:min(100%,350px);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:13px;
    color:#888596;
    font-size:12px;
}


.mtg-create-ai__visual{
    position:relative;
    min-width:0;
    padding:
        38px
        0
        30px
        42px;
}


.mtg-create-ai__visual-frame{
    position:relative;
    overflow:hidden;
    min-height:500px;
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            #e8ded1,
            #d8cabe
        );
    box-shadow:
        0 22px 65px
        rgba(39,32,60,.12);
}


.mtg-create-ai__visual-frame img{
    width:100%;
    height:100%;
    min-height:500px;
    display:block;
    object-fit:cover;
}


.mtg-create-ai__visual-placeholder{
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:40px;
    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255,255,255,.90),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #e9e1da,
            #d9cbc1
        );
    text-align:center;
}


.mtg-create-ai__visual-placeholder span{
    color:#6542d7;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
}


.mtg-create-ai__visual-placeholder strong{
    max-width:460px;
    margin-top:13px;
    color:#18152b;
    font-size:34px;
    line-height:1.12;
}


.mtg-create-ai__visual-placeholder small{
    margin-top:10px;
    color:#716d77;
}


.mtg-create-ai__prompt-card{
    position:absolute;
    z-index:5;
    left:0;
    top:115px;
    width:270px;
    padding:22px;
    border:1px solid #cbbafb;
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:
        0 18px 50px
        rgba(58,40,110,.15);
}


.mtg-create-ai__mini-brand{
    display:flex;
    align-items:center;
    gap:7px;
    color:#5633bc;
    font-size:11px;
    font-weight:950;
}


.mtg-create-ai__prompt-title{
    display:block;
    margin-top:24px;
    color:#161326;
    font-size:18px;
    font-weight:950;
}


.mtg-create-ai__fake-input{
    min-height:46px;
    display:flex;
    align-items:center;
    margin-top:14px;
    padding:11px 13px;
    border:1px solid #ddd9ea;
    border-radius:8px;
    background:#fff;
    color:#4f4c61;
    box-shadow:
        0 3px 10px
        rgba(35,25,70,.05);
    font-size:13px;
}


.mtg-create-ai__prompt-button{
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:15px;
    border-radius:8px;
    background:
        linear-gradient(
            135deg,
            #7044ed,
            #854bf0
        );
    color:#fff;
    font-size:14px;
    font-weight:900;
}


.mtg-create-ai__progress-card{
    position:absolute;
    z-index:5;
    right:-30px;
    bottom:54px;
    width:225px;
    padding:20px;
    border:1px solid #ded8f1;
    border-radius:18px;
    background:rgba(255,255,255,.98);
    box-shadow:
        0 18px 50px
        rgba(58,40,110,.15);
}


.mtg-create-ai__progress-head{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:18px;
}


.mtg-create-ai__progress-head > span{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#6337dd;
    color:#fff;
    font-size:15px;
}


.mtg-create-ai__progress-head strong{
    color:#262238;
    font-size:13px;
    line-height:1.25;
}


.mtg-create-ai__progress-item{
    display:grid;
    grid-template-columns:18px 1fr;
    gap:8px;
    align-items:center;
    margin-top:11px;
    color:#4b485a;
    font-size:12px;
}


.mtg-create-ai__progress-item > span{
    color:#7043e8;
    font-weight:950;
}


.mtg-create-ai__progress-bar{
    height:5px;
    overflow:hidden;
    margin-top:18px;
    border-radius:999px;
    background:#e9e3f8;
}


.mtg-create-ai__progress-bar span{
    display:block;
    width:72%;
    height:100%;
    border-radius:inherit;
    background:
        linear-gradient(
            90deg,
            #6839df,
            #9b60f0
        );
}


@media(max-width:1100px){

    .mtg-create-ai__main{
        grid-template-columns:1fr 1.15fr;
        gap:50px;
    }


    .mtg-create-ai__prompt-card{
        width:235px;
    }


    .mtg-create-ai__progress-card{
        right:-12px;
        width:205px;
    }

}


@media(max-width:900px){

    .mtg-create-ai{
        padding:76px 0 85px;
    }


    .mtg-create-ai__main{
        width:min(720px,90%);
        grid-template-columns:1fr;
        gap:44px;
    }


    .mtg-create-ai__copy{
        max-width:620px;
        margin:0 auto;
    }


    .mtg-create-ai__button,
    .mtg-create-ai__microcopy{
        width:100%;
        max-width:390px;
    }


    .mtg-create-ai__visual{
        padding-left:30px;
        padding-right:25px;
    }


    .mtg-create-ai__progress-card{
        right:0;
    }

}


@media(max-width:620px){

    .mtg-create-ai{
        padding:62px 0 70px;
    }


    .mtg-create-ai__intro{
        width:91%;
        margin-bottom:34px;
    }


    .mtg-create-ai__eyebrow{
        font-size:14px;
    }


    .mtg-create-ai__intro h2{
        font-size:46px;
    }


    .mtg-create-ai__intro > p{
        font-size:16px;
    }


    .mtg-create-ai__guide{
        margin-top:20px;
        transform:scale(.88);
    }


    .mtg-create-ai__main{
        width:91%;
    }


    .mtg-create-ai__copy h3{
        font-size:38px;
    }


    .mtg-create-ai__lead{
        font-size:16px;
    }


    .mtg-create-ai__visual{
        padding:
            105px
            0
            118px;
    }


    .mtg-create-ai__visual-frame,
    .mtg-create-ai__visual-frame img,
    .mtg-create-ai__visual-placeholder{
        min-height:390px;
    }


    .mtg-create-ai__prompt-card{
        top:0;
        left:8px;
        width:min(270px,86%);
    }


    .mtg-create-ai__progress-card{
        right:8px;
        bottom:0;
        width:min(225px,78%);
    }

}

/* ==========================================================
   END MTG_CREATE_STORE_AI_V1_CSS
   ========================================================== */


/* ==========================================================
   MTG_ECOSYSTEM_SECTION_V4_CSS
   ========================================================== */

.mtg-ecosystem-v4{
    position:relative;
    overflow:hidden;
    padding:88px 0 94px;
    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(112,65,231,.075),
            transparent 36%
        ),
        #fafbff;
    color:#11132d;
}

.mtg-ecosystem-v4__head{
    width:min(960px,90%);
    margin:0 auto 46px;
    text-align:center;
}

.mtg-ecosystem-v4__pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border:1px solid #ddd3fd;
    border-radius:999px;
    background:#f4f0ff;
    color:#6040cf;
    font-size:13px;
    font-weight:850;
}

.mtg-ecosystem-v4__head h2{
    margin:18px 0 16px;
    color:#10132f;
    font-size:clamp(46px,4.8vw,72px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:950;
}

.mtg-ecosystem-v4__head h2 span{
    color:#7142e8;
}

.mtg-ecosystem-v4__head h2 span b{
    font-size:.38em;
    vertical-align:top;
}

.mtg-ecosystem-v4__head h2 small{
    display:block;
    color:#10132f;
    font:inherit;
}

.mtg-ecosystem-v4__head p{
    max-width:790px;
    margin:0 auto;
    color:#66687f;
    font-size:17px;
    line-height:1.55;
}


.mtg-ecosystem-v4__layout{
    width:min(1520px,96%);
    margin:0 auto;
    display:grid;
    grid-template-columns:
        250px
        minmax(620px,1fr)
        250px;
    gap:40px;
    align-items:center;
}


.mtg-ecosystem-v4__column{
    display:grid;
    gap:16px;
}


.mtg-ecosystem-v4-card{
    position:relative;
    min-height:145px;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:13px;
    padding:16px;
    border:1px solid #e2e5ef;
    border-radius:20px;
    background:#fff;
    box-shadow:
        0 12px 34px
        rgba(36,40,76,.08);
}


.mtg-ecosystem-v4-card__icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:16px;
    background:#efe8ff;
}


.mtg-ecosystem-v4-card__icon img{
    width:32px;
    height:32px;
    object-fit:contain;
}


.mtg-ecosystem-v4-card__icon span{
    color:#6941dc;
    font-size:17px;
    font-weight:950;
}


.mtg-ecosystem-v4-card__body strong{
    display:block;
    color:#181b35;
    font-size:15px;
    line-height:1.3;
    font-weight:950;
}


.mtg-ecosystem-v4-card__body p{
    margin:5px 0 0;
    color:#62657b;
    font-size:12px;
    line-height:1.42;
}


.mtg-ecosystem-v4-card__mini{
    margin-top:11px;
    padding:8px 10px;
    border-radius:10px;
    background:#f7f8fc;
    color:#55586c;
    font-size:10.5px;
    line-height:1.35;
}


.mtg-ecosystem-v4-card__line{
    position:absolute;
    top:50%;
    width:41px;
    border-top:2px dashed #b7a0f4;
}


.mtg-ecosystem-v4__column--left
.mtg-ecosystem-v4-card__line{
    right:-42px;
}


.mtg-ecosystem-v4__column--right
.mtg-ecosystem-v4-card__line{
    left:-42px;
}


.mtg-ecosystem-v4-card__line::after{
    content:"";
    position:absolute;
    top:-5px;
    width:8px;
    height:8px;
    border:2px solid #7650e3;
    border-radius:50%;
    background:#fff;
}


.mtg-ecosystem-v4__column--left
.mtg-ecosystem-v4-card__line::after{
    right:-2px;
}


.mtg-ecosystem-v4__column--right
.mtg-ecosystem-v4-card__line::after{
    left:-2px;
}


.mtg-ecosystem-v4__center{
    min-width:0;
}


.mtg-ecosystem-v4__panel{
    overflow:hidden;
    min-height:500px;
    border:1px solid #dce0ea;
    border-radius:24px;
    background:#edf0f6;
    box-shadow:
        0 25px 68px
        rgba(29,32,56,.13);
}


.mtg-ecosystem-v4__panel img{
    width:100%;
    height:100%;
    min-height:500px;
    display:block;
    object-fit:cover;
    object-position:center top;
}


.mtg-ecosystem-v4__placeholder{
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:40px;
    background:
        linear-gradient(
            135deg,
            #0b1025,
            #4820aa
        );
    text-align:center;
}


.mtg-ecosystem-v4__placeholder span{
    color:#c4b5fd;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
}


.mtg-ecosystem-v4__placeholder strong{
    max-width:540px;
    margin-top:14px;
    color:#fff;
    font-size:40px;
    line-height:1.08;
}


.mtg-ecosystem-v4__placeholder small{
    margin-top:11px;
    color:#d7d2e5;
}


.mtg-ecosystem-v4__cta{
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:34px;
}


.mtg-ecosystem-v4__button{
    min-width:330px;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    padding:14px 28px;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            #7444ed,
            #6534df
        );
    color:#fff;
    box-shadow:
        0 14px 32px
        rgba(103,58,224,.24);
    font-size:19px;
    font-weight:900;
    text-decoration:none;
}


.mtg-ecosystem-v4__button span{
    font-size:25px;
}


.mtg-ecosystem-v4__microcopy{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    color:#77798c;
    font-size:12px;
}


.mtg-ecosystem-v4__microcopy span{
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #7650e3;
    border-radius:50%;
    color:#7650e3;
    font-size:10px;
    font-weight:950;
}


@media(max-width:1050px){

    .mtg-ecosystem-v4__layout{
        width:min(900px,92%);
        grid-template-columns:1fr;
        gap:24px;
    }

    .mtg-ecosystem-v4__center{
        order:-1;
    }

    .mtg-ecosystem-v4__column{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .mtg-ecosystem-v4-card__line{
        display:none;
    }
}


@media(max-width:620px){

    .mtg-ecosystem-v4{
        padding:62px 0 72px;
    }

    .mtg-ecosystem-v4__head h2{
        font-size:44px;
    }

    .mtg-ecosystem-v4__layout{
        width:91%;
    }

    .mtg-ecosystem-v4__column{
        grid-template-columns:1fr;
    }

    .mtg-ecosystem-v4__panel,
    .mtg-ecosystem-v4__panel img,
    .mtg-ecosystem-v4__placeholder{
        min-height:300px;
    }

    .mtg-ecosystem-v4__button{
        width:90%;
        min-width:0;
    }
}

/* ==========================================================
   END MTG_ECOSYSTEM_SECTION_V4_CSS
   ========================================================== */


/* ==========================================================
   MTG_SELL_PAYMENTS_V2_CSS
   ========================================================== */

.mtg-sell-v2{
    position:relative;
    overflow:hidden;
    padding:88px 0 92px;
    background:
        radial-gradient(
            circle at 50% 5%,
            rgba(114,66,232,.065),
            transparent 42%
        ),
        #fbfbfe;
    color:#10132f;
}


.mtg-sell-v2__head{
    width:min(930px,90%);
    margin:0 auto 40px;
    text-align:center;
}


.mtg-sell-v2__pill{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 18px;
    border:1px solid #ddd2fb;
    border-radius:999px;
    background:#f3efff;
    color:#663bd7;
    font-size:14px;
    font-weight:900;
}


.mtg-sell-v2__head h2{
    margin:17px 0 14px;
    color:#10132f;
    font-size:clamp(44px,4.2vw,65px);
    line-height:1;
    letter-spacing:-.052em;
    font-weight:950;
}


.mtg-sell-v2__head h2 span{
    color:#7140e3;
}


.mtg-sell-v2__head p{
    max-width:720px;
    margin:0 auto;
    color:#64677f;
    font-size:17px;
    line-height:1.5;
}


.mtg-sell-v2__grid{
    width:min(1400px,92%);
    margin:0 auto;
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:28px;
}


.mtg-sell-v2-card{
    min-width:0;
    padding:24px;
    border:1px solid #e4e6ef;
    border-radius:24px;
    background:#fff;
    box-shadow:
        0 16px 45px
        rgba(34,38,69,.075);
}


.mtg-sell-v2-card__heading{
    min-height:105px;
    display:grid;
    grid-template-columns:58px 1fr;
    gap:15px;
}


.mtg-sell-v2-card__icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:17px;
    background:#eee9ff;
    color:#7041e6;
    font-size:24px;
    font-weight:900;
}


.mtg-sell-v2-card__icon--wa{
    background:#e5f8e9;
}


.mtg-sell-v2-card__icon--social{
    background:#ffe7f6;
    color:#df35a6;
}


.mtg-sell-v2-card__icon img{
    width:40px;
    height:40px;
    display:block;
    object-fit:contain;
}


.mtg-sell-v2-card h3{
    margin:2px 0 7px;
    color:#151832;
    font-size:20px;
    line-height:1.15;
    font-weight:950;
}


.mtg-sell-v2-card h3 b{
    margin-right:3px;
}


.mtg-sell-v2-card__heading p{
    margin:0;
    color:#62667d;
    font-size:14px;
    line-height:1.42;
}


/* WHATSAPP */

.mtg-sell-v2__visual{
    margin-top:16px;
}


.mtg-sell-v2__visual > img{
    width:100%;
    height:345px;
    display:block;
    object-fit:cover;
    border-radius:17px;
}


.mtg-sell-v2-wa{
    min-height:345px;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:16px;
    border-radius:17px;
    background:#f8f5ef;
}


.mtg-sell-v2-wa__bubble{
    width:max-content;
    max-width:92%;
    padding:12px 14px;
    border-radius:12px;
    background:#fff;
    box-shadow:
        0 5px 13px
        rgba(24,31,45,.07);
    font-size:13px;
}


.mtg-sell-v2-wa__product{
    margin-left:auto;
    padding:13px;
    display:grid;
    grid-template-columns:82px 1fr;
    gap:12px;
    border-radius:12px;
    background:#d8ffd2;
}


.mtg-sell-v2-wa__shoe{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#fff;
    font-size:37px;
}


.mtg-sell-v2-wa__product strong,
.mtg-sell-v2-wa__product span,
.mtg-sell-v2-wa__product b{
    display:block;
}


.mtg-sell-v2-wa__product strong{
    font-size:13px;
}


.mtg-sell-v2-wa__product span{
    margin:4px 0;
    color:#596159;
    font-size:11px;
}


.mtg-sell-v2-wa__product b{
    color:#6a39d8;
    font-size:13px;
}


.mtg-sell-v2-wa__button{
    margin-top:auto;
    padding:13px 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:11px;
    background:#21bf61;
    color:#fff;
    font-size:14px;
    font-weight:900;
}


.mtg-sell-v2-wa__button img{
    width:23px;
    height:23px;
    object-fit:contain;
}


/* PAGOS */

.mtg-sell-v2-pay-main{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:18px;
}


.mtg-sell-v2-pay-main__item{
    min-width:0;
    text-align:center;
}


.mtg-sell-v2-pay-main__logo{
    height:110px;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e6e6ef;
    border-radius:16px;
    background:#fff;
    box-shadow:
        0 6px 16px
        rgba(35,40,70,.05);
}


.mtg-sell-v2-pay-main__logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}


.mtg-sell-v2-pay-main__item > span{
    display:block;
    margin-top:7px;
    color:#24263d;
    font-size:14px;
    font-weight:750;
}


.mtg-sell-v2-services{
    margin-top:22px;
    padding:14px;
    border:1px solid #e7e7ef;
    border-radius:15px;
}


.mtg-sell-v2-services > small{
    display:block;
    margin-bottom:11px;
    color:#62667c;
    text-align:center;
    font-size:12px;
    font-weight:750;
}


.mtg-sell-v2-services__logos{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}


.mtg-sell-v2-services__logos > div{
    min-width:0;
    min-height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
}


.mtg-sell-v2-services__logos img{
    width:auto;
    max-width:108px;
    max-height:40px;
    display:block;
    object-fit:contain;
}


.mtg-sell-v2-brand{
    white-space:nowrap;
    font-size:23px;
    font-weight:950;
}


.mtg-sell-v2-brand--stripe{
    color:#635bff;
}


.mtg-sell-v2-brand--paypal{
    color:#0877bf;
}


.mtg-sell-v2-secure{
    margin-top:17px;
    color:#7041df;
    text-align:center;
    font-size:13px;
}


/* SOCIAL */

.mtg-sell-v2-social{
    min-height:345px;
    margin-top:18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 70px;
    gap:16px;
    align-items:center;
}


.mtg-sell-v2-social__phone{
    min-width:0;
}


.mtg-sell-v2-social__phone > img{
    width:100%;
    height:345px;
    display:block;
    object-fit:contain;
}


.mtg-sell-v2-phone{
    min-height:345px;
    padding:17px;
    border:8px solid #171717;
    border-radius:34px;
    background:#fff;
}


.mtg-sell-v2-phone__brand{
    padding-bottom:12px;
    color:#34374d;
    font-size:11px;
    font-weight:850;
}


.mtg-sell-v2-phone__visual{
    height:205px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:
        linear-gradient(
            145deg,
            #ded1ff,
            #f4d5e7
        );
    font-size:82px;
}


.mtg-sell-v2-phone strong,
.mtg-sell-v2-phone b{
    display:block;
}


.mtg-sell-v2-phone strong{
    margin-top:12px;
    font-size:12px;
}


.mtg-sell-v2-phone b{
    margin-top:4px;
    color:#7040e0;
}


.mtg-sell-v2-social__icons{
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:17px;
}


.mtg-sell-v2-social__icons img{
    width:52px;
    height:52px;
    padding:3px;
    display:block;
    object-fit:contain;
}


/* CTA */

.mtg-sell-v2__cta{
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:34px;
}


.mtg-sell-v2__button{
    min-width:400px;
    min-height:62px;
    padding:14px 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            #7443e9,
            #5d27d6
        );
    color:#fff;
    box-shadow:
        0 13px 30px
        rgba(98,48,218,.24);
    font-size:20px;
    font-weight:900;
    text-decoration:none;
}


.mtg-sell-v2__button b{
    font-size:23px;
}


.mtg-sell-v2__microcopy{
    margin-top:12px;
    color:#74768b;
    font-size:13px;
}


@media(max-width:1050px){

    .mtg-sell-v2__grid{
        width:min(820px,92%);
        grid-template-columns:1fr;
    }

    .mtg-sell-v2-card{
        padding:26px;
    }

}


@media(max-width:620px){

    .mtg-sell-v2{
        padding:64px 0 70px;
    }

    .mtg-sell-v2__head h2{
        font-size:42px;
    }

    .mtg-sell-v2-card{
        padding:18px;
        border-radius:20px;
    }

    .mtg-sell-v2-card__heading{
        grid-template-columns:52px 1fr;
    }

    .mtg-sell-v2-card__icon{
        width:52px;
        height:52px;
    }

    .mtg-sell-v2-pay-main{
        gap:7px;
    }

    .mtg-sell-v2-pay-main__logo{
        height:88px;
        padding:10px;
    }

    .mtg-sell-v2-services__logos img{
        max-width:84px;
    }

    .mtg-sell-v2-social{
        grid-template-columns:minmax(0,1fr) 56px;
    }

    .mtg-sell-v2-social__icons img{
        width:44px;
        height:44px;
    }

    .mtg-sell-v2__button{
        width:90%;
        min-width:0;
        font-size:17px;
    }

}

/* ==========================================================
   END MTG_SELL_PAYMENTS_V2_CSS
   ========================================================== */