/* Credanta global article shell V218 · global standard 2026-09-11 */
.article-page .article-reading-grid{grid-template-columns:200px minmax(0,1fr) 220px!important;gap:26px!important;align-items:start!important}
.article-page .article-sidebar{position:sticky!important;top:92px!important;align-self:start!important;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(16,45,97,.18) transparent;padding-bottom:2px}
.article-page .article-sidebar::-webkit-scrollbar{width:5px}.article-page .article-sidebar::-webkit-scrollbar-thumb{background:rgba(16,45,97,.18);border-radius:999px}
.article-page .article-left,.article-page .article-right{display:block}
.article-page .side-widget+.side-widget,.article-page .side-widget+.side-cta{margin-top:12px}
.article-page .side-toc{display:grid;gap:3px}.article-page .side-toc a{display:block;padding:7px 8px;border-radius:9px}
.article-page .article-toc{margin:0 0 28px}.article-page .article-toc-head{width:100%}.article-page .article-toc-body[hidden]{display:none!important}
@media(max-width:1120px){.article-page .article-reading-grid{grid-template-columns:180px minmax(0,1fr)!important;gap:24px!important}.article-page .article-right{display:none!important}.article-page .article-left{display:block!important}}
@media(max-width:900px){.article-page .article-reading-grid{grid-template-columns:1fr!important}.article-page .article-left,.article-page .article-right{display:none!important}}

/* CONTRASTE Y LEGIBILIDAD · Credanta ES · 2026-11-05
   Asegura texto claro y tamaños legibles en componentes oscuros de los artículos.
   Sobrescribe la regla heredada .article-body strong sin afectar al resto del texto. */
.article-page .article-body .article-decision-summary,
.article-page .article-body .decision-box,
.article-page .article-body .article-compare-cards > div:nth-child(3),
.article-page .article-body .article-action-banner--navy{
  color:#f5f9ff!important;
}
.article-page .article-body .article-decision-summary strong,
.article-page .article-body .decision-box > strong,
.article-page .article-body .decision-box p strong,
.article-page .article-body .article-compare-cards > div:nth-child(3) strong,
.article-page .article-body .article-action-banner--navy .article-action-copy strong,
.article-page .article-bottom-card h2,
.article-page .article-bottom-card strong{
  color:#ffffff!important;
}
.article-page .article-body .article-decision-summary small,
.article-page .article-body .article-compare-cards > div:nth-child(3) small,
.article-page .article-body .article-action-banner--navy .article-action-copy small,
.article-page .article-bottom-card small{
  color:#ffd0b4!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.article-page .article-body .article-decision-summary strong{
  font-size:clamp(18px,1.7vw,21px)!important;
  line-height:1.34!important;
  max-width:36ch;
}
.article-page .article-body .article-decision-summary p,
.article-page .article-body .decision-box > p,
.article-page .article-body .article-compare-cards > div:nth-child(3) p,
.article-page .article-bottom-card p{
  color:#e4ecf8!important;
  font-size:clamp(14.5px,1.2vw,16px)!important;
  line-height:1.65!important;
}
.article-page .article-body .article-action-banner--navy .article-action-copy p{
  color:#e4ecf8!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
.article-page .article-body .article-action-banner--navy .article-action-copy strong{
  font-size:clamp(17px,1.6vw,19px)!important;
  line-height:1.32!important;
}
.article-page .article-body .decision-box > strong{
  font-size:18px!important;
  line-height:1.4!important;
}
@media(max-width:600px){
  .article-page .article-body .article-decision-summary,
  .article-page .article-body .decision-box{padding:20px!important}
  .article-page .article-body .article-decision-summary strong{font-size:19px!important}
  .article-page .article-body .article-decision-summary p,
  .article-page .article-body .decision-box > p{font-size:15px!important}
}


/* CTA legibles: contraste AA incluso en texto pequeño, foco y altura táctil. */
.article-page .button-primary,
.article-page .article-cta-button,
.article-page .article-action-button,
.article-page .side-cta a,
.article-page .article-mobile-float > a{
  background:#b8441a!important;
  color:#ffffff!important;
  border-color:transparent;
  font-size:14px!important;
  line-height:1.35!important;
  min-height:44px!important;
  white-space:normal!important;
  text-align:center;
}
.article-page .button-primary:hover,
.article-page .article-cta-button:hover,
.article-page .article-action-button:hover,
.article-page .side-cta a:hover,
.article-page .article-mobile-float > a:hover{
  background:#9a3512!important;
  color:#ffffff!important;
}
.article-page .article-action-banner--navy .article-action-button{
  background:#ffffff!important;
  color:#0b1f43!important;
}
.article-page .article-action-banner--navy .article-action-button:hover{
  background:#f5f8fe!important;
  color:#0b1f43!important;
}
.article-page .article-action-banner--orange .article-action-button{
  background:#0b1f43!important;
  color:#ffffff!important;
}
.article-page .article-body .article-action-banner--orange .article-action-copy small,
.article-page .article-body .article-action-banner--orange .article-action-copy strong,
.article-page .article-body .article-action-banner--orange .article-action-copy p{
  color:#0b1f43!important;
}
.article-page .article-body .article-action-banner--orange .article-action-copy small{
  font-size:12px!important;
  line-height:1.5!important;
}
.article-page .article-body .article-action-banner--orange .article-action-copy p{
  font-size:14.5px!important;
  line-height:1.55!important;
}
.article-page .article-body .article-note,
.article-page .article-body .article-example p,
.article-page .article-body .article-cta span,
.article-page .article-body .article-final-check p{
  font-size:14px!important;
  line-height:1.6!important;
}
.article-page .article-body .article-example small{
  font-size:12px!important;
  line-height:1.5!important;
}
.article-page :is(.button-primary,.article-cta-button,.article-action-button,.side-cta a,.article-mobile-float > a):focus-visible{
  outline:3px solid #ffffff!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px #102d61!important;
}
@media(max-width:600px){
 .article-page .article-mobile-float > a{min-height:44px!important;font-size:13px!important;padding:10px 12px!important}
 .article-page .article-action-button{font-size:14px!important;white-space:normal!important}
}


/* Legibilidad de textos explicativos y etiquetas de los CTA claros. */
.article-page .article-body .article-action-copy small{
  font-size:12px!important;
  line-height:1.5!important;
}
.article-page .article-body .article-action-banner:not(.article-action-banner--navy):not(.article-action-banner--orange) .article-action-copy small{
  color:#943e20!important;
}
.article-page .article-body .article-action-copy p{
  font-size:14.5px!important;
  line-height:1.6!important;
}
.article-page .article-mobile-float .article-float-copy strong{
  font-size:12.5px!important;
  line-height:1.3!important;
}
.article-page .article-mobile-float .article-float-copy small{
  font-size:11px!important;
  line-height:1.3!important;
}
.article-page .side-cta small{
  color:#ffd0b4!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.article-page .side-cta strong{
  color:#ffffff!important;
  font-size:17px!important;
  line-height:1.35!important;
}
.article-page .side-cta p{
  color:#e4ecf8!important;
  font-size:14px!important;
  line-height:1.55!important;
}