/* THORKIA V31 R4.14R1 · Article Core
   Contrato común para nuevos Masters editoriales. M5 permanece congelado. */
:root{
  --m-ink:#0b1b33;
  --m-copy:#354a64;
  --m-muted:#6d7d91;
  --m-blue:#0a63e8;
  --m-blue-2:#2d8cff;
  --m-line:#d9e5f1;
  --m-soft:#f5f9fe;
  --m-shell:1540px;
  --m-read:1160px;
}
.m1-shell{width:min(var(--m-shell),calc(100% - 64px));margin-inline:auto}
.m1-editorial{background:#fff;color:var(--m-ink);overflow-x:hidden}
.m1-editorial *{box-sizing:border-box}
.m1-editorial img{display:block;max-width:100%;height:auto}
.m1-editorial a{text-decoration:none}
.m1-primary{background:linear-gradient(110deg,var(--m-blue),var(--m-blue-2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(10,99,232,.18)!important}
.m1-primary:hover,.m1-primary:focus,.m1-primary:visited{color:#fff!important}

/* Lectura: amplia, no “columna estrecha” */
.m1-reading-stage{padding:54px 0 92px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.m1-content{width:min(var(--m-read),calc(100% - 72px));margin-inline:auto;color:var(--m-copy);font-size:21px;line-height:1.74;letter-spacing:-.008em}
.m1-content>p{margin:0 0 26px}
.m1-content>p:first-child{max-width:1100px;margin-bottom:26px;font-size:23px;line-height:1.62;color:#223a58}
.m1-content h2{scroll-margin-top:112px;margin:72px 0 24px;color:var(--m-ink);font:700 clamp(36px,3vw,44px)/1.1 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.035em}
.m1-content h3{margin:44px 0 15px;color:var(--m-ink);font:700 28px/1.18 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.025em}
.m1-content a{color:var(--m-blue);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.m1-content strong{color:#1d324d}
.m1-content ul:not(.article-checks):not(.article-errors),.m1-content ol:not(.article-steps){padding-left:1.25em;margin:24px 0 32px}
.m1-content li{margin:9px 0}

/* Visuales siempre contenidos dentro del ancho editorial. */
.m1-wide-visual{width:100%;max-width:100%;margin:44px 0 56px;transform:none!important}
.m1-wide-visual img{width:100%;max-width:100%;aspect-ratio:16/8.8;max-height:660px;object-fit:cover;object-position:center;border:1px solid #cad8e7;border-radius:20px;box-shadow:0 22px 58px rgba(15,64,128,.10)}
.m1-wide-visual figcaption{max-width:980px;margin:12px auto 0;color:var(--m-muted);font-size:14px;line-height:1.5;text-align:center}

/* Componentes editoriales: menos “dashboard”, más lectura */
.m1-content .article-checks{list-style:none;padding:0;margin:30px 0 42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;border-top:1px solid var(--m-line)}
.m1-content .article-checks li{position:relative;padding:20px 4px 20px 40px;margin:0;border:0;border-bottom:1px solid var(--m-line);border-radius:0;background:transparent;font-size:18px;line-height:1.58;color:#465a72}
.m1-content .article-checks li::before{content:"✓";position:absolute;left:0;top:21px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f2ff;color:var(--m-blue);font-size:13px;font-weight:900}
.m1-content .article-checks li strong{display:block;margin-bottom:4px;color:#152b49;font-size:18.5px;line-height:1.35}
.m1-content .article-steps{list-style:none;padding:0;margin:32px 0 46px;display:grid;gap:0;counter-reset:m1step}
.m1-content .article-steps li{position:relative;display:grid;grid-template-columns:64px 1fr;gap:20px;margin:0;padding:24px 0;border-bottom:1px solid var(--m-line)}
.m1-content .article-steps li:first-child{border-top:1px solid var(--m-line)}
.m1-content .article-steps li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eaf3ff!important;color:var(--m-blue)!important;font:800 13px/1 "Space Grotesk",sans-serif;box-shadow:none!important}
.m1-content .article-steps strong{display:block;color:#152b49;font-size:20px;line-height:1.34}
.m1-content .article-steps p{margin:7px 0 0!important;color:#566980!important;font-size:18px!important;line-height:1.62!important}
.m1-content .article-errors{list-style:none;padding:0;margin:30px 0 42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.m1-content .article-errors li{margin:0;padding:17px 19px;border:0;border-left:3px solid #ef6a74;border-radius:0 10px 10px 0;background:#fff7f8;color:#506278;font-size:18px;line-height:1.58}
.m1-content .article-errors li::before{display:none!important}
.m1-content .article-example{margin:32px 0 44px;padding:27px 30px;border:1px solid #c9def8!important;border-left:4px solid var(--m-blue)!important;border-radius:14px!important;background:#f4f9ff!important;box-shadow:none!important}
.m1-content .article-example span{display:block;margin-bottom:9px;color:var(--m-blue)!important;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.m1-content .article-example p{margin:0;color:#344b67;font-size:19px;line-height:1.64}

.m1-final-cta{width:100%;margin:78px 0 0;transform:none!important;display:flex;align-items:center;justify-content:space-between;gap:38px;padding:36px 40px;border:1px solid #c9ddef;border-radius:20px;background:linear-gradient(135deg,#f7fbff,#eaf4ff);box-shadow:0 18px 48px rgba(16,68,137,.08)}
.m1-final-cta>div{max-width:760px}.m1-final-cta span{color:var(--m-blue);font-size:12px;font-weight:850;letter-spacing:.12em}.m1-final-cta h2{margin:7px 0 8px!important;font-size:34px!important}.m1-final-cta p{margin:0;color:#52667f;font-size:17px;line-height:1.58}

@media(max-width:1100px){
  .m1-shell{width:calc(100% - 44px)}
  .m1-content{width:calc(100% - 52px);font-size:20px}
  .m1-content .article-checks,.m1-content .article-errors{grid-template-columns:1fr}
}
@media(max-width:700px){
  .m1-shell{width:calc(100% - 28px)}
  .m1-reading-stage{padding:38px 0 64px}
  .m1-content{width:calc(100% - 30px);font-size:18px;line-height:1.72}
  .m1-content>p:first-child{font-size:20px}
  .m1-content h2{margin-top:54px;font-size:32px}
  .m1-content h3{font-size:24px}
  .m1-wide-visual{margin:34px 0 42px}
  .m1-wide-visual img{aspect-ratio:16/10;border-radius:15px}
  .m1-content .article-checks li{font-size:16.5px;padding-left:36px}
  .m1-content .article-checks li strong{font-size:17px}
  .m1-content .article-steps li{grid-template-columns:46px 1fr;gap:12px}
  .m1-content .article-steps li>span{width:40px;height:40px}
  .m1-content .article-steps strong{font-size:18px}
  .m1-content .article-steps p,.m1-content .article-errors li{font-size:16.5px!important}
  .m1-content .article-example p{font-size:17px!important}
  .m1-final-cta{margin-top:58px;padding:26px 24px;align-items:flex-start;flex-direction:column}.m1-final-cta h2{font-size:28px!important}.m1-final-cta .btn{width:100%;justify-content:center}
}