/* THORKIA V31 R4.8 · BLOG · 9 ARQUITECTURAS INTERNAS REALES
   Solo páginas de artículo. No modifica el índice /blog/.
   Cada categoría cambia composición, no solo color. */
.article-page{
  --a:#1768d2;--a2:#5b8ff0;--ink:#0d1b30;--copy:#40546d;--muted:#708198;
  --soft:#eef5ff;--soft2:#f8fbff;--line:#d8e4f0;
  background:#fff!important;color:var(--ink)!important;
}
.article-page .container{width:min(100% - 48px,1500px)!important;max-width:1500px!important}
.article-page .article-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;background:#f8fbff!important}
.article-page .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px!important;font-size:11px!important;line-height:1.35!important;text-transform:uppercase;letter-spacing:.05em;color:#7b8ba0!important}
.article-page .breadcrumbs a{color:#60748e!important}.article-page .breadcrumbs b{color:#657993!important}
.article-page .article-kicker{margin:0 0 14px!important;color:var(--a)!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.13em!important;text-transform:uppercase;font-weight:800!important}
.article-page h1{margin:0!important;color:var(--ink)!important;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.045em!important;text-wrap:balance}
.article-page .article-deck{margin:20px 0 0!important;color:var(--copy)!important;font-size:17px!important;line-height:1.65!important}
.article-page .article-byline{display:flex!important;flex-wrap:wrap;gap:9px 16px!important;margin-top:22px!important;color:#718197!important;font-size:11px!important;line-height:1.4!important;text-transform:uppercase;letter-spacing:.035em}
.article-page .article-byline>*:not(:last-child):after{content:"·";margin-left:16px;color:#afbac7!important}
.article-page .article-hero-conversion{margin-top:26px!important}.article-page .article-hero-actions{display:flex!important;flex-wrap:wrap;gap:12px!important;align-items:center!important}
.article-page .article-register-btn{background:linear-gradient(110deg,var(--a),var(--a2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 26px color-mix(in srgb,var(--a) 18%,transparent)!important}
.article-page .article-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #cad8e7!important;border-radius:11px;background:#fff!important;color:#233a55!important;font-weight:750!important;text-decoration:none!important}
.article-page .article-register-note{max-width:700px;margin:13px 0 0!important;color:#6f8095!important;font-size:13px!important;line-height:1.55!important}
.article-page .article-cover{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--a) 22%,#d5e1ed)!important;background:#fff!important;box-shadow:0 22px 60px rgba(31,66,111,.13)!important;transform:none!important;filter:none!important}
.article-page .article-cover img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;transform:none!important;filter:none!important}

/* ---------- Cuerpo estable ---------- */
.article-page .article-layout{margin:0 auto!important;padding-top:64px!important;padding-bottom:96px!important;align-items:start!important}
.article-page .article-content{min-width:0;color:#334b66!important;font-size:17px!important;line-height:1.82!important}
.article-page .article-content>p:first-child{font-size:20px!important;line-height:1.66!important;color:#213750!important}
.article-page .article-content h2{position:relative;margin:54px 0 18px!important;color:var(--ink)!important;font-size:clamp(29px,2.25vw,36px)!important;line-height:1.13!important;letter-spacing:-.032em!important;scroll-margin-top:110px}
.article-page .article-content h3{margin:32px 0 12px!important;color:#142943!important;font-size:22px!important;line-height:1.28!important}
.article-page .article-content p{color:#40556e!important}.article-page .article-content a{color:var(--a)!important}.article-page .article-content li{margin-bottom:8px}
.article-page .article-content ul:not(.article-checks):not(.article-errors),.article-page .article-content ol:not(.article-steps):not(.article-number-list){padding-left:24px}
.article-page .article-answer,.article-page .article-example{margin:26px 0!important;padding:22px 24px!important;border:1px solid var(--line)!important;background:var(--soft)!important;color:#29425d!important}
.article-page .article-answer{border-left:4px solid var(--a)!important;border-radius:0 14px 14px 0!important}.article-page .article-example{border-top:3px solid var(--a)!important;border-radius:12px!important}
.article-page .article-answer span,.article-page .article-example span,.article-page .article-related-inline a{color:var(--a)!important}
.article-page .article-checks,.article-page .article-errors{gap:10px!important}.article-page .article-checks li,.article-page .article-errors li{padding:16px 18px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important;color:#334b65!important;font-size:14px!important;line-height:1.55!important}
.article-page .article-steps{gap:14px!important}.article-page .article-steps li{grid-template-columns:44px minmax(0,1fr)!important;gap:15px!important;color:#334b65!important}.article-page .article-steps li>span,.article-page .article-number-list li:before{background:var(--a)!important;color:#fff!important}
.article-page .article-faq details{border-color:#dbe5ef!important;background:#fff!important}.article-page .article-faq summary{color:#18314d!important}.article-page .article-faq p{color:#465d76!important}
.article-page .article-cta{margin-top:62px!important;padding:34px!important;border:1px solid color-mix(in srgb,var(--a) 25%,#cfdeeb)!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,var(--soft))!important;color:var(--ink)!important}.article-page .article-cta>span{color:var(--a)!important}.article-page .article-cta h2{margin:9px 0 12px!important;color:var(--ink)!important}.article-page .article-cta h2:after,.article-page .article-cta h2:before{display:none!important}.article-page .article-cta p{color:#4b6077!important}.article-page .article-cta-actions{display:flex!important;flex-wrap:wrap;gap:12px!important}
.related{background:#f3f7fc!important;border-top:1px solid #dbe5ef!important}

/* ---------- TOC: cuatro formatos ---------- */
.article-page .article-aside{position:relative!important;min-width:0}.article-page .article-aside-box{position:sticky!important;top:104px!important;padding:18px!important;border:1px solid var(--line)!important;border-top:3px solid var(--a)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(31,66,111,.05)!important}.article-page .article-aside-box strong,.article-page .article-toc-band strong,.article-page .article-toc-grid strong{display:block;color:var(--a)!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.12em!important;text-transform:uppercase}.article-page .article-toc-links{display:grid}.article-page .article-aside-box .article-toc-links{margin-top:10px}.article-page .article-aside-box a{display:block;padding:10px 2px!important;border-top:1px solid #e6ecf2!important;color:#4d627b!important;font-size:13px!important;line-height:1.4!important;text-decoration:none!important}.article-page .article-more-category{display:block;margin-top:5px!important;padding-top:13px!important;border-top:1px solid #e6ecf2!important;color:var(--a)!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important}
.article-page .article-toc-band{margin-top:-1px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(31,66,111,.06)}.article-page .article-toc-band .article-toc-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;margin-top:12px}.article-page .article-toc-band .article-toc-links a{padding:8px 0;border-top:1px solid #e7edf3;color:#4c627a!important;font-size:12px!important;line-height:1.4!important;text-decoration:none!important}.article-page .article-toc-band .article-more-category{margin-top:8px!important;padding-top:10px!important}
.article-page .article-toc-grid{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.article-page .article-toc-grid .article-toc-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.article-page .article-toc-grid .article-toc-links a{min-height:58px;padding:13px 14px;border:1px solid #dfe7ef;border-radius:10px;background:#f8fbfe;color:#405873!important;font-size:12px!important;line-height:1.35!important;text-decoration:none!important}.article-page .article-toc-grid .article-more-category{margin-top:12px!important}

/* =========================================================
   1 · CRM Y VENTAS — editorial clásico
   ========================================================= */
.article-architecture-crm{--a:#1768d2;--a2:#4e91ef;--soft:#edf5ff}.article-architecture-crm .arch-crm{padding:118px 0 62px!important;background:linear-gradient(135deg,#fbfdff,#edf5ff)!important}.article-architecture-crm .article-hero-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr)!important;gap:72px!important;align-items:center!important}.article-architecture-crm h1{font-size:clamp(44px,4.2vw,66px)!important;line-height:1.02!important}.article-architecture-crm .article-cover{border-radius:8px 28px 8px 28px!important}.article-architecture-crm .arch-layout-left{display:grid!important;grid-template-columns:280px minmax(0,880px)!important;gap:64px!important;justify-content:center!important}.article-architecture-crm .article-content h2:after{content:"";display:block;width:58px;height:3px;margin-top:13px;border-radius:99px;background:var(--a)!important}

/* =========================================================
   2 · AUTOMATIZACIÓN — cabecera apilada + mapa horizontal
   ========================================================= */
.article-architecture-automatizacion{--a:#087f8c;--a2:#22a6b3;--soft:#edfafa;--line:#d1e9eb}.article-architecture-automatizacion .arch-automation{padding:112px 0 0!important;background:linear-gradient(180deg,#f7fcfc,#ebf8f9)!important}.article-architecture-automatizacion .arch-auto-head{max-width:1050px!important}.article-architecture-automatizacion .article-head-copy{text-align:center}.article-architecture-automatizacion .breadcrumbs,.article-architecture-automatizacion .article-byline,.article-architecture-automatizacion .article-hero-actions{justify-content:center}.article-architecture-automatizacion .article-deck,.article-architecture-automatizacion .article-register-note{max-width:820px;margin-left:auto!important;margin-right:auto!important}.article-architecture-automatizacion h1{font-size:clamp(46px,5vw,74px)!important;line-height:.99!important}.article-architecture-automatizacion .arch-auto-cover{max-width:1180px!important;margin-top:46px!important;transform:translateY(38px)}.article-architecture-automatizacion .article-cover{border-radius:22px!important;box-shadow:0 28px 70px rgba(8,92,102,.16)!important}.article-architecture-automatizacion .arch-toc-band{position:relative;z-index:2;margin-top:76px!important;max-width:1180px!important}.article-architecture-automatizacion .arch-layout-single{display:block!important;max-width:900px!important}.article-architecture-automatizacion .article-content h2{padding-left:22px;border-left:4px solid var(--a)!important}.article-architecture-automatizacion .article-content h2:after{display:none!important}.article-architecture-automatizacion .article-steps li{padding:12px 0;border-bottom:1px dashed #cde3e5}

/* =========================================================
   3 · LEADS — portada primero + TOC derecho
   ========================================================= */
.article-architecture-leads{--a:#c45635;--a2:#e47c57;--soft:#fff3ef;--line:#edd9d1}.article-architecture-leads .arch-leads{padding:116px 0 64px!important;background:linear-gradient(135deg,#fffaf8,#fff0eb)!important}.article-architecture-leads .arch-leads-grid{display:grid!important;grid-template-columns:minmax(460px,1.08fr) minmax(0,.92fr)!important;gap:68px!important;align-items:center!important}.article-architecture-leads .article-cover{order:1;border-radius:28px 28px 12px 12px!important}.article-architecture-leads .article-head-copy{order:2}.article-architecture-leads h1{font-size:clamp(43px,4vw,64px)!important;line-height:1.01!important}.article-architecture-leads .arch-layout-right{display:grid!important;grid-template-columns:minmax(0,860px) 280px!important;gap:64px!important;justify-content:center!important}.article-architecture-leads .article-content h2{padding:0 0 12px;border-bottom:2px solid #f0d9d1}.article-architecture-leads .article-content h2:after{content:"";position:absolute;left:0;bottom:-2px;width:90px;height:2px;background:var(--a)!important}.article-architecture-leads .article-checks li{border-left:3px solid color-mix(in srgb,var(--a) 55%,#fff)!important}

/* =========================================================
   4 · AGENDA — hero centrado + portada panorámica + mapa grid
   ========================================================= */
.article-architecture-agenda{--a:#4d62b7;--a2:#7383d0;--soft:#f0f2fb;--line:#d9def1}.article-architecture-agenda .arch-agenda{padding:112px 0 0!important;background:linear-gradient(180deg,#fbfcff,#eef1fb)!important}.article-architecture-agenda .arch-agenda-head{max-width:960px!important;text-align:center}.article-architecture-agenda .breadcrumbs,.article-architecture-agenda .article-byline,.article-architecture-agenda .article-hero-actions{justify-content:center}.article-architecture-agenda .article-deck,.article-architecture-agenda .article-register-note{max-width:780px;margin-left:auto!important;margin-right:auto!important}.article-architecture-agenda h1{font-size:clamp(45px,4.8vw,72px)!important;line-height:1!important}.article-architecture-agenda .arch-agenda-cover{max-width:1260px!important;margin-top:40px!important;transform:translateY(42px)}.article-architecture-agenda .article-cover{border-radius:20px 20px 0 0!important;box-shadow:0 24px 60px rgba(70,85,156,.15)!important}.article-architecture-agenda .arch-agenda-map{max-width:1120px!important;margin-top:84px!important}.article-architecture-agenda .arch-layout-narrow{display:block!important;max-width:820px!important}.article-architecture-agenda .article-content h2{text-align:center}.article-architecture-agenda .article-content h2:after{content:"";display:block;width:42px;height:3px;margin:12px auto 0;background:var(--a)!important;border-radius:99px}.article-architecture-agenda .article-example{border-radius:20px!important}

/* =========================================================
   5 · GESTIÓN — informe ejecutivo
   ========================================================= */
.article-architecture-gestion{--a:#526b84;--a2:#7b91a7;--soft:#f0f4f7;--line:#d5dfe7}.article-architecture-gestion .arch-gestion{padding:112px 0 64px!important;background:linear-gradient(180deg,#fbfcfd,#eef2f5)!important}.article-architecture-gestion .arch-gestion-title{max-width:1280px!important}.article-architecture-gestion .arch-gestion-title h1{max-width:1050px;font-size:clamp(48px,5.1vw,78px)!important;line-height:.98!important}.article-architecture-gestion .arch-gestion-brief{display:grid!important;grid-template-columns:minmax(0,.74fr) minmax(500px,1.26fr)!important;gap:70px!important;align-items:end!important;margin-top:44px!important}.article-architecture-gestion .arch-gestion-summary{padding:28px 0 10px;border-top:1px solid #cbd7e1}.article-architecture-gestion .article-cover{border-radius:4px!important;box-shadow:14px 14px 0 rgba(82,107,132,.08),0 22px 58px rgba(38,61,83,.10)!important}.article-architecture-gestion .arch-layout-executive{display:grid!important;grid-template-columns:270px minmax(0,900px)!important;gap:72px!important;justify-content:center!important}.article-architecture-gestion .article-content h2{padding-bottom:13px;border-bottom:1px solid #d3dde6!important}.article-architecture-gestion .article-content h2:after{display:none!important}.article-architecture-gestion .article-answer{border-left-width:2px!important}

/* =========================================================
   6 · SECTORES — playbook visual
   ========================================================= */
.article-architecture-sectores{--a:#12846f;--a2:#39aa91;--soft:#edf8f4;--line:#d2e8e1}.article-architecture-sectores .arch-sectores{padding:108px 0 62px!important;background:linear-gradient(180deg,#fafdfc,#ecf8f4)!important}.article-architecture-sectores .arch-sector-cover{border-radius:28px 10px 28px 10px!important;max-width:1280px!important}.article-architecture-sectores .arch-sector-copy{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)!important;gap:70px!important;align-items:start!important;margin-top:42px!important}.article-architecture-sectores .arch-sector-copy h1{font-size:clamp(46px,4.8vw,72px)!important;line-height:1!important}.article-architecture-sectores .arch-sector-copy .article-deck{margin-top:2px!important}.article-architecture-sectores .arch-sector-map{max-width:1180px!important;margin-top:40px!important}.article-architecture-sectores .arch-layout-wide{display:block!important;max-width:980px!important}.article-architecture-sectores .article-content h2{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.article-architecture-sectores .article-content h2:before{content:"↗";display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--a);font-size:18px}.article-architecture-sectores .article-content h2:after{display:none!important}.article-architecture-sectores .article-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* =========================================================
   7 · INTEGRACIONES — dossier técnico, TOC derecho
   ========================================================= */
.article-architecture-integraciones{--a:#1387a8;--a2:#42b7d2;--soft:#edf9fc;--line:#d0e8ef}.article-architecture-integraciones .arch-integraciones{padding:114px 0 66px!important;background:linear-gradient(135deg,#f8fdff,#eaf7fb)!important}.article-architecture-integraciones .arch-integraciones:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#8bcddd 1.2px,transparent 1.3px);background-size:54px 54px;opacity:.13;pointer-events:none}.article-architecture-integraciones .arch-tech-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr)!important;gap:70px!important;align-items:center!important}.article-architecture-integraciones h1{font-size:clamp(44px,4.2vw,66px)!important;line-height:1.01!important}.article-architecture-integraciones .arch-tech-panel{padding:16px;border:1px solid #c9e4ec;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 20px 58px rgba(18,105,131,.10)}.article-architecture-integraciones .arch-tech-label{display:block;margin:0 0 10px;color:#4a7890;font:700 10px/1.3 "Space Grotesk",sans-serif;letter-spacing:.12em}.article-architecture-integraciones .article-cover{border-radius:12px!important;box-shadow:none!important}.article-architecture-integraciones .arch-layout-tech{display:grid!important;grid-template-columns:minmax(0,860px) 290px!important;gap:68px!important;justify-content:center!important}.article-architecture-integraciones .article-content h2{padding-left:26px;border-bottom:1px solid #d0e7ee;padding-bottom:12px}.article-architecture-integraciones .article-content h2:before{content:"";position:absolute;left:0;top:.38em;width:9px;height:9px;border-radius:50%;background:var(--a);box-shadow:15px 0 0 #a8dbe8}.article-architecture-integraciones .article-content h2:after{display:none!important}.article-architecture-integraciones .article-example{background:#f2fbfd!important}

/* =========================================================
   8 · COMUNICACIÓN — cabecera en dos niveles, lectura centrada
   ========================================================= */
.article-architecture-comunicacion{--a:#b85f3f;--a2:#d98765;--soft:#fff4ee;--line:#eddcd3}.article-architecture-comunicacion .arch-comunicacion{padding:112px 0 62px!important;background:linear-gradient(180deg,#fffaf7,#fdf1ea)!important}.article-architecture-comunicacion .arch-com-title{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;gap:76px!important;align-items:start!important}.article-architecture-comunicacion .arch-com-title h1{font-size:clamp(48px,5vw,76px)!important;line-height:.99!important}.article-architecture-comunicacion .arch-com-note{padding:24px 26px;border:1px solid #ead8cf;border-radius:24px 24px 24px 7px;background:#fff;box-shadow:0 12px 34px rgba(133,75,52,.07)}.article-architecture-comunicacion .arch-com-note .article-deck{margin-top:0!important}.article-architecture-comunicacion .article-cover{margin-top:42px;border-radius:26px 26px 26px 8px!important}.article-architecture-comunicacion .arch-com-toc{max-width:1100px!important;margin-top:34px!important}.article-architecture-comunicacion .arch-layout-com{display:block!important;max-width:850px!important}.article-architecture-comunicacion .article-content h2{font-size:clamp(30px,2.5vw,38px)!important}.article-architecture-comunicacion .article-content h2:after{content:"";display:block;width:70px;height:2px;margin-top:12px;background:var(--a)!important}.article-architecture-comunicacion .article-answer{border-radius:18px 18px 18px 5px!important}

/* =========================================================
   9 · RETENCIÓN — ciclo / recorrido, portada izquierda
   ========================================================= */
.article-architecture-retencion{--a:#7952a6;--a2:#a47ac7;--soft:#f5eff9;--line:#e1d7e8}.article-architecture-retencion .arch-retencion{padding:116px 0 66px!important;background:linear-gradient(135deg,#fdfbfe,#f4edf8)!important}.article-architecture-retencion .arch-ret-grid{display:grid!important;grid-template-columns:minmax(460px,1.04fr) minmax(0,.96fr)!important;gap:72px!important;align-items:center!important}.article-architecture-retencion .article-cover{border-radius:24px!important}.article-architecture-retencion .arch-ret-copy h1{font-size:clamp(44px,4.2vw,66px)!important;line-height:1.01!important}.article-architecture-retencion .arch-layout-retention{display:grid!important;grid-template-columns:290px minmax(0,870px)!important;gap:68px!important;justify-content:center!important}.article-architecture-retencion .article-toc-timeline{border-top:1px solid var(--line)!important;padding-left:26px!important}.article-architecture-retencion .article-toc-timeline:before{content:"";position:absolute;left:13px;top:54px;bottom:34px;width:2px;background:#e0d3e8}.article-architecture-retencion .article-toc-timeline .article-toc-links a{position:relative}.article-architecture-retencion .article-toc-timeline .article-toc-links a:before{content:"";position:absolute;left:-19px;top:16px;width:8px;height:8px;border:2px solid var(--a);border-radius:50%;background:#fff}.article-architecture-retencion .article-content h2:before{content:"";display:inline-block;width:12px;height:12px;margin-right:12px;border:3px solid var(--a);border-radius:50%;vertical-align:.08em}.article-architecture-retencion .article-content h2:after{display:none!important}.article-architecture-retencion .article-related-inline{border-left-color:var(--a)!important}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .article-page .container{width:min(100% - 36px,1500px)!important}
  .article-architecture-crm .article-hero-grid,.article-architecture-leads .arch-leads-grid,.article-architecture-integraciones .arch-tech-grid,.article-architecture-retencion .arch-ret-grid{gap:42px!important;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important}
  .article-architecture-gestion .arch-gestion-brief{grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr)!important;gap:42px!important}
  .article-architecture-comunicacion .arch-com-title,.article-architecture-sectores .arch-sector-copy{gap:44px!important}
  .article-page .article-toc-band .article-toc-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .article-page .article-hero{padding-top:100px!important}
  .article-architecture-crm .article-hero-grid,.article-architecture-leads .arch-leads-grid,.article-architecture-integraciones .arch-tech-grid,.article-architecture-retencion .arch-ret-grid,.article-architecture-gestion .arch-gestion-brief,.article-architecture-sectores .arch-sector-copy,.article-architecture-comunicacion .arch-com-title{grid-template-columns:1fr!important}
  .article-architecture-leads .article-cover,.article-architecture-retencion .article-cover{order:2}.article-architecture-leads .article-head-copy,.article-architecture-retencion .arch-ret-copy{order:1}
  .article-architecture-crm .arch-layout-left,.article-architecture-leads .arch-layout-right,.article-architecture-gestion .arch-layout-executive,.article-architecture-integraciones .arch-layout-tech,.article-architecture-retencion .arch-layout-retention{grid-template-columns:1fr!important;max-width:900px!important;gap:34px!important}
  .article-page .article-aside{order:-1}.article-page .article-aside-box{position:static!important}.article-page .article-aside-box .article-toc-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.article-page .article-toc-band .article-toc-links,.article-page .article-toc-grid .article-toc-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-architecture-automatizacion .arch-auto-cover,.article-architecture-agenda .arch-agenda-cover{transform:translateY(28px)}
}
@media (max-width:700px){
  .article-page .container{width:min(100% - 24px,1500px)!important}
  .article-page .article-hero{padding-top:88px!important;padding-bottom:38px!important}
  .article-page h1,.article-architecture-automatizacion h1,.article-architecture-agenda h1,.article-architecture-gestion .arch-gestion-title h1,.article-architecture-sectores .arch-sector-copy h1,.article-architecture-comunicacion .arch-com-title h1{font-size:clamp(36px,11vw,52px)!important;line-height:1.02!important}
  .article-page .article-deck{font-size:16px!important}.article-page .article-byline{gap:7px 10px!important}.article-page .article-byline>*:not(:last-child):after{margin-left:10px}
  .article-page .article-hero-actions{display:grid!important;grid-template-columns:1fr!important}.article-page .article-hero-actions>*{width:100%!important}.article-page .article-secondary-action{min-height:46px}
  .article-page .article-layout{padding-top:42px!important;padding-bottom:70px!important}.article-page .article-content{font-size:16px!important;line-height:1.75!important}.article-page .article-content>p:first-child{font-size:18px!important}.article-page .article-content h2{font-size:29px!important;margin-top:44px!important}
  .article-page .article-toc-band,.article-page .article-toc-grid{padding:16px}.article-page .article-toc-band .article-toc-links,.article-page .article-toc-grid .article-toc-links,.article-page .article-aside-box .article-toc-links{grid-template-columns:1fr!important}.article-page .article-toc-grid .article-toc-links a{min-height:auto}
  .article-architecture-automatizacion .arch-auto-cover,.article-architecture-agenda .arch-agenda-cover{margin-top:28px!important;transform:translateY(18px)}.article-architecture-automatizacion .arch-toc-band{margin-top:52px!important}.article-architecture-agenda .arch-agenda-map{margin-top:55px!important}.article-architecture-comunicacion .arch-com-note{padding:20px;border-radius:18px 18px 18px 6px}.article-architecture-sectores .article-checks{grid-template-columns:1fr!important}
  .article-page .article-cta{padding:24px!important}.article-page .article-cta-actions{display:grid!important;grid-template-columns:1fr!important}.article-page .article-cta-actions>*{width:100%!important}
}