@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800;900&display=swap');

/* MTG LAT PREMIUM LANDING V2 - STAGE 1 */

body:has(.mtg-landing){
  background:#fff;
  color:#101327;
  font-family:'Inter',Arial,sans-serif;
}

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

.mtg-promo{
  background:linear-gradient(100deg,#f1edff,#f8f6ff);
  border-bottom:1px solid #ede8ff;
  font:13px 'Inter',sans-serif;
}

.mtg-promo-inner{
  min-height:44px;
  width:90%;
  max-width:1440px;
  margin:auto;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  text-align:center;
}

.mtg-promo-symbol{
  font-size:19px;
  color:#5a28dc;
}

.mtg-promo-inner strong{
  color:#4f20cf;
  margin-right:7px;
}

.mtg-promo-inner a{
  background:#5424d5;
  color:#fff;
  padding:8px 18px;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
}

.mtg-header{
  position:relative;
  z-index:15;
  background:#fff;
  border-bottom:1px solid #f0eff5;
}

.mtg-header-inner{
  width:90%;
  max-width:1440px;
  margin:auto;
  min-height:83px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.mtg-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font:800 24px 'Montserrat',sans-serif;
  color:#101327;
  letter-spacing:-1px;
  white-space:nowrap;
}

.mtg-brand strong{color:#5525d8}

.mtg-brand img{
  height:52px;
  max-width:215px;
  object-fit:contain;
}

.mtg-brand-icon{
  width:39px;
  height:39px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#5627df;
  color:#fff;
  font-size:26px;
}

.mtg-navigation,
.mtg-header-actions{
  display:flex;
  align-items:center;
  gap:27px;
}

.mtg-navigation a,
.mtg-login{
  color:#24243d;
  font-size:13px;
  font-weight:600;
  transition:color .2s;
}

.mtg-navigation a:hover,
.mtg-login:hover{color:#5525d8}

.mtg-button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:15px 22px;
  min-height:49px;
  text-decoration:none;
  border-radius:10px;
  font-size:13px;
  font-weight:800;
  font-family:'Inter',sans-serif;
  white-space:nowrap;
  transition:transform .2s,box-shadow .2s;
}

.mtg-button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 23px #4e19c52b;
}

.mtg-primary{
  background:linear-gradient(135deg,#5e27e8,#4a13cb);
  color:#fff;
}

.mtg-outline{
  border:1px solid #b9a5f6;
  color:#4e23c9;
  background:#fff;
}

.mtg-hero{
  width:90%;
  max-width:1440px;
  min-height:590px;
  margin:auto;
  display:grid;
  grid-template-columns:40% 60%;
  align-items:center;
  gap:0;
  padding:46px 0 54px;
}

.mtg-hero-content{
  position:relative;
  z-index:5;
  padding-right:22px;
}

.mtg-eyebrow{
  display:inline-block;
  font-size:11px;
  padding:8px 13px;
  border-radius:30px;
  border:1px solid #e1d7ff;
  background:#f4f0ff;
  color:#5c29dc;
  font-weight:800;
}

.mtg-hero h1{
  font-family:'Montserrat',sans-serif;
  font-weight:900;
  color:#0d1020;
  font-size:clamp(40px,3.65vw,62px);
  line-height:1.12;
  letter-spacing:-2.5px;
  margin:22px 0 20px;
  max-width:620px;
}

.mtg-hero-description{
  color:#40465d;
  font-size:15px;
  line-height:1.75;
  max-width:570px;
}

.mtg-hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.mtg-hero-buttons .mtg-button{
  min-width:188px;
}

.mtg-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin-top:19px;
  color:#3b4162;
  font-size:11px;
}

.mtg-hero-trust span::first-letter{color:#5c26e0}

.mtg-hero-art{
  position:relative;
  height:505px;
  min-width:0;
  margin-left:9px;
}

.mtg-hero-art:before{
  content:"";
  position:absolute;
  inset:70px -80px 0 20px;
  background:radial-gradient(ellipse,#e9e4ff 0%,#f7f4ff 52%,transparent 75%);
  border-radius:55%;
}

.mtg-hero-complete-image{
  width:100%;
  height:100%;
  object-fit:contain;
  position:relative;
  z-index:2;
}

.mtg-sheet-floating{
  position:absolute;
  z-index:7;
  left:0;
  top:25px;
  width:265px;
  background:#fff;
  padding:16px;
  border:1px solid #e9eaf4;
  border-radius:18px;
  box-shadow:0 16px 40px #1b164026;
  transform:rotate(5deg);
}

.mtg-sheet-heading{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
}

.mtg-sheet-heading small,
.mtg-store-header small{
  display:block;
  margin-top:3px;
  color:#717488;
  font-size:10px;
}

.mtg-sheets-icon{
  display:grid;
  place-items:center;
  color:#fff;
  background:#17a669;
  width:37px;
  height:40px;
  border-radius:6px;
  font-size:26px;
}

.mtg-mini-table{
  margin-top:12px;
  border:1px solid #e9eaf0;
  border-radius:7px;
  overflow:hidden;
}

.mtg-mini-table>div{
  display:grid;
  grid-template-columns:1.5fr 1fr .65fr;
  font-size:10px;
  gap:4px;
  padding:8px 6px;
  border-bottom:1px solid #edf0f3;
}

.mtg-mini-table .mtg-table-head{
  background:#f4f5fa;
  font-weight:800;
}

.mtg-mini-table .mtg-updated{
  background:#dcf7e8;
  color:#078347;
}

.mtg-old{text-decoration:line-through;color:#9395a0}

.mtg-sync-label{
  position:absolute;
  z-index:9;
  top:0;
  left:175px;
  color:#138944;
  font-weight:800;
  font-size:12px;
  transform:rotate(-7deg);
}

.mtg-sync-arrow{
  position:absolute;
  z-index:9;
  top:56px;
  left:265px;
  font-size:65px;
  font-weight:800;
  color:#13a950;
  transform:rotate(-18deg);
}

.mtg-laptop{
  position:absolute;
  z-index:3;
  width:73%;
  right:7%;
  top:47px;
}

.mtg-laptop-screen{
  border:12px solid #15151b;
  background:#fff;
  border-radius:19px 19px 8px 8px;
  height:350px;
  overflow:hidden;
  box-shadow:0 15px 36px #14132936;
}

.mtg-browser-dots{
  height:25px;
  padding:7px 12px;
  font-size:10px;
  color:#f2adad;
  background:#f5f5f8;
  border-bottom:1px solid #e8e8ee;
}

.mtg-store-header{
  height:49px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  font-size:12px;
}

.mtg-store-logo{font-size:27px;color:#16a76e}
.mtg-search-icon{margin-left:auto;font-size:23px;color:#7f8292}

.mtg-store-categories{
  display:flex;
  gap:8px;
  padding:5px 12px 10px;
}

.mtg-store-categories span{
  background:#f3f3f7;
  color:#727487;
  border-radius:30px;
  padding:5px 10px;
  font-size:9px;
}

.mtg-store-categories .selected{background:#5d26dc;color:#fff}

.mtg-store-promo{
  margin:3px 13px;
  height:112px;
  background:linear-gradient(100deg,#ffc6df,#f8d7e9);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
}

.mtg-store-promo>div:first-child{
  padding:12px 15px;
  position:relative;
  z-index:1;
}

.mtg-store-promo strong{
  font-size:17px;
  line-height:1.1;
  display:block;
}

.mtg-store-promo small{
  display:block;
  font-size:9px;
  margin:7px 0;
}

.mtg-store-promo span{
  display:inline-block;
  background:#18151b;
  color:#fff;
  padding:5px 9px;
  border-radius:5px;
  font-size:9px;
}

.mtg-store-promo img{
  width:42%;
  height:100%;
  object-fit:cover;
}

.mtg-banner-illustration{
  font-size:88px;
  color:#e85ea5;
  align-self:flex-end;
  padding-right:20px;
}

.mtg-store-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  padding:8px 12px;
}

.mtg-store-product{
  background:#fafafe;
  border:1px solid #f0f0f5;
  border-radius:9px;
  padding:6px;
}

.mtg-product-illustration{
  background:#f0f0f4;
  height:61px;
  display:grid;
  place-items:center;
  font-size:37px;
  border-radius:7px;
}

.mtg-store-product strong,
.mtg-store-product small{
  display:block;
  font-size:9px;
  margin:4px 0;
}

.mtg-store-product>span{
  background:#0fba5b;
  color:#fff;
  font-size:8px;
  display:block;
  text-align:center;
  padding:5px;
  border-radius:5px;
}

.mtg-laptop-base{
  width:115%;
  margin-left:-7.5%;
  height:15px;
  background:linear-gradient(#dedee3,#87888e);
  border-radius:0 0 70% 70%;
  box-shadow:0 8px 9px #1815232a;
}

.mtg-phone{
  position:absolute;
  z-index:8;
  right:-2%;
  top:20px;
  width:196px;
  height:426px;
  background:#121217;
  border:7px solid #1d1d20;
  border-radius:35px;
  padding:7px;
  box-shadow:0 16px 32px #0b0b183b;
  transform:rotate(4deg);
}

.mtg-phone-notch{
  position:absolute;
  z-index:10;
  top:9px;
  left:58px;
  width:68px;
  height:16px;
  border-radius:0 0 12px 12px;
  background:#08080b;
}

.mtg-phone-display{
  background:#fff;
  height:100%;
  border-radius:22px;
  padding:30px 7px 8px;
  overflow:hidden;
}

.mtg-phone-brand{
  font-size:10px;
  font-weight:800;
  margin-bottom:9px;
}

.mtg-phone-brand span{float:right}

.mtg-phone-banner{
  background:linear-gradient(115deg,#ffc5df,#ffdce8);
  height:100px;
  padding:9px;
  border-radius:9px;
  font-size:13px;
}

.mtg-phone-banner img{
  height:100%;
  width:100%;
  object-fit:cover;
  border-radius:6px;
}

.mtg-phone-chips{
  display:flex;
  gap:4px;
  margin:10px 0;
}

.mtg-phone-chips span{
  border-radius:20px;
  padding:4px 7px;
  background:#f0f0f6;
  font-size:8px;
}

.mtg-phone-chips span:first-child{background:#5a27db;color:#fff}

.mtg-phone-products{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
}

.mtg-phone-products>div{
  border:1px solid #f0eff5;
  border-radius:8px;
  padding:5px;
}

.mtg-phone-product-image{
  height:59px;
  background:#f5f5f7;
  border-radius:5px;
  display:grid;
  place-items:center;
  font-size:29px;
}

.mtg-phone-products strong,
.mtg-phone-products small{
  display:block;
  font-size:8px;
  margin:4px 0;
}

.mtg-phone-products span{
  background:#05b653;
  color:#fff;
  display:block;
  padding:5px 2px;
  text-align:center;
  border-radius:4px;
  font-size:6px;
}

.mtg-sync-sticker{
  position:absolute;
  z-index:9;
  left:12%;
  bottom:26px;
  max-width:205px;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
  color:#5a26db;
  background:#f6edff;
  border-radius:30px;
  padding:16px;
  transform:rotate(-8deg);
  box-shadow:0 10px 25px #5d2ac415;
}

.mtg-existing-sections{
  width:90%;
  max-width:1440px;
  margin:auto;
}

/* Adaptación progresiva de las secciones existentes */
.mtg-existing-sections .section{
  padding:55px 0;
}

.mtg-existing-sections h2{
  font-family:'Montserrat',sans-serif;
  letter-spacing:-.8px;
}

@media(max-width:1200px){
  .mtg-hero{
    grid-template-columns:43% 57%;
  }
  .mtg-hero h1{font-size:45px}
  .mtg-navigation{gap:15px}
  .mtg-sheet-floating{
    transform:rotate(4deg) scale(.84);
    transform-origin:top left;
  }
}

@media(max-width:960px){
  .mtg-header-inner{
    flex-wrap:wrap;
    justify-content:center;
    padding:15px 0;
  }
  .mtg-navigation{order:3;width:100%;justify-content:center}
  .mtg-hero{
    grid-template-columns:1fr;
    padding-top:48px;
  }
  .mtg-hero-content{padding:0}
  .mtg-hero h1{font-size:clamp(38px,6vw,62px)}
  .mtg-hero-art{
    width:100%;
    max-width:760px;
    margin:30px auto 0;
  }
}

@media(max-width:600px){
  .mtg-promo-inner{
    font-size:10px;
    padding:9px 0;
  }
  .mtg-header-inner{gap:13px}
  .mtg-navigation{
    overflow:auto;
    justify-content:flex-start;
    white-space:nowrap;
    padding-bottom:5px;
  }
  .mtg-navigation a{font-size:11px}
  .mtg-login{font-size:11px}
  .mtg-header-actions .mtg-button{padding:11px;font-size:11px}
  .mtg-brand{font-size:21px}
  .mtg-hero{padding-top:32px}
  .mtg-hero h1{
    font-size:39px;
    letter-spacing:-1.7px;
  }
  .mtg-hero-description{font-size:14px}
  .mtg-hero-buttons .mtg-button{
    min-width:0;
    flex:1;
    padding:12px;
    font-size:11px;
  }
  .mtg-hero-art{
    height:340px;
    margin-top:28px;
  }
  .mtg-laptop{
    width:79%;
    right:9%;
    top:35px;
  }
  .mtg-laptop-screen{
    height:260px;
    border-width:7px;
  }
  .mtg-sheet-floating{
    transform:rotate(5deg) scale(.55);
    left:-7px;
    top:0;
  }
  .mtg-sync-label,.mtg-sync-arrow{display:none}
  .mtg-phone{
    transform:rotate(4deg) scale(.66);
    transform-origin:top right;
    right:-9px;
    top:28px;
  }
  .mtg-sync-sticker{
    transform:rotate(-7deg) scale(.8);
    transform-origin:bottom left;
    left:0;
    bottom:0;
  }
  .mtg-store-promo{height:77px}
  .mtg-store-promo strong{font-size:12px}
  .mtg-store-promo small{display:none}
  .mtg-product-illustration{height:38px;font-size:23px}
  .mtg-store-product strong,
  .mtg-store-product small{font-size:7px}
}


/* ==========================================
   MTG BODY PREMIUM STAGE 2
   Referencia: mockup oficial MTG.lat
   ========================================== */

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

.mtg-body-band{
 display:grid;
 gap:22px;
 margin-bottom:34px;
}

.mtg-band-one{
 grid-template-columns:49% minmax(0,1fr);
 align-items:start;
}

.mtg-band-two{
 grid-template-columns:
  minmax(0,1.02fr)
  minmax(0,1.23fr)
  minmax(0,.85fr);
 align-items:start;
 gap:18px;
}

.mtg-section-heading{
 margin-bottom:17px;
}

.mtg-section-heading h2{
 font-family:'Montserrat',sans-serif;
 font-size:clamp(17px,1.45vw,22px);
 line-height:1.24;
 letter-spacing:-.6px;
 font-weight:850;
 margin:0 0 6px;
 color:#11152b;
}

.mtg-section-heading p{
 font-size:12px;
 line-height:1.5;
 color:#6f7489;
 margin:0;
}

.mtg-how,
.mtg-benefits,
.mtg-template-area,
.mtg-pricing-area,
.mtg-faq-area{
 min-width:0;
}

.mtg-steps-row{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 padding-top:4px;
}

.mtg-step{
 position:relative;
 min-width:0;
}

.mtg-step:not(:last-child):after{
 content:"→";
 position:absolute;
 top:15px;
 right:-8px;
 font-size:23px;
 color:#6b37e5;
}

.mtg-step-top{
 display:flex;
 align-items:center;
 gap:9px;
 height:45px;
 margin-bottom:7px;
}

.mtg-step-number{
 display:grid;
 place-items:center;
 width:29px;
 height:29px;
 border-radius:50%;
 color:#fff;
 background:#5c27df;
 font-weight:800;
 font-size:13px;
 flex-shrink:0;
}

.mtg-step-icon{
 display:grid;
 place-items:center;
 font-size:23px;
 color:#16aa72;
}

.mtg-step-icon-img{
 width:35px;
 height:35px;
 object-fit:contain;
}

.mtg-step h3{
 margin:0 0 5px;
 font-size:12px;
 line-height:1.3;
 font-weight:800;
}

.mtg-step p{
 margin:0;
 font-size:10.5px;
 line-height:1.5;
 color:#72778b;
}

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

.mtg-benefit-card{
 background:#fff;
 border:1px solid #eceaf4;
 border-radius:13px;
 box-shadow:0 8px 22px #17144608;
 padding:13px 9px;
 min-height:142px;
 text-align:center;
}

.mtg-benefit-icon{
 width:39px;
 height:39px;
 display:grid;
 place-items:center;
 margin:0 auto 10px;
 border-radius:50%;
 background:#f0eaff;
 color:#632adf;
 font-size:23px;
 font-weight:800;
}

.mtg-benefit-icon img{
 width:30px;
 height:30px;
 object-fit:contain;
}

.mtg-benefit-card h3{
 font-size:11px;
 line-height:1.3;
 margin:0 0 7px;
 font-weight:800;
}

.mtg-benefit-card p{
 margin:0;
 font-size:10px;
 line-height:1.45;
 color:#73788d;
}

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

.mtg-template-card{
 min-width:0;
}

.mtg-template-preview{
 height:154px;
 border:1px solid #e8e5ef;
 border-radius:11px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 8px 20px #1514370a;
 padding:7px;
}

.mtg-template-preview>img{
 width:100%;
 height:100%;
 object-fit:cover;
 border-radius:6px;
 display:block;
}

.mtg-template-1{
 background:#fff4f8;
}

.mtg-template-2{
 background:#fafafa;
}

.mtg-template-3{
 background:#fff2b8;
}

.mtg-template-mini-header{
 display:flex;
 justify-content:space-between;
 font-size:8px;
 font-weight:800;
 padding:4px;
}

.mtg-template-mini-hero{
 border-radius:5px;
 padding:9px 5px;
 display:flex;
 align-items:center;
 min-height:64px;
 font-size:10px;
 line-height:1.2;
}

.mtg-template-1 .mtg-template-mini-hero{
 background:linear-gradient(100deg,#ffcddd,#fff4f5);
}

.mtg-template-2 .mtg-template-mini-hero{
 background:#e9eaed;
}

.mtg-template-3 .mtg-template-mini-hero{
 background:#fddd4a;
}

.mtg-template-mini-products{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:4px;
 margin-top:7px;
}

.mtg-template-mini-products span{
 display:grid;
 place-items:center;
 font-size:17px;
 height:40px;
 border-radius:5px;
 background:#fff;
}

.mtg-template-name{
 text-align:center;
 font-size:11px;
 font-weight:800;
 margin-top:8px;
}

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

.mtg-price-card{
 position:relative;
 display:flex;
 flex-direction:column;
 min-width:0;
 min-height:230px;
 padding:14px 10px 10px;
 border:1px solid #e7e5ef;
 border-radius:12px;
 background:#fff;
}

.mtg-price-card.featured{
 border:1.5px solid #6b2df0;
 box-shadow:0 9px 22px #5f29d91a;
}

.mtg-popular{
 position:absolute;
 top:-12px;
 left:50%;
 transform:translateX(-50%);
 background:#6730dc;
 color:#fff;
 border-radius:15px;
 font-size:8px;
 white-space:nowrap;
 font-weight:800;
 padding:5px 9px;
}

.mtg-price-card h3{
 font-size:12px;
 margin:0 0 9px;
}

.mtg-plan-amount strong{
 display:block;
 font-size:clamp(18px,1.45vw,25px);
 line-height:1.15;
 color:#23164f;
 white-space:nowrap;
}

.mtg-plan-amount small{
 display:block;
 margin-top:5px;
 font-size:9px;
 color:#777c91;
}

.mtg-plan-capacity{
 font-size:10px;
 font-weight:800;
 margin:13px 0 9px;
}

.mtg-plan-features{
 display:flex;
 flex-direction:column;
 gap:7px;
 margin-bottom:15px;
}

.mtg-plan-features span{
 color:#40485e;
 font-size:9px;
 line-height:1.15;
}

.mtg-plan-features span:first-letter{
 color:#12a35e;
}

.mtg-plan-button{
 display:block;
 margin-top:auto;
 text-align:center;
 background:#ece8fc;
 color:#5632ba;
 border-radius:7px;
 padding:10px 4px;
 font-size:10px;
 font-weight:800;
}

.mtg-price-card.featured .mtg-plan-button{
 background:#6128df;
 color:#fff;
}

.mtg-faq-list{
 display:flex;
 flex-direction:column;
 gap:6px;
}

.mtg-faq-item{
 background:#fff;
 border:1px solid #e9e7f3;
 border-radius:9px;
 padding:0;
 overflow:hidden;
}

.mtg-faq-item summary{
 list-style:none;
 cursor:pointer;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:8px;
 padding:10px;
 font-size:10.5px;
 font-weight:600;
}

.mtg-faq-item summary::-webkit-details-marker{
 display:none;
}

.mtg-faq-plus{
 display:grid;
 place-items:center;
 width:19px;
 height:19px;
 flex-shrink:0;
 background:#f1eaff;
 color:#632bdc;
 border-radius:50%;
 font-size:16px;
 font-weight:700;
}

.mtg-faq-item[open] .mtg-faq-plus{
 transform:rotate(45deg);
}

.mtg-faq-item p{
 margin:0;
 padding:0 10px 12px;
 font-size:10.5px;
 line-height:1.5;
 color:#73788a;
}

.mtg-bottom-cta{
 position:relative;
 margin:28px 0 35px;
 padding:25px 32px;
 border-radius:22px;
 background:linear-gradient(
  100deg,
  #f0e9ff 0%,
  #ded2ff 55%,
  #eee8ff 100%
 );
 overflow:hidden;
}

.mtg-bottom-cta-content{
 display:flex;
 align-items:center;
 gap:19px;
 position:relative;
 z-index:2;
}

.mtg-bottom-symbol{
 font-size:40px;
 color:#5725df;
}

.mtg-bottom-copy{
 flex:1;
}

.mtg-bottom-copy h2{
 font-family:'Montserrat',sans-serif;
 font-size:21px;
 margin:0 0 7px;
}

.mtg-bottom-copy p{
 font-size:12px;
 color:#4b4b69;
 margin:0;
}

.mtg-bottom-button{
 background:#6026d8;
 color:#fff;
 border-radius:9px;
 font-weight:800;
 padding:14px 18px;
 white-space:nowrap;
 font-size:12px;
}

.mtg-bottom-art{
 position:absolute;
 right:24%;
 top:0;
 height:100%;
 max-width:130px;
 object-fit:contain;
 opacity:.7;
}

/* TABLET */

@media(max-width:1050px){

 .mtg-band-one{
  grid-template-columns:1fr;
  gap:32px;
 }

 .mtg-band-two{
  grid-template-columns:1fr 1fr;
  gap:30px;
 }

 .mtg-faq-area{
  grid-column:1/-1;
 }

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

}

/* MOVIL */

@media(max-width:700px){

 .mtg-existing-sections{
  width:94%;
 }

 .mtg-body-band{
  display:flex;
  flex-direction:column;
  gap:32px;
 }

 .mtg-how,
 .mtg-benefits,
 .mtg-template-area,
 .mtg-pricing-area,
 .mtg-faq-area{
  width:100%;
 }

 .mtg-steps-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
 }

 .mtg-step:not(:last-child):after{
  display:none;
 }

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

 .mtg-template-preview{
  height:125px;
 }

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

 .mtg-price-card{
  padding:15px 7px 9px;
 }

 .mtg-plan-amount strong{
  font-size:17px;
 }

 .mtg-plan-capacity{
  font-size:9px;
 }

 .mtg-plan-features span{
  font-size:8px;
 }

 .mtg-bottom-cta{
  padding:20px;
 }

 .mtg-bottom-cta-content{
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
 }

 .mtg-bottom-button{
  width:100%;
  text-align:center;
 }

 .mtg-bottom-art{
  display:none;
 }

}

@media(max-width:420px){

 .mtg-steps-row{
  grid-template-columns:1fr;
 }

 .mtg-step{
  display:grid;
  grid-template-columns:50px 1fr;
  column-gap:8px;
 }

 .mtg-step-top{
  grid-row:1/3;
 }

 .mtg-step p{
  grid-column:2;
 }

 .mtg-template-grid{
  gap:5px;
 }

 .mtg-template-preview{
  height:110px;
 }

 .mtg-pricing-grid{
  grid-template-columns:1fr;
  gap:15px;
 }

 .mtg-price-card{
  min-height:0;
  padding:20px;
 }

 .mtg-plan-amount strong{
  font-size:30px;
 }

 .mtg-plan-features span{
  font-size:12px;
 }

}



/* MTG_HERO_GRADIENT_V1_START */

/*
 * Fondo continuo de toda la sección Hero.
 * Referencia: mockup oficial de MTG.lat.
 * No altera la imagen transparente ni el builder.
 */

.mtg-landing .mtg-hero {
    position: relative;
    isolation: isolate;
    background: transparent;
}

/* Fondo de extremo a extremo de la pantalla */

.mtg-landing .mtg-hero::before {
    content: "";
    position: absolute;
    z-index: -1;

    top: 0;
    bottom: 0;
    left: 50%;

    width: 100vw;
    transform: translateX(-50%);

    pointer-events: none;

    background:
      radial-gradient(
        ellipse 47% 76% at 81% 49%,
        rgba(213, 200, 255, .48) 0%,
        rgba(234, 226, 255, .26) 52%,
        rgba(255, 255, 255, 0) 100%
      ),
      radial-gradient(
        ellipse 35% 65% at 45% 88%,
        rgba(224, 230, 255, .34) 0%,
        rgba(255, 255, 255, 0) 100%
      ),
      linear-gradient(
        108deg,
        #ffffff 0%,
        #fdfcff 26%,
        #f6f3ff 54%,
        #ede8ff 79%,
        #f9f7ff 100%
      );
}

/* Los textos y botones permanecen por encima del fondo */

.mtg-landing .mtg-hero-content {
    position: relative;
    z-index: 2;
}

/* La composición transparente se integra al degradado */

.mtg-landing .mtg-hero-art {
    position: relative;
    z-index: 1;
    background: transparent;
}

/*
 * Desactivar el resplandor artificial anterior cuando
 * se utiliza la imagen completa subida desde el builder.
 */

.mtg-landing .mtg-hero-art:has(.mtg-hero-complete-image)::before {
    display: none;
}

/* La imagen conserva su transparencia */

.mtg-landing .mtg-hero-complete-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}

/* Tablet */

@media (max-width: 960px) {
    .mtg-landing .mtg-hero::before {
        background:
          radial-gradient(
            ellipse at 65% 66%,
            rgba(218, 205, 255, .42),
            transparent 70%
          ),
          linear-gradient(
            180deg,
            #ffffff 0%,
            #f9f7ff 46%,
            #efebff 100%
          );
    }
}

/* Móvil */

@media (max-width: 600px) {
    .mtg-landing .mtg-hero::before {
        background:
          radial-gradient(
            ellipse 100% 45% at 60% 80%,
            rgba(215, 200, 255, .48),
            transparent 100%
          ),
          linear-gradient(
            180deg,
            #ffffff 0%,
            #faf8ff 38%,
            #f0ecff 100%
          );
    }
}

/* MTG_HERO_GRADIENT_V1_END */


/* MTG_SECTION_SPACING_V1_START */

/* Separacion de la primera banda respecto al Hero */
.mtg-existing-sections .mtg-band-one {
    padding-top: 34px;
}

/* Un poco menos de espacio en pantallas pequeñas */
@media (max-width: 700px) {
    .mtg-existing-sections .mtg-band-one {
        padding-top: 24px;
    }
}

/* MTG_SECTION_SPACING_V1_END */


/* MTG_STAGE3_CSS_FIXED */

.mtg-plans-horizontal,
.mtg-templates-section,
.mtg-faq-expanded {
  margin:48px 0;
  min-width:0;
}
.mtg-section-center{text-align:center;margin-bottom:24px}

.mtg-plan-list{display:grid;gap:13px}
.mtg-plan-row{
  position:relative;
  display:grid;
  grid-template-columns:170px 220px minmax(0,1fr) 145px;
  gap:24px;
  align-items:center;
  background:#fff;
  border:1px solid #e7e3f3;
  border-radius:17px;
  padding:22px 26px;
  box-shadow:0 6px 23px #23104d09;
}
.mtg-plan-featured{
  border:2px solid #6932de;
  background:linear-gradient(95deg,#fff,#fbf9ff);
}
.mtg-plan-intro strong{font-size:16px}
.mtg-plan-price{
  font-size:36px;font-weight:900;
  color:#2d165c;line-height:1.2;
}
.mtg-plan-intro small,.mtg-plan-description p{
  color:#7b7d91;font-size:12px;
}
.mtg-plan-description strong{font-size:17px}
.mtg-plan-includes{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
.mtg-plan-includes span{font-size:12px;color:#45455c}
.mtg-plan-row-button{
  display:block;text-align:center;background:#ece6ff;
  color:#5427c5;border-radius:9px;padding:14px 10px;
  font-size:12px;font-weight:800;
}
.mtg-plan-featured .mtg-plan-row-button{
  color:white;background:#6228df;
}

.mtg-templates-five{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.mtg-template-five-card{min-width:0;text-align:center}
.mtg-template-five-preview{
  border-radius:13px;padding:8px;height:205px;
  border:1px solid #e7e5ef;overflow:hidden;
  box-shadow:0 8px 20px #22144410;
}
.mtg-template-five-preview img{
  display:block;width:100%;height:100%;
  object-fit:cover;border-radius:8px;
}
.mtg-template-five-1{background:#ffe9f0}
.mtg-template-five-2{background:#f2f2f4}
.mtg-template-five-3{background:#fff0a0}
.mtg-template-five-4{background:#f5d7e5}
.mtg-template-five-5{background:#dad9e7}
.mtg-template-mini-top{
  display:flex;justify-content:space-between;
  font-size:10px;padding:6px;
}
.mtg-template-mini-banner{
  display:flex;align-items:center;padding:12px;
  text-align:left;font-size:13px;font-weight:800;
  min-height:100px;border-radius:8px;background:#ffffffa8;
}
.mtg-template-five-5 .mtg-template-mini-banner{
  background:#292533;color:white;
}
.mtg-template-mini-items{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:5px;margin-top:8px;
}
.mtg-template-mini-items span{
  display:grid;place-items:center;background:white;
  border-radius:7px;min-height:43px;font-size:21px;
}
.mtg-template-five-card h3{font-size:13px;margin:10px 0}

.mtg-faq-expanded-list{max-width:1050px;margin:auto;display:grid;gap:9px}
.mtg-faq-expanded-item{
  background:white;border:1px solid #e7e3f1;
  border-radius:12px;overflow:hidden;
}
.mtg-faq-expanded-item summary{
  cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;padding:18px 22px;
  font-size:15px;font-weight:650;list-style:none;
}
.mtg-faq-expanded-item summary::-webkit-details-marker{display:none}
.mtg-faq-expanded-item summary span{
  display:grid;place-items:center;
  width:26px;height:26px;background:#f0e9ff;
  border-radius:50%;color:#6432da;font-size:19px;
}
.mtg-faq-expanded-item[open] summary span{transform:rotate(45deg)}
.mtg-faq-expanded-item p{
  margin:0;padding:0 22px 20px;color:#697085;font-size:14px;
}

@media(max-width:1150px){
  .mtg-plan-row{grid-template-columns:1fr 1fr;gap:14px}
  .mtg-plan-row-button{max-width:180px}
  .mtg-templates-five{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .mtg-plan-row{grid-template-columns:1fr;padding:20px}
  .mtg-plan-includes{grid-template-columns:1fr 1fr}
  .mtg-templates-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mtg-template-five-preview{height:170px}
  .mtg-faq-expanded-item summary{font-size:13px;padding:14px}
  .mtg-faq-expanded-item p{font-size:13px;padding:0 14px 15px}
}
@media(max-width:390px){
  .mtg-templates-five{grid-template-columns:1fr}
  .mtg-template-five-preview{height:220px}
}


/* MTG_PRICEBOX_POLISH_V1_START */

/* ------------------------------------------
   Price boxes premium
   ------------------------------------------ */

.mtg-plans-horizontal{
  margin-top:58px;
}

.mtg-plan-list{
  gap:18px;
}

.mtg-plan-row{
  position:relative;
  overflow:hidden;
  border:1px solid #e9e4f7;
  border-radius:24px;
  padding:28px 28px;
  background:
    linear-gradient(180deg,#ffffff 0%,#fcfbff 100%);
  box-shadow:
    0 14px 38px rgba(33,16,72,.06),
    0 2px 8px rgba(30,15,60,.03);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.mtg-plan-row::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:100%;
  border-radius:24px 0 0 24px;
  background:linear-gradient(180deg,#ece5ff 0%,#d6c8ff 100%);
}

.mtg-plan-row:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 44px rgba(37,18,82,.09),
    0 4px 10px rgba(31,15,65,.05);
}

.mtg-plan-featured{
  border:2px solid #6b2df0;
  background:
    radial-gradient(circle at top right, rgba(124,79,255,.10), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%);
  box-shadow:
    0 18px 48px rgba(88,42,213,.15),
    0 5px 14px rgba(53,23,121,.08);
}

.mtg-plan-featured::before{
  width:10px;
  background:linear-gradient(180deg,#6b2df0 0%,#8d66ff 100%);
}

.mtg-plan-intro{
  position:relative;
  z-index:2;
}

.mtg-plan-intro strong{
  display:block;
  font-size:18px;
  font-weight:800;
  color:#111633;
  margin-bottom:6px;
}

.mtg-plan-price{
  font-size:54px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.6px;
  color:#241557;
  margin-bottom:7px;
}

.mtg-plan-featured .mtg-plan-price{
  color:#3b1b9b;
}

.mtg-plan-intro small{
  display:inline-block;
  font-size:13px;
  color:#7b7f94;
  background:#f5f1ff;
  border:1px solid #e9e2ff;
  border-radius:999px;
  padding:7px 12px;
}

.mtg-plan-description strong{
  display:block;
  font-size:31px;
  line-height:1.1;
  letter-spacing:-.6px;
  color:#101632;
  margin-bottom:9px;
}

.mtg-plan-description p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:#787d91;
  max-width:270px;
}

.mtg-plan-includes{
  gap:10px 24px;
  align-content:center;
}

.mtg-plan-includes span{
  position:relative;
  font-size:14px;
  line-height:1.45;
  color:#43485e;
  padding-left:0;
}

.mtg-plan-row-button{
  min-width:160px;
  min-height:54px;
  padding:15px 18px;
  border-radius:14px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.2px;
  background:linear-gradient(180deg,#efebff 0%,#ddd3fb 100%);
  color:#5327d7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

.mtg-plan-row-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:
    0 10px 20px rgba(75,40,173,.12),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.mtg-plan-featured .mtg-plan-row-button{
  background:linear-gradient(180deg,#6f35f2 0%,#5727d8 100%);
  color:#fff;
  box-shadow:
    0 14px 28px rgba(88,42,214,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.mtg-plan-featured .mtg-plan-row-button:hover{
  filter:brightness(1.04);
  box-shadow:
    0 16px 32px rgba(88,42,214,.34),
    inset 0 1px 0 rgba(255,255,255,.18);
}

@media(max-width:1150px){
  .mtg-plan-price{
    font-size:48px;
  }

  .mtg-plan-description strong{
    font-size:27px;
  }
}

@media(max-width:700px){
  .mtg-plan-row{
    border-radius:20px;
    padding:22px 20px;
  }

  .mtg-plan-row::before{
    width:100%;
    height:7px;
    border-radius:20px 20px 0 0;
  }

  .mtg-plan-price{
    font-size:44px;
  }

  .mtg-plan-description strong{
    font-size:24px;
  }

  .mtg-plan-intro small{
    font-size:12px;
  }

  .mtg-plan-row-button{
    width:100%;
  }
}

/* MTG_PRICEBOX_POLISH_V1_END */



/* MTG_TEMPLATES_PREMIUM_V2_START */

/* Seccion visual */
.mtg-templates-section {
  margin-top:70px;
  margin-bottom:75px;
}

.mtg-templates-section .mtg-section-center {
  margin-bottom:34px;
}

.mtg-templates-section .mtg-section-center h2 {
  font-size:clamp(25px,2.2vw,34px);
  letter-spacing:-1px;
}

.mtg-templates-section .mtg-section-center p {
  font-size:14px;
  color:#73768c;
}

/* Distribucion de cinco previews */
.mtg-templates-five {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

/* Tarjeta individual */
.mtg-templates-five > .mtg-template-five-card {
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:10px 10px 20px;
  border:1px solid #ece7f7;
  border-radius:21px;
  background:linear-gradient(180deg,#fff,#fcfbff);
  box-shadow:
    0 12px 35px rgba(37,19,81,.07),
    0 2px 8px rgba(37,19,81,.025);
  transition:
    transform .23s ease,
    box-shadow .23s ease,
    border-color .23s ease;
}

.mtg-templates-five > .mtg-template-five-card:hover {
  transform:translateY(-7px);
  border-color:#c7b4ff;
  box-shadow:
    0 22px 50px rgba(75,39,165,.16),
    0 4px 12px rgba(75,39,165,.05);
}

/* Etiquetas de estilo, no indicadores de disponibilidad */
.mtg-templates-five > .mtg-template-five-card::before {
  position:relative;
  display:inline-flex;
  align-self:flex-start;
  align-items:center;
  min-height:25px;
  margin:3px 0 10px 3px;
  padding:5px 11px;
  border-radius:999px;
  background:#f1ecff;
  color:#5d31cc;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.15px;
}

.mtg-templates-five > .mtg-template-five-card:nth-child(1)::before {
  content:"MODERNO";
  background:#fff0f5;
  color:#ad4374;
}

.mtg-templates-five > .mtg-template-five-card:nth-child(2)::before {
  content:"MINIMALISTA";
  background:#edf0f4;
  color:#4d5668;
}

.mtg-templates-five > .mtg-template-five-card:nth-child(3)::before {
  content:"COLORIDO";
  background:#fff3ca;
  color:#94620b;
}

.mtg-templates-five > .mtg-template-five-card:nth-child(4)::before {
  content:"BOUTIQUE";
  background:#fce8f3;
  color:#a53b79;
}

.mtg-templates-five > .mtg-template-five-card:nth-child(5)::before {
  content:"URBANO";
  background:#eae7f4;
  color:#51436d;
}

/* Marco del diseño */
.mtg-templates-five .mtg-template-five-preview {
  position:relative;
  width:100%;
  height:224px;
  flex:0 0 auto;
  overflow:hidden;
  padding:9px;
  border:1px solid rgba(80,50,110,.10);
  border-radius:14px;
  box-shadow:inset 0 1px 3px rgba(30,20,60,.045);
  transition:transform .23s ease;
}

.mtg-templates-five .mtg-template-five-card:hover
.mtg-template-five-preview {
  transform:scale(1.015);
}

/* Imagen cargada mediante builder */
.mtg-templates-five .mtg-template-five-preview > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius:9px;
}

/* Encabezado del mini catalogo */
.mtg-templates-five .mtg-template-mini-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  margin:0 0 8px;
  padding:5px 5px;
}

.mtg-templates-five .mtg-template-mini-top strong {
  font-weight:900;
}

/* Hero interno de cada preview */
.mtg-templates-five .mtg-template-mini-banner {
  min-height:112px;
  padding:13px;
  border-radius:9px;
  display:flex;
  align-items:center;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}

/* Productos de muestra */
.mtg-templates-five .mtg-template-mini-items {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}

.mtg-templates-five .mtg-template-mini-items span {
  min-height:48px;
  font-size:23px;
  border-radius:9px;
  background:rgba(255,255,255,.95);
  box-shadow:0 2px 6px rgba(20,15,45,.045);
}

/* Nombre del template */
.mtg-templates-five .mtg-template-five-card h3 {
  font-family:'Montserrat',Arial,sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.3px;
  line-height:1.4;
  color:#16152c;
  margin:17px 3px 0;
  text-align:center;
}

/* Acento inferior */
.mtg-templates-five .mtg-template-five-card::after {
  content:"";
  width:38px;
  height:3px;
  margin:12px auto 0;
  border-radius:999px;
  background:#7445e6;
  opacity:.45;
  transition:width .2s ease,opacity .2s ease;
}

.mtg-templates-five .mtg-template-five-card:hover::after {
  width:72px;
  opacity:1;
}

/* Colores individuales */
.mtg-templates-five .mtg-template-five-1 {
  background:#ffedf3;
}

.mtg-templates-five .mtg-template-five-2 {
  background:#f1f2f5;
}

.mtg-templates-five .mtg-template-five-3 {
  background:#fff0a1;
}

.mtg-templates-five .mtg-template-five-4 {
  background:#f8e1ed;
}

.mtg-templates-five .mtg-template-five-5 {
  background:#dedce8;
}

/* Tablet */
@media(max-width:1150px) {
  .mtg-templates-five {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
}

/* Movil */
@media(max-width:700px) {
  .mtg-templates-section {
    margin-top:50px;
    margin-bottom:55px;
  }

  .mtg-templates-five {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .mtg-templates-five > .mtg-template-five-card {
    padding:8px 8px 16px;
    border-radius:17px;
  }

  .mtg-templates-five .mtg-template-five-preview {
    height:185px;
    padding:7px;
  }

  .mtg-templates-five .mtg-template-mini-banner {
    min-height:85px;
    font-size:11px;
    padding:9px;
  }

  .mtg-templates-five .mtg-template-mini-items span {
    min-height:38px;
    font-size:18px;
  }

  .mtg-templates-five .mtg-template-five-card h3 {
    font-size:12px;
  }
}

/* Moviles estrechos: dos columnas sin desborde */
@media(max-width:390px) {
  .mtg-templates-five {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .mtg-templates-five .mtg-template-five-preview {
    height:150px;
  }

  .mtg-templates-five .mtg-template-mini-banner {
    min-height:67px;
  }

  .mtg-templates-five .mtg-template-mini-items span {
    min-height:30px;
    font-size:16px;
  }
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce) {
  .mtg-templates-five .mtg-template-five-card,
  .mtg-templates-five .mtg-template-five-preview {
    transition:none;
  }
}

/* MTG_TEMPLATES_PREMIUM_V2_END */


/* MTG_FULLWIDTH_CLEAN_V2_START */

/* Dos secciones independientes y completas */
.mtg-existing-sections .mtg-band-one{
 display:grid !important;
 grid-template-columns:minmax(0,1fr) !important;
 gap:68px !important;
 padding-top:48px;
 margin-bottom:45px;
 align-items:stretch;
}

.mtg-band-one .mtg-how,
.mtg-band-one .mtg-benefits{
 width:100%;
 max-width:none;
 min-width:0;
}

/* Encabezados grandes y centrados */
.mtg-band-one .mtg-section-heading{
 text-align:center;
 max-width:780px;
 margin:0 auto 32px;
}

.mtg-band-one .mtg-section-heading h2{
 font-family:'Montserrat',Arial,sans-serif;
 font-size:clamp(26px,2.5vw,37px);
 font-weight:900;
 letter-spacing:-1px;
 line-height:1.2;
 color:#14132e;
 margin:0 0 10px;
}

.mtg-band-one .mtg-section-heading p{
 font-size:14px;
 line-height:1.6;
 color:#777b90;
 margin:0;
}

/* =================================
   TRES PASOS PREMIUM
   ================================= */

.mtg-band-one .mtg-steps-row{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:24px;
 padding:0;
}

.mtg-band-one .mtg-step{
 position:relative;
 min-width:0;
 min-height:285px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 padding:29px;
 border:1px solid #e8e4f5;
 border-radius:23px;
 background:linear-gradient(145deg,#fff,#faf8ff);
 box-shadow:
  0 14px 36px rgba(41,23,89,.065),
  0 2px 6px rgba(41,23,89,.025);
 transition:transform .2s ease,box-shadow .2s ease;
}

.mtg-band-one .mtg-step:nth-child(1){
 background:linear-gradient(145deg,#f5fff9,#fff);
}
.mtg-band-one .mtg-step:nth-child(2){
 background:linear-gradient(145deg,#f4f9ff,#fff);
}
.mtg-band-one .mtg-step:nth-child(3){
 background:linear-gradient(145deg,#f9f4ff,#fff);
}

.mtg-band-one .mtg-step:hover{
 transform:translateY(-5px);
 box-shadow:0 20px 43px rgba(54,31,116,.13);
}

/* Ya no usar flechas pequeñas del diseño antiguo */
.mtg-band-one .mtg-step::after{
 display:none !important;
}

.mtg-band-one .mtg-step-top{
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-between;
 width:100%;
 height:auto;
 margin-bottom:26px;
 gap:12px;
}

.mtg-band-one .mtg-step-number{
 order:2;
 display:grid;
 place-items:center;
 width:39px;
 height:39px;
 border-radius:13px;
 background:#ede6ff;
 color:#632fdf;
 font-size:15px;
 font-weight:900;
 flex-shrink:0;
}

.mtg-band-one .mtg-step-icon{
 order:1;
 display:grid;
 place-items:center;
 width:94px;
 height:94px;
 flex-shrink:0;
 border-radius:24px;
 font-size:0 !important;
 color:transparent;
 background-color:#def8ea;
 background-position:center;
 background-size:54px 54px;
 background-repeat:no-repeat;
}

.mtg-band-one .mtg-step:nth-child(2) .mtg-step-icon{
 background-color:#e1efff;
}

.mtg-band-one .mtg-step:nth-child(3) .mtg-step-icon{
 background-color:#e9ddff;
}

.mtg-band-one .mtg-step-icon-img{
 order:1;
 width:94px;
 height:94px;
 padding:12px;
 object-fit:contain;
 border-radius:24px;
 background:#f0ebff;
}

.mtg-band-one .mtg-step h3{
 font-family:'Montserrat',Arial,sans-serif;
 font-size:19px;
 font-weight:800;
 line-height:1.35;
 color:#17152d;
 margin:0 0 12px;
}

.mtg-band-one .mtg-step p{
 font-size:14px;
 color:#71778d;
 line-height:1.7;
 margin:0;
}

/* =================================
   SEIS BENEFICIOS PREMIUM
   ================================= */

.mtg-band-one .mtg-benefits-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:19px;
}

.mtg-band-one .mtg-benefit-card{
 position:relative;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 text-align:left;
 min-width:0;
 min-height:234px;
 padding:28px;
 border:1px solid #e9e5f4;
 border-radius:21px;
 background:#fff;
 box-shadow:0 12px 32px rgba(37,22,84,.05);
 transition:
  transform .2s ease,
  box-shadow .2s ease,
  border-color .2s ease;
 overflow:hidden;
}

.mtg-band-one .mtg-benefit-card:hover{
 transform:translateY(-4px);
 border-color:#cbbcff;
 box-shadow:0 20px 40px rgba(53,30,105,.12);
}

/* Acento inferior */
.mtg-band-one .mtg-benefit-card::after{
 content:"";
 position:absolute;
 bottom:0;
 left:28px;
 width:65px;
 height:4px;
 border-radius:5px 5px 0 0;
 background:#7546e8;
 opacity:.55;
}

.mtg-band-one .mtg-benefit-icon{
 display:grid;
 place-items:center;
 width:65px;
 height:65px;
 flex-shrink:0;
 margin:0 0 20px;
 border-radius:19px;
 font-size:0 !important;
 color:transparent;
 background-color:#efe7ff;
 background-repeat:no-repeat;
 background-position:center;
 background-size:34px 34px;
}

.mtg-band-one .mtg-benefit-icon img{
 width:45px;
 height:45px;
 object-fit:contain;
}

.mtg-band-one .mtg-benefit-card:nth-child(2) .mtg-benefit-icon{
 background-color:#e6f2ff;
}
.mtg-band-one .mtg-benefit-card:nth-child(3) .mtg-benefit-icon{
 background-color:#fff0df;
}
.mtg-band-one .mtg-benefit-card:nth-child(4) .mtg-benefit-icon{
 background-color:#e5f8ef;
}
.mtg-band-one .mtg-benefit-card:nth-child(5) .mtg-benefit-icon{
 background-color:#e2f8eb;
}
.mtg-band-one .mtg-benefit-card:nth-child(6) .mtg-benefit-icon{
 background-color:#f2e7ff;
}

.mtg-band-one .mtg-benefit-card h3{
 font-family:'Montserrat',Arial,sans-serif;
 font-size:17px;
 font-weight:800;
 line-height:1.4;
 margin:0 0 10px;
 color:#17152e;
}

.mtg-band-one .mtg-benefit-card p{
 font-size:13px;
 line-height:1.65;
 color:#74798d;
 margin:0;
}

/* TABLET */
@media(max-width:1050px){
 .mtg-band-one .mtg-steps-row{
  gap:12px;
 }
 .mtg-band-one .mtg-step{
  padding:22px;
 }
 .mtg-band-one .mtg-benefits-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

/* MOVIL */
@media(max-width:700px){
 .mtg-existing-sections .mtg-band-one{
  gap:43px !important;
  padding-top:28px;
 }

 .mtg-band-one .mtg-section-heading{
  margin-bottom:23px;
 }

 .mtg-band-one .mtg-steps-row{
  grid-template-columns:1fr;
  gap:15px;
 }

 .mtg-band-one .mtg-step{
  min-height:0;
  padding:24px;
 }

 .mtg-band-one .mtg-step-top{
  margin-bottom:19px;
 }

 .mtg-band-one .mtg-step-icon,
 .mtg-band-one .mtg-step-icon-img{
  width:77px;
  height:77px;
  background-size:46px 46px;
 }

 .mtg-band-one .mtg-benefits-grid{
  grid-template-columns:1fr;
  gap:14px;
 }

 .mtg-band-one .mtg-benefit-card{
  min-height:0;
  padding:24px;
 }

 .mtg-band-one .mtg-benefit-card h3{
  font-size:16px;
 }
}

/* MTG_FULLWIDTH_CLEAN_V2_END */

.mtg-band-one .mtg-step:nth-child(1) .mtg-step-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23169c62%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%208h14M9%208v14M14%208v14M5%2013h14M5%2018h14%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-step:nth-child(2) .mtg-step-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232988da%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%2019%206-7%204%204%203-4%204%205%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-step:nth-child(3) .mtg-step-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237339dc%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2015%2016%208c3-3%205-4%205-4s-1%205-4%208l-7%207-5-5%204-4Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2210%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6%2017c-2%201-3%203-3%205%202%200%204-1%205-3%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(1) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236c35df%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2012h10M12%208v8%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(2) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232988da%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5%22%2F%3E%3Cpath%20d%3D%22M6%209a7%207%200%200%201%2012-2l2%205M4%2012l2%205a7%207%200%200%200%2012-2%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(3) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc8a20%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%2019%206-6%204%204%203-4%204%205%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(4) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23159e68%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207%20.5l3-3a5%205%200%200%200-7-7l-2%202%22%2F%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7-.5l-3%203a5%205%200%200%200%207%207l2-2%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(5) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2312a758%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12%207.8L3%2021l1.7-6A8.5%208.5%200%201%201%2021%2011.5Z%22%2F%3E%3Cpath%20d%3D%22M9%209c.4%202.6%202.4%204.6%205%205%22%2F%3E%3C%2Fsvg%3E");}

.mtg-band-one .mtg-benefit-card:nth-child(6) .mtg-benefit-icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d43d5%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M7%209h10M7%2013h7M7%2017h4%22%2F%3E%3Cpath%20d%3D%22m16%2016%202%202%203-4%22%2F%3E%3C%2Fsvg%3E");}