/* Syslock.cl - shared static service landing pages */
body{font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.seo-hero{background:linear-gradient(130deg,#f9fafb,#edf0f3);border-top:4px solid #cb2e37;color:#1a222d;padding:32px 0 80px}
.seo-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:11px;color:#657180;margin-bottom:58px}
.seo-breadcrumb a{color:#5d6774}.seo-breadcrumb a:hover{color:#b7283e;text-decoration:underline}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,6vw,100px)}
.seo-eyebrow,.seo-label{color:#b02b3a;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.5}
.seo-hero h1{font-size:clamp(37px,4.2vw,59px);line-height:1.09;letter-spacing:-.055em;margin:18px 0 19px;color:#1a222d}
.seo-sub{color:#a82736;font-size:19px;font-weight:750;letter-spacing:-.022em;margin:0 0 19px;line-height:1.4}
.seo-hero .seo-intro{color:#516170;font-size:15px;line-height:1.78;max-width:680px;margin:0 0 29px}
.seo-button,.seo-final-inner>a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#cb2e37;color:#fff;padding:15px 23px;font-weight:800;font-size:13px}
.seo-button:hover,.seo-final-inner>a:hover{background:#a82736}
.seo-hero-side{min-width:0;padding:33px 31px 29px;background:linear-gradient(135deg,#28212c,#3a1a28);color:#fdf8f9;border:1px solid #843a4b;box-shadow:0 24px 50px #25131c22}
.seo-side-header{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#f7b4c0}
.seo-side-header span:last-child{margin-left:auto;font-size:9px;color:#d9a9b2}
.seo-side-led{width:7px;height:7px;background:#ef7c8b;border-radius:50%;box-shadow:0 0 13px #ef7c8b88}
.seo-side-big{font-size:clamp(27px,2.6vw,38px);font-weight:800;line-height:1.14;letter-spacing:-.048em;margin:48px 0 22px}
.seo-side-big em{font-style:normal;color:#f48b9b}
.seo-hero-side p{color:#e1c2cb;font-size:13px;line-height:1.75;margin:0 0 39px}
.seo-side-tags{border-top:1px solid #f6a5b234;padding-top:16px;font-size:11px;font-weight:700;color:#f5c7ce}
.seo-section{padding:86px 0;background:#fff;color:#1a222d}
.seo-section h2{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin:13px 0 18px;color:#1a222d}
.seo-section p{font-size:14px;line-height:1.75;color:#5a6675}
.seo-two-col{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(32px,6vw,100px);align-items:start}
.seo-problems{background:#fff}.seo-problem-list{margin:0;padding:0;list-style:none;border-top:1px solid #d8dfe6}
.seo-problem-list li{position:relative;border-bottom:1px solid #d8dfe6;padding:19px 8px 19px 27px;font-size:14px;line-height:1.6;color:#364654}
.seo-problem-list li:before{content:"";position:absolute;left:0;top:27px;width:8px;height:8px;background:#cb2e37;border-radius:50%}
.seo-method{background:#f2f4f6}.seo-section-lead{margin:0 0 34px}
.seo-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:32px}
.seo-step{background:#fff;border:1px solid #dce2e7;padding:23px 22px 27px;min-height:206px}
.seo-step>span{font-size:13px;color:#cb2e37;font-weight:800}
.seo-step h3{font-size:18px;letter-spacing:-.03em;line-height:1.25;color:#1a222d;margin:24px 0 10px}
.seo-step p{font-size:13px;line-height:1.65;margin:0}
.seo-deliverables{background:#fff}
.seo-faqs{background:#f7f8fa}
.seo-faq-list{border-top:1px solid #d8dfe6}
.seo-faq{border-bottom:1px solid #d8dfe6;padding:17px 0}
.seo-faq summary{cursor:pointer;font-weight:750;font-size:14px;line-height:1.5;color:#1a222d;list-style-position:outside;padding-right:12px}
.seo-faq summary::marker{color:#cb2e37}
.seo-faq p{margin:11px 0 3px}
.seo-more{padding-top:75px;padding-bottom:78px}
.seo-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.seo-related-link{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f6f8;border:1px solid #dfe4e9;color:#26303c;font-weight:700;font-size:14px;padding:18px 20px}
.seo-related-link span{color:#cb2e37;font-weight:800}
.seo-related-link:hover{border-color:#cb2e37}
.seo-final{background:linear-gradient(110deg,#17242c,#1a222d);padding:59px 0;color:#fff}
.seo-final-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.seo-final h2{font-size:clamp(27px,3.1vw,40px);letter-spacing:-.045em;line-height:1.15;margin:13px 0}
.seo-final p{color:#d8e2e7;font-size:14px;margin:0}
.seo-final-inner>a{flex:none;white-space:nowrap}
@media(max-width:950px){.seo-hero-grid,.seo-two-col{grid-template-columns:1fr;gap:32px}.seo-hero-side{max-width:700px}.seo-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-hero{padding-bottom:65px}.seo-breadcrumb{margin-bottom:37px}}
@media(max-width:620px){.seo-section{padding:62px 0}.seo-method-grid,.seo-related{grid-template-columns:1fr}.seo-final-inner{flex-direction:column;align-items:start}.seo-final-inner>a{white-space:normal}.seo-hero{padding-top:24px;padding-bottom:55px}.seo-hero h1{font-size:clamp(34px,8vw,45px)}.seo-breadcrumb{font-size:10px}.seo-hero-side{padding:27px 22px}.seo-side-big{margin:30px 0 18px}.seo-step{min-height:0}.seo-final{padding:52px 0}}
