/* Prototipo «Casos de éxito» v2 (2026-10-17): slider por cliente. Se carga después de main.css. */
.casos .section-head{margin-bottom:28px}
.casos-rail{align-items:stretch}
.casos-rail>.caso{flex:0 0 min(94%,1120px);scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px;border:1px solid var(--linea);background:#fff;padding:36px;min-width:0}
.caso-info{display:flex;flex-direction:column;min-width:0}
.caso h3{font:400 clamp(34px,4.2vw,58px)/1.02 Minal,Georgia,serif;margin:14px 0 14px;letter-spacing:-.02em}
.caso-info>p{color:var(--gris);font-size:14px;line-height:1.5}
.caso-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 28px}
.caso-tags li{border:1px solid var(--linea);border-radius:30px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:var(--papel)}
.caso-tags li>a,.caso-tags li>span{display:block;padding:6px 12px;border-radius:30px;text-decoration:none;color:inherit}
.caso-tags li>a:hover,.caso-tags li>a:focus-visible{background:var(--tinta);color:var(--papel)}
.caso-tags li>a:focus-visible{outline:3px solid var(--acento);outline-offset:2px}
.caso-tags li.nolink{color:#6b6b6b;border-style:dashed}
.caso-info .text-link{margin-top:auto}
.caso-mosaic{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:start}
.mrow{display:flex;gap:10px;min-width:0}
.mrow>figure{flex:var(--r) 1 0;aspect-ratio:var(--r);margin:0;position:relative;overflow:hidden;background:#efefeb;border:1px solid var(--linea);min-width:0}
.mrow img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.caso:hover .mrow img{transform:scale(1.02)}
.mrow figcaption{position:absolute;left:8px;bottom:8px;background:#fff;font:700 10px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}
.mini-flow{display:flex;flex-direction:column;justify-content:center;padding:14px 14px 34px;background:#eef0ff!important}
.mini-flow ol{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:stretch}
.mini-flow li{flex:1;position:relative;background:#fff;border:1px solid #cfd4ff;border-radius:10px;padding:10px;font-size:12px;font-weight:600;line-height:1.3;display:flex;align-items:center}
.mini-flow li+li:before{content:"→";position:absolute;left:-15px;top:50%;transform:translateY(-50%);color:#2340ff;font-weight:700}
.mrow figcaption a{color:inherit;text-decoration:none;display:block;margin:-4px -8px;padding:4px 8px}
.mrow figcaption a:after{content:" ↗";opacity:.55}
.mrow figcaption a:hover,.mrow figcaption a:focus-visible{background:var(--tinta);color:var(--papel)}
.mrow figcaption a:focus-visible{outline:3px solid var(--acento);outline-offset:1px}
.trust{display:grid;grid-template-columns:1fr 1.3fr 1.6fr;gap:32px;align-items:center;padding-block:44px;border-block:1px solid var(--linea)}
.trust-stat strong{display:block;font:400 clamp(44px,5vw,72px)/1 Minal,Georgia,serif}
.trust-stat span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--gris);max-width:30ch}
.trust-tools p{font:700 11px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:0 0 12px}
.trust-tools ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0}
.trust-tools li{display:flex;align-items:center;gap:8px;font:600 15px Inter,Arial,sans-serif}
.trust-tools img{filter:grayscale(1);opacity:.85}
.trust-tools b{font-size:22px;line-height:1}
.bridge-demo{margin-top:48px}
.bridge-demo .demo{margin:0}
.bridge .demo{border-top:4px solid #72ff6a}
.bridge .demo h2,.bridge .demo h3,.bridge .demo .kicker,.bridge .demo label,.bridge .demo strong{color:var(--tinta)}
.bridge .demo p,.bridge .demo .micro,.bridge .demo small{color:var(--gris);margin-block:8px}
.bridge .demo .button{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.bridge .demo .button:hover{background:var(--acento);border-color:var(--acento);color:#111}
.bridge .demo input{color:var(--tinta)}
.trust-tools li.badge-partner{border:1px solid var(--tinta);border-radius:30px;padding:5px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.bridge-ia{margin-top:56px}
.bridge .proof-label{color:#dfe4ff;margin:0 0 14px}
.bridge .services{border-color:rgba(255,255,255,.4)}
.bridge .services article,.bridge .services article+article{border-color:rgba(255,255,255,.4)}
.bridge .services h3{font-size:22px;max-width:none}
.bridge .services article>p,.bridge .services .micro,.bridge .services .service-number{color:#e6e9ff;margin:0}
.bridge .services details,.bridge .services summary{color:#fff}
.bridge .services .text-link{color:#fff}
.bridge .services .proof,.bridge .services strong{color:#fff}
.client-chip{margin:6px 0 10px}
.casos-more{margin-top:34px}
@media(max-width:1000px){.casos-rail>.caso{grid-template-columns:1fr;flex-basis:90%;gap:24px;padding:26px;align-content:start}.caso-info .text-link{margin-top:4px;align-self:flex-start}.caso-tags{margin-bottom:18px}}
@media(max-width:900px){.trust{grid-template-columns:1fr;gap:22px;padding-block:32px}}
@media(max-width:700px){.casos-rail>.caso{flex-basis:92%;padding:18px}.mrow{flex-wrap:wrap}.mrow>figure{flex:1 1 calc(50% - 5px)}.mini-flow ol{flex-direction:column;gap:14px}.mini-flow li+li:before{content:"↓";left:50%;top:-14px;transform:translateX(-50%)}.mini-flow{aspect-ratio:auto!important}}
.bridge .demo,.bridge .demo #idea-copy,.bridge .demo #idea-result,.bridge .demo .input-row{color:var(--tinta)}
.bridge .demo #idea-copy{white-space:pre-line}
.bridge .demo input{background:#fff;border-color:var(--linea)}
.bridge .demo .button:not(.dark){background:var(--tinta);color:#fff;border-color:var(--tinta)}

dialog nav a:hover,dialog nav a:focus-visible{text-decoration:underline;text-decoration-color:#72ff6a;text-decoration-thickness:.06em;text-underline-offset:.12em}
dialog nav a small,dialog nav a span{display:inline-block}
.mrow>figure>a[data-artwork]{display:block;width:100%;height:100%}
/* Mismo alto en los 3 mosaicos (2026-10-17): cada fila reparte el alto según --k (su altura natural) */
@media(min-width:1001px){
.caso-mosaic{aspect-ratio:656/430}
.mrow{flex:var(--k,1) 1 0;min-height:0;flex-wrap:nowrap}
.mrow>figure{aspect-ratio:auto;height:auto}
}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}