.article-page{background:#f8f9fd!important}
.article-page .article-main{padding:28px 20px 74px}
.article-content{width:min(820px,100%);margin:0 auto;padding:34px clamp(22px,6vw,72px) 58px;border:1px solid #e9ecf7;border-radius:24px;background:#fff;box-shadow:0 16px 50px #3144770c}
.article-breadcrumb{display:flex;gap:9px;align-items:center;color:#858aa4;font-size:12px}
.article-breadcrumb a{color:#5869d7!important;font-weight:700}
.article-header{padding:28px 0 20px;border-bottom:1px solid #edf0f7}
.article-header h1{margin:15px 0 12px;color:var(--hor-dark);font-size:clamp(34px,5vw,50px);line-height:1.08;letter-spacing:-.05em}
.article-header>p{margin:0;color:#656b89;font-size:17px;line-height:1.65}
.article-body{padding-top:14px;color:#505775;font-size:16px;line-height:1.8}
.article-body p{margin:16px 0}
.article-body h2{margin:36px 0 10px;color:var(--hor-dark);font-size:27px;line-height:1.2;letter-spacing:-.035em}
.article-body h3{margin:22px 0 5px;color:#222744;font-size:18px;line-height:1.35}
.article-body ol{padding-left:25px;margin:18px 0}
.article-body li{padding-left:5px;margin:10px 0}
.article-body a{color:#435fe0!important;text-decoration:underline!important;text-underline-offset:3px}
.article-body a.button{text-decoration:none!important;color:#fff!important}
.article-final-cta{margin-top:46px;padding:27px;border:1px solid #dfe4ff;border-radius:18px;background:linear-gradient(120deg,#f0f2ff,#fafbff)}
.article-final-cta h2{margin:0 0 8px}
.article-final-cta p{margin:0 0 18px}
.article-final-cta .button{max-width:100%;text-align:center}
.article-page .site-footer{padding:26px 0;background:#fff;border-top:1px solid #e9ecf5}
.article-page .site-footer>.section-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}
.article-page .site-footer .brand img{width:135px}
.article-page .site-footer nav{display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:620px){.article-page .article-main{padding:16px 12px 45px}.article-content{padding:25px 21px 36px;border-radius:18px}.article-header{padding-top:21px}.article-header h1{font-size:35px}.article-header>p{font-size:15px}.article-body{font-size:15px;line-height:1.75}.article-body h2{font-size:24px;margin-top:30px}.article-final-cta{padding:21px}.article-final-cta .button{width:100%;font-size:12px;padding-inline:12px}.article-page .site-header{height:68px}.article-page .nav-wrap{width:calc(100% - 28px)}.article-page .nav-actions{gap:7px}.article-page .nav-actions .button{padding:8px 10px;min-height:40px;font-size:11px}.article-page .site-footer>.section-shell{align-items:flex-start;flex-direction:column}.article-page .site-footer nav{gap:12px 18px}}
@media(max-width:480px){.article-page .nav-actions a[href="/control-de-asistencia-empleados"]{display:none}.article-page .nav-actions{gap:7px}}