.okr-guide-page{background:#fff;color:#0B0F26}
.okr-guide-page .guide-content,.okr-guide-page .guide-hero-copy{font-family:Switzer,Arial,sans-serif;font-size:17px;line-height:1.65}
.okr-guide-page *{box-sizing:border-box}
.okr-guide-page .guide-wrap{width:min(100%,1232px);margin-inline:auto;padding-inline:26px}
.okr-guide-page .okr-guide-hero{background:#0B0F26;color:#fff;overflow:visible}
.okr-guide-page .okr-guide-hero::after{display:none}
.okr-guide-page .guide-hero-copy{padding-top:154px;padding-bottom:46px}
.okr-guide-page .guide-eyebrow{margin:0 0 22px;color:#FF9F50;font-size:19px}
.okr-guide-page .guide-hero-copy h1{margin:0 0 28px;max-width:1000px;font-family:neue-haas-grotesk-display,Arial,sans-serif;font-weight:700;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.045em}
.okr-guide-page .guide-hero-copy>p:not(.guide-eyebrow){max-width:750px;margin:0 0 16px;font-size:21px;line-height:1.5;color:#fff}
.okr-guide-page .guide-visual-stage{position:relative;isolation:isolate}
.okr-guide-page .guide-visual-stage picture{display:block}
.okr-guide-page img.guide-hero-photo{display:block;width:100%;height:auto;aspect-ratio:1855/848;object-fit:contain;transform:none;filter:none;max-width:none}
.okr-guide-page .guide-hero-copy{position:absolute;inset:0;z-index:1;padding:clamp(120px,10.5vw,175px) 0 32px 5.6%;margin:0;width:48%;max-width:850px;text-shadow:0 1px 3px rgba(0,0,0,.65)}
.okr-guide-page .guide-hero-copy h1{font-size:clamp(40px,3.9vw,72px);line-height:1.02;letter-spacing:-.035em;margin-bottom:22px}
.okr-guide-page .guide-eyebrow{font-size:clamp(15px,1.3vw,22px);margin-bottom:18px}
.okr-guide-page .guide-hero-copy>p:not(.guide-eyebrow){font-size:clamp(16px,1.3vw,23px);line-height:1.4;max-width:510px}
.okr-guide-page img.guide-signature{position:absolute;right:3%;bottom:4%;width:180px;margin:0;max-width:none}
.okr-guide-page img.guide-signature{position:static;display:block;width:180px;height:auto;max-width:100%;margin:42px 0 0 auto;transform:none;filter:none}
.okr-guide-page .guide-reading{display:grid;grid-template-columns:222px minmax(0,1fr);gap:64px;align-items:start;padding-top:84px;padding-bottom:88px}
.okr-guide-page .guide-index{position:sticky;top:28px;min-width:0}
.okr-guide-page .guide-index-label{margin:0 0 15px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#625A4D}
.okr-guide-page .guide-index nav{display:grid;gap:4px}
.okr-guide-page .guide-index a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:10px 0;color:#0B0F26;text-decoration:none;font-size:15px;line-height:1.4}
.okr-guide-page .guide-index a:hover,.okr-guide-page .guide-secondary:hover{color:#9E4800;text-decoration:underline}
.okr-guide-page .guide-index a span{font-size:12px;color:#9E4800;font-weight:700;padding-top:2px}
.okr-guide-page .guide-chapters{min-width:0}
.okr-guide-page .guide-chapter{padding-top:62px;margin-top:62px;border-top:1px solid #D9D2C5;scroll-margin-top:28px}
.okr-guide-page .guide-chapter:first-child{padding-top:0;margin-top:0;border-top:0}
.okr-guide-page .guide-number{font-size:12px;letter-spacing:.12em;font-weight:700;color:#9E4800;margin:0 0 12px}
.okr-guide-page .guide-chapter h2{font-family:Georgia,serif;font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.025em;font-weight:400;margin:0 0 26px;overflow-wrap:break-word}
.okr-guide-page .guide-chapter h3{font-family:Georgia,serif;font-size:23px;line-height:1.25;font-weight:400;letter-spacing:-.015em;margin:28px 0 12px}
.okr-guide-page .guide-chapter p{margin:0 0 18px}
.okr-guide-page p.guide-lead{font-size:20px;line-height:1.55;margin-bottom:26px}
.okr-guide-page .guide-chapter a{color:#0B0F26;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.okr-guide-page .guide-chapter a:hover{color:#9E4800}
.okr-guide-page p.guide-source{font-size:14px;line-height:1.6;color:#555D69;margin:24px 0 28px}
.okr-guide-page p.guide-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#76591F;margin:0 0 8px}
.okr-guide-page .guide-example,.okr-guide-page .guide-note{background:#F6F2E9;border-radius:4px;padding:28px;margin:30px 0}
.okr-guide-page .guide-example h3,.okr-guide-page .guide-note h3{margin-top:0}
.okr-guide-page .guide-example p:last-child,.okr-guide-page .guide-note p:last-child{margin-bottom:0}
.okr-guide-page .guide-example-parts{margin:26px 0}
.okr-guide-page .guide-example-parts>div,.okr-guide-page .guide-definitions>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid #D9D2C5}
.okr-guide-page dt{font-weight:700}
.okr-guide-page dd{margin:0;min-width:0}
.okr-guide-page ul{padding-left:22px;margin:0}
.okr-guide-page li+li{margin-top:8px}
.okr-guide-page .guide-timeline,.okr-guide-page .guide-process,.okr-guide-page .guide-errors{padding-left:24px;margin:28px 0}
.okr-guide-page .guide-timeline li,.okr-guide-page .guide-process li,.okr-guide-page .guide-errors li{padding-left:7px;margin-top:24px}
.okr-guide-page .guide-timeline h3,.okr-guide-page .guide-process h3,.okr-guide-page .guide-errors h3{margin-top:0}
.okr-guide-page .guide-timeline li::marker,.okr-guide-page .guide-process li::marker,.okr-guide-page .guide-errors li::marker{color:#9E4800;font-weight:700}
.okr-guide-page .guide-principles{display:grid;gap:18px;margin:30px 0}
.okr-guide-page .guide-principles h3{margin-top:0}
.okr-guide-page .guide-case{margin-top:34px;padding:0 0 0 22px;border-left:2px solid #EB7202}
.okr-guide-page .guide-case h3{margin-top:8px}
.okr-guide-page .guide-case p.guide-source{margin-bottom:0}
.okr-guide-page .guide-books>div{margin-top:30px}
.okr-guide-page .guide-books>div:first-child{margin-top:0}
.okr-guide-page .guide-help{background:#F6F2E9;padding:30px;border:0;border-radius:4px}
.okr-guide-page .guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:30px}
.okr-guide-page .guide-actions a{max-width:100%;white-space:normal;min-height:48px}
.okr-guide-page .guide-actions .button{color:#0B0F26;text-decoration:none;text-align:center}
.okr-guide-page .guide-secondary{display:inline-flex;align-items:center;gap:10px}
.okr-guide-page a:focus-visible{outline:3px solid #1769A6;outline-offset:4px}
.okr-guide-page .guide-skip{position:absolute;left:20px;top:12px;z-index:100;padding:12px;background:#fff;color:#0B0F26;transform:translateY(-180%)}
.okr-guide-page .guide-skip:focus{transform:none}
@media(max-width:1000px){.okr-guide-page .guide-reading{grid-template-columns:190px minmax(0,1fr);gap:36px}}
@media(max-width:900px){.okr-guide-page .guide-reading{grid-template-columns:minmax(0,1fr);gap:46px;padding-top:50px}.okr-guide-page .guide-index{position:static}.okr-guide-page .guide-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.okr-guide-page .guide-hero-copy{padding-top:122px}}
@media(max-width:760px){.okr-guide-page .guide-hero-copy{padding-top:34px;padding-bottom:36px}.okr-guide-page .guide-hero-copy>p:not(.guide-eyebrow){font-size:19px}.okr-guide-page .guide-wrap{padding-inline:22px}.okr-guide-page .guide-index nav{grid-template-columns:minmax(0,1fr)}.okr-guide-page .guide-chapter{margin-top:46px;padding-top:46px}.okr-guide-page .guide-example-parts>div,.okr-guide-page .guide-definitions>div{grid-template-columns:minmax(0,1fr);gap:9px}.okr-guide-page .guide-example,.okr-guide-page .guide-note{padding:22px}.okr-guide-page .guide-help{padding:24px 20px}.okr-guide-page img.guide-signature{width:160px}.okr-guide-page .guide-chapter h3{font-size:22px}.okr-guide-page .guide-actions{align-items:stretch;flex-direction:column}.okr-guide-page .guide-secondary{justify-content:center}}

/* The guide photograph stays uncropped; narrow screens keep readable HTML below it. */
@media(max-width:1100px){.okr-guide-page .guide-hero-copy{position:relative;inset:auto;width:100%;max-width:none;padding:34px 26px 32px;text-shadow:none}.okr-guide-page .guide-hero-copy h1{font-size:clamp(36px,5vw,54px);max-width:800px}.okr-guide-page .guide-hero-copy>p:not(.guide-eyebrow){font-size:19px;max-width:750px}.okr-guide-page .guide-eyebrow{font-size:17px}.okr-guide-page img.guide-signature{position:static;display:block;width:160px;margin:0 26px 28px auto}}
@media(max-width:760px){.okr-guide-page .guide-hero-copy{padding:30px 22px 24px}.okr-guide-page .guide-hero-copy h1{font-size:36px;line-height:1.05}.okr-guide-page .guide-hero-copy>p:not(.guide-eyebrow){font-size:19px;line-height:1.5}}

@media(min-width:901px){.okr-guide-page .guide-visual-stage>img.guide-signature{position:absolute;right:3%;bottom:4%;top:auto;left:auto;width:180px;height:auto;margin:0;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}}

.okr-guide-page .guide-visual-stage img.guide-hero-photo{position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;margin:0;transform:none}

/* Approved local contrast correction: guide only, original photograph unchanged. */
.okr-guide-page .guide-hero-copy h1 em{font-style:normal;color:#EB7202}
@media(min-width:901px){
 .okr-guide-page .guide-visual-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,16,.78) 0%,rgba(5,9,16,.75) 12%,rgba(5,9,16,.50) 22%,rgba(5,9,16,.50) 38%,rgba(5,9,16,0) 41%);mask-image:linear-gradient(0deg,transparent 0%,#000 35%,#000 85%,transparent 100%);pointer-events:none;z-index:0}
 .okr-guide-page .guide-visual-stage>img.guide-signature{width:13.38%;right:24px;bottom:24px}
}
@media(max-width:900px){.okr-guide-page .guide-visual-stage{padding-bottom:24px}.okr-guide-page .guide-visual-stage>img.guide-signature{width:160px;max-width:calc(100% - 48px);margin:0 24px 0 auto}}

/* Same restrained title shadow as the approved separated interior headers. */
@media(min-width:1101px){.okr-guide-page .guide-hero-copy h1{text-shadow:.035em .04em 0 #000}}

/* Approved guide copy and introduction: same scene and shared chrome. */
.okr-guide-page .guide-hero-copy h1 em{display:inline;margin:0;max-width:none}
@media(min-width:1101px){.okr-guide-page .guide-hero-copy h1{font-size:clamp(34px,3.15vw,58px);line-height:.9;max-width:650px}}
.okr-guide-page .guide-intro{padding-top:60px}
.okr-guide-page .guide-intro h2{max-width:1000px;margin:0 0 24px;font:400 clamp(30px,2.8vw,42px)/1.18 Georgia,serif;letter-spacing:-.025em}
.okr-guide-page .guide-intro p{max-width:1000px;margin:0 0 18px;font:400 19px/1.65 Switzer,Arial,sans-serif}
.okr-guide-page .guide-intro .guide-source{font-size:14px;color:#555D69;margin-top:24px}
.okr-guide-page .guide-intro a{color:inherit;text-underline-offset:3px}
.okr-guide-page .guide-intro+.guide-reading{padding-top:42px}
@media(max-width:760px){.okr-guide-page .guide-hero-copy h1{font-size:30px;line-height:1.15}.okr-guide-page .guide-intro{padding-top:42px}.okr-guide-page .guide-intro p{font-size:17px}.okr-guide-page .guide-intro .guide-source{font-size:14px}}
@media(max-width:350px){.okr-guide-page .guide-hero-copy h1{font-size:28px}}





/* Header typography matched to approved Inicio/Diagnóstico: real provider faces, no synthesis. */
.okr-guide-page .guide-hero-copy h1{font-family:"neue-haas-grotesk-display",sans-serif;font-weight:700;font-style:normal;font-synthesis:none;letter-spacing:-.055em}
.okr-guide-page .guide-eyebrow{font-family:Switzer,Arial,sans-serif;font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.045em;line-height:1.1}
@media(max-width:1100px){.okr-guide-page .guide-hero-copy h1{letter-spacing:-.035em}}

@media(min-width:1101px){.okr-guide-page .guide-hero-copy{width:43.5%}}

/* Proposed short guide headline and supporting copy; isolated to this hero. */
.okr-guide-page .guide-hero-copy h1{margin-bottom:20px}
.okr-guide-page .guide-hero-copy>p.guide-hero-support{max-width:min(100%,480px,32vw);margin:0;font-family:Switzer,Arial,sans-serif;font-weight:400;font-style:normal;font-synthesis:none;font-size:clamp(17px,1.3vw,22px);line-height:1.45;letter-spacing:0;color:#fff}
@media(max-width:1100px){.okr-guide-page .guide-hero-copy>p.guide-hero-support{max-width:750px;font-size:18px;line-height:1.5}}

/* Guide now uses the unchanged approved Diagnóstico header stylesheet and its scale.
   Photograph keeps its native ratio. Only the paragraph measure fits the clear wall. */
.okr-guide-page .guide-visual-stage.subpage-separated-stage{aspect-ratio:1920/850}
@media(min-width:901px){.okr-guide-page .guide-reference-copy .subpage-separated-body{max-width:32cqw}}
/* Match the approved interior frame and signature anchoring; original asset stays intact. */
@media(min-width:901px){
 .okr-guide-page .guide-visual-stage>picture{position:absolute;inset:0;height:100%;z-index:-1}
 .okr-guide-page .guide-visual-stage img.guide-hero-photo{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
}
@media(max-width:900px){
 .okr-guide-page .guide-visual-stage.subpage-separated-stage{aspect-ratio:auto;padding-bottom:0}
}