/* Tarjetas publicitarias horizontales sin desplazar la página completa. */
.pbn-publicos{box-sizing:border-box;max-width:100%;min-width:0;margin:20px 0;padding:18px 20px;border:1px solid var(--borde,#dce4ed);border-top:4px solid var(--detalle-primario,#12b4c4);border-radius:18px;background:var(--superficie,#fff);color:var(--texto,#1b2839)}
.pbn-publicos__encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pbn-publicos__encabezado h2{margin:0;font-size:1.1rem;color:inherit}
.pbn-publicos__controles{display:flex;gap:8px}.pbn-publicos__controles button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #b5c9df;background:var(--superficie,#fff);color:var(--texto,#172a44);font-size:1.5rem;cursor:pointer}.pbn-publicos__controles button:disabled{opacity:.35;cursor:not-allowed}
.pbn-publicos__pista{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;min-width:0;padding:2px 2px 8px}
.pbn-publicos--1 .pbn-publicos__pista{grid-auto-columns:100%}.pbn-publicos--2 .pbn-publicos__pista{grid-auto-columns:calc((100% - 12px)/2)}.pbn-publicos--3 .pbn-publicos__pista{grid-auto-columns:calc((100% - 24px)/3)}
.pbn-publico__tarjeta{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;scroll-snap-align:start;border:1px solid var(--borde,#d7e1eb);border-radius:14px;background:var(--superficie-secundaria,#f7f9fc);display:flex;flex-direction:column}
.pbn-publico__imagen{display:block;width:100%;height:150px;flex-shrink:0;overflow:hidden}.pbn-publico__imagen img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pbn-publico__cuerpo{padding:12px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}.pbn-publico__marca{align-self:start;border-radius:999px;background:#e8f0f8;color:#1c406c;font-size:.73rem;padding:2px 8px}.pbn-publico__cuerpo h3{font-size:1.02rem;color:inherit;margin:4px 0}.pbn-publico__cuerpo p{color:inherit;opacity:.88;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.pbn-publico__cuerpo a{color:var(--detalle-primario,#146cac);font-weight:700}
@media(max-width:900px){.pbn-publicos__pista{grid-auto-columns:calc((100% - 12px)/2)}.pbn-publicos--1 .pbn-publicos__pista{grid-auto-columns:100%}}
@media(max-width:580px){.pbn-publicos{padding:14px 12px}.pbn-publicos__pista,.pbn-publicos--2 .pbn-publicos__pista,.pbn-publicos--3 .pbn-publicos__pista{grid-auto-columns:100%}}
@media(prefers-reduced-motion:reduce){.pbn-publicos__pista{scroll-behavior:auto}}
.pbn-ventana{width:min(530px,calc(100vw - 30px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #8da4bc;border-radius:20px;padding:0;box-shadow:0 22px 65px #0008;background:#fff;color:#172738}.pbn-ventana::backdrop{background:#0a1728b9}.pbn-ventana>header,.pbn-ventana>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#f7f9fc}.pbn-ventana button{min-height:36px;min-width:38px;border:1px solid #bfcede;background:#fff;color:#152d47;border-radius:9px;cursor:pointer}.pbn-ventana__pieza{box-sizing:border-box;position:relative;background:var(--pbn-ventana-fondo,#fff);color:var(--pbn-ventana-texto,#172738);padding:14px;max-width:100%;overflow-wrap:anywhere}.pbn-ventana__pieza[hidden]{display:none}.pbn-ventana__pieza>span{display:inline-block;border:1px solid currentColor;padding:2px 9px;border-radius:999px;font-size:.75rem;margin-bottom:8px}.pbn-ventana__pieza img{display:block;width:100%;height:170px;object-fit:cover;border-radius:14px}.pbn-ventana__pieza h3{color:inherit;font-size:1.25rem;margin:10px 0}.pbn-ventana__pieza p{line-height:1.5;white-space:pre-wrap}.pbn-ventana__pieza a{display:inline-block;padding:8px 11px;background:var(--pbn-ventana-link,#19324c);color:var(--pbn-ventana-link-text,#fff);border-radius:9px}