/* Galería: nueve tarjetas iguales; horizontales en escritorio y ligeramente verticales en móvil. */
#ejemplos .sec-head{max-width:900px;margin-inline:auto}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;margin-inline:auto}
.examples-card{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#141414;isolation:isolate}
.examples-card{aspect-ratio:4/3}
.examples-card img,.examples-card video{display:block;width:100%;height:100%;object-fit:cover}
.examples-video:last-child video{object-position:50% 10%}
.examples-image img{object-position:50% 42%}
.examples-image:nth-child(2) img{object-position:50% 42%}
.examples-image:nth-child(3) img{object-position:50% 35%}
.examples-card::after{content:"";position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.76))}
.examples-card figcaption{position:absolute;left:14px;right:8px;bottom:12px;z-index:1;font-family:var(--f-display);font-weight:800;font-size:18px;line-height:1.15;color:#f5f5f5;pointer-events:none}
@media(max-width:767px){
 .examples-grid{gap:8px}
 .examples-card{border-radius:12px;aspect-ratio:9/10}
 .examples-card figcaption{left:6px;right:3px;bottom:8px;font-size:clamp(9px,2.75vw,14px)}
}

@media(max-width:767px){
 #ejemplos-title > span{display:block;width:fit-content;margin-inline:auto;white-space:nowrap}
}