/* MITIENDAGRATIS ENTERPRISE SKIN - no JS */
:root{
    --mdg-blue:#1769ff;
    --mdg-blue-2:#0e4bd6;
    --mdg-green:#18b66a;
    --mdg-ink:#071832;
    --mdg-muted:#62708a;
    --mdg-soft:#f5f8fe;
    --mdg-line:#dfe8f5;
    --mdg-card:#fff;
    --mdg-shadow:0 24px 70px rgba(7,24,50,.10);
    --mdg-radius:28px;
}

.mdg-enterprise{
    background:
      radial-gradient(circle at 8% 8%, rgba(24,182,106,.10), transparent 28%),
      radial-gradient(circle at 86% 10%, rgba(23,105,255,.12), transparent 30%),
      linear-gradient(180deg,#fff 0%,#f7faff 100%);
    color:var(--mdg-ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow:hidden;
}

.mdg-enterprise *{box-sizing:border-box}
.mdg-wrap{width:90%;max-width:1380px;margin:0 auto}

.mdg-nav{
    position:sticky;
    top:0;
    z-index:40;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(15,37,86,.08);
}

.mdg-nav__inner{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
}

.mdg-logo{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:var(--mdg-ink);
    font-size:24px;
    font-weight:950;
    letter-spacing:-.7px;
}

.mdg-logo strong{color:var(--mdg-blue)}
.mdg-logo__icon{
    width:34px;height:34px;border-radius:11px;
    display:grid;place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#1f7bff,#18b66a);
    box-shadow:0 12px 24px rgba(23,105,255,.22);
}

.mdg-menu{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}
.mdg-menu a,.mdg-text-link{
    color:#10213f;
    text-decoration:none;
    font-weight:800;
    font-size:15px;
}
.mdg-menu a:first-child{color:var(--mdg-blue);position:relative}
.mdg-menu a:first-child:after{
    content:"";position:absolute;left:50%;bottom:-12px;width:26px;height:3px;
    transform:translateX(-50%);border-radius:99px;background:var(--mdg-blue);
}
.mdg-nav__actions{display:flex;align-items:center;gap:14px}

.mdg-btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:52px;padding:0 24px;border-radius:16px;
    font-weight:900;text-decoration:none;transition:.22s ease;
}
.mdg-btn--primary{
    color:#fff;
    background:linear-gradient(135deg,#1a73ff,#0754e8);
    box-shadow:0 16px 32px rgba(23,105,255,.24);
}
.mdg-btn--primary:hover{transform:translateY(-2px);filter:brightness(1.03)}
.mdg-btn--ghost{
    color:var(--mdg-blue);
    background:#fff;
    border:2px solid #d7e5ff;
}
.mdg-btn--big{min-height:58px;padding:0 30px}

.mdg-hero{padding:64px 0 34px}
.mdg-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(520px,760px);
    gap:48px;
    align-items:center;
}

.mdg-pill{
    display:inline-flex;align-items:center;
    min-height:38px;padding:0 16px;border-radius:999px;
    background:#edf6ff;color:var(--mdg-blue);font-weight:900;font-size:14px;
    margin-bottom:18px;
}
.mdg-hero h1{
    margin:0;
    font-size:78px;
    line-height:.98;
    letter-spacing:-2.6px;
}
.mdg-hero h1 span{
    display:block;
    color:var(--mdg-blue);
}
.mdg-hero p{
    max-width:620px;
    margin:20px 0 0;
    color:var(--mdg-muted);
    font-size:23px;
    line-height:1.45;
}
.mdg-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.mdg-trust-row{
    display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;
    color:#22a86a;font-weight:850;font-size:15px;
}
.mdg-stats{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;margin-top:30px;max-width:760px;
}
.mdg-stats article{
    padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.78);
    border:1px solid var(--mdg-line);box-shadow:0 14px 34px rgba(7,24,50,.05);
}
.mdg-stats strong{display:block;color:var(--mdg-ink);font-size:19px}
.mdg-stats span{display:block;color:var(--mdg-muted);font-size:12px;margin-top:3px;font-weight:750}

.mdg-hero__visual{position:relative;min-height:590px}
.mdg-orbit{
    position:absolute;border-radius:999px;filter:blur(.2px);pointer-events:none;
}
.mdg-orbit--one{
    width:720px;height:260px;right:-80px;top:210px;
    border:2px solid rgba(23,105,255,.16);
    transform:rotate(-8deg);
}
.mdg-orbit--two{
    width:620px;height:220px;right:10px;top:250px;
    border:2px dashed rgba(24,182,106,.16);
    transform:rotate(7deg);
}

