/* YoAprovecho; additions scoped to this project. */
.ya-case [id]{scroll-margin-top:105px}
.ya-case .pd-hero{background:linear-gradient(115deg,#f2f4fa 0%,#f6faf5 72%,#edf5df 100%)}
.ya-case .pd-showcase{transform:rotate(1deg)}
.ya-case .pd-showcase img{border-radius:5px}
.ya-case .ya-status{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:11px;line-height:1.6;color:#62697a}
.ya-case .ya-status>span{width:6px;height:6px;border-radius:50%;background:#62697a;flex-shrink:0}
.ya-case .ya-tech-tag{display:flex;align-items:center;justify-content:center;gap:13px;background:#eff5e7;border-radius:6px;margin-top:21px;padding:14px;color:#37552b;font-size:11px;line-height:1.65}
.ya-case .ya-tech-tag svg{width:28px;height:28px}
.ya-case .ya-tech-tag strong{font-size:14px}
.ya-case .ya-band{background:#f4f6fa;border-block:1px solid #e0e4ee}
.ya-case .ya-section,.ya-case #ya-recorrido{padding-block:68px}
.ya-case .ya-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.ya-case .ya-flow>li{position:relative;background:white;border:1px solid #dce3d6;padding:30px;border-radius:12px}
.ya-case .ya-flow>li>svg{width:44px;height:44px;color:#547f32;display:block;margin-bottom:24px}
.ya-case .ya-flow>li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:45px;z-index:1;color:#4b5c92;background:#f4f6fa;border-radius:50%;width:32px;height:32px;line-height:32px;text-align:center;font-size:22px}
.ya-case .ya-number{display:block;font-size:10px;font-weight:bold;letter-spacing:.1em;color:#52743a;margin-bottom:14px}
.ya-case .ya-flow h3{font-size:20px;margin-bottom:15px}
.ya-case .ya-flow p,.ya-case .ya-interface p{font-size:14px;line-height:1.8;color:#4b5262}
.ya-case .ya-source-note{font-size:12px;line-height:1.7;color:#62697a;margin-top:25px}
.ya-case .ya-source-note a{text-underline-offset:3px;color:#4b5c92}
.ya-case .ya-interface{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;margin-top:30px;align-items:start}
.ya-case .ya-interface-intro{background:#eff5e7;border:1px solid #dce6d1;padding:30px;border-radius:10px}
.ya-case .ya-interface-intro>svg{width:34px;height:34px;color:#52743a;margin-bottom:24px}
.ya-case .ya-interface-intro h3{margin-bottom:15px}
.ya-case .ya-interface-points>div{display:grid;grid-template-columns:40px 1fr;gap:8px 18px;border-bottom:1px solid #dfe3eb;padding:18px 0}
.ya-case .ya-interface-points>div:first-child{padding-top:0}
.ya-case .ya-interface-points>div>span{grid-row:1 / 3;color:#8795b4;font-size:25px;line-height:1.2;font-weight:bold}
.ya-case .ya-interface-points h3{font-size:19px}
.ya-case .ya-sources,.ya-case .ya-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.ya-case .ya-sources>a{display:block;padding:26px 0 20px;text-decoration:none;border-top:3px solid #cbd6bf}
.ya-case .ya-sources time{font-size:11px;color:#62697a;display:block;margin-bottom:18px}
.ya-case .ya-sources h3{font-size:19px;margin-bottom:14px}
.ya-case .ya-sources p{font-size:14px;line-height:1.8;color:#62697a}
.ya-case .ya-sources>a:hover h3{text-decoration:underline;text-underline-offset:4px}
.ya-case .ya-related{border-top:1px solid #dfe3eb}
.ya-case .ya-links>a{display:block;padding:26px;border:1px solid #dfe3eb;border-radius:8px;background:#f8f9fc;text-decoration:none;transition:background .2s,border-color .2s}
.ya-case .ya-links>a:hover{border-color:#4b5c92;background:#f0f3f9}
.ya-case .ya-links strong{display:block;font-size:17px;line-height:1.45;margin-bottom:14px;color:#374a7b}
.ya-case .ya-links>a>span{font-size:14px;line-height:1.8;color:#62697a;display:block}
.ya-case .pd-cta{margin-top:0}
@media(max-width:950px){.ya-case .ya-flow{gap:18px}.ya-case .ya-flow>li{padding:24px}.ya-case .ya-flow>li:not(:last-child)::after{right:-17px}.ya-case .ya-interface{gap:28px}.ya-case .ya-links>a{padding:20px}.ya-case .ya-sources,.ya-case .ya-links{gap:17px}}
@media(max-width:680px){.ya-case .ya-section,.ya-case #ya-recorrido{padding-block:45px}.ya-case .ya-flow,.ya-case .ya-interface,.ya-case .ya-sources,.ya-case .ya-links,.ya-case .pd-service-grid{grid-template-columns:1fr}.ya-case .pd-showcase{transform:none}.ya-case .ya-flow{gap:25px}.ya-case .ya-flow>li:not(:last-child)::after{content:'↓';top:auto;bottom:-27px;left:calc(50% - 16px)}.ya-case .ya-interface{gap:30px}.ya-case .pd-service{padding:27px}.ya-case .pd-service p{font-size:14px}.ya-case .ya-status{max-width:310px}.ya-case .ya-sources{gap:6px}}