
.preview-label{font-size:.8rem;white-space:nowrap;color:var(--cream-muted)}.case-bar{background:var(--green);color:var(--cream);font-size:.875rem}.case-bar>.wrap{display:flex;justify-content:space-between;gap:2rem;padding-block:1rem}.case-bar nav{display:flex;gap:2rem}.case-bar a:hover{color:var(--leaf-light)}
.commercial.poka-case .case-hero{grid-template-rows:auto;align-items:start;padding-block:3.5rem 2.5rem}.commercial.poka-case .case-hero>div{display:block;grid-column:1;grid-row:1}.commercial.poka-case .case-hero>figure{grid-column:2;grid-row:1;margin:0}.commercial.poka-case .case-hero h1>span{font-size:clamp(3rem,5vw,4.8rem)}.commercial.poka-case .case-hero h1{font-size:clamp(1.8rem,2.5vw,2.6rem)}.piece-image{display:block;overflow:hidden;background:#a0a09d}.piece-image img{width:100%;aspect-ratio:1.08;object-fit:cover;object-position:50% 22%}.case-hero figcaption,figure figcaption{font-size:.875rem;color:var(--muted);padding-top:.7rem}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:1.6rem}.facts span{display:block;font-size:.875rem;color:var(--muted)}.facts strong{font-weight:600;display:block;margin-top:.3rem}.case-section{padding-block:4.5rem}.case-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:3rem}.case-section-label{color:var(--leaf);padding-top:.4rem}.case-section-body h2{margin:0 0 1.8rem}.case-section-body>p{max-width:72ch}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.copy-columns p{margin:0}.improvement{background:var(--green);color:var(--cream)}.improvement .case-section-label,.improvement .face-flow>div>span{color:var(--leaf-light)}.improvement .case-section-body>p,.face-flow p{color:var(--cream-muted)}.face-flow{display:grid;grid-template-columns:1fr 60px 1fr;gap:2rem;border-top:1px solid #53604d;margin-top:2rem;padding-top:1.7rem}.face-flow h3{font-size:2.7rem!important;margin:.5rem 0}.face-flow>div>span{font-size:.875rem}.turn{font-size:3rem;align-self:center;color:var(--leaf-light)}.lot-figure{margin-top:2rem}.lot-figure a{display:block;overflow:hidden}.lot-figure img{width:100%;aspect-ratio:2.15;object-fit:cover;object-position:50% 57%}.process-media{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;margin-top:2.5rem;align-items:start}.process-media video{width:100%;background:#222}.process-copy h3{margin-bottom:1rem}.process-copy details{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.process-copy summary{cursor:pointer}.process-copy details figure{margin-top:1rem}.result{background:var(--soft);border-top:1px solid var(--line)}.result .eyebrow{margin-bottom:1rem}.image-dialog{border:0;background:#171c17;color:var(--cream);padding:1rem;max-width:94vw;max-height:94vh}.image-dialog::backdrop{background:#000c}.image-dialog img{max-height:76vh;max-width:88vw;object-fit:contain;margin:auto}.image-dialog p{font-size:.875rem;margin:.75rem 0 0}.dialog-close{display:block;margin:0 0 .75rem auto;background:none;border:1px solid #aaa;color:inherit;padding:.4rem .8rem;cursor:pointer}
@media(max-width:1100px){.preview-label{display:none}.case-layout{grid-template-columns:160px minmax(0,1fr);gap:2rem}}@media(max-width:700px){.commercial.poka-case .case-hero>figure{grid-column:1;grid-row:2;margin-top:2rem}.commercial.poka-case .case-hero h1>span{font-size:3.1rem}.case-bar>.wrap{flex-wrap:wrap;gap:.6rem}.case-bar nav{gap:1rem;flex-wrap:wrap}.facts{grid-template-columns:1fr 1fr}.case-layout,.copy-columns,.process-media{grid-template-columns:1fr;gap:1.5rem}.case-section{padding-block:3rem}.face-flow{grid-template-columns:1fr;gap:1rem}.turn{font-size:2rem}.piece-image img{aspect-ratio:1.05}.commercial.poka-case .case-hero{padding-top:2.5rem}}

/* Revisión 2: portada más contenida y preparación visible. */
.commercial.poka-case .case-hero>figure{width:min(100%,365px);justify-self:center;align-self:start;margin-top:.4rem}.piece-image img{aspect-ratio:1.08;object-position:50% 22%}.preparation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-top:2.5rem}.preparation-grid article{min-width:0}.preparation-grid h3{margin-bottom:1rem}.preparation-grid figure img{width:100%;aspect-ratio:1.35;object-fit:contain;background:#ececec}.preparation-grid article>p{margin-top:1rem}.preparation-grid .raw-figure img{object-fit:cover;object-position:center;aspect-ratio:1.35}.preparation-grid figure a{display:block}.preparation-grid+.lot-figure{margin-top:2.5rem}@media(max-width:700px){.commercial.poka-case .case-hero>figure{width:min(100%,300px);margin-top:1.75rem}.preparation-grid{grid-template-columns:minmax(0,1fr);gap:2rem}}

/* Lote: presentación compacta, centrada en piezas, sin ampliación. */
.poka-case .lot-figure{width:min(100%,600px);margin-inline:auto}.poka-case .lot-frame{aspect-ratio:2.65;overflow:hidden;position:relative}.poka-case .lot-frame img{position:absolute;width:135%;max-width:none;height:auto;aspect-ratio:auto;left:-20%;top:50%;transform:translateY(-55%);object-fit:initial}.poka-case .lot-figure figcaption{text-align:center}

/* CASE 005: conserva la tipografía, los colores y la estructura de CASE 004. */
.commercial.poka-case .case-hero>figure{width:100%;max-width:500px;margin-top:.4rem;align-self:center}
.poka-case .piece-image{background:#e9e8e4}.poka-case .piece-image img{aspect-ratio:4/3;object-fit:contain;object-position:center}
.solution-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;border-top:1px solid #53604d;margin-top:2rem;padding-top:1.6rem}.solution-parts span{color:var(--leaf-light);font-size:.875rem}.solution-parts h3{margin:.65rem 0}.solution-parts p{color:var(--cream-muted);font-size:.95rem}
.poka-case .preparation-grid{margin-top:2rem}.poka-case .preparation-grid img{aspect-ratio:1.25;object-fit:contain;background:white}
.operation-section{border-top:1px solid var(--line)}.operation-grid{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:3rem;align-items:start}.video-figure video{width:100%;aspect-ratio:9/16;background:#171c17}.video-figure figcaption{max-width:34ch}
.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.8rem;padding:1.4rem 0;border-top:1px solid var(--line)}.steps li>span{color:var(--leaf);font-size:1rem}.steps h3{margin:0 0 .7rem}.operation-note{padding-top:1.2rem;border-top:1px solid var(--line)}.operation-copy .text-link{display:inline-block;margin-top:1.5rem}
.result-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-top:2rem;max-width:760px}.result-media a{display:block;overflow:hidden;background:#dddcd5}.result-media img{width:100%;height:340px;object-fit:cover}.result-media figure:first-child img{object-position:center 63%}.result-media figure:last-child img{object-position:center 67%}
@media(max-width:900px){.solution-parts{grid-template-columns:1fr;gap:1rem}.operation-grid{gap:1.5rem;grid-template-columns:minmax(0,280px) minmax(0,1fr)}}
@media(max-width:700px){.commercial.poka-case .case-hero>figure{width:100%;max-width:450px;margin-top:2rem}.commercial.poka-case .case-hero h1>span{font-size:clamp(2.5rem,9vw,3.1rem)}.operation-grid{grid-template-columns:1fr}.video-figure{width:min(100%,330px);margin-inline:auto}.result-media{grid-template-columns:1fr}.result-media img{height:330px}.facts{gap:1.2rem}.case-bar nav{gap:.75rem 1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
