.portfolio-cases{display:grid;gap:60px;margin-top:20px}.portfolio-case{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;padding:35px 0 45px;border-top:1px solid #4d653b;align-items:start}.case-preview{display:block;position:relative;min-width:0;border:1px solid #526c3f;box-shadow:6px 6px 0 #08140e;background:#1d2d20;overflow:hidden;transition:translate .22s,border-color .22s}.case-preview .mini-browser{display:flex;gap:14px;padding:11px 13px;color:#acc791;font:9px/1.5 var(--mono)}.case-preview .mini-browser>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-preview .mini-browser>span:last-child{margin-left:auto}.case-preview img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top}.case-preview-label{display:block;padding:14px 16px;color:var(--green);font:10px/1.5 var(--mono);letter-spacing:.6px;border-top:1px solid #526c3f}.case-copy{min-width:0}.case-copy>.eyebrow{font-size:9px;line-height:1.7;color:#a6bf8c;margin-bottom:12px}.inner-screen .case-copy h2{font-size:46px;margin-bottom:18px}.case-copy h3{font-size:22px;line-height:1.35;color:#def4cb;margin:0 0 17px}.case-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#bdcbb2}.case-copy ul{padding:0;list-style:none;margin:22px 0}.case-copy li{display:flex;gap:12px;align-items:baseline;margin:12px 0;font-size:14px;line-height:1.7;color:#b6c7a9}.case-copy li>span{color:var(--green);font:22px var(--display)}.case-copy .case-benefit{padding-top:18px;border-top:1px solid #3f5734}.case-copy .case-note{font-size:12px!important;color:#9bae8d!important}.case-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:24px}.case-actions .solid-button{font-size:14px}.case-actions .text-link{font-size:13px;line-height:1.6}.case-preview:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.case-preview:hover{translate:0 -4px;border-color:var(--green)}}
@media(max-width:1000px){.portfolio-case{grid-template-columns:1fr;gap:30px}.case-preview{max-width:820px}.case-copy{max-width:720px}.portfolio-cases{gap:22px}}
@media(max-width:700px){.portfolio-case{padding:25px 0 30px;gap:25px}.case-preview .mini-browser{font-size:7px;gap:8px;padding:9px}.case-preview-label{font-size:8px;padding:11px}.inner-screen .case-copy h2{font-size:38px}.case-copy h3{font-size:20px}.case-copy>p:not(.eyebrow){font-size:15px}.case-actions{align-items:stretch;flex-direction:column}.case-actions .solid-button{width:100%;font-size:13px}.case-copy>.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.case-preview{transition:none}}
.case-preview .mini-browser{background:#1d2d20;color:#bed69e}
body[data-page="trabajos"] .inner-screen{padding-bottom:clamp(28px,5vw,72px)}
.portfolio-intro-note{max-width:680px;color:#a9bf98;font-size:14px;line-height:1.7;margin-top:20px}
.project-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 50px}
.project-types a{display:flex;align-items:center;gap:14px;padding:20px 17px;border:1px solid #536c40;background:#192b1d;color:var(--green);text-decoration:none;font-size:15px;line-height:1.5;transition:background .18s,translate .18s}
.type-number{font:20px var(--display);color:#8aa773}.project-types a>span:last-child{margin-left:auto}
.project-types a:focus-visible,.idea-paths a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.case-category{grid-column:1/-1}.case-category .eyebrow{font-size:10px;line-height:1.8;color:#a9bf98;margin-bottom:13px;text-transform:uppercase}
.inner-screen .case-category h2{font-size:48px;line-height:1.08;margin:0;max-width:850px}
.portfolio-case{scroll-margin-top:25px;row-gap:28px}
.idea-cta{padding:42px;margin-top:35px;border:1px solid #789353;border-left:4px solid var(--green);background:#1b2d20}
.inner-screen .idea-cta h2{font-size:52px;line-height:1.05;margin:20px 0 24px}
.idea-cta>p:not(.eyebrow){max-width:740px;font-size:17px;line-height:1.8;color:#c0d0b1}
.idea-paths{display:flex;flex-wrap:wrap;gap:15px;margin:27px 0 20px}.idea-paths a{display:inline-flex;align-items:center;gap:24px;justify-content:space-between;font-size:15px;padding:18px 21px;text-decoration:none}
.idea-paths .outline-button{border:1px solid var(--green);color:var(--green);background:transparent}
.idea-cta .idea-next{font-size:14px!important;color:#a9bf98!important}.idea-cta>.text-link{display:inline-block;margin-top:10px;font-size:14px;line-height:1.7}
@media(hover:hover) and (pointer:fine){.project-types a:hover{background:#29432a;translate:0 -2px}.idea-paths .outline-button:hover{background:#29432a}}
@media(max-width:700px){.project-types{grid-template-columns:1fr;gap:9px;margin-bottom:32px}.project-types a{padding:15px 16px}.inner-screen .case-category h2{font-size:37px}.case-category .eyebrow{font-size:9px}.idea-cta{padding:26px 20px}.inner-screen .idea-cta h2{font-size:38px}.idea-cta>p:not(.eyebrow){font-size:15px}.idea-paths{flex-direction:column}.idea-paths a{font-size:14px;padding:16px;gap:10px}.idea-cta>.text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.project-types a{transition:none}}
/* Reversible clarity trial: stronger headings, shorter copy, visible fit criteria. */
.case-category{padding:6px 0 8px}.case-category .eyebrow{display:inline-block;padding:8px 11px;border:1px solid #536c40;background:#1d3021;color:#c5e69f;letter-spacing:1px}
.inner-screen .case-category h2{font-size:58px;line-height:1.02;max-width:950px;margin-top:10px}
.case-copy h3{font-size:24px;line-height:1.3;letter-spacing:-.4px}.case-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
.case-fit{border-left:3px solid var(--green);background:#243923;padding:16px 18px;margin:22px 0}
.case-fit>span{font:9px/1.7 var(--mono);letter-spacing:1px;color:var(--green)}.case-fit>p{font-size:16px;line-height:1.5;color:#e0edcf;margin:7px 0 0}
.case-copy .case-benefit{font-size:14px!important}.case-benefit strong{color:#d5e8bd;font-weight:600}.case-copy ul{margin:18px 0 24px}.case-copy li{font-size:15px;margin:9px 0}
.project-types a{font-weight:600;min-height:74px}.type-number{font-size:29px;color:var(--green)}
@media(min-width:1001px){.case-preview{position:sticky;top:26px}.portfolio-case{column-gap:45px}}
@media(max-width:700px){.inner-screen .case-category h2{font-size:40px;line-height:1.05}.case-category .eyebrow{font-size:8px;letter-spacing:.5px}.case-copy h3{font-size:22px}.case-copy>p:not(.eyebrow){font-size:15px}.case-fit{padding:14px 15px}.case-fit>p{font-size:15px}.case-copy li{font-size:14px}.project-types a{min-height:62px}.type-number{font-size:25px}}