body.mxie-content-page{
  --mxie-text:#1f2937;
  --mxie-ink:#13202c;
  --mxie-muted:#5b6472;
  --mxie-line:#e5e7eb;
  --mxie-accent:#f96302;
  --mxie-accent-soft:#fff5ee;
  --mxie-green:#66bb2a;
  --mxie-green-soft:#eaf5df;
  --mxie-bg:#ffffff;
  --mxie-soft:#f8fafc;
  --mxie-shadow:0 16px 40px rgba(15,23,42,.06);
  --mxie-radius:24px;
}

body.mxie-content-page .post-thumbnail,
body.mxie-content-page .entry-thumbnail,
body.mxie-content-page .featured-image,
body.mxie-content-page .featured-img,
body.mxie-content-page .single-post-image,
body.mxie-content-page .single-featured,
body.mxie-content-page .blog-details-image,
body.mxie-content-page .wp-post-image.attachment-post-thumbnail,
body.mxie-content-page .wd-page-title,
body.mxie-content-page .main-page-title,
body.mxie-content-page .page-title,
body.mxie-content-page .title-design-centered,
body.mxie-content-page .entry-header:has(h1),
body.mxie-content-page .entry-header .entry-title,
body.mxie-content-page .post-title,
body.mxie-content-page .breadcrumbs{
  display:none !important;
}

body.mxie-content-page .entry-content,
body.mxie-content-page .post-content,
body.mxie-content-page .page-content,
body.mxie-content-page .blog-details-content,
body.mxie-content-page .single-content{
  color:var(--mxie-text);
  max-width:none;
  margin:0 auto;
  font-size:17px;
  line-height:1.78;
}

body.mxie-content-page .mxp-page,
body.mxie-content-page .mxp-page *{box-sizing:border-box;}
body.mxie-content-page .mxp-page{width:100%;max-width:none;}

body.mxie-content-page .mxp-card,
body.mxie-content-page .mxp-sectionIntro,
body.mxie-content-page .mxp-note,
body.mxie-content-page .mxp-cta,
body.mxie-content-page .mxp-hero{
  background:var(--mxie-bg);
  border:1px solid var(--mxie-line);
  border-radius:var(--mxie-radius);
  box-shadow:var(--mxie-shadow);
}

body.mxie-content-page .mxp-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--mxie-green-soft);
  color:#4f8f1f;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.mxie-content-page .mxp-hero h1,
body.mxie-content-page .mxp-section > h2,
body.mxie-content-page .mxp-card h3{
  color:var(--mxie-ink);
  letter-spacing:-.03em;
  font-weight:900;
  text-align:left;
  text-wrap:balance;
  max-width:none;
}

body.mxie-content-page .mxp-hero h1{
  margin:0 0 18px;
  font-size:clamp(38px, 4.3vw, 68px);
  line-height:1.06;
}

body.mxie-content-page .mxp-section > h2{
  margin:0 0 16px;
  font-size:clamp(30px, 3vw, 46px);
  line-height:1.1;
}

body.mxie-content-page .mxp-card h3{
  margin:0 0 14px;
  font-size:clamp(22px, 1.8vw, 30px);
  line-height:1.18;
}

body.mxie-content-page .mxp-intro p,
body.mxie-content-page .mxp-card p,
body.mxie-content-page .mxp-sectionIntro p,
body.mxie-content-page .mxp-note p,
body.mxie-content-page .mxp-cta p{
  margin:0 0 1rem;
  text-align:left;
  text-wrap:pretty;
}

