.example-block{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:6%;align-items:start;padding:38px 0;margin-top:25px}
.case-identity>.big{display:block;font-size:15px;font-weight:600;color:#437173;margin-bottom:14px}.case-identity h3{font-size:clamp(26px,2.5vw,36px);line-height:1.2;margin:0 0 24px;max-width:650px}
.case-visual{margin:0}.case-visual img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}.case-visual figcaption{font-size:13px;line-height:1.6;padding:13px 0;color:#4b6564;max-width:580px}
.case-blueprint{background:#e4ede6;border-top:4px solid #d8b550;padding:26px 30px;min-height:290px}.blueprint-label{display:block;font-size:11px;letter-spacing:.13em;color:#4b6b65;margin-bottom:14px}.case-blueprint>strong{display:block;font-size:25px;font-weight:600;color:#17474b;line-height:1.3}.blueprint-flow{list-style:none;counter-reset:phase;padding:0;margin:24px 0 0}.blueprint-flow li{counter-increment:phase;position:relative;border-left:2px solid #98b7aa;padding:0 0 20px 42px;margin-left:16px;font-size:18px}.blueprint-flow li:before{content:counter(phase);position:absolute;left:-17px;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#205c61;color:white;font-size:14px}.blueprint-flow li:last-child{border-color:transparent;padding-bottom:0}.blueprint-flow li:last-child:before{background:#e2bf60;color:#17474b}
.example-details.case-story{grid-column:auto;padding:0 0 0 20px}.case-story>div{position:relative;padding:0 0 23px 35px;border-left:2px solid #bed2c6;margin:0}.case-story>div:before{content:attr(data-step);position:absolute;left:-18px;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1b555b;color:#fff;font-size:14px}.case-story>div:last-child{border-left-color:transparent}.case-story>div:last-child:before{background:#e5c35f;color:#173f43}.case-story dt{font-size:18px;padding-top:3px}.case-story dd{font-size:18px;line-height:1.75}
.visual-specialty{background:#e9f0ea;padding:28px!important;border-top:4px solid #d7b344}.visual-specialty h3{font-size:27px;margin:18px 0}.scope-map{padding:0!important;list-style:none;margin-top:24px}.scope-map li{padding:16px 0 16px 40px;position:relative;border-top:1px solid #b5cbbf;font-size:17px!important}.scope-map li:before{content:attr(data-step);position:absolute;left:0;top:18px;font-size:14px;font-weight:600;color:#21565b}
.context-path{display:flex;margin-top:28px;gap:0;border-top:4px solid #d7b344;background:#17494f;color:#fff}.context-path span{flex:1;padding:22px;font-size:19px;border-right:1px solid #ffffff30;position:relative}.context-path span:not(:last-child):after{content:'→';position:absolute;right:12px;color:#e8c869}
.service-approach{list-style:none;gap:24px}.service-approach li{background:#e6eee8;padding:24px;font-size:18px}.service-approach li:before{content:attr(data-step);display:block;font-size:38px;line-height:1;color:#3d7272;margin-bottom:22px}
.output-documents{list-style:none;padding:0;gap:25px}.output-documents li{position:relative;background:#fff;border:1px solid #c4d4cb;border-top:5px solid #1c5a60;padding:24px;min-height:150px;font-size:18px;box-shadow:6px 6px 0 #e2eae3}.output-documents li:before{content:attr(data-step);display:block;font-size:11px;letter-spacing:.12em;color:#55726b;margin-bottom:18px}
@media(max-width:760px){.example-block{grid-template-columns:1fr;gap:28px}.example-details.case-story{grid-column:1}.context-path{flex-direction:column}.context-path span{border-bottom:1px solid #ffffff30}.context-path span:not(:last-child):after{content:'↓'}.case-blueprint{padding:22px}.output-documents{grid-template-columns:1fr}}

/* El título encabeza el caso; visual y relato comparten la segunda fila. */
.example-block{column-gap:6%;row-gap:0}
.example-block>.case-identity{grid-column:1/-1;grid-row:1}
.example-block>.case-identity h3{max-width:none}
.example-block>.case-visual{grid-column:1;grid-row:2;align-self:start}
.example-block>.example-details.case-story{grid-column:2;grid-row:2;margin:0;align-self:start}
@media(max-width:760px){
.example-block>.case-visual{grid-column:1;grid-row:2}
.example-block>.example-details.case-story{grid-column:1;grid-row:3;margin-top:28px}
}
/* Tres componentes: una única fila de escritorio y filas internas compartidas. */
@media(min-width:901px){
#deliverables:has(>article:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;align-items:stretch}
#deliverables:has(>article:nth-child(3):last-child)>article{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0}
#deliverables:has(>article:nth-child(3):last-child)>article h3{margin:18px 0;line-height:1.25}
#deliverables:has(>article:nth-child(3):last-child)>article>p{margin:0 0 20px}
#deliverables:has(>article:nth-child(3):last-child)>article>ul{margin-top:0}
}
@media(max-width:900px){#deliverables:has(>article:nth-child(3):last-child){grid-template-columns:1fr}}