/* OMNIA Clusters — estilos del grid */
.omnia-cluster{display:grid;gap:var(--oc-gap,22px);margin:28px 0}
.omnia-cluster .oc-card{display:flex;flex-direction:column;background:var(--od-surface,#fff);border-radius:var(--oc-radius,12px);overflow:hidden;box-shadow:var(--oc-shadow,0 4px 14px rgba(0,0,0,.07));border:var(--oc-bw,0px) solid var(--oc-bc,#e2e8f0);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.omnia-cluster .oc-card:hover{transform:translateY(var(--od-hover-lift,-4px));box-shadow:var(--od-hover-shadow,0 12px 26px rgba(0,0,0,.14))}
.omnia-cluster .oc-thumb{aspect-ratio:16/10;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.omnia-cluster .oc-thumb.oc-ph{background:linear-gradient(135deg,#1e293b 0%,#02c1ee 100%)}
.omnia-cluster .oc-ph-title{color:#fff;font-weight:800;font-size:1.15em;line-height:1.2;padding:16px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.omnia-cluster .oc-body{padding:var(--oc-pad,16px)}
.omnia-cluster .oc-title{margin:0;font-size:1.05em;line-height:1.3;color:var(--od-ink,#1e293b);font-weight:700;text-align:var(--oc-talign,left);transition:color .2s ease}
.omnia-cluster .oc-card:hover .oc-title{color:var(--od-accent,#02c1ee)}
.omnia-cluster .oc-excerpt{margin:8px 0 0;font-size:.9em;line-height:1.5;color:var(--od-text,#5a6b85);text-align:var(--oc-talign,left)}
.omnia-cluster .oc-cta{display:inline-block;margin-top:12px;color:var(--od-accent,#02c1ee);font-weight:700;font-size:.9em}
.oc-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.oc-pagination .page-numbers{padding:8px 13px;border-radius:8px;background:#f0f6fa;color:#1e293b;text-decoration:none;font-weight:600;line-height:1}
.oc-pagination .page-numbers.current{background:#02c1ee;color:#fff}
@media(max-width:980px){.omnia-cluster{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.omnia-cluster{grid-template-columns:1fr!important}}
/* OMN-87: opt-in preserves published layouts and native keyboard/touch scrolling. */
@media(max-width:560px){.omnia-cluster.oc-mobile-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.omnia-cluster.oc-mobile-carousel>.oc-card{flex:0 0 84%;scroll-snap-align:start}}
.omnia-cluster.oc-mobile-carousel:focus-visible{outline:3px solid #28747d;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.omnia-cluster .oc-card{transition:none}.omnia-cluster .oc-card:hover{transform:none}}