body.mxie-content-page .mxp-grid{display:grid;gap:20px;align-items:start;}
body.mxie-content-page .mxp-card{align-self:start;}
body.mxie-content-page .mxp-mediaGrid{display:grid;gap:14px;align-items:start;margin:1rem 0 1.35rem;}
body.mxie-content-page .mxp-mediaGrid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.mxie-content-page .mxp-mediaGrid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
body.mxie-content-page .mxp-mediaGrid img,
body.mxie-content-page .mxp-mediaGrid figure,
body.mxie-content-page .mxp-mediaGrid picture{width:100%;margin:0;}
body.mxie-content-page .mxp-mediaGrid figure img,
body.mxie-content-page .mxp-mediaGrid picture img{width:100%;height:auto;}
body.mxie-content-page .mxp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.mxie-content-page .mxp-card{padding:24px 26px;min-width:0;}
body.mxie-content-page .mxp-section{margin:0 0 28px;}
body.mxie-content-page .mxp-sectionIntro{padding:22px 24px 10px;margin:0 0 18px;}
body.mxie-content-page .mxp-page a{color:var(--mxie-accent);text-decoration:none;border-bottom:1px solid rgba(249,99,2,.28);transition:.18s ease;}
body.mxie-content-page .mxp-page a:hover{color:#dd5600;border-bottom-color:rgba(249,99,2,.62);}
body.mxie-content-page .mxp-linkList{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
body.mxie-content-page .mxp-linkList li{margin:0;}
body.mxie-content-page .mxp-linkList a{display:block;padding:14px 16px;border-radius:14px;border:1px solid rgba(249,99,2,.18);background:linear-gradient(180deg,#fff 0%, #fffaf6 100%);font-weight:700;line-height:1.45;}
body.mxie-content-page .mxp-page ul:not(.mxp-linkList),
body.mxie-content-page .mxp-page ol{margin:0 0 1.15rem;padding-left:1.25rem;}
body.mxie-content-page .mxp-page li{margin:0 0 .45rem;}
body.mxie-content-page .mxp-page img,
body.mxie-content-page .mxp-page iframe,
body.mxie-content-page .mxp-page video{display:block;max-width:100%;height:auto;margin:1rem auto 1.35rem;border-radius:18px;box-shadow:0 14px 30px rgba(15,23,42,.10);}
body.mxie-content-page .mxp-page figure{margin:1rem 0 1.35rem;}
body.mxie-content-page .mxp-page figcaption{margin-top:.55rem;color:var(--mxie-muted);text-align:left;font-size:.94rem;}
body.mxie-content-page .mxp-card :last-child{margin-bottom:0;}

/* MODO INTERLINKING: más visual, ancho y con hero/cuadritos como el flujo asistido */
body.mxie-content-page.mxie-mode-interlink .entry-content,
body.mxie-content-page.mxie-mode-interlink .post-content,
body.mxie-content-page.mxie-mode-interlink .page-content,
body.mxie-content-page.mxie-mode-interlink .blog-details-content,
body.mxie-content-page.mxie-mode-interlink .single-content{
  width:min(100%, 1560px);
  padding:32px 28px 56px;
}

body.mxie-content-page.mxie-mode-interlink .mxp-hero{
  padding:28px 28px 24px;
  margin:0 0 22px;
}

body.mxie-content-page.mxie-mode-interlink .mxp-kicker{
  margin:0 0 14px;
}

body.mxie-content-page.mxie-mode-interlink .mxp-intro,
body.mxie-content-page.mxie-mode-interlink .mxp-hero p{
  max-width:1150px;
}

body.mxie-content-page.mxie-mode-interlink .mxp-page > .mxp-section:first-of-type{
  margin-top:0;
}

/* MODO ARREGLAR ESTILOS: más limpio y abierto para páginas viejas */
body.mxie-content-page.mxie-mode-style .entry-content,
body.mxie-content-page.mxie-mode-style .post-content,
body.mxie-content-page.mxie-mode-style .page-content,
body.mxie-content-page.mxie-mode-style .blog-details-content,
body.mxie-content-page.mxie-mode-style .single-content{
  width:calc(100vw - 40px);
  padding:26px 0 52px;
}

body.mxie-content-page.mxie-mode-style .mxp-hero{
  padding:26px 30px 22px;
  margin:0 0 26px;
}

body.mxie-content-page.mxie-mode-style .mxp-section > h2{
  margin-bottom:18px;
}

body.mxie-content-page.mxie-mode-style .mxp-grid--2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.mxie-content-page.mxie-mode-style .mxp-intro,
body.mxie-content-page.mxie-mode-style .mxp-hero p{
  max-width:none;
}

@media (max-width: 1199px){
  body.mxie-content-page .mxp-hero h1{font-size:clamp(34px, 5vw, 54px);}
  body.mxie-content-page .mxp-section > h2{font-size:clamp(28px, 4vw, 40px);}
  body.mxie-content-page.mxie-mode-interlink .entry-content,
  body.mxie-content-page.mxie-mode-interlink .post-content,
  body.mxie-content-page.mxie-mode-interlink .page-content,
  body.mxie-content-page.mxie-mode-interlink .blog-details-content,
  body.mxie-content-page.mxie-mode-interlink .single-content,
  body.mxie-content-page.mxie-mode-style .entry-content,
  body.mxie-content-page.mxie-mode-style .post-content,
  body.mxie-content-page.mxie-mode-style .page-content,
  body.mxie-content-page.mxie-mode-style .blog-details-content,
  body.mxie-content-page.mxie-mode-style .single-content{
    width:calc(100vw - 28px);
  }
}

@media (max-width: 991px){
  body.mxie-content-page .mxp-grid--2{grid-template-columns:1fr;}
  body.mxie-content-page .mxp-mediaGrid--2,
  body.mxie-content-page .mxp-mediaGrid--3{grid-template-columns:1fr;}
}


@media (max-width: 767px){
  body.mxie-content-page .entry-content,
  body.mxie-content-page .post-content,
  body.mxie-content-page .page-content,
  body.mxie-content-page .blog-details-content,
  body.mxie-content-page .single-content{
    width:calc(100vw - 20px) !important;
    padding:14px 0 32px !important;
    font-size:16px;
    line-height:1.7;
  }
  body.mxie-content-page .mxp-hero,
  body.mxie-content-page .mxp-card,
  body.mxie-content-page .mxp-sectionIntro,
  body.mxie-content-page .mxp-note,
  body.mxie-content-page .mxp-cta{padding:16px 14px;border-radius:16px;}
  body.mxie-content-page .mxp-hero h1{font-size:28px;line-height:1.12;}
  body.mxie-content-page .mxp-section > h2{font-size:24px;line-height:1.15;margin-bottom:12px;}
  body.mxie-content-page .mxp-card h3{font-size:20px;line-height:1.2;margin-bottom:10px;}
}
