/* Lectura accesible y sin distracciones para las guías informativas. */
.seo-article .seo-byline{font-size:.87rem;color:#506869;line-height:1.55;margin:.45rem 0 1.15rem}
.seo-sources{border-top:1px solid #ded7ca;padding-top:6px;margin-top:3rem}
.seo-sources h2{font-size:1.48rem}
.seo-sources ul{padding-left:1.4rem}
.seo-sources li,.seo-sources p{font-size:.95rem;line-height:1.65}
.seo-main{background:#fbf7ef;min-height:70svh;padding:40px max(20px,calc((100vw - 1120px)/2)) 78px}
.seo-article{max-width:890px;margin:0 auto;color:#243b3b}
.seo-breadcrumb{font-size:.9rem;color:#465d5d;margin:0 0 30px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.seo-breadcrumb a,.seo-article a:not(.button),.seo-footer a{color:#12615e;text-decoration:underline;text-underline-offset:3px}
.seo-article h1{font-size:clamp(2.05rem,4.4vw,3.5rem);line-height:1.13;letter-spacing:-.025em;margin:.35rem 0 1.2rem;color:#204b4b;text-wrap:balance}
.seo-article h2{font-size:clamp(1.45rem,2.5vw,1.9rem);line-height:1.26;margin:2.5rem 0 .75rem;color:#28585a}
.seo-article p,.seo-article li{font-size:1.05rem;line-height:1.7;margin:0 0 1.1rem}
.seo-article .seo-intro{font-size:1.18rem;line-height:1.65;color:#2c4d4d}
.seo-article ol{padding-left:1.55rem;margin:1rem 0}
.seo-article li{padding-left:.3rem;margin-bottom:.65rem}
.seo-article .seo-next{background:#ecf4ed;border:1px solid #c9dfd0;border-radius:20px;padding:24px 28px;margin:3rem 0}
.seo-next h2{margin:0 0 .7rem;color:#174b49}
.seo-next .button{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:auto;max-width:100%;white-space:normal}
.seo-article .seo-source{border-top:1px solid #ded7ca;font-size:.87rem;line-height:1.55;padding-top:15px;color:#4c6262;margin-top:2.5rem}
.seo-footer{padding:28px 24px;background:#fffdf9;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid #e2d9cc;font-size:.9rem}
.seo-footer button{background:none;border:none;color:#12615e;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;font:inherit}
@media(max-width:700px){
  .seo-main{padding:24px 22px 55px}
  .seo-breadcrumb{margin-bottom:24px}
  .seo-article h1{font-size:2.18rem}
  .seo-article p,.seo-article li{font-size:1rem;line-height:1.65}
  .seo-article .seo-intro{font-size:1.07rem}
  .seo-article .seo-next{padding:20px 18px}
  .seo-next .button{width:100%}
  .site-header .brand span{font-size:22px}
  .site-header .button.small{font-size:.78rem;padding:8px 12px;min-height:40px}
}