.mdg-desktop{
    position:relative;
    width:92%;
    margin-left:auto;
    border-radius:30px;
    padding:14px;
    background:linear-gradient(135deg,#161b25,#2a3140);
    box-shadow:0 40px 90px rgba(7,24,50,.20);
    transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);
}
.mdg-desktop__top{
    height:38px;display:flex;align-items:center;gap:8px;color:#dce8ff;font-weight:900;
    padding:0 10px;
}
.mdg-desktop__top span{width:10px;height:10px;border-radius:50%;background:#4c5b73}
.mdg-desktop__top span:first-child{background:#ff5f57}
.mdg-desktop__top span:nth-child(2){background:#ffbd2e}
.mdg-desktop__top span:nth-child(3){background:#28c840}
.mdg-desktop__top b{margin-left:10px;font-size:12px;letter-spacing:.4px}

.mdg-desktop__body{
    min-height:435px;
    border-radius:22px;
    overflow:hidden;
    background:#f9fbff;
    display:grid;
    grid-template-columns:170px 1fr;
}
.mdg-desktop aside{
    padding:22px 14px;
    background:#fff;
    border-right:1px solid #e5edf8;
    display:grid;
    align-content:start;
    gap:10px;
}
.mdg-desktop aside span{
    display:block;
    padding:10px 12px;
    border-radius:12px;
    color:#66738d;
    font-size:13px;
    font-weight:850;
}
.mdg-desktop aside .is-active{background:#eef5ff;color:var(--mdg-blue)}
.mdg-desktop section{padding:22px;display:grid;gap:18px}
.mdg-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mdg-kpis div,.mdg-table span{
    background:#fff;border:1px solid #e4edf8;border-radius:16px;padding:14px;
}
.mdg-kpis b{display:block;font-size:21px;color:var(--mdg-ink)}
.mdg-kpis small{display:block;margin-top:5px;color:#677793;font-weight:800}
.mdg-chart{
    min-height:180px;
    background:linear-gradient(180deg,rgba(23,105,255,.12),rgba(255,255,255,.88));
    border:1px solid #e4edf8;border-radius:18px;display:flex;align-items:end;gap:10px;padding:20px;
}
.mdg-chart i{
    flex:1;display:block;border-radius:999px 999px 8px 8px;
    background:linear-gradient(180deg,#1769ff,#9bc0ff);
}
.mdg-chart i:nth-child(1){height:60px}.mdg-chart i:nth-child(2){height:105px}.mdg-chart i:nth-child(3){height:80px}.mdg-chart i:nth-child(4){height:140px}.mdg-chart i:nth-child(5){height:120px}
.mdg-table{display:grid;gap:9px}
.mdg-table span{display:flex;justify-content:space-between;color:#506180;font-size:13px;font-weight:800}
.mdg-table b{color:var(--mdg-green)}
.mdg-table em{color:#ff8a00;font-style:normal}

.mdg-mobile{
    position:absolute;right:0;bottom:12px;width:235px;
    background:#131923;border-radius:36px;padding:10px;
    box-shadow:0 32px 70px rgba(7,24,50,.24);
}
.mdg-mobile__screen{min-height:420px;border-radius:28px;background:#fff;padding:14px}
.mdg-mobile__hero{
    background:linear-gradient(135deg,#263247,#121926);
    color:#fff;border-radius:20px;min-height:126px;padding:16px;
}
.mdg-mobile__hero small{display:block;color:#b7c9e7;font-weight:800}
.mdg-mobile__hero strong{display:block;margin-top:10px;font-size:28px;line-height:1;font-weight:950}
.mdg-mobile__cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.mdg-mobile__cats span{height:34px;border-radius:50%;background:#edf3fb}
.mdg-product-line{
    display:flex;justify-content:space-between;gap:8px;
    padding:12px;border:1px solid #ebf1f8;border-radius:14px;margin-top:8px;
    color:#54637e;font-size:12px;font-weight:850;
}
.mdg-product-line b{color:var(--mdg-ink)}
.mdg-mobile button{
    width:100%;height:42px;border:0;border-radius:14px;background:var(--mdg-green);
    color:#fff;font-weight:900;margin-top:12px;
}
.mdg-social-float{
    position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
    color:#fff;font-weight:950;box-shadow:0 18px 30px rgba(7,24,50,.16);
}
.mdg-social-float--w{right:22px;top:54px;background:#1ecf73}
.mdg-social-float--t{right:-14px;top:128px;background:#111}
.mdg-social-float--i{right:-18px;top:204px;background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}

.mdg-benefits{padding:20px 0 42px}
.mdg-benefits__grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.mdg-benefits article{
    display:flex;gap:14px;align-items:flex-start;
    background:rgba(255,255,255,.88);border:1px solid var(--mdg-line);
    border-radius:24px;padding:22px;box-shadow:var(--mdg-shadow);
}
.mdg-benefits i{
    width:56px;height:56px;border-radius:20px;display:grid;place-items:center;
    background:#eef5ff;color:var(--mdg-blue);font-size:24px;font-style:normal;flex:0 0 56px;
}
.mdg-benefits h3{margin:0;font-size:20px}
.mdg-benefits p{margin:7px 0 0;color:var(--mdg-muted);line-height:1.45;font-weight:650}

.mdg-features,.mdg-templates,.mdg-pricing,.mdg-social{padding:48px 0}
.mdg-section-head{text-align:center;max-width:860px;margin:0 auto 34px}
.mdg-section-head span,.mdg-split-head span,.mdg-social span,.mdg-ecosystem span{
    display:block;color:var(--mdg-blue);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.8px;margin-bottom:8px;
}
.mdg-section-head h2,.mdg-split-head h2,.mdg-social h2,.mdg-ecosystem h2{
    margin:0;font-size:48px;line-height:1.06;letter-spacing:-1.2px;color:var(--mdg-ink);
}
.mdg-section-head p,.mdg-split-head p,.mdg-social p{
    color:var(--mdg-muted);font-size:19px;line-height:1.55;margin:14px 0 0;
}
.mdg-feature-story{
    display:grid;grid-template-columns:.72fr 1.28fr;gap:36px;align-items:center;
}
.mdg-feature-copy{
    background:linear-gradient(180deg,#fff,#f8fbff);
    border:1px solid var(--mdg-line);border-radius:32px;padding:34px;box-shadow:var(--mdg-shadow);
}
.mdg-feature-copy h3{font-size:42px;line-height:1.08;margin:0 0 18px;letter-spacing:-1px}
.mdg-feature-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.mdg-feature-copy li{position:relative;padding-left:28px;color:#41516f;font-weight:850}
.mdg-feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--mdg-green);font-weight:950}
.mdg-feature-copy a{display:inline-block;margin-top:22px;color:var(--mdg-blue);font-weight:950;text-decoration:none}

.mdg-feature-canvas{
    position:relative;min-height:540px;
    border-radius:36px;
    background:
      radial-gradient(circle at 50% 50%,rgba(24,182,106,.14),transparent 36%),
      linear-gradient(135deg,#ffffff,#f2f7ff);
    border:1px solid var(--mdg-line);
    box-shadow:var(--mdg-shadow);
    overflow:hidden;
}
.mdg-feature-canvas:before{
    content:"";position:absolute;inset:80px;border:2px dashed rgba(23,105,255,.14);border-radius:50%;
}
.mdg-product-card{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:270px;background:#fff;border:1px solid var(--mdg-line);border-radius:28px;padding:18px;
    box-shadow:0 30px 60px rgba(7,24,50,.13);
}
.mdg-product-card div{
    height:210px;border-radius:22px;background:
      radial-gradient(circle at 70% 30%,rgba(24,182,106,.22),transparent 25%),
      linear-gradient(135deg,#efe7dd,#ffffff);
}
.mdg-product-card strong{display:block;margin-top:14px;font-size:22px}
.mdg-product-card small{display:block;color:var(--mdg-muted);margin-top:4px}
.mdg-product-card b{display:block;margin-top:10px;font-size:22px}
.mdg-product-card button{width:100%;height:48px;border:0;border-radius:16px;background:var(--mdg-green);color:#fff;font-weight:950;margin-top:14px}
.mdg-floating-card{
    position:absolute;background:#fff;border:1px solid var(--mdg-line);border-radius:22px;padding:18px;
    width:230px;box-shadow:0 20px 44px rgba(7,24,50,.10);
}
.mdg-floating-card strong{display:block;font-size:18px}
.mdg-floating-card p{color:var(--mdg-muted);margin:6px 0 0;line-height:1.4}
.mdg-floating-card--pay{left:36px;top:54px}
.mdg-floating-card--social{right:38px;top:68px}
.mdg-floating-card--style{right:50px;bottom:56px}
.mdg-pay-icons,.mdg-color-dots{display:flex;gap:8px;margin-top:12px}
.mdg-pay-icons span,.mdg-color-dots span{width:18px;height:18px;border-radius:50%;background:#1769ff}
.mdg-pay-icons span:nth-child(2),.mdg-color-dots span:nth-child(2){background:#18b66a}
.mdg-pay-icons span:nth-child(3),.mdg-color-dots span:nth-child(3){background:#ffb020}
.mdg-color-dots span:nth-child(4){background:#a855f7}

.mdg-split-head{
    display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px;
}
.mdg-split-head p{max-width:520px}
.mdg-split-head a{color:var(--mdg-blue);font-weight:950;text-decoration:none}
.mdg-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mdg-template-card{
    background:#fff;border:1px solid var(--mdg-line);border-radius:26px;box-shadow:var(--mdg-shadow);overflow:hidden;
}
.mdg-template-preview{
    min-height:190px;padding:18px;color:#fff;background:linear-gradient(135deg,#101827,#3859ff);
    display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
}
.mdg-template-card:nth-child(2) .mdg-template-preview{background:linear-gradient(135deg,#6d4d22,#f3c66d)}
.mdg-template-card:nth-child(3) .mdg-template-preview{background:linear-gradient(135deg,#151515,#414141)}
.mdg-template-card:nth-child(4) .mdg-template-preview{background:linear-gradient(135deg,#f5f5f5,#d8e3f2);color:#1c2a44}
.mdg-template-preview span{font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.8px}
.mdg-template-preview strong{font-size:28px;line-height:1.05}
.mdg-template-preview button{border:0;border-radius:12px;background:#fff;color:#101827;height:36px;padding:0 14px;font-weight:900}
.mdg-template-card h3,.mdg-template-card p{padding:0 18px}
.mdg-template-card h3{margin:18px 0 0}
.mdg-template-card p{margin:6px 0 20px;color:var(--mdg-muted)}

.mdg-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mdg-price-card{
    position:relative;background:#fff;border:1px solid var(--mdg-line);border-radius:28px;box-shadow:var(--mdg-shadow);padding:28px;
}
.mdg-price-card.is-featured{border:2px solid #9fc1ff;transform:translateY(-8px)}
.mdg-popular{
    display:inline-flex;height:30px;align-items:center;padding:0 12px;border-radius:999px;background:var(--mdg-blue);color:#fff;font-weight:950;font-size:12px;text-transform:uppercase;
}
.mdg-price-card h3{font-size:28px;margin:12px 0 0}
.mdg-price{font-size:48px;font-weight:950;margin-top:8px}
.mdg-price small{font-size:18px;color:var(--mdg-muted)}
.mdg-price-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.mdg-price-card li{position:relative;padding-left:24px;color:#41516f;font-weight:800}
.mdg-price-card li:before{content:"✓";position:absolute;left:0;color:var(--mdg-green)}
.mdg-price-card a{
    display:flex;align-items:center;justify-content:center;height:50px;border-radius:15px;background:#f2f7ff;color:var(--mdg-blue);text-decoration:none;font-weight:950;border:1px solid #d6e5ff;
}
.mdg-price-card.is-featured a{background:var(--mdg-blue);color:#fff}

.mdg-social__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mdg-social__grid > div{
    background:#fff;border:1px solid var(--mdg-line);border-radius:30px;box-shadow:var(--mdg-shadow);padding:32px;
}
.mdg-channel-row,.mdg-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.mdg-channel-row article,.mdg-flow article{
    min-height:110px;border-radius:20px;background:#f7faff;border:1px solid #e4edf8;padding:16px;font-weight:950;
}
.mdg-channel-row small,.mdg-flow small{display:block;color:var(--mdg-muted);font-weight:750;margin-top:6px}

.mdg-cta{padding:46px 0}
.mdg-cta__box{
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    background:linear-gradient(135deg,#1769ff,#0046c7);
    color:#fff;border-radius:34px;padding:38px;box-shadow:0 26px 60px rgba(23,105,255,.24);
}
.mdg-cta h2{font-size:42px;line-height:1.05;margin:0}
.mdg-cta p{font-size:18px;color:rgba(255,255,255,.86);margin:10px 0 0;max-width:760px}
.mdg-cta a{
    display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:17px;background:#fff;color:var(--mdg-blue);font-weight:950;text-decoration:none;white-space:nowrap;
}

.mdg-footer{background:#071832;color:#d8e6ff;padding:42px 0 24px}
.mdg-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.4fr;gap:24px}
.mdg-footer h3,.mdg-footer h4{margin:0;color:#fff}
.mdg-footer p{color:#aec2df;line-height:1.6}
.mdg-footer a{display:block;color:#aec2df;margin-top:9px;text-decoration:none}
.mdg-footer__bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#9eb5d4}

@media(max-width:1180px){
    .mdg-menu{display:none}
    .mdg-hero__grid,.mdg-feature-story,.mdg-social__grid{grid-template-columns:1fr}
    .mdg-hero__visual{order:-1}
    .mdg-benefits__grid,.mdg-template-grid,.mdg-pricing-grid,.mdg-footer__grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
    .mdg-wrap{width:92%}
    .mdg-nav__inner{flex-wrap:wrap;justify-content:center;padding:14px 0}
    .mdg-nav__actions{width:100%;justify-content:center;flex-wrap:wrap}
    .mdg-text-link{display:none}
    .mdg-hero{padding:32px 0}
    .mdg-hero h1{font-size:48px;letter-spacing:-1.4px}
    .mdg-hero p{font-size:18px}
    .mdg-stats,.mdg-benefits__grid,.mdg-template-grid,.mdg-pricing-grid,.mdg-footer__grid,.mdg-channel-row,.mdg-flow{grid-template-columns:1fr}
    .mdg-hero__visual{min-height:auto}
    .mdg-desktop{width:100%;transform:none}
    .mdg-desktop__body{grid-template-columns:1fr}
    .mdg-desktop aside{display:none}
    .mdg-kpis{grid-template-columns:1fr}
    .mdg-mobile{position:relative;right:auto;bottom:auto;width:100%;max-width:320px;margin:18px auto 0}
    .mdg-feature-canvas{min-height:760px}
    .mdg-floating-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;margin:14px}
    .mdg-product-card{position:relative;left:auto;top:auto;transform:none;margin:18px auto}
    .mdg-split-head,.mdg-cta__box{flex-direction:column;align-items:flex-start}
    .mdg-section-head h2,.mdg-split-head h2,.mdg-social h2,.mdg-ecosystem h2,.mdg-cta h2{font-size:34px}
}

/* =========================================================
   MITIENDAGRATIS ENTERPRISE POLISH V2
   Objetivo: acercar home al mockup elegido, sin JS.
   ========================================================= */

/* 1) Evitar doble header: usamos el header global superior del sitio */
.mdg-enterprise > .mdg-nav{
    display:none !important;
}

/* 2) Respiración general y ancho tipo mockup */
.mdg-enterprise{
    background:
        radial-gradient(circle at 8% 6%, rgba(24,182,106,.075), transparent 26%),
        radial-gradient(circle at 88% 7%, rgba(23,105,255,.11), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#f8fbff 52%,#ffffff 100%) !important;
}

.mdg-wrap{
    width:90% !important;
    max-width:1420px !important;
}

/* 3) Hero más parecido al mockup */
.mdg-hero{
    padding:92px 0 56px !important;
}

.mdg-hero__grid{
    grid-template-columns:minmax(420px, .92fr) minmax(560px, 1.08fr) !important;
    gap:60px !important;
}

.mdg-pill{
    background:#edf6ff !important;
    color:#1769ff !important;
    min-height:40px !important;
    padding:0 18px !important;
    font-size:15px !important;
    border:1px solid #dbeaff !important;
}

.mdg-hero h1{
    font-size:82px !important;
    max-width:650px !important;
}

.mdg-hero p{
    font-size:24px !important;
    max-width:650px !important;
}

.mdg-hero__actions{
    margin-top:34px !important;
}

.mdg-trust-row{
    margin-top:26px !important;
    font-size:15px !important;
    color:#14a361 !important;
}

.mdg-stats{
    margin-top:30px !important;
    max-width:680px !important;
}

.mdg-stats article{
    border-radius:18px !important;
    min-height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

/* 4) Visual hero más premium */
.mdg-hero__visual{
    min-height:620px !important;
}

.mdg-desktop{
    width:94% !important;
    max-width:780px !important;
    border-radius:32px !important;
    padding:16px !important;
    transform:perspective(1300px) rotateY(-4deg) rotateX(1.5deg) !important;
}

.mdg-desktop__body{
    min-height:460px !important;
}

.mdg-mobile{
    width:245px !important;
    right:8px !important;
    bottom:28px !important;
    z-index:6 !important;
}

.mdg-social-float{
    z-index:8 !important;
}

.mdg-orbit--one{
    width:760px !important;
    height:280px !important;
    right:-60px !important;
    top:250px !important;
}

.mdg-orbit--two{
    width:650px !important;
    height:235px !important;
    right:18px !important;
    top:285px !important;
}

/* 5) Beneficios: más finos, menos apretados */
.mdg-benefits{
    padding:10px 0 70px !important;
}

.mdg-benefits__grid{
    gap:22px !important;
}

.mdg-benefits article{
    border-radius:24px !important;
    padding:24px !important;
    min-height:132px !important;
    align-items:center !important;
}

.mdg-benefits h3{
    font-size:21px !important;
    line-height:1.12 !important;
}

.mdg-benefits p{
    font-size:15px !important;
}

/* 6) Sección features: corregir solapes y hacerla tipo mockup */
.mdg-features{
    padding:76px 0 70px !important;
}

.mdg-section-head{
    margin-bottom:46px !important;
}

.mdg-section-head h2{
    font-size:52px !important;
    max-width:860px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.mdg-section-head p{
    font-size:21px !important;
    max-width:900px !important;
}

.mdg-feature-story{
    grid-template-columns:minmax(360px, .78fr) minmax(620px, 1.22fr) !important;
    gap:38px !important;
    align-items:center !important;
}

.mdg-feature-copy{
    border-radius:30px !important;
    padding:42px !important;
    min-height:420px !important;
}

.mdg-feature-copy h3{
    font-size:44px !important;
}

.mdg-feature-canvas{
    min-height:560px !important;
    overflow:visible !important;
    border-radius:34px !important;
    background:
      radial-gradient(circle at 62% 42%, rgba(24,182,106,.16), transparent 28%),
      radial-gradient(circle at 28% 34%, rgba(23,105,255,.10), transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%) !important;
}

/* Forzar medidas para que ninguna card se estire raro */
.mdg-feature-canvas .mdg-floating-card{
    width:230px !important;
    max-width:230px !important;
    min-width:230px !important;
    z-index:4 !important;
    border-radius:22px !important;
    padding:18px !important;
    overflow:hidden !important;
}

.mdg-feature-canvas .mdg-floating-card--pay{
    left:34px !important;
    top:42px !important;
    right:auto !important;
    bottom:auto !important;
}

.mdg-feature-canvas .mdg-floating-card--social{
    right:34px !important;
    top:48px !important;
    left:auto !important;
    bottom:auto !important;
}

.mdg-feature-canvas .mdg-floating-card--style{
    right:44px !important;
    bottom:44px !important;
    left:auto !important;
    top:auto !important;
}

.mdg-feature-canvas .mdg-product-card{
    width:300px !important;
    max-width:300px !important;
    left:50% !important;
    top:52% !important;
    transform:translate(-50%,-50%) !important;
    z-index:5 !important;
    border-radius:28px !important;
}

.mdg-feature-canvas .mdg-product-card div{
    height:220px !important;
}

.mdg-feature-canvas .mdg-product-card button{
    display:block !important;
    width:100% !important;
    min-height:48px !important;
    overflow:hidden !important;
}

/* 7) Plantillas: más compactas y con look premium */
.mdg-templates{
    padding:74px 0 72px !important;
}

.mdg-split-head{
    margin-bottom:28px !important;
}

.mdg-split-head h2{
    font-size:52px !important;
}

.mdg-template-grid{
    gap:24px !important;
}

.mdg-template-card{
    border-radius:26px !important;
    overflow:hidden !important;
}

.mdg-template-preview{
    min-height:210px !important;
    padding:22px !important;
}

.mdg-template-preview strong{
    max-width:240px !important;
}

/* 8) Pricing: hacerlo más enterprise y ordenado */
.mdg-pricing{
    padding:76px 0 86px !important;
}

.mdg-pricing-grid{
    gap:24px !important;
    align-items:stretch !important;
}

.mdg-price-card{
    border-radius:28px !important;
    padding:34px !important;
    min-height:430px !important;
}

.mdg-price-card.is-featured{
    transform:translateY(-10px) !important;
    box-shadow:0 34px 80px rgba(23,105,255,.16) !important;
}

.mdg-price-card h3{
    font-size:30px !important;
}

.mdg-price{
    font-size:54px !important;
}

.mdg-price-card a{
    margin-top:auto !important;
}

/* 9) Social/ecosystem: menos vacío, más mockup */
.mdg-social{
    padding:72px 0 70px !important;
}

.mdg-social__grid{
    gap:24px !important;
}

.mdg-social__grid > div{
    border-radius:32px !important;
    padding:42px !important;
    min-height:330px !important;
}

.mdg-channel-row,
.mdg-flow{
    gap:16px !important;
}

.mdg-channel-row article,
.mdg-flow article{
    min-height:128px !important;
    border-radius:22px !important;
}

/* 10) CTA final más potente */
.mdg-cta{
    padding:42px 0 78px !important;
}

.mdg-cta__box{
    min-height:190px !important;
    border-radius:34px !important;
    padding:44px !important;
    background:
      radial-gradient(circle at 86% 50%, rgba(255,255,255,.16), transparent 22%),
      linear-gradient(135deg,#1470ff 0%,#0a4bd8 100%) !important;
}

.mdg-cta h2{
    font-size:46px !important;
}

.mdg-cta p{
    font-size:19px !important;
}

/* 11) Footer: si el footer global aparece debajo, dejamos el nuestro con presencia */
.mdg-footer{
    display:block !important;
    background:#071832 !important;
    padding:46px 0 28px !important;
}

.mdg-footer__grid{
    align-items:start !important;
}

.mdg-footer__bottom{
    text-align:center !important;
}

/* 12) WhatsApp flotante global no debe tapar contenido */
a[href*="whatsapp"],
.wa__btn,
.whatsapp,
#whatsapp{
    max-width:100vw;
}

/* Responsive polish */
@media(max-width:1180px){
    .mdg-hero{
        padding-top:52px !important;
    }

    .mdg-hero__grid,
    .mdg-feature-story{
        grid-template-columns:1fr !important;
    }

    .mdg-hero__visual{
        order:0 !important;
    }

    .mdg-feature-canvas{
        min-height:620px !important;
    }
}

@media(max-width:760px){
    .mdg-hero h1{
        font-size:48px !important;
    }

    .mdg-hero p{
        font-size:18px !important;
    }

    .mdg-benefits__grid,
    .mdg-template-grid,
    .mdg-pricing-grid,
    .mdg-social__grid{
        grid-template-columns:1fr !important;
    }

    .mdg-feature-canvas{
        min-height:auto !important;
        padding:16px !important;
        overflow:hidden !important;
    }

    .mdg-feature-canvas .mdg-floating-card,
    .mdg-feature-canvas .mdg-product-card{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:14px 0 !important;
    }

    .mdg-cta__box{
        padding:28px !important;
    }

    .mdg-cta h2{
        font-size:34px !important;
    }
}




/* =========================================================
   BENEFITS REFINED LIKE MOCKUP
   ========================================================= */
.mdg-benefits{
    padding:8px 0 56px !important;
}

.mdg-benefits__grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:28px !important;
    align-items:stretch !important;
}

.mdg-benefit-card{
    display:grid !important;
    grid-template-columns:72px 1.15fr 1.3fr !important;
    align-items:center !important;
    gap:18px !important;
    min-height:142px !important;
    padding:22px 24px !important;
    background:#fff !important;
    border:1px solid #dfe8f5 !important;
    border-radius:26px !important;
    box-shadow:0 16px 40px rgba(9, 30, 66, 0.05) !important;
}

.mdg-benefit-card__icon{
    width:64px !important;
    height:64px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.mdg-benefit-card__icon svg{
    width:34px !important;
    height:34px !important;
    display:block !important;
}

.mdg-benefit-card__icon--gift{
    background:linear-gradient(135deg,#2e86ff 0%, #1b62ef 100%) !important;
    color:#ffffff !important;
}

.mdg-benefit-card__icon--percent{
    background:linear-gradient(135deg,#dff9ea 0%, #d2f3e0 100%) !important;
    color:#11b85c !important;
}

.mdg-benefit-card__icon--whatsapp{
    background:linear-gradient(135deg,#dff8e8 0%, #d3f2dd 100%) !important;
    color:#1db954 !important;
}

.mdg-benefit-card__icon--palette{
    background:linear-gradient(135deg,#efe4ff 0%, #eadbff 100%) !important;
    color:#8b4dff !important;
}

.mdg-benefit-card__title h3{
    margin:0 !important;
    color:#071832 !important;
    font-size:22px !important;
    line-height:1.08 !important;
    letter-spacing:-0.4px !important;
    font-weight:900 !important;
}

.mdg-benefit-card__text p{
    margin:0 !important;
    color:#5b6c86 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

@media(max-width:1320px){
    .mdg-benefits__grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:760px){
    .mdg-benefits{
        padding:10px 0 34px !important;
    }

    .mdg-benefits__grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .mdg-benefit-card{
        grid-template-columns:64px 1fr !important;
        gap:14px !important;
        padding:18px !important;
    }

    .mdg-benefit-card__text{
        grid-column:2 / 3 !important;
    }

    .mdg-benefit-card__title h3{
        font-size:20px !important;
    }

    .mdg-benefit-card__text p{
        font-size:15px !important;
    }
}


/* =========================================================
   BENEFITS LAYOUT FIX - ICON LEFT / TITLE TOP / TEXT BOTTOM
   ========================================================= */
.mdg-benefits{
    padding:8px 0 58px !important;
}

.mdg-benefits__grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:24px !important;
    align-items:stretch !important;
}

.mdg-benefit-card{
    display:grid !important;
    grid-template-columns:76px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:18px !important;
    row-gap:6px !important;
    align-items:center !important;
    min-height:142px !important;
    padding:24px 26px !important;
    background:#fff !important;
    border:1px solid #dfe8f5 !important;
    border-radius:24px !important;
    box-shadow:0 18px 42px rgba(9,30,66,.055) !important;
}

.mdg-benefit-card__icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:66px !important;
    height:66px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
}

.mdg-benefit-card__icon svg{
    width:36px !important;
    height:36px !important;
}

.mdg-benefit-card__title{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
}

.mdg-benefit-card__title h3{
    margin:0 !important;
    color:#071832 !important;
    font-size:21px !important;
    line-height:1.12 !important;
    letter-spacing:-.35px !important;
    font-weight:950 !important;
}

.mdg-benefit-card__text{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
}

.mdg-benefit-card__text p{
    margin:5px 0 0 !important;
    color:#5f6f89 !important;
    font-size:15.5px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

/* Colores más cercanos al mockup */
.mdg-benefit-card__icon--gift{
    background:linear-gradient(135deg,#2f83ff 0%,#1769ff 100%) !important;
    color:#fff !important;
}

.mdg-benefit-card__icon--percent{
    background:#dcf8e8 !important;
    color:#14b86a !important;
}

.mdg-benefit-card__icon--whatsapp{
    background:#dcf8e8 !important;
    color:#18b957 !important;
}

.mdg-benefit-card__icon--palette{
    background:#eadcff !important;
    color:#8b4dff !important;
}

/* Ajuste fino por card para que no se vea apretado */
.mdg-benefit-card:nth-child(1) .mdg-benefit-card__title h3,
.mdg-benefit-card:nth-child(3) .mdg-benefit-card__title h3,
.mdg-benefit-card:nth-child(4) .mdg-benefit-card__title h3{
    max-width:180px !important;
}

.mdg-benefit-card:nth-child(2) .mdg-benefit-card__title h3{
    max-width:150px !important;
}

@media(max-width:1320px){
    .mdg-benefits__grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:760px){
    .mdg-benefits{
        padding:8px 0 36px !important;
    }

    .mdg-benefits__grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .mdg-benefit-card{
        grid-template-columns:68px 1fr !important;
        min-height:120px !important;
        padding:20px !important;
        column-gap:16px !important;
    }

    .mdg-benefit-card__icon{
        width:60px !important;
        height:60px !important;
        border-radius:18px !important;
    }

    .mdg-benefit-card__icon svg{
        width:32px !important;
        height:32px !important;
    }

    .mdg-benefit-card__title h3{
        font-size:20px !important;
        max-width:none !important;
    }

    .mdg-benefit-card__text p{
        font-size:15px !important;
    }
}


/* =========================================================
   BENEFITS ICON CENTERING POLISH V1
   Objetivo:
   - iconos menos pegados a la izquierda
   - cards más similares al mockup
   - icono centrado en su columna
   ========================================================= */

.mdg-benefits{
    padding: 8px 0 56px !important;
}

.mdg-benefits__grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:22px !important;
    align-items:stretch !important;
}

.mdg-benefit-card{
    display:grid !important;
    grid-template-columns:92px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:14px !important;
    row-gap:4px !important;
    align-items:center !important;
    min-height:128px !important;
    padding:20px 22px !important;
    background:#fff !important;
    border:1px solid #dfe8f5 !important;
    border-radius:24px !important;
    box-shadow:0 14px 34px rgba(9,30,66,.05) !important;
}

.mdg-benefit-card__icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:64px !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:center !important;
    align-self:center !important;
    margin:0 auto !important;
    border-radius:20px !important;
}

.mdg-benefit-card__icon svg{
    width:34px !important;
    height:34px !important;
    display:block !important;
}

.mdg-benefit-card__title{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    max-width:none !important;
}

.mdg-benefit-card__title h3{
    margin:0 !important;
    color:#071832 !important;
    font-size:18px !important;
    line-height:1.08 !important;
    letter-spacing:-0.25px !important;
    font-weight:900 !important;
    max-width:none !important;
}

.mdg-benefit-card__text{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    max-width:none !important;
}

.mdg-benefit-card__text p{
    margin:3px 0 0 !important;
    color:#5f6f89 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
    max-width:220px !important;
}

/* quitar restricciones raras anteriores */
.mdg-benefit-card:nth-child(1) .mdg-benefit-card__title h3,
.mdg-benefit-card:nth-child(2) .mdg-benefit-card__title h3,
.mdg-benefit-card:nth-child(3) .mdg-benefit-card__title h3,
.mdg-benefit-card:nth-child(4) .mdg-benefit-card__title h3{
    max-width:none !important;
}

/* colores suaves cercanos al mockup */
.mdg-benefit-card__icon--gift{
    background:linear-gradient(135deg,#2f82ff 0%, #1a67f2 100%) !important;
    color:#ffffff !important;
}

.mdg-benefit-card__icon--percent{
    background:#dff6e8 !important;
    color:#18b866 !important;
}

.mdg-benefit-card__icon--whatsapp{
    background:#dff6e8 !important;
    color:#22b85d !important;
}

.mdg-benefit-card__icon--palette{
    background:#ecddff !important;
    color:#8f52ff !important;
}

@media(max-width:1320px){
    .mdg-benefits__grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:760px){
    .mdg-benefits{
        padding:8px 0 34px !important;
    }

    .mdg-benefits__grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .mdg-benefit-card{
        grid-template-columns:84px 1fr !important;
        min-height:118px !important;
        padding:18px !important;
        column-gap:12px !important;
    }

    .mdg-benefit-card__icon{
        width:58px !important;
        height:58px !important;
        border-radius:18px !important;
    }

    .mdg-benefit-card__icon svg{
        width:30px !important;
        height:30px !important;
    }

    .mdg-benefit-card__title h3{
        font-size:18px !important;
    }

    .mdg-benefit-card__text p{
        font-size:14px !important;
        max-width:none !important;
    }
}


/* =========================================================
   HERO STATS CENTER FIX
   ========================================================= */
.mdg-stats{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(160px, 185px)) !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:16px !important;
    width:100% !important;
    max-width:860px !important;
    margin:30px auto 0 auto !important;
}

.mdg-stats article{
    min-height:72px !important;
    padding:12px 16px !important;
    border-radius:20px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #dfe8f5 !important;
    box-shadow:0 12px 28px rgba(9,30,66,.04) !important;
}

.mdg-stats strong{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
    color:#071832 !important;
    font-size:20px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    letter-spacing:-0.3px !important;
}

.mdg-stats span{
    display:block !important;
    width:100% !important;
    margin-top:4px !important;
    text-align:center !important;
    color:#5f6f89 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

@media(max-width:980px){
    .mdg-stats{
        grid-template-columns:repeat(2, minmax(160px, 1fr)) !important;
        max-width:420px !important;
    }
}

@media(max-width:560px){
    .mdg-stats{
        grid-template-columns:1fr !important;
        max-width:280px !important;
        gap:12px !important;
    }

    .mdg-stats article{
        min-height:68px !important;
    }
}





/* =========================================================
   CARD 1 CATALOGO
   ========================================================= */
.mdg-main-card--catalog .mdg-main-card__visual{
    align-items:flex-start !important;
    padding-top:4px !important;
}

.mdg-mini-list{
    width:100% !important;
    max-width:240px !important;
    background:#fff !important;
    border:1px solid #e4ebf6 !important;
    border-radius:20px !important;
    box-shadow:0 10px 22px rgba(10,28,61,.06) !important;
    padding:12px 14px !important;
}

.mdg-mini-list__item{
    display:grid !important;
    grid-template-columns:30px 1fr 16px !important;
    gap:10px !important;
    align-items:center !important;
    margin-bottom:10px !important;
}

.mdg-mini-thumb{
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,#cfdcf0,#b8cadf) !important;
    display:block !important;
}

.mdg-mini-list__item strong{
    display:block !important;
    color:#1d2d45 !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
}
.mdg-mini-list__item small{
    display:block !important;
    color:#7786a0 !important;
    font-size:10px !important;
    margin-top:2px !important;
}
.mdg-mini-dot{
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    border:1px solid #d9e3f0 !important;
    background:#f5f8fc !important;
    display:block !important;
}
.mdg-mini-list button{
    width:100% !important;
    height:38px !important;
    border:none !important;
    border-radius:12px !important;
    background:#eef4ff !important;
    color:#1769ff !important;
    font-size:13px !important;
    font-weight:800 !important;
}

/* =========================================================
   CARD 2 PAYMENTS
   ========================================================= */
.mdg-main-card--payments .mdg-main-card__visual{
    align-items:center !important;
}

.mdg-pay-logos{
    width:100% !important;
    max-width:430px !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
}

.mdg-pay-logos span{
    min-height:46px !important;
    border-radius:13px !important;
    border:1px solid #e4ecf6 !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    font-weight:900 !important;
    box-shadow:0 5px 14px rgba(0,0,0,.03) !important;
}
.mdg-pay-logos .visa{ color:#144ab6 !important; }
.mdg-pay-logos .mastercard{ color:#f06a00 !important; font-size:12px !important; }
.mdg-pay-logos .paypal{ color:#1b4ab8 !important; font-size:12px !important; }
.mdg-pay-logos .oxxo{ color:#df4f22 !important; }
.mdg-pay-logos .yape{ color:#7b3ff1 !important; text-transform:lowercase !important; }
.mdg-pay-logos .plin{ color:#0fb7b2 !important; text-transform:lowercase !important; }

/* =========================================================
   CARD 3 SOCIAL
   ========================================================= */
.mdg-main-card--social .mdg-main-card__visual{
    justify-content:flex-start !important;
    align-items:center !important;
    padding-top:12px !important;
}

.mdg-social-badges{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    width:100% !important;
}

.mdg-social-badges span{
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:21px !important;
    font-weight:900 !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
}
.mdg-social-badges .wa{ background:#21c45f !important; }
.mdg-social-badges .tt{ background:#111 !important; }
.mdg-social-badges .ig{ background:linear-gradient(135deg,#ff4aa2 0%,#ff8a00 100%) !important; }
.mdg-social-badges .fb{ background:#2273f2 !important; font-family:Arial, sans-serif !important; }

/* =========================================================
   CARD 4 CHAT
   ========================================================= */
.mdg-main-card--chat .mdg-main-card__visual{
    align-items:flex-end !important;
    justify-content:center !important;
    padding-bottom:6px !important;
}

.mdg-chat-mock{
    width:100% !important;
    max-width:250px !important;
}

.mdg-chat-msg{
    max-width:88% !important;
    padding:13px 14px !important;
    border-radius:15px !important;
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    box-shadow:0 8px 20px rgba(0,0,0,.05) !important;
}
.mdg-chat-msg--left{
    background:#fff !important;
    border:1px solid #e6edf7 !important;
    color:#27364b !important;
    margin-bottom:12px !important;
}
.mdg-chat-msg--right{
    background:#ecfff3 !important;
    color:#267248 !important;
    margin-left:auto !important;
    border:1px solid #d7f5e1 !important;
}

/* =========================================================
   CARD 5 PRODUCT
   ========================================================= */
.mdg-main-card--product .mdg-main-card__visual{
    align-items:center !important;
    justify-content:center !important;
}

.mdg-product-mini{
    width:100% !important;
    max-width:260px !important;
    background:#fff !important;
    border:1px solid #e3ebf7 !important;
    border-radius:20px !important;
    box-shadow:0 12px 26px rgba(10,29,66,.065) !important;
    padding:14px !important;
}

.mdg-product-mini__img{
    display:block !important;
    width:64px !important;
    height:64px !important;
    margin-bottom:12px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#c9ae82,#9d7a4b) !important;
}

.mdg-product-mini__meta strong{
    display:block !important;
    font-size:16px !important;
    color:#182841 !important;
    font-weight:900 !important;
}
.mdg-product-mini__meta small{
    display:block !important;
    font-size:18px !important;
    color:#182841 !important;
    margin:4px 0 10px !important;
    font-weight:900 !important;
}
.mdg-product-mini__meta ul{
    list-style:none !important;
    margin:0 0 12px !important;
    padding:0 !important;
}
.mdg-product-mini__meta li{
    font-size:11px !important;
    color:#4f8f67 !important;
    margin:4px 0 !important;
    font-weight:700 !important;
}
.mdg-product-mini button{
    width:100% !important;
    height:40px !important;
    border:none !important;
    border-radius:13px !important;
    background:#20ba58 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
}

/* =========================================================
   CARD 6 CUSTOMIZE
   ========================================================= */
.mdg-main-card--customize .mdg-main-card__visual{
    align-items:center !important;
    justify-content:center !important;
}

.mdg-customize-mini{
    width:100% !important;
    max-width:240px !important;
    background:#fff !important;
    border:1px solid #e4ebf6 !important;
    border-radius:18px !important;
    padding:14px !important;
    box-shadow:0 10px 24px rgba(10,28,61,.06) !important;
}

.mdg-customize-mini__row{
    margin-bottom:10px !important;
}
.mdg-customize-mini__row:last-child{
    margin-bottom:0 !important;
}
.mdg-customize-mini__row strong{
    display:block !important;
    font-size:14px !important;
    color:#1b2a44 !important;
    font-weight:900 !important;
}
.mdg-customize-mini__row small{
    display:block !important;
    font-size:11px !important;
    color:#5f7089 !important;
    margin-bottom:6px !important;
    font-weight:800 !important;
}
.mdg-color-dots{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
}
.mdg-color-dots span{
    width:18px !important;
    height:18px !important;
    border-radius:50% !important;
    display:block !important;
}
.mdg-color-dots .c1{ background:#67c5ff !important; }
.mdg-color-dots .c2{ background:#0f1622 !important; }
.mdg-color-dots .c3{ background:#ff67dd !important; }
.mdg-color-dots .c4{ background:#9d59ff !important; }
.mdg-color-dots .c5{ background:#d2d9e5 !important; }

.mdg-select-fake,
.mdg-input-fake{
    min-height:36px !important;
    border:1px solid #dce6f2 !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 11px !important;
    font-size:12px !important;
    color:#24334d !important;
    background:#fff !important;
    font-weight:700 !important;
}

/* responsive */
@media(max-width:1180px){
    .mdg-main-grid-cards{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:760px){
    .mdg-main-grid-features{
        padding:40px 0 56px !important;
    }

    .mdg-main-grid-kicker{
        font-size:20px !important;
    }

    .mdg-main-grid-cards{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .mdg-main-card{
        min-height:auto !important;
        padding:18px !important;
        grid-template-rows:auto auto !important;
    }

    .mdg-main-card__top{
        grid-template-columns:64px 1fr !important;
        gap:12px !important;
        margin-bottom:12px !important;
    }

    .mdg-main-card__icon{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        min-height:54px !important;
        max-width:54px !important;
        max-height:54px !important;
        border-radius:16px !important;
    }

    .mdg-main-card__icon svg{
        width:26px !important;
        height:26px !important;
    }

    .mdg-main-card__copy h3{
        font-size:17px !important;
    }

    .mdg-main-card__copy p{
        font-size:13px !important;
        max-width:none !important;
    }

    .mdg-main-card__visual{
        min-height:auto !important;
    }
}



/* =========================================================
   MAIN FEATURES FINAL CLEAN LAYOUT V2
   Refinado visual para alinear mejor icono + texto + visual.
   ========================================================= */
.mdg-main-grid-features{
    padding:54px 0 76px !important;
}
.mdg-main-grid-features .mdg-wrap{
    width:90% !important;
    max-width:1380px !important;
}
.mdg-main-grid-head{
    text-align:center !important;
    margin-bottom:30px !important;
}
.mdg-main-grid-kicker{
    margin:0 !important;
    color:#071832 !important;
    font-size:23px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:-.3px !important;
}
.mdg-main-grid-kicker span{
    color:#1769ff !important;
}
.mdg-main-grid-line{
    display:block !important;
    width:46px !important;
    height:4px !important;
    margin:10px auto 0 !important;
    border-radius:999px !important;
    background:#1769ff !important;
    position:relative !important;
}
.mdg-main-grid-line:before{
    content:"" !important;
    position:absolute !important;
    left:-9px !important;
    top:-2px !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:#1769ff !important;
}

.mdg-main-grid-cards{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
    align-items:stretch !important;
}

.mdg-main-card{
    min-height:264px !important;
    padding:20px 22px !important;
    background:#fff !important;
    border:1px solid #dfe8f5 !important;
    border-radius:24px !important;
    box-shadow:0 10px 28px rgba(10,28,61,.04) !important;
    display:grid !important;
    grid-template-columns:170px minmax(0,1fr) !important;
    gap:20px !important;
    align-items:stretch !important;
    overflow:hidden !important;
}

.mdg-main-card__info{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding-top:10px !important;
    min-width:0 !important;
}

.mdg-main-card__icon{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    flex:0 0 64px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 16px 0 !important;
    overflow:hidden !important;
}
.mdg-main-card__icon svg{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    display:block !important;
}

.mdg-main-card__info h3{
    margin:0 0 10px 0 !important;
    color:#071832 !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:-.22px !important;
    max-width:150px !important;
}
.mdg-main-card__info p{
    margin:0 !important;
    color:#5d6e88 !important;
    font-size:13px !important;
    line-height:1.52 !important;
    font-weight:600 !important;
    max-width:150px !important;
}

.mdg-main-card__visual{
    min-height:170px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    padding:4px 0 !important;
}

.mdg-main-card__icon--blue{background:linear-gradient(135deg,#2f82ff 0%,#1769ff 100%) !important;color:#fff !important;}
.mdg-main-card__icon--green{background:linear-gradient(135deg,#46d281 0%,#24bf5d 100%) !important;color:#fff !important;}
.mdg-main-card__icon--pink{background:linear-gradient(135deg,#ff79bc 0%,#f85aa7 100%) !important;color:#fff !important;}
.mdg-main-card__icon--orange{background:linear-gradient(135deg,#ffb02a 0%,#ff930b 100%) !important;color:#fff !important;}
.mdg-main-card__icon--purple{background:linear-gradient(135deg,#9c71ff 0%,#7a48f5 100%) !important;color:#fff !important;}
.mdg-main-card__icon--cyan{background:linear-gradient(135deg,#35d5f6 0%,#16b8df 100%) !important;color:#fff !important;}

.mdg-mini-list{
    width:100% !important;
    max-width:240px !important;
    background:#fff !important;
    border:1px solid #e4ebf6 !important;
    border-radius:20px !important;
    box-shadow:0 10px 22px rgba(10,28,61,.06) !important;
    padding:14px !important;
}
.mdg-mini-list__item{
    display:grid !important;
    grid-template-columns:30px 1fr 14px !important;
    gap:10px !important;
    align-items:center !important;
    margin-bottom:9px !important;
}
.mdg-mini-thumb{
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,#cfdcf0,#b8cadf) !important;
    display:block !important;
}
.mdg-mini-list__item strong{
    display:block !important;
    color:#1d2d45 !important;
    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
}
.mdg-mini-list__item small{
    display:block !important;
    color:#7786a0 !important;
    font-size:10px !important;
    margin-top:2px !important;
}
.mdg-mini-dot{
    width:13px !important;
    height:13px !important;
    border-radius:50% !important;
    border:1px solid #d9e3f0 !important;
    background:#f5f8fc !important;
    display:block !important;
}
.mdg-mini-list button{
    width:100% !important;
    height:36px !important;
    border:none !important;
    border-radius:12px !important;
    background:#eef4ff !important;
    color:#1769ff !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.mdg-pay-logos{
    width:100% !important;
    max-width:265px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
}
.mdg-pay-logos span{
    min-height:44px !important;
    border-radius:13px !important;
    border:1px solid #e4ecf6 !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 5px 14px rgba(0,0,0,.03) !important;
}
.mdg-pay-logos .visa{color:#144ab6 !important;}
.mdg-pay-logos .mastercard{color:#f06a00 !important;font-size:12px !important;}
.mdg-pay-logos .paypal{color:#1b4ab8 !important;font-size:12px !important;}
.mdg-pay-logos .oxxo{color:#df4f22 !important;}
.mdg-pay-logos .yape{color:#7b3ff1 !important;text-transform:lowercase !important;}
.mdg-pay-logos .plin{color:#0fb7b2 !important;text-transform:lowercase !important;}

.mdg-social-badges{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
}
.mdg-social-badges span{
    width:46px !important;
    height:46px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:20px !important;
    font-weight:900 !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(0,0,0,.08) !important;
}
.mdg-social-badges .wa{background:#21c45f !important;}
.mdg-social-badges .tt{background:#111 !important;}
.mdg-social-badges .ig{background:linear-gradient(135deg,#ff4aa2 0%,#ff8a00 100%) !important;}
.mdg-social-badges .fb{background:#2273f2 !important;font-family:Arial,sans-serif !important;}

.mdg-chat-mock{
    width:100% !important;
    max-width:238px !important;
}
.mdg-chat-msg{
    max-width:88% !important;
    padding:12px 13px !important;
    border-radius:15px !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    box-shadow:0 8px 20px rgba(0,0,0,.05) !important;
}
.mdg-chat-msg--left{
    background:#fff !important;
    border:1px solid #e6edf7 !important;
    color:#27364b !important;
    margin-bottom:12px !important;
}
.mdg-chat-msg--right{
    background:#ecfff3 !important;
    color:#267248 !important;
    margin-left:auto !important;
    border:1px solid #d7f5e1 !important;
}

.mdg-product-mini{
    width:100% !important;
    max-width:215px !important;
    background:#fff !important;
    border:1px solid #e3ebf7 !important;
    border-radius:20px !important;
    box-shadow:0 12px 26px rgba(10,29,66,.065) !important;
    padding:14px !important;
}
.mdg-product-mini__img{
    display:block !important;
    width:56px !important;
    height:56px !important;
    margin-bottom:12px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#c9ae82,#9d7a4b) !important;
}
.mdg-product-mini__meta strong{
    display:block !important;
    font-size:14px !important;
    color:#182841 !important;
    font-weight:900 !important;
}
.mdg-product-mini__meta small{
    display:block !important;
    font-size:16px !important;
    color:#182841 !important;
    margin:3px 0 8px !important;
    font-weight:900 !important;
}
.mdg-product-mini__meta ul{
    list-style:none !important;
    margin:0 0 10px !important;
    padding:0 !important;
}
.mdg-product-mini__meta li{
    font-size:10.5px !important;
    color:#4f8f67 !important;
    margin:3px 0 !important;
    font-weight:700 !important;
}
.mdg-product-mini button{
    width:100% !important;
    height:38px !important;
    border:none !important;
    border-radius:13px !important;
    background:#20ba58 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.mdg-customize-mini{
    width:100% !important;
    max-width:218px !important;
    background:#fff !important;
    border:1px solid #e4ebf6 !important;
    border-radius:20px !important;
    padding:14px !important;
    box-shadow:0 10px 24px rgba(10,28,61,.06) !important;
}
.mdg-customize-mini__row{
    margin-bottom:10px !important;
}
.mdg-customize-mini__row:last-child{
    margin-bottom:0 !important;
}
.mdg-customize-mini__row strong{
    display:block !important;
    font-size:13px !important;
    color:#1b2a44 !important;
    font-weight:900 !important;
}
.mdg-customize-mini__row small{
    display:block !important;
    font-size:10.5px !important;
    color:#5f7089 !important;
    margin-bottom:5px !important;
    font-weight:800 !important;
}
.mdg-color-dots{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
}
.mdg-color-dots span{
    width:16px !important;
    height:16px !important;
    border-radius:50% !important;
    display:block !important;
}
.mdg-color-dots .c1{background:#67c5ff !important;}
.mdg-color-dots .c2{background:#0f1622 !important;}
.mdg-color-dots .c3{background:#ff67dd !important;}
.mdg-color-dots .c4{background:#9d59ff !important;}
.mdg-color-dots .c5{background:#d2d9e5 !important;}
.mdg-select-fake,
.mdg-input-fake{
    min-height:34px !important;
    border:1px solid #dce6f2 !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 10px !important;
    font-size:11px !important;
    color:#24334d !important;
    background:#fff !important;
    font-weight:700 !important;
}

/* Ajustes específicos de equilibrio */
.mdg-main-card--catalog .mdg-main-card__visual,
.mdg-main-card--payments .mdg-main-card__visual,
.mdg-main-card--social .mdg-main-card__visual,
.mdg-main-card--chat .mdg-main-card__visual,
.mdg-main-card--product .mdg-main-card__visual,
.mdg-main-card--customize .mdg-main-card__visual{
    justify-content:center !important;
    align-items:center !important;
}

@media(max-width:1180px){
    .mdg-main-grid-cards{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:760px){
    .mdg-main-grid-cards{
        grid-template-columns:1fr !important;
    }
    .mdg-main-card{
        grid-template-columns:1fr !important;
        min-height:auto !important;
        gap:16px !important;
    }
    .mdg-main-card__info{
        padding-top:0 !important;
    }
    .mdg-main-card__info h3,
    .mdg-main-card__info p{
        max-width:none !important;
    }
}



/* =========================================================
   MAIN FEATURES LEFT INSET FIX
   Da aire a icono + titulo + descripcion para que no queden
   pegados al borde izquierdo de la card.
   ========================================================= */

.mdg-main-grid-features .mdg-main-card{
    padding-left:34px !important;
    padding-right:26px !important;
    grid-template-columns:170px minmax(0, 1fr) !important;
    gap:18px !important;
}

.mdg-main-grid-features .mdg-main-card__info{
    padding-left:4px !important;
    padding-top:8px !important;
}

.mdg-main-grid-features .mdg-main-card__icon{
    margin-left:0 !important;
    margin-bottom:16px !important;
}

.mdg-main-grid-features .mdg-main-card__info h3{
    max-width:150px !important;
}

.mdg-main-grid-features .mdg-main-card__info p{
    max-width:152px !important;
}

/* Compensar un poquito el visual para que no se vaya demasiado a la derecha */
.mdg-main-grid-features .mdg-main-card__visual{
    transform:translateX(-4px) !important;
}

/* En cards con visual ancho, mantener orden */
.mdg-main-grid-features .mdg-main-card--payments .mdg-main-card__visual,
.mdg-main-grid-features .mdg-main-card--social .mdg-main-card__visual{
    transform:translateX(-2px) !important;
}

@media(max-width:760px){
    .mdg-main-grid-features .mdg-main-card{
        padding-left:20px !important;
        padding-right:20px !important;
        grid-template-columns:1fr !important;
    }

    .mdg-main-grid-features .mdg-main-card__info{
        padding-left:0 !important;
    }

    .mdg-main-grid-features .mdg-main-card__visual{
        transform:none !important;
    }
}

/* MTG FIX: CENTER PRICING CARDS START */
/* Centra contenido y precios de la sección "Planes disponibles" */

body.mtg-template-mitiendagratis .mdg-pricing,
body.mtg-template-mitiendagratis .mdg-pricing-section,
body.mtg-template-mitiendagratis .mdg-plans,
body.mtg-template-mitiendagratis .pricing-section,
body.mtg-template-mitiendagratis .plans-section {
    text-align: center !important;
}

body.mtg-template-mitiendagratis .mdg-pricing h2,
body.mtg-template-mitiendagratis .mdg-pricing p,
body.mtg-template-mitiendagratis .mdg-pricing-section h2,
body.mtg-template-mitiendagratis .mdg-pricing-section p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.mtg-template-mitiendagratis .mdg-plan,
body.mtg-template-mitiendagratis .mdg-pricing-card,
body.mtg-template-mitiendagratis .pricing-card,
body.mtg-template-mitiendagratis .plan-card {
    text-align: center !important;
}

body.mtg-template-mitiendagratis .mdg-plan h3,
body.mtg-template-mitiendagratis .mdg-pricing-card h3,
body.mtg-template-mitiendagratis .pricing-card h3,
body.mtg-template-mitiendagratis .plan-card h3 {
    text-align: center !important;
    width: 100% !important;
}

/* Precio centrado: $0 /mes, $9.99 /mes, $19.99 /mes */
body.mtg-template-mitiendagratis .mdg-price,
body.mtg-template-mitiendagratis .mdg-plan-price,
body.mtg-template-mitiendagratis .price,
body.mtg-template-mitiendagratis .plan-price {
    width: 100% !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.mtg-template-mitiendagratis .mdg-price span,
body.mtg-template-mitiendagratis .mdg-plan-price span,
body.mtg-template-mitiendagratis .price span,
body.mtg-template-mitiendagratis .plan-price span {
    display: inline-block !important;
}

/* Lista centrada como bloque, pero legible con checks alineados */
body.mtg-template-mitiendagratis .mdg-plan ul,
body.mtg-template-mitiendagratis .mdg-pricing-card ul,
body.mtg-template-mitiendagratis .pricing-card ul,
body.mtg-template-mitiendagratis .plan-card ul {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    text-align: left !important;
    list-style-position: outside !important;
}

body.mtg-template-mitiendagratis .mdg-plan li,
body.mtg-template-mitiendagratis .mdg-pricing-card li,
body.mtg-template-mitiendagratis .pricing-card li,
body.mtg-template-mitiendagratis .plan-card li {
    text-align: left !important;
}

/* Botones centrados y ocupando bien la card */
body.mtg-template-mitiendagratis .mdg-plan a,
body.mtg-template-mitiendagratis .mdg-pricing-card a,
body.mtg-template-mitiendagratis .pricing-card a,
body.mtg-template-mitiendagratis .plan-card a {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Badge "Más recomendado" centrado sobre la card */
body.mtg-template-mitiendagratis .mdg-popular {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Fallback si el body no trae clase de template */
.mdg-pricing,
.mdg-pricing-section,
.mdg-plans {
    text-align: center !important;
}

.mdg-plan,
.mdg-pricing-card {
    text-align: center !important;
}

.mdg-price,
.mdg-plan-price {
    width: 100% !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
}

.mdg-plan ul,
.mdg-pricing-card ul {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* Mobile */
@media (max-width: 780px) {
    body.mtg-template-mitiendagratis .mdg-price,
    body.mtg-template-mitiendagratis .mdg-plan-price,
    .mdg-price,
    .mdg-plan-price {
        justify-content: center !important;
    }

    body.mtg-template-mitiendagratis .mdg-plan ul,
    body.mtg-template-mitiendagratis .mdg-pricing-card ul,
    .mdg-plan ul,
    .mdg-pricing-card ul {
        width: 100% !important;
        max-width: 280px !important;
    }
}
/* MTG FIX: CENTER PRICING CARDS END */

/* MTG FIX: PRICING CHECKS ABSOLUTE FIX START */
/* Corrige checks flotando a la izquierda en Planes disponibles */

body .mdg-pricing ul,
body .mdg-pricing-section ul,
body .mdg-plans ul,
body .mdg-plan ul,
body .mdg-pricing-card ul,
body .pricing-card ul,
body .plan-card ul {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 24px auto 24px !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}

body .mdg-pricing li,
body .mdg-pricing-section li,
body .mdg-plans li,
body .mdg-plan li,
body .mdg-pricing-card li,
body .pricing-card li,
body .plan-card li {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    list-style: none !important;
    color: #334767 !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body .mdg-pricing li::marker,
body .mdg-pricing-section li::marker,
body .mdg-plans li::marker,
body .mdg-plan li::marker,
body .mdg-pricing-card li::marker,
body .pricing-card li::marker,
body .plan-card li::marker {
    content: "" !important;
    display: none !important;
}

/* Este es el punto clave: mata position:absolute del CSS viejo */
body .mdg-pricing li::before,
body .mdg-pricing-section li::before,
body .mdg-plans li::before,
body .mdg-plan li::before,
body .mdg-pricing-card li::before,
body .pricing-card li::before,
body .plan-card li::before {
    content: "✓" !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #08b45b !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Por si el check existe como span/i/svg dentro del li */
body .mdg-pricing li > span:first-child,
body .mdg-pricing-section li > span:first-child,
body .mdg-plans li > span:first-child,
body .mdg-plan li > span:first-child,
body .mdg-pricing-card li > span:first-child,
body .pricing-card li > span:first-child,
body .plan-card li > span:first-child {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-flex !important;
    margin: 0 !important;
}

/* Mobile */
@media (max-width: 780px) {
    body .mdg-pricing ul,
    body .mdg-pricing-section ul,
    body .mdg-plans ul,
    body .mdg-plan ul,
    body .mdg-pricing-card ul,
    body .pricing-card ul,
    body .plan-card ul {
        width: 100% !important;
        max-width: 300px !important;
    }
}
/* MTG FIX: PRICING CHECKS ABSOLUTE FIX END */

/* MTG BUILDER CONNECT SUPPORT START */
.mdg-logo__icon img{
    width:24px;
    height:24px;
    object-fit:contain;
    display:block;
}

.mdg-builder-hero-image{
    display:block;
    width:100%;
    max-width:760px;
    height:auto;
    max-height:680px;
    object-fit:contain;
    object-position:center;
    margin:0 auto;
    filter:drop-shadow(0 28px 55px rgba(15,23,42,.12));
}

.mdg-uploaded-icon,
.mdg-price-icon,
.mdg-channel-icon{
    display:block;
    width:38px;
    height:38px;
    object-fit:contain;
}

.mdg-benefit-card__icon .mdg-uploaded-icon,
.mdg-main-card__icon .mdg-uploaded-icon{
    width:42px;
    height:42px;
}

.mdg-fallback-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:#eef6ff;
    color:#0f6bff;
    font-weight:900;
}

.mdg-card-visual-image,
.mdg-ecosystem-image,
.mdg-cta-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:280px;
    object-fit:contain;
    object-position:center;
    border-radius:20px;
}

.mdg-builder-placeholder-visual{
    width:100%;
    min-height:150px;
    display:grid;
    gap:12px;
    align-content:center;
}

.mdg-builder-placeholder-visual span{
    display:block;
    height:34px;
    border-radius:999px;
    background:linear-gradient(90deg,#eaf2ff,#f7fbff);
}

.mdg-template-preview--linked{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
}

.mdg-template-preview--linked img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    z-index:0;
}

.mdg-template-preview--linked::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.34));
    z-index:1;
    pointer-events:none;
}

.mdg-template-preview--linked span,
.mdg-template-preview--linked strong,
.mdg-template-preview--linked button{
    position:relative;
    z-index:2;
}

.mdg-template-preview--linked button{
    margin-top:auto;
    align-self:flex-start;
}

.mdg-price-icon{
    margin:0 auto 12px;
}

.mdg-channel-row article{
    position:relative;
}

.mdg-channel-icon{
    margin:0 auto 8px;
}

.mdg-cta__box{
    gap:24px;
}

.mdg-cta-image{
    max-width:260px;
}

@media(max-width:780px){
    .mdg-builder-hero-image{
        max-height:460px;
    }

    .mdg-cta-image{
        max-width:100%;
    }
}
/* MTG BUILDER CONNECT SUPPORT END */

/* MTG HERO DARK START */
/* Hero oscuro para dar más presencia visual sin tocar el resto */

.mdg-hero{
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 14% 16%, rgba(38,114,255,.30) 0%, rgba(38,114,255,0) 26%),
        radial-gradient(circle at 86% 20%, rgba(0,210,255,.16) 0%, rgba(0,210,255,0) 22%),
        radial-gradient(circle at 78% 82%, rgba(94,92,230,.18) 0%, rgba(94,92,230,0) 24%),
        linear-gradient(135deg, #071224 0%, #0a1730 35%, #0b1d3d 65%, #0a1530 100%) !important;
    box-shadow: 0 28px 60px rgba(6,17,36,.24) !important;
    border: 1px solid rgba(255,255,255,.06);
}

.mdg-hero::before,
.mdg-hero::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    z-index:0;
}

.mdg-hero::before{
    width:340px;
    height:340px;
    top:-90px;
    left:-80px;
    background: radial-gradient(circle, rgba(70,135,255,.22) 0%, rgba(70,135,255,0) 72%);
}

.mdg-hero::after{
    width:300px;
    height:300px;
    right:-70px;
    bottom:-70px;
    background: radial-gradient(circle, rgba(65,215,255,.16) 0%, rgba(65,215,255,0) 72%);
}

.mdg-hero .mdg-wrap,
.mdg-hero__grid{
    position:relative;
    z-index:2;
}

.mdg-hero h1,
.mdg-hero h2,
.mdg-hero h3{
    color:#ffffff !important;
}

.mdg-hero h1 span{
    color:#5aa2ff !important;
}

.mdg-hero p{
    color:rgba(226,235,255,.90) !important;
}

.mdg-hero .mdg-pill{
    background: rgba(72,136,255,.14) !important;
    color: #8fc0ff !important;
    border: 1px solid rgba(143,192,255,.22);
    box-shadow: none !important;
}

.mdg-hero .mdg-trust-row span{
    color: rgba(218,232,255,.92) !important;
}

.mdg-hero .mdg-stats article{
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
}

.mdg-hero .mdg-stats article strong{
    color:#ffffff !important;
}

.mdg-hero .mdg-stats article span{
    color:rgba(214,228,255,.80) !important;
}

.mdg-hero .mdg-btn--primary{
    background: linear-gradient(135deg, #1f6fff 0%, #0f63ff 100%) !important;
    color:#ffffff !important;
    box-shadow: 0 16px 30px rgba(31,111,255,.30) !important;
}

.mdg-hero .mdg-btn--ghost{
    background: rgba(255,255,255,.06) !important;
    color:#ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
}

.mdg-hero .mdg-btn--ghost:hover{
    background: rgba(255,255,255,.10) !important;
}

.mdg-hero .mdg-orbit{
    opacity:.55;
}

.mdg-hero .mdg-desktop{
    box-shadow: 0 26px 50px rgba(0,0,0,.34) !important;
}

.mdg-hero .mdg-mobile{
    box-shadow: 0 22px 40px rgba(0,0,0,.28) !important;
}

.mdg-hero .mdg-social-float{
    box-shadow: 0 14px 24px rgba(0,0,0,.18);
}

.mdg-builder-hero-image{
    filter: drop-shadow(0 28px 55px rgba(0,0,0,.34)) !important;
}

@media (max-width: 780px){
    .mdg-hero{
        border-radius: 26px;
    }
}
/* MTG HERO DARK END */

/* MTG BENEFITS AIR START */
/* Da más aire a las 4 cards debajo del hero */

.mdg-benefits{
    margin-top: 26px !important;
    margin-bottom: 18px !important;
    padding-top: 8px !important;
}

.mdg-benefits__grid{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.mdg-benefit-card{
    min-height: 188px !important;
    padding: 30px 26px !important;
    border-radius: 24px !important;
}

.mdg-benefit-card__icon{
    margin-bottom: 18px !important;
}

.mdg-benefit-card__title{
    margin-bottom: 10px !important;
}

.mdg-benefit-card__title h3{
    line-height: 1.05 !important;
}

.mdg-benefit-card__text p{
    line-height: 1.5 !important;
}

/* Tablet */
@media (max-width: 1200px){
    .mdg-benefits{
        margin-top: 22px !important;
    }

    .mdg-benefits__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* Mobile */
@media (max-width: 640px){
    .mdg-benefits{
        margin-top: 18px !important;
    }

    .mdg-benefits__grid{
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .mdg-benefit-card{
        min-height: auto !important;
        padding: 24px 20px !important;
    }
}
/* MTG BENEFITS AIR END */

/* MTG ECOSYSTEM TEXT ICONS FIX START */
/* Ecosistema: título + subtítulo + 4 iconos con texto. La imagen no reemplaza contenido. */

.mdg-ecosystem{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:18px !important;
}

.mdg-ecosystem > span{
    display:block !important;
    color:#176cff !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    font-size:13px !important;
    margin-bottom:0 !important;
}

.mdg-ecosystem h2{
    margin:0 !important;
}

.mdg-ecosystem-text{
    max-width:720px !important;
    margin:0 0 8px !important;
    color:#5b6b86 !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

.mdg-ecosystem-image-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 4px !important;
    padding:12px 14px !important;
    border:1px solid rgba(210,223,243,.95) !important;
    border-radius:20px !important;
    background:linear-gradient(180deg, rgba(248,251,255,.96), rgba(255,255,255,1)) !important;
}

.mdg-ecosystem-image{
    display:block !important;
    width:100% !important;
    max-width:620px !important;
    height:auto !important;
    max-height:120px !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:0 auto !important;
    border-radius:14px !important;
}

.mdg-ecosystem .mdg-flow{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
}

.mdg-ecosystem .mdg-flow article{
    min-height:138px !important;
    padding:22px 18px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
    border:1px solid rgba(210,223,243,.95) !important;
    box-shadow:0 12px 26px rgba(15,23,42,.045) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
}

.mdg-ecosystem .mdg-flow article img.mdg-channel-icon{
    width:42px !important;
    height:42px !important;
    object-fit:contain !important;
    margin:0 0 12px !important;
}

.mdg-ecosystem-fallback-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    background:#eaf3ff !important;
    color:#176cff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:900 !important;
    font-size:22px !important;
    margin:0 0 12px !important;
}

.mdg-ecosystem .mdg-flow article strong{
    display:block !important;
    color:#07152e !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    margin:0 0 7px !important;
}

.mdg-ecosystem .mdg-flow article small{
    display:block !important;
    color:#5b6b86 !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}

@media(max-width:1100px){
    .mdg-ecosystem .mdg-flow{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:640px){
    .mdg-ecosystem .mdg-flow{
        grid-template-columns:1fr !important;
    }

    .mdg-ecosystem .mdg-flow article{
        min-height:auto !important;
    }
}
/* MTG ECOSYSTEM TEXT ICONS FIX END */

/* MTG MOBILE APP TEMPLATE V1 - START */
/*
 * MITIENDAGRATIS.COM
 * Responsive mobile aprobado: rápido, compacto, enterprise.
 * Desktop queda intacto. Solo aplica <= 780px.
 */
@media (max-width: 780px){

    html,
    body{
        overflow-x:hidden !important;
        background:#ffffff !important;
    }

    .mdg-enterprise{
        --mdg-blue:#1769ff;
        --mdg-blue-2:#0e4bd6;
        --mdg-ink:#071832;
        --mdg-muted:#5f6d83;
        --mdg-soft:#f6f9ff;
        --mdg-line:#dce7f7;
        --mdg-shadow:0 12px 34px rgba(7,24,50,.075);
        background:#fff !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-wrap{
        width:90% !important;
        max-width:430px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /*
     * Header móvil: limpio, tipo app.
     * Mantiene el logo/brand que ya imprime el sistema.
     */
    .mdg-enterprise > .mdg-nav{
        position:sticky !important;
        top:0 !important;
        z-index:50 !important;
        background:rgba(255,255,255,.94) !important;
        backdrop-filter:blur(16px) !important;
        border-bottom:1px solid rgba(220,231,247,.9) !important;
        box-shadow:0 10px 24px rgba(7,24,50,.045) !important;
    }

    .mdg-nav__inner{
        width:90% !important;
        max-width:430px !important;
        min-height:64px !important;
        padding:10px 0 !important;
        margin:0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;
        flex-wrap:nowrap !important;
    }

    .mdg-logo{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        min-width:0 !important;
        font-size:14px !important;
        line-height:1 !important;
        letter-spacing:-.02em !important;
        white-space:nowrap !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-logo strong{
        color:var(--mdg-blue) !important;
    }

    .mdg-logo__icon{
        width:30px !important;
        height:30px !important;
        border-radius:10px !important;
        flex:0 0 30px !important;
    }

    .mdg-menu,
    .mdg-text-link,
    .mdg-nav__actions .mdg-btn--ghost,
    .mdg-nav__actions .mdg-btn:not(.mdg-btn--primary){
        display:none !important;
    }

    .mdg-nav__actions{
        width:auto !important;
        flex:0 0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
    }

    .mdg-nav__actions .mdg-btn--primary{
        display:flex !important;
        min-height:38px !important;
        height:38px !important;
        padding:0 13px !important;
        border-radius:13px !important;
        font-size:12px !important;
        font-weight:950 !important;
        box-shadow:0 10px 22px rgba(23,105,255,.18) !important;
        white-space:nowrap !important;
    }

    /*
     * Hero móvil: directo, sin visual gigante.
     */
    .mdg-hero{
        padding:34px 0 18px !important;
        background:
            radial-gradient(circle at 110% 10%, rgba(23,105,255,.10), transparent 34%),
            linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
    }

    .mdg-hero__grid{
        display:block !important;
    }

    .mdg-hero__copy{
        max-width:none !important;
        text-align:center !important;
    }

    .mdg-pill{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:30px !important;
        padding:0 12px !important;
        border-radius:999px !important;
        font-size:11px !important;
        line-height:1 !important;
        letter-spacing:.03em !important;
        background:#edf5ff !important;
        color:var(--mdg-blue) !important;
        margin:0 auto 14px !important;
    }

    .mdg-hero h1{
        max-width:360px !important;
        margin:0 auto !important;
        font-size:36px !important;
        line-height:.98 !important;
        letter-spacing:-1.4px !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-hero h1 span{
        color:var(--mdg-blue) !important;
    }

    .mdg-hero p{
        max-width:350px !important;
        margin:14px auto 0 !important;
        font-size:16px !important;
        line-height:1.45 !important;
        color:#30405c !important;
        font-weight:600 !important;
    }

    .mdg-hero__actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
        max-width:350px !important;
        margin:22px auto 0 !important;
    }

    .mdg-btn,
    .mdg-btn--big{
        width:100% !important;
        min-height:48px !important;
        height:48px !important;
        border-radius:14px !important;
        padding:0 16px !important;
        font-size:15px !important;
        font-weight:950 !important;
        justify-content:center !important;
    }

    .mdg-btn--primary{
        background:linear-gradient(135deg,var(--mdg-blue),var(--mdg-blue-2)) !important;
        box-shadow:0 16px 34px rgba(23,105,255,.22) !important;
    }

    .mdg-btn--ghost{
        background:#fff !important;
        color:var(--mdg-blue) !important;
        border:1px solid rgba(23,105,255,.42) !important;
        box-shadow:0 10px 22px rgba(7,24,50,.04) !important;
    }

    /*
     * Chips de confianza.
     */
    .mdg-trust-row{
        max-width:350px !important;
        margin:18px auto 0 !important;
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:8px !important;
    }

    .mdg-trust-row span,
    .mdg-trust-row div,
    .mdg-trust-row article{
        min-height:46px !important;
        padding:7px 7px !important;
        border-radius:13px !important;
        background:#fff !important;
        border:1px solid var(--mdg-line) !important;
        box-shadow:0 8px 18px rgba(7,24,50,.045) !important;
        font-size:11px !important;
        line-height:1.08 !important;
        font-weight:850 !important;
        color:#1d2d48 !important;
        text-align:center !important;
    }

    .mdg-stats{
        max-width:390px !important;
        margin:18px auto 0 !important;
        display:grid !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:0 !important;
        padding:14px 6px !important;
        border-top:1px solid var(--mdg-line) !important;
        border-bottom:1px solid var(--mdg-line) !important;
        background:rgba(255,255,255,.74) !important;
    }

    .mdg-stats article{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        border-radius:0 !important;
        padding:0 5px !important;
        min-height:auto !important;
        text-align:center !important;
    }

    .mdg-stats article + article{
        border-left:1px solid var(--mdg-line) !important;
    }

    .mdg-stats strong{
        font-size:15px !important;
        line-height:1.05 !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-stats span{
        font-size:10px !important;
        line-height:1.15 !important;
        color:var(--mdg-muted) !important;
        font-weight:750 !important;
        margin-top:4px !important;
    }

    /*
     * Apagamos el mockup/imagen gigante del hero en móvil.
     * El usuario móvil necesita decidir rápido.
     */
    .mdg-hero__visual,
    .mdg-desktop,
    .mdg-mobile,
    .mdg-orbit,
    .mdg-social-float{
        display:none !important;
    }

    /*
     * Beneficios: compactos 2x2.
     */
    .mdg-benefits{
        padding:18px 0 28px !important;
        background:#fff !important;
    }

    .mdg-benefits__grid{
        width:90% !important;
        max-width:430px !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .mdg-benefits article,
    .mdg-benefit-card{
        min-height:0 !important;
        padding:16px 14px !important;
        border-radius:18px !important;
        background:#fff !important;
        border:1px solid var(--mdg-line) !important;
        box-shadow:0 10px 24px rgba(7,24,50,.055) !important;
        text-align:left !important;
    }

    .mdg-benefit-card__icon,
    .mdg-benefits i{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        flex:0 0 38px !important;
        border-radius:13px !important;
        background:#eef5ff !important;
        color:var(--mdg-blue) !important;
        margin:0 0 10px !important;
        font-size:18px !important;
    }

    .mdg-uploaded-icon{
        width:22px !important;
        height:22px !important;
        object-fit:contain !important;
    }

    .mdg-benefits h3,
    .mdg-benefit-card__title h3{
        margin:0 !important;
        font-size:15px !important;
        line-height:1.12 !important;
        letter-spacing:-.2px !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-benefits p,
    .mdg-benefit-card__text p{
        margin:7px 0 0 !important;
        font-size:12.5px !important;
        line-height:1.36 !important;
        color:var(--mdg-muted) !important;
        font-weight:650 !important;
    }

    /*
     * Secciones: títulos compactos y ritmo mobile.
     */
    .mdg-main-grid-features,
    .mdg-templates,
    .mdg-pricing,
    .mdg-social,
    .mdg-cta{
        padding:30px 0 !important;
    }

    .mdg-main-grid-head,
    .mdg-section-head,
    .mdg-split-head,
    .mdg-social__grid > div,
    .mdg-ecosystem{
        text-align:left !important;
    }

    .mdg-main-grid-kicker,
    .mdg-section-head h2,
    .mdg-split-head h2,
    .mdg-social h2,
    .mdg-ecosystem h2,
    .mdg-cta h2{
        font-size:25px !important;
        line-height:1.06 !important;
        letter-spacing:-.75px !important;
        margin:0 !important;
        color:var(--mdg-ink) !important;
        text-align:left !important;
    }

    .mdg-main-grid-kicker span{
        color:var(--mdg-blue) !important;
    }

    .mdg-section-head span,
    .mdg-split-head span,
    .mdg-social span,
    .mdg-ecosystem span{
        font-size:10px !important;
        letter-spacing:.08em !important;
        color:var(--mdg-blue) !important;
        margin-bottom:7px !important;
        text-align:left !important;
    }

    .mdg-section-head p,
    .mdg-split-head p,
    .mdg-social p,
    .mdg-ecosystem-text{
        margin-top:9px !important;
        font-size:14px !important;
        line-height:1.45 !important;
        color:var(--mdg-muted) !important;
        text-align:left !important;
    }

    /*
     * Features: de cards grandes con visual a lista tipo app.
     */
    .mdg-main-grid-cards{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:18px !important;
    }

    .mdg-main-card{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;
        min-height:74px !important;
        padding:12px 13px !important;
        border-radius:16px !important;
        background:#fff !important;
        border:1px solid var(--mdg-line) !important;
        box-shadow:0 9px 22px rgba(7,24,50,.055) !important;
        overflow:hidden !important;
    }

    .mdg-main-card__info{
        display:grid !important;
        grid-template-columns:42px 1fr !important;
        align-items:center !important;
        gap:12px !important;
        min-width:0 !important;
        width:100% !important;
    }

    .mdg-main-card__icon{
        width:42px !important;
        height:42px !important;
        border-radius:14px !important;
        background:#eef5ff !important;
        color:var(--mdg-blue) !important;
        flex:0 0 42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .mdg-main-card h3{
        margin:0 !important;
        font-size:15px !important;
        line-height:1.12 !important;
        color:var(--mdg-ink) !important;
        letter-spacing:-.15px !important;
    }

    .mdg-main-card p{
        margin:4px 0 0 !important;
        font-size:12.5px !important;
        line-height:1.25 !important;
        color:var(--mdg-muted) !important;
        font-weight:650 !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .mdg-main-card__visual{
        display:none !important;
    }

    .mdg-main-card:after{
        content:"›" !important;
        flex:0 0 auto !important;
        font-size:25px !important;
        line-height:1 !important;
        color:#2f4362 !important;
        opacity:.78 !important;
        margin-left:2px !important;
    }

    /*
     * Templates: miniaturas actuales, pequeñas y útiles.
     */
    .mdg-split-head{
        width:90% !important;
        max-width:430px !important;
        display:block !important;
        margin:0 auto 16px !important;
    }

    .mdg-split-head p{
        display:none !important;
    }

    .mdg-split-head a{
        display:inline-flex !important;
        margin-top:10px !important;
        font-size:14px !important;
        font-weight:950 !important;
        color:var(--mdg-blue) !important;
        text-decoration:none !important;
    }

    .mdg-template-grid{
        width:90% !important;
        max-width:430px !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:9px !important;
    }

    .mdg-template-card{
        border-radius:16px !important;
        background:#fff !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
        text-align:center !important;
    }

    .mdg-template-preview{
        height:116px !important;
        min-height:116px !important;
        border-radius:14px !important;
        overflow:hidden !important;
        border:1px solid var(--mdg-line) !important;
        background:#f3f7ff !important;
        box-shadow:0 9px 22px rgba(7,24,50,.06) !important;
    }

    .mdg-template-preview img{
        width:100% !important;
        height:100% !important;
        display:block !important;
        object-fit:cover !important;
        object-position:top center !important;
    }

    .mdg-template-preview span,
    .mdg-template-preview strong,
    .mdg-template-preview button{
        display:none !important;
    }

    .mdg-template-card h3{
        padding:0 !important;
        margin:8px 0 0 !important;
        font-size:12px !important;
        line-height:1.12 !important;
        color:var(--mdg-ink) !important;
        letter-spacing:-.1px !important;
    }

    .mdg-template-card p{
        padding:0 !important;
        margin:2px 0 0 !important;
        font-size:10.5px !important;
        line-height:1.12 !important;
        color:var(--mdg-muted) !important;
        display:-webkit-box !important;
        -webkit-line-clamp:1 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    /*
     * Pricing: compacto, no tres sabanones verticales.
     */
    .mdg-pricing{
        background:#fbfdff !important;
    }

    .mdg-pricing .mdg-section-head{
        margin-bottom:14px !important;
    }

    .mdg-pricing .mdg-section-head p{
        display:none !important;
    }

    .mdg-pricing-grid{
        width:90% !important;
        max-width:430px !important;
        margin:0 auto !important;
        display:grid !important;
        grid-auto-flow:column !important;
        grid-auto-columns:minmax(156px,1fr) !important;
        grid-template-columns:none !important;
        gap:10px !important;
        overflow-x:auto !important;
        overflow-y:visible !important;
        padding:4px 2px 10px !important;
        scroll-snap-type:x mandatory !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .mdg-pricing-grid::-webkit-scrollbar{
        display:none !important;
    }

    .mdg-price-card{
        scroll-snap-align:start !important;
        min-width:156px !important;
        padding:16px 13px !important;
        border-radius:18px !important;
        box-shadow:0 10px 24px rgba(7,24,50,.06) !important;
        transform:none !important;
        border:1px solid var(--mdg-line) !important;
    }

    .mdg-price-card.is-featured{
        border:1.5px solid rgba(23,105,255,.48) !important;
        transform:none !important;
        box-shadow:0 12px 28px rgba(23,105,255,.13) !important;
    }

    .mdg-popular{
        position:static !important;
        display:inline-flex !important;
        height:23px !important;
        padding:0 8px !important;
        border-radius:999px !important;
        background:var(--mdg-blue) !important;
        color:#fff !important;
        font-size:9px !important;
        line-height:1 !important;
        margin:0 0 8px !important;
    }

    .mdg-price-card h3{
        margin:0 !important;
        font-size:15px !important;
        line-height:1.1 !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-price{
        font-size:31px !important;
        line-height:1 !important;
        margin-top:8px !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-price small{
        font-size:11px !important;
        color:var(--mdg-muted) !important;
    }

    .mdg-price-card ul{
        margin:12px 0 !important;
        gap:7px !important;
        padding:0 !important;
    }

    .mdg-price-card li{
        padding-left:17px !important;
        font-size:11px !important;
        line-height:1.22 !important;
        color:#3a4a64 !important;
        font-weight:750 !important;
    }

    .mdg-price-card li:nth-child(n+4){
        display:none !important;
    }

    .mdg-price-card li:before{
        color:var(--mdg-blue) !important;
        font-size:11px !important;
    }

    .mdg-price-card a{
        height:38px !important;
        border-radius:12px !important;
        font-size:12px !important;
        padding:0 8px !important;
        background:#f2f7ff !important;
        color:var(--mdg-blue) !important;
        border:1px solid #d5e5ff !important;
    }

    .mdg-price-card.is-featured a{
        background:var(--mdg-blue) !important;
        color:#fff !important;
    }

    /*
     * Social + ecosistema: chips y cards compactas.
     */
    .mdg-social__grid{
        width:90% !important;
        max-width:430px !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
        margin:0 auto !important;
    }

    .mdg-social__grid > div,
    .mdg-ecosystem{
        padding:0 !important;
        border:0 !important;
        box-shadow:none !important;
        background:transparent !important;
        border-radius:0 !important;
    }

    .mdg-channel-row{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:8px !important;
        margin-top:14px !important;
    }

    .mdg-channel-row article{
        min-height:54px !important;
        padding:8px 6px !important;
        border-radius:14px !important;
        border:1px solid var(--mdg-line) !important;
        background:#fff !important;
        box-shadow:0 7px 17px rgba(7,24,50,.045) !important;
        text-align:center !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
    }

    .mdg-channel-icon{
        width:22px !important;
        height:22px !important;
        object-fit:contain !important;
    }

    .mdg-channel-row strong{
        font-size:10.5px !important;
        line-height:1.05 !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-channel-row small{
        display:none !important;
    }

    .mdg-flow{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
        margin-top:14px !important;
    }

    .mdg-flow article{
        min-height:112px !important;
        padding:13px 10px !important;
        border-radius:17px !important;
        background:#fff !important;
        border:1px solid var(--mdg-line) !important;
        box-shadow:0 9px 22px rgba(7,24,50,.05) !important;
        text-align:center !important;
    }

    .mdg-flow strong{
        display:block !important;
        margin-top:7px !important;
        font-size:14px !important;
        line-height:1.1 !important;
        color:var(--mdg-ink) !important;
    }

    .mdg-flow small{
        display:block !important;
        margin-top:6px !important;
        font-size:11.5px !important;
        line-height:1.25 !important;
        color:var(--mdg-muted) !important;
        font-weight:650 !important;
    }

    /*
     * CTA final: fuerte, enterprise, sin exceso.
     */
    .mdg-cta{
        padding:24px 0 34px !important;
        background:#fff !important;
    }

    .mdg-cta__box{
        width:90% !important;
        max-width:430px !important;
        margin:0 auto !important;
        display:block !important;
        padding:22px !important;
        border-radius:22px !important;
        background:
            radial-gradient(circle at 10% 10%, rgba(255,255,255,.22), transparent 28%),
            linear-gradient(135deg,var(--mdg-blue),var(--mdg-blue-2)) !important;
        box-shadow:0 18px 44px rgba(23,105,255,.22) !important;
        text-align:left !important;
    }

    .mdg-cta h2{
        max-width:260px !important;
        color:#fff !important;
        font-size:24px !important;
        line-height:1.05 !important;
        letter-spacing:-.6px !important;
    }

    .mdg-cta p{
        margin-top:8px !important;
        font-size:13.5px !important;
        line-height:1.4 !important;
        color:rgba(255,255,255,.86) !important;
    }

    .mdg-cta a{
        width:100% !important;
        min-height:48px !important;
        margin-top:16px !important;
        border-radius:15px !important;
        background:#fff !important;
        color:var(--mdg-blue) !important;
        font-size:14px !important;
        font-weight:950 !important;
        justify-content:center !important;
    }

    /*
     * Footer más respirable en mobile.
     */
    .mdg-footer{
        padding:30px 0 22px !important;
    }

    .mdg-footer__grid{
        width:90% !important;
        max-width:430px !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
    }

    .mdg-footer__grid > div:first-child,
    .mdg-footer__grid > div:last-child{
        grid-column:1 / -1 !important;
    }

    .mdg-footer h3,
    .mdg-footer h4{
        font-size:15px !important;
    }

    .mdg-footer p,
    .mdg-footer a{
        font-size:12.5px !important;
        line-height:1.45 !important;
    }

    .mdg-footer__bottom{
        width:90% !important;
        max-width:430px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:12px !important;
    }
}

@media (max-width: 390px){
    .mdg-template-grid{
        gap:7px !important;
    }

    .mdg-template-preview{
        height:100px !important;
    }

    .mdg-template-card h3{
        font-size:11px !important;
    }

    .mdg-channel-row{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .mdg-pricing-grid{
        grid-auto-columns:minmax(148px,1fr) !important;
    }
}
/* MTG MOBILE APP TEMPLATE V1 - END */

/* MTG MOBILE GRID V2 - START */
@media (max-width: 780px){

    /* 1) HERO más sólido */
    .mdg-hero{
        background:#f8fbff !important;
    }

    .mdg-hero__copy{
        background:#f7fbff !important;
        border:1px solid #e1ebf8 !important;
        border-radius:26px !important;
        padding:20px 14px 16px !important;
        box-shadow:0 14px 34px rgba(7,24,50,.05) !important;
    }

    .mdg-pill{
        background:#eaf2ff !important;
        color:#7ea8ff !important;
    }

    .mdg-btn--ghost{
        background:#ffffff !important;
        color:var(--mdg-blue) !important;
        border:1px solid rgba(23,105,255,.25) !important;
        opacity:1 !important;
    }

    .mdg-btn--ghost,
    .mdg-btn--ghost *{
        color:var(--mdg-blue) !important;
    }

    .mdg-trust-row span,
    .mdg-trust-row div,
    .mdg-trust-row article{
        background:#fff !important;
        color:#8ba6d4 !important;
    }

    .mdg-stats{
        background:#f7fbff !important;
        border-radius:0 0 20px 20px !important;
    }

    /* 2) BENEFICIOS: 2 columnas reales */
    .mdg-benefits__grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        align-items:stretch !important;
    }

    .mdg-benefits article,
    .mdg-benefit-card{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        min-height:182px !important;
        text-align:left !important;
        overflow:hidden !important;
    }

    .mdg-benefit-card__title,
    .mdg-benefit-card__text{
        width:100% !important;
        min-width:0 !important;
    }

    .mdg-benefits h3,
    .mdg-benefit-card__title h3{
        font-size:14px !important;
        line-height:1.14 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .mdg-benefits p,
    .mdg-benefit-card__text p{
        font-size:12px !important;
        line-height:1.34 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* 3) FEATURES: 2 columnas */
    .mdg-main-grid-cards{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        align-items:stretch !important;
    }

    .mdg-main-card{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        min-height:170px !important;
        padding:14px !important;
        position:relative !important;
    }

    .mdg-main-card__info{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }

    .mdg-main-card__icon{
        margin-bottom:10px !important;
    }

    .mdg-main-card h3{
        font-size:14px !important;
        line-height:1.15 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .mdg-main-card p{
        margin-top:7px !important;
        font-size:12px !important;
        line-height:1.3 !important;
        -webkit-line-clamp:4 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .mdg-main-card:after{
        position:absolute !important;
        right:12px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        font-size:20px !important;
    }

    /* 4) SOCIAL CHIPS: 2 columnas */
    .mdg-channel-row{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .mdg-channel-row article{
        min-height:64px !important;
        padding:10px 8px !important;
    }

    .mdg-channel-row strong{
        font-size:13px !important;
    }

    /* 5) ECOSISTEMA: 2 columnas */
    .mdg-flow{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .mdg-flow article{
        min-height:132px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        text-align:left !important;
        padding:14px 12px !important;
    }

    .mdg-flow strong{
        font-size:14px !important;
        line-height:1.12 !important;
        margin-top:8px !important;
    }

    .mdg-flow small{
        font-size:12px !important;
        line-height:1.3 !important;
        margin-top:6px !important;
    }

    /* 6) PRECIOS: se mantienen compactos, pero un poco mejor alineados */
    .mdg-price-card{
        min-width:168px !important;
    }

    .mdg-price-card h3{
        font-size:16px !important;
    }

    .mdg-price{
        font-size:34px !important;
    }
}

@media (max-width: 430px){

    .mdg-main-card{
        min-height:158px !important;
    }

    .mdg-benefits article,
    .mdg-benefit-card{
        min-height:170px !important;
    }

    .mdg-flow article{
        min-height:124px !important;
    }
}
/* MTG MOBILE GRID V2 - END */

/* MTG MOBILE V3 - START */
@media (max-width: 780px){

    /* =========================================================
       1) ECOSISTEMA: 2 columnas reales, centradas y parejas
       ========================================================= */
    .mdg-ecosystem{
        width:100% !important;
    }

    .mdg-flow{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
        width:100% !important;
        margin-top:16px !important;
        align-items:stretch !important;
        justify-items:stretch !important;
    }

    .mdg-flow article{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        min-height:132px !important;
        padding:14px 12px !important;
        border-radius:18px !important;
        background:#fff !important;
        border:1px solid #dce7f7 !important;
        box-shadow:0 9px 22px rgba(7,24,50,.05) !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }

    .mdg-flow .mdg-channel-icon,
    .mdg-flow .mdg-ecosystem-fallback-icon{
        width:24px !important;
        height:24px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        object-fit:contain !important;
        font-size:22px !important;
        line-height:1 !important;
        color:var(--mdg-blue) !important;
        margin:0 0 10px !important;
    }

    .mdg-flow strong{
        display:block !important;
        margin:0 !important;
        font-size:14px !important;
        line-height:1.14 !important;
        color:var(--mdg-ink) !important;
        letter-spacing:-.15px !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .mdg-flow small{
        display:block !important;
        margin-top:7px !important;
        font-size:12px !important;
        line-height:1.28 !important;
        color:var(--mdg-muted) !important;
        font-weight:650 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================================================
       2) PRICING: mostrar 3 planes visibles al mismo tiempo
       ========================================================= */
    .mdg-pricing-grid{
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        grid-auto-flow:unset !important;
        grid-auto-columns:auto !important;
        gap:8px !important;
        width:100% !important;
        overflow:visible !important;
        padding:2px 0 0 !important;
        scroll-snap-type:none !important;
    }

    .mdg-price-card{
        min-width:0 !important;
        width:100% !important;
        padding:12px 10px !important;
        border-radius:18px !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
    }

    .mdg-price-card.is-featured{
        transform:none !important;
    }

    .mdg-popular{
        height:20px !important;
        padding:0 7px !important;
        font-size:8px !important;
        margin-bottom:7px !important;
    }

    .mdg-price-card h3{
        font-size:13px !important;
        line-height:1.08 !important;
        margin:0 !important;
        letter-spacing:-.15px !important;
    }

    .mdg-price{
        font-size:28px !important;
        line-height:1 !important;
        margin-top:7px !important;
    }

    .mdg-price small{
        font-size:10px !important;
    }

    .mdg-price-card ul{
        margin:10px 0 !important;
        gap:6px !important;
        width:100% !important;
    }

    .mdg-price-card li{
        font-size:10px !important;
        line-height:1.18 !important;
        padding-left:14px !important;
        font-weight:750 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .mdg-price-card li:before{
        font-size:10px !important;
        left:0 !important;
    }

    /* dejamos solo los 3 bullets principales para que entren bien */
    .mdg-price-card li:nth-child(n+4){
        display:none !important;
    }

    .mdg-price-card a{
        width:100% !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 6px !important;
        border-radius:11px !important;
        font-size:11px !important;
        margin-top:auto !important;
        white-space:nowrap !important;
    }

    /* =========================================================
       3) Ajuste fino de títulos del pricing
       ========================================================= */
    .mdg-pricing .mdg-section-head{
        margin-bottom:12px !important;
    }

    .mdg-pricing .mdg-section-head h2{
        font-size:24px !important;
    }
}

@media (max-width: 430px){

    .mdg-flow{
        gap:10px !important;
    }

    .mdg-flow article{
        min-height:124px !important;
        padding:12px 10px !important;
    }

    .mdg-price-card{
        padding:11px 8px !important;
    }

    .mdg-price-card h3{
        font-size:12px !important;
    }

    .mdg-price{
        font-size:25px !important;
    }

    .mdg-price-card li{
        font-size:9.5px !important;
        line-height:1.15 !important;
    }

    .mdg-price-card a{
        font-size:10px !important;
    }
}

@media (max-width: 360px){

    .mdg-price-card h3{
        font-size:11px !important;
    }

    .mdg-price{
        font-size:22px !important;
    }

    .mdg-price-card li{
        font-size:9px !important;
    }

    .mdg-price-card a{
        font-size:9.5px !important;
    }
}
/* MTG MOBILE V3 - END */

/* MTG MOBILE V4 FIX - START */
@media (max-width: 780px){

    /*
     * 1) PLANES:
     * Volvemos a 2 planes visibles + scroll para el tercero.
     * Mucho mejor que 3 cards flaquitas.
     */
    .mdg-pricing .mdg-wrap{
        width:96% !important;
        max-width:470px !important;
        position:relative !important;
        overflow:visible !important;
    }

    .mdg-pricing-grid{
        width:100% !important;
        max-width:none !important;
        margin:0 auto !important;
        display:grid !important;
        grid-auto-flow:column !important;
        grid-template-columns:none !important;
        grid-auto-columns:calc((100% - 12px) / 2) !important;
        gap:12px !important;
        overflow-x:auto !important;
        overflow-y:visible !important;
        padding:4px 34px 14px 0 !important;
        scroll-snap-type:x mandatory !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .mdg-pricing-grid::-webkit-scrollbar{
        display:none !important;
    }

    .mdg-price-card{
        scroll-snap-align:start !important;
        min-width:0 !important;
        width:100% !important;
        min-height:390px !important;
        padding:16px 13px !important;
        border-radius:20px !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
    }

    .mdg-price-card.is-featured{
        transform:none !important;
    }

    .mdg-popular{
        height:22px !important;
        padding:0 8px !important;
        font-size:8.5px !important;
        margin-bottom:8px !important;
        border-radius:999px !important;
    }

    .mdg-price-card h3{
        font-size:16px !important;
        line-height:1.1 !important;
        margin:0 !important;
    }

    .mdg-price{
        font-size:34px !important;
        line-height:1 !important;
        margin-top:8px !important;
    }

    .mdg-price small{
        font-size:11px !important;
    }

    .mdg-price-card ul{
        margin:14px 0 !important;
        gap:9px !important;
        width:100% !important;
    }

    .mdg-price-card li{
        font-size:11px !important;
        line-height:1.22 !important;
        padding-left:16px !important;
        font-weight:750 !important;
    }

    .mdg-price-card li:nth-child(n+4){
        display:none !important;
    }

    .mdg-price-card a{
        width:100% !important;
        min-height:40px !important;
        height:40px !important;
        padding:0 8px !important;
        border-radius:12px !important;
        font-size:12px !important;
        margin-top:auto !important;
        white-space:nowrap !important;
    }

    /*
     * Flechita/guía visual para indicar que hay más planes.
     */
    .mdg-pricing .mdg-wrap::after{
        content:"Desliza →" !important;
        position:absolute !important;
        right:2% !important;
        bottom:-18px !important;
        z-index:5 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:28px !important;
        padding:0 11px !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,var(--mdg-blue),var(--mdg-blue-2)) !important;
        color:#fff !important;
        font-size:11px !important;
        font-weight:950 !important;
        box-shadow:0 12px 26px rgba(23,105,255,.22) !important;
        pointer-events:none !important;
    }

    /*
     * 2) ECOSISTEMA:
     * Selector más fuerte para romper el 1-columna anterior.
     */
    .mdg-social .mdg-ecosystem .mdg-flow,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
        width:100% !important;
        max-width:none !important;
        margin:16px auto 0 !important;
        align-items:stretch !important;
        justify-items:stretch !important;
    }

    .mdg-social .mdg-ecosystem .mdg-flow article,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow article{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        min-height:130px !important;
        margin:0 !important;
        padding:14px 12px !important;
        border-radius:18px !important;
        box-sizing:border-box !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }

    .mdg-social .mdg-ecosystem .mdg-flow article strong,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow article strong{
        font-size:14px !important;
        line-height:1.12 !important;
        margin:8px 0 0 !important;
    }

    .mdg-social .mdg-ecosystem .mdg-flow article small,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow article small{
        font-size:12px !important;
        line-height:1.28 !important;
        margin-top:6px !important;
    }
}

@media (max-width: 390px){

    .mdg-pricing .mdg-wrap{
        width:96% !important;
    }

    .mdg-pricing-grid{
        grid-auto-columns:calc((100% - 10px) / 2) !important;
        gap:10px !important;
        padding-right:30px !important;
    }

    .mdg-price-card{
        min-height:380px !important;
        padding:14px 11px !important;
    }

    .mdg-price-card h3{
        font-size:14px !important;
    }

    .mdg-price{
        font-size:30px !important;
    }

    .mdg-price-card li{
        font-size:10.3px !important;
    }

    .mdg-social .mdg-ecosystem .mdg-flow,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:10px !important;
    }

    .mdg-social .mdg-ecosystem .mdg-flow article,
    .mdg-enterprise .mdg-social .mdg-ecosystem .mdg-flow article{
        min-height:122px !important;
        padding:12px 10px !important;
    }
}
/* MTG MOBILE V4 FIX - END */

/* MTG HERO MOBILE V5 - START */
@media (max-width: 780px){

    /*
     * HERO / GIRO MOBILE FINAL
     * Imagen distintiva arriba, luego texto y acciones.
     */
    .mdg-hero{
        padding:22px 0 20px !important;
        background:#ffffff !important;
    }

    .mdg-hero__grid{
        width:90% !important;
        max-width:430px !important;
        margin:0 auto !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }

    /*
     * Rehabilitamos SOLO la imagen real del builder.
     * No regresan los mockups gigantes decorativos.
     */
    .mdg-hero__visual{
        order:0 !important;
        display:block !important;
        min-height:0 !important;
        width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
    }

    .mdg-hero__visual .mdg-builder-hero-image{
        display:block !important;
        width:100% !important;
        height:142px !important;
        max-height:142px !important;
        object-fit:cover !important;
        object-position:center !important;
        border-radius:22px !important;
        border:1px solid #dbe8fb !important;
        box-shadow:0 16px 38px rgba(7,24,50,.10) !important;
        background:#f5f9ff !important;
    }

    .mdg-hero__visual .mdg-desktop,
    .mdg-hero__visual .mdg-mobile,
    .mdg-hero__visual .mdg-orbit,
    .mdg-hero__visual .mdg-social-float{
        display:none !important;
    }

    /*
     * Caja del texto: limpia, sólida, sin transparencia rara.
     */
    .mdg-hero__copy{
        order:1 !important;
        width:100% !important;
        max-width:none !important;
        text-align:center !important;
        background:#ffffff !important;
        border:1px solid #dbe8fb !important;
        border-radius:24px !important;
        padding:20px 16px 18px !important;
        box-shadow:0 16px 40px rgba(7,24,50,.075) !important;
        opacity:1 !important;
        filter:none !important;
        transform:none !important;
    }

    .mdg-pill{
        background:#eaf2ff !important;
        color:#1769ff !important;
        border:1px solid #d7e7ff !important;
        opacity:1 !important;
        font-weight:950 !important;
        text-shadow:none !important;
    }

    .mdg-hero h1{
        max-width:330px !important;
        margin:0 auto !important;
        color:#071832 !important;
        opacity:1 !important;
        text-shadow:none !important;
        filter:none !important;
        font-size:35px !important;
        line-height:.98 !important;
        letter-spacing:-1.3px !important;
    }

    .mdg-hero h1 span{
        color:#1769ff !important;
        opacity:1 !important;
    }

    .mdg-hero p{
        max-width:340px !important;
        margin:14px auto 0 !important;
        color:#172842 !important;
        opacity:1 !important;
        font-size:16px !important;
        line-height:1.45 !important;
        font-weight:650 !important;
        text-shadow:none !important;
    }

    .mdg-hero__actions{
        width:100% !important;
        max-width:350px !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin:20px auto 0 !important;
    }

    .mdg-hero__actions .mdg-btn,
    .mdg-hero__actions .mdg-btn--big{
        width:100% !important;
        min-height:49px !important;
        height:49px !important;
        border-radius:15px !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
        font-size:15px !important;
        font-weight:950 !important;
    }

    .mdg-hero__actions .mdg-btn--primary{
        background:linear-gradient(135deg,#1769ff,#0e4bd6) !important;
        color:#ffffff !important;
        border:1px solid rgba(23,105,255,.2) !important;
        box-shadow:0 16px 34px rgba(23,105,255,.24) !important;
    }

    .mdg-hero__actions .mdg-btn--primary,
    .mdg-hero__actions .mdg-btn--primary *{
        color:#ffffff !important;
    }

    .mdg-hero__actions .mdg-btn--ghost{
        background:#ffffff !important;
        color:#1769ff !important;
        border:1.5px solid rgba(23,105,255,.45) !important;
        box-shadow:0 10px 22px rgba(7,24,50,.05) !important;
    }

    .mdg-hero__actions .mdg-btn--ghost,
    .mdg-hero__actions .mdg-btn--ghost *{
        color:#1769ff !important;
    }

    /*
     * Chips y estadísticas menos lavados.
     */
    .mdg-trust-row{
        max-width:350px !important;
        margin:16px auto 0 !important;
    }

    .mdg-trust-row span,
    .mdg-trust-row div,
    .mdg-trust-row article{
        background:#ffffff !important;
        color:#263752 !important;
        border:1px solid #dbe8fb !important;
        opacity:1 !important;
        text-shadow:none !important;
    }

    .mdg-stats{
        max-width:360px !important;
        margin:16px auto 0 !important;
        background:#f6faff !important;
        border:1px solid #dbe8fb !important;
        border-radius:18px !important;
        opacity:1 !important;
        overflow:hidden !important;
    }

    .mdg-stats strong{
        color:#071832 !important;
        opacity:1 !important;
    }

    .mdg-stats span{
        color:#53647f !important;
        opacity:1 !important;
    }
}

/*
 * En pantallas muy pequeñas, bajamos un poco la miniatura.
 */
@media (max-width: 390px){
    .mdg-hero__visual .mdg-builder-hero-image{
        height:128px !important;
        max-height:128px !important;
        border-radius:20px !important;
    }

    .mdg-hero h1{
        font-size:32px !important;
    }

    .mdg-hero p{
        font-size:15px !important;
    }
}
/* MTG HERO MOBILE V5 - END */

/* MTG HERO MOBILE V6 - START */
@media (max-width: 780px){

    /*
     * Imagen del giro: más grande y menos cortada.
     */
    .mdg-hero__visual .mdg-builder-hero-image{
        height:168px !important;
        max-height:168px !important;
        width:100% !important;
        object-fit:cover !important;
        object-position:58% 58% !important;
        border-radius:24px !important;
        opacity:1 !important;
        filter:none !important;
        box-shadow:0 18px 42px rgba(7,24,50,.13) !important;
    }

    /*
     * Caja del giro: quitamos efecto lavado.
     */
    .mdg-hero__copy{
        background:#ffffff !important;
        border:1px solid #cfe0f7 !important;
        box-shadow:0 18px 42px rgba(7,24,50,.09) !important;
        opacity:1 !important;
        filter:none !important;
    }

    .mdg-hero__copy,
    .mdg-hero__copy *{
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }

    /*
     * Botones principales: colores sólidos.
     */
    .mdg-hero__actions .mdg-btn--primary{
        background:#1769ff !important;
        color:#ffffff !important;
        border:1px solid #1769ff !important;
        box-shadow:0 16px 34px rgba(23,105,255,.26) !important;
    }

    .mdg-hero__actions .mdg-btn--primary,
    .mdg-hero__actions .mdg-btn--primary *{
        color:#ffffff !important;
        opacity:1 !important;
    }

    .mdg-hero__actions .mdg-btn--ghost{
        background:#ffffff !important;
        color:#1769ff !important;
        border:2px solid #1769ff !important;
        box-shadow:0 10px 24px rgba(23,105,255,.08) !important;
    }

    .mdg-hero__actions .mdg-btn--ghost,
    .mdg-hero__actions .mdg-btn--ghost *{
        color:#1769ff !important;
        opacity:1 !important;
    }

    /*
     * Chips: Sin tarjeta / Lista en minutos / Sin comisiones.
     */
    .mdg-trust-row span,
    .mdg-trust-row div,
    .mdg-trust-row article{
        background:#ffffff !important;
        border:1px solid #bfd5f5 !important;
        color:#1b3358 !important;
        opacity:1 !important;
        filter:none !important;
        box-shadow:0 8px 20px rgba(7,24,50,.06) !important;
    }

    .mdg-trust-row span *,
    .mdg-trust-row div *,
    .mdg-trust-row article *{
        color:#1b3358 !important;
        opacity:1 !important;
        filter:none !important;
    }

    /*
     * Stats: +3,000 / 0% / 24/7 / 4.9/5.
     */
    .mdg-stats{
        background:#f3f8ff !important;
        border:1px solid #bfd5f5 !important;
        box-shadow:0 10px 24px rgba(7,24,50,.055) !important;
        opacity:1 !important;
        filter:none !important;
    }

    .mdg-stats,
    .mdg-stats *{
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }

    .mdg-stats strong{
        color:#071832 !important;
        font-weight:950 !important;
    }

    .mdg-stats span{
        color:#425777 !important;
        font-weight:850 !important;
    }

    /*
     * Pill superior del giro.
     */
    .mdg-pill{
        background:#e4efff !important;
        border:1px solid #c8dcfb !important;
        color:#1769ff !important;
        opacity:1 !important;
    }
}

@media (max-width: 390px){
    .mdg-hero__visual .mdg-builder-hero-image{
        height:154px !important;
        max-height:154px !important;
    }
}
/* MTG HERO MOBILE V6 - END */

/* MTG HERO MOBILE V7 - START */
@media (max-width: 780px){

    /* =========================================================
       1) CHIPS: Sin tarjeta / Lista en minutos / Sin comisiones
       ========================================================= */
    .mdg-hero .mdg-trust-row{
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0,1fr)) !important;
        gap:8px !important;
        max-width:350px !important;
        margin:16px auto 0 !important;
    }

    .mdg-hero .mdg-trust-row > *,
    .mdg-hero .mdg-trust-row article,
    .mdg-hero .mdg-trust-row div,
    .mdg-hero .mdg-trust-row span{
        min-height:42px !important;
        padding:8px 6px !important;
        border-radius:13px !important;
        background:#ffffff !important;
        border:1px solid #b8d0f4 !important;
        box-shadow:0 8px 18px rgba(7,24,50,.06) !important;
        opacity:1 !important;
        filter:none !important;
        color:#35507a !important;
        -webkit-text-fill-color:#35507a !important;
        text-align:center !important;
        font-size:11px !important;
        line-height:1.1 !important;
        font-weight:850 !important;
    }

    .mdg-hero .mdg-trust-row > * *,
    .mdg-hero .mdg-trust-row article *,
    .mdg-hero .mdg-trust-row div *,
    .mdg-hero .mdg-trust-row span *{
        color:#35507a !important;
        -webkit-text-fill-color:#35507a !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }

    /* =========================================================
       2) STATS: +3000 / 0% / 24/7 / 4.9/5
       ========================================================= */
    .mdg-hero .mdg-stats{
        max-width:360px !important;
        margin:16px auto 0 !important;
        padding:12px 8px !important;
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        gap:0 !important;
        background:#f4f8ff !important;
        border:1px solid #b8d0f4 !important;
        border-radius:18px !important;
        box-shadow:0 10px 22px rgba(7,24,50,.055) !important;
        opacity:1 !important;
        filter:none !important;
    }

    .mdg-hero .mdg-stats article{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        border-radius:0 !important;
        padding:0 5px !important;
        min-height:auto !important;
        text-align:center !important;
        opacity:1 !important;
        filter:none !important;
    }

    .mdg-hero .mdg-stats article + article{
        border-left:1px solid #d7e5f8 !important;
    }

    .mdg-hero .mdg-stats strong{
        display:block !important;
        color:#163255 !important;
        -webkit-text-fill-color:#163255 !important;
        opacity:1 !important;
        filter:none !important;
        font-size:15px !important;
        line-height:1.05 !important;
        font-weight:950 !important;
    }

    .mdg-hero .mdg-stats span{
        display:block !important;
        margin-top:4px !important;
        color:#5a7396 !important;
        -webkit-text-fill-color:#5a7396 !important;
        opacity:1 !important;
        filter:none !important;
        font-size:10px !important;
        line-height:1.15 !important;
        font-weight:850 !important;
    }

    .mdg-hero .mdg-stats *,
    .mdg-hero .mdg-stats article *{
        text-shadow:none !important;
    }
}

@media (max-width: 390px){
    .mdg-hero .mdg-trust-row > *,
    .mdg-hero .mdg-trust-row article,
    .mdg-hero .mdg-trust-row div,
    .mdg-hero .mdg-trust-row span{
        font-size:10px !important;
        padding:7px 4px !important;
    }

    .mdg-hero .mdg-stats strong{
        font-size:14px !important;
    }

    .mdg-hero .mdg-stats span{
        font-size:9.5px !important;
    }
}
/* MTG HERO MOBILE V7 - END */

/* MTG HERO IMAGE CONTAIN V8 - START */
@media (max-width: 780px){

    /*
     * Imagen del giro en móvil:
     * Se muestra completa, sin cortar arriba ni abajo.
     */
    .mdg-hero__visual{
        background:#f5f9ff !important;
        border:1px solid #dbe8fb !important;
        border-radius:24px !important;
        padding:10px !important;
        box-shadow:0 18px 42px rgba(7,24,50,.12) !important;
        overflow:hidden !important;
    }

    .mdg-hero__visual .mdg-builder-hero-image{
        width:100% !important;
        height:210px !important;
        max-height:210px !important;
        object-fit:contain !important;
        object-position:center center !important;
        border-radius:18px !important;
        border:0 !important;
        background:#f5f9ff !important;
        box-shadow:none !important;
        display:block !important;
    }
}

@media (max-width: 390px){
    .mdg-hero__visual{
        padding:8px !important;
        border-radius:22px !important;
    }

    .mdg-hero__visual .mdg-builder-hero-image{
        height:190px !important;
        max-height:190px !important;
        border-radius:16px !important;
    }
}
/* MTG HERO IMAGE CONTAIN V8 - END */

/* MTG HERO IMAGE FULL WIDTH V9 - START */
@media (max-width: 780px){

    /*
     * Imagen del giro:
     * ocupa todo el ancho del contenedor.
     * Puede cortar un poquito arriba/abajo, pero se ve más premium.
     */
    .mdg-hero__visual{
        background:#f5f9ff !important;
        border:1px solid #dbe8fb !important;
        border-radius:24px !important;
        padding:0 !important;
        box-shadow:0 18px 42px rgba(7,24,50,.12) !important;
        overflow:hidden !important;
    }

    .mdg-hero__visual .mdg-builder-hero-image{
        width:100% !important;
        height:210px !important;
        max-height:210px !important;
        object-fit:cover !important;
        object-position:center center !important;
        border-radius:24px !important;
        border:0 !important;
        background:#f5f9ff !important;
        box-shadow:none !important;
        display:block !important;
    }
}

@media (max-width: 390px){
    .mdg-hero__visual{
        border-radius:22px !important;
    }

    .mdg-hero__visual .mdg-builder-hero-image{
        height:198px !important;
        max-height:198px !important;
        border-radius:22px !important;
        object-position:center center !important;
    }
}
/* MTG HERO IMAGE FULL WIDTH V9 - END */

/* MTG HERO IMAGE POSITION V11 - START */
@media (max-width: 780px){

    /*
     * Override final:
     * mantener imagen full width, pero empujar encuadre
     * hacia derecha/abajo para rescatar el logo inferior derecho.
     */
    .mdg-enterprise .mdg-hero .mdg-hero__visual .mdg-builder-hero-image{
        width:100% !important;
        height:210px !important;
        max-height:210px !important;
        object-fit:cover !important;
        object-position:68% 88% !important;
        border-radius:24px !important;
    }
}

@media (max-width: 390px){
    .mdg-enterprise .mdg-hero .mdg-hero__visual .mdg-builder-hero-image{
        height:198px !important;
        max-height:198px !important;
        object-position:68% 90% !important;
    }
}
/* MTG HERO IMAGE POSITION V11 - END */

/* MTG HERO MOBILE REAL IMAGE V12 - START */

/* Desktop: imagen mobile apagada */
.mdg-builder-hero-mobile-image{
    display:none !important;
}

@media (max-width: 780px){

    /*
     * Mobile: usar imagen exclusiva responsive.
     * La imagen desktop queda apagada.
     */
    .mdg-enterprise .mdg-hero .mdg-hero__visual .mdg-builder-hero-image{
        display:none !important;
    }

    .mdg-enterprise .mdg-hero .mdg-hero__visual .mdg-builder-hero-mobile-image{
        display:block !important;
        width:100% !important;
        height:210px !important;
        max-height:210px !important;
        object-fit:cover !important;
        object-position:center center !important;
        border-radius:24px !important;
        border:0 !important;
        background:#f5f9ff !important;
        box-shadow:none !important;
    }

    .mdg-hero__visual{
        background:#f5f9ff !important;
        border:1px solid #dbe8fb !important;
        border-radius:24px !important;
        padding:0 !important;
        box-shadow:0 18px 42px rgba(7,24,50,.12) !important;
        overflow:hidden !important;
    }
}

@media (max-width: 390px){
    .mdg-enterprise .mdg-hero .mdg-hero__visual .mdg-builder-hero-mobile-image{
        height:198px !important;
        max-height:198px !important;
        border-radius:22px !important;
    }
}
/* MTG HERO MOBILE REAL IMAGE V12 - END */

/* MTG HERO MOBILE BACKGROUND V13 - START */
@media (max-width: 780px){

    /*
     * Hero responsive: usamos background directo.
     * Esto evita que el <img> falle, se oculte o quede pisado por reglas anteriores.
     */
    .mdg-enterprise .mdg-hero .mdg-hero__visual{
        display:block !important;
        width:100% !important;
        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;
        padding:0 !important;
        margin:0 auto 12px !important;
        border-radius:24px !important;
        border:1px solid #dbe8fb !important;
        overflow:hidden !important;
        box-shadow:0 18px 42px rgba(7,24,50,.12) !important;
        background-image:url("https://mitiendagratis.com/wp-content/uploads/2026/05/hero-mitiendagratis-1.webp") !important;
        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }

    /*
     * Apagamos los elementos internos decorativos para que no tapen el background.
     */
    .mdg-enterprise .mdg-hero .mdg-hero__visual > *{
        display:none !important;
    }

    .mdg-enterprise .mdg-hero .mdg-hero__grid{
        gap:10px !important;
    }
}

@media (max-width: 390px){
    .mdg-enterprise .mdg-hero .mdg-hero__visual{
        height:202px !important;
        min-height:202px !important;
        max-height:202px !important;
        border-radius:22px !important;
        background-position:center center !important;
    }
}
/* MTG HERO MOBILE BACKGROUND V13 - END */

/* MTG FIX PLANES DINAMICOS - 1/2/3 planes desde builder */
.mdg-pricing-grid{
    overflow:visible !important;
}

.mdg-pricing-grid--1{
    grid-template-columns:minmax(280px,420px) !important;
    justify-content:center !important;
}

.mdg-pricing-grid--2{
    grid-template-columns:repeat(2,minmax(280px,390px)) !important;
    justify-content:center !important;
    max-width:860px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.mdg-pricing-grid--3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:720px){
    .mdg-pricing-grid--1,
    .mdg-pricing-grid--2,
    .mdg-pricing-grid--3{
        display:grid !important;
        grid-template-columns:1fr !important;
        max-width:100% !important;
        overflow:visible !important;
        padding-bottom:0 !important;
    }

    .mdg-pricing .mdg-wrap::after{
        display:none !important;
    }
}

/* MTG FIX PLANES ACTIVOS DESDE BUILDER */
.mdg-pricing-grid{
    overflow:visible !important;
}

.mdg-pricing-grid--1{
    grid-template-columns:minmax(280px,420px) !important;
    justify-content:center !important;
}

.mdg-pricing-grid--2{
    grid-template-columns:repeat(2,minmax(280px,390px)) !important;
    justify-content:center !important;
    max-width:860px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.mdg-pricing-grid--3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:720px){
    .mdg-pricing-grid--1,
    .mdg-pricing-grid--2,
    .mdg-pricing-grid--3{
        display:grid !important;
        grid-template-columns:1fr !important;
        max-width:100% !important;
        overflow:visible !important;
        padding-bottom:0 !important;
    }

    .mdg-pricing .mdg-wrap::after{
        display:none !important;
    }
}

/* MTG FIX FINAL - PLANES PREMIUM 2 CARDS */
.mdg-pricing {
    background: #f8fbff !important;
    padding: 72px 0 !important;
}

.mdg-pricing .mdg-section-head {
    max-width: 820px !important;
    margin: 0 auto 42px !important;
    text-align: center !important;
}

.mdg-pricing .mdg-section-head span {
    display: inline-block !important;
    color: #0b73ff !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

.mdg-pricing .mdg-section-head h2 {
    color: #07111f !important;
    font-size: clamp(40px, 5vw, 68px) !important;
    line-height: .95 !important;
    letter-spacing: -.06em !important;
    margin: 0 0 18px !important;
    text-align: center !important;
}

.mdg-pricing .mdg-section-head p {
    color: #66789a !important;
    font-size: 22px !important;
    line-height: 1.42 !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.mdg-pricing-grid,
.mdg-pricing-grid--1,
.mdg-pricing-grid--2,
.mdg-pricing-grid--3 {
    display: grid !important;
    gap: 28px !important;
    align-items: stretch !important;
    overflow: visible !important;
    padding: 0 !important;
}

.mdg-pricing-grid--1 {
    grid-template-columns: minmax(280px, 430px) !important;
    justify-content: center !important;
}

.mdg-pricing-grid--2 {
    grid-template-columns: repeat(2, minmax(300px, 430px)) !important;
    justify-content: center !important;
    max-width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mdg-pricing-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.mdg-pricing-grid .mdg-plan {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    padding: 32px 30px 28px !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f7 !important;
    border-radius: 28px !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .09) !important;
    color: #07111f !important;
    text-align: left !important;
    overflow: hidden !important;
}

.mdg-pricing-grid .mdg-plan.is-featured {
    border: 2px solid #1d73ff !important;
    box-shadow: 0 32px 90px rgba(29, 115, 255, .18) !important;
    transform: translateY(-8px) !important;
}

.mdg-pricing-grid .mdg-badge {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1d73ff !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    margin-bottom: 16px !important;
}

.mdg-pricing-grid .mdg-plan h3 {
    margin: 0 0 16px !important;
    color: #07111f !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
    text-align: left !important;
}

.mdg-pricing-grid .mdg-plan-price {
    display: flex !important;
    align-items: flex-end !important;
    gap: 8px !important;
    margin: 0 0 24px !important;
    color: #07111f !important;
    font-size: 50px !important;
    line-height: .9 !important;
    font-weight: 1000 !important;
    letter-spacing: -.06em !important;
    text-align: left !important;
}

.mdg-pricing-grid .mdg-plan-price span {
    color: #42526e !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    margin-bottom: 5px !important;
}

.mdg-pricing-grid .mdg-plan ul {
    display: grid !important;
    gap: 13px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
}

.mdg-pricing-grid .mdg-plan li {
    position: relative !important;
    list-style: none !important;
    padding-left: 30px !important;
    margin: 0 !important;
    color: #213653 !important;
    font-size: 16px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    text-align: left !important;
}

.mdg-pricing-grid .mdg-plan li::marker {
    display: none !important;
    content: "" !important;
}

.mdg-pricing-grid .mdg-plan li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #12b76a !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}

.mdg-pricing-grid .mdg-plan .mdg-btn,
.mdg-pricing-grid .mdg-plan a.mdg-btn {
    margin-top: auto !important;
    min-height: 56px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, .10) !important;
}

.mdg-pricing-grid .mdg-plan .mdg-btn--dark {
    background: #07111f !important;
    color: #ffffff !important;
    border: 1px solid #07111f !important;
}

.mdg-pricing-grid .mdg-plan .mdg-btn--primary {
    background: #1d73ff !important;
    color: #ffffff !important;
    border: 1px solid #1d73ff !important;
    box-shadow: 0 18px 38px rgba(29, 115, 255, .24) !important;
}

.mdg-pricing .mdg-wrap::after {
    display: none !important;
}

/* Mobile: planes apilados para que no se aplasten */
@media(max-width: 720px) {
    .mdg-pricing {
        padding: 46px 0 !important;
    }

    .mdg-pricing .mdg-wrap {
        width: 92% !important;
        max-width: 92% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .mdg-pricing .mdg-section-head {
        margin-bottom: 24px !important;
        text-align: center !important;
    }

    .mdg-pricing .mdg-section-head h2 {
        font-size: 36px !important;
        line-height: 1 !important;
    }

    .mdg-pricing .mdg-section-head p {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .mdg-pricing-grid,
    .mdg-pricing-grid--1,
    .mdg-pricing-grid--2,
    .mdg-pricing-grid--3 {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .mdg-pricing-grid .mdg-plan,
    .mdg-pricing-grid .mdg-plan.is-featured {
        transform: none !important;
        padding: 24px 22px !important;
        border-radius: 24px !important;
    }

    .mdg-pricing-grid .mdg-plan h3,
    .mdg-pricing-grid .mdg-plan-price {
        text-align: left !important;
    }

    .mdg-pricing-grid .mdg-plan-price {
        font-size: 42px !important;
    }

    .mdg-pricing-grid .mdg-plan li {
        font-size: 15px !important;
    }
}

/* MTG FINAL: PLANES COMO CARDS EN MOBILE */
@media (max-width: 720px) {
    .mdg-pricing {
        padding: 44px 0 !important;
    }

    .mdg-pricing .mdg-wrap {
        width: 94% !important;
        max-width: 94% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .mdg-pricing .mdg-section-head {
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .mdg-pricing .mdg-section-head h2 {
        font-size: 36px !important;
        line-height: 1.02 !important;
        text-align: center !important;
    }

    .mdg-pricing .mdg-section-head p {
        font-size: 16px !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }

    .mdg-pricing-grid,
    .mdg-pricing-grid--1,
    .mdg-pricing-grid--2,
    .mdg-pricing-grid--3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .mdg-pricing-grid .mdg-plan,
    .mdg-pricing-grid .mdg-plan.is-featured {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 24px 20px !important;
        border-radius: 24px !important;
        transform: none !important;
        margin: 0 !important;
    }

    .mdg-pricing-grid .mdg-badge {
        margin-bottom: 14px !important;
        font-size: 11px !important;
    }

    .mdg-pricing-grid .mdg-plan h3 {
        font-size: 18px !important;
        line-height: 1.1 !important;
        margin: 0 0 10px !important;
        text-align: left !important;
    }

    .mdg-pricing-grid .mdg-plan-price {
        font-size: 44px !important;
        line-height: .92 !important;
        margin: 0 0 18px !important;
        text-align: left !important;
        gap: 6px !important;
    }

    .mdg-pricing-grid .mdg-plan-price span {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    .mdg-pricing-grid .mdg-plan ul {
        gap: 12px !important;
        margin: 0 0 22px !important;
    }

    .mdg-pricing-grid .mdg-plan li {
        padding-left: 28px !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
    }

    .mdg-pricing-grid .mdg-plan li::before {
        left: 0 !important;
        top: 0 !important;
        font-size: 18px !important;
    }

    .mdg-pricing-grid .mdg-plan .mdg-btn,
    .mdg-pricing-grid .mdg-plan a.mdg-btn {
        min-height: 52px !important;
        font-size: 16px !important;
        border-radius: 15px !important;
        width: 100% !important;
        margin-top: auto !important;
    }

    .mdg-pricing .mdg-wrap::after {
        display: none !important;
    }
}