.pu-fondo{position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center; padding:18px; background:rgba(8,24,40,.62); backdrop-filter:blur(3px); opacity:0; transition:opacity .25s ease; font-family:'Manrope',system-ui,sans-serif}
.pu-fondo.pu-abierto{opacity:1}
.pu-caja{position:relative; width:min(460px,100%); max-height:92vh; overflow:auto; background:#fff; color:#0b2239; border-radius:22px; padding:28px 26px 22px; box-shadow:0 40px 80px -30px rgba(0,0,0,.7); transform:translateY(18px) scale(.96); transition:transform .3s cubic-bezier(.22,.9,.3,1)}
.pu-abierto .pu-caja{transform:none}
.pu-x{position:absolute; top:10px; right:12px; width:34px; height:34px; border:0; border-radius:50%; background:#eef3f8; color:#0b2239; font-size:1.4rem; line-height:1; cursor:pointer}
.pu-x:hover{background:#dbe7f2}
.pu-pico{display:inline-block; background:#e30613; color:#fff; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:5px 11px; border-radius:999px}
.pu-caja h2{margin:12px 34px 6px 0; font-family:'Space Grotesk',system-ui,sans-serif; font-size:1.35rem; line-height:1.15; letter-spacing:-.02em}
.pu-caja p{margin:0 0 12px; color:#4a5b6e; font-size:.93rem; line-height:1.5}
.pu-lista{display:flex; flex-direction:column; gap:8px; margin:12px 0}
.pu-oferta{display:flex; gap:12px; align-items:center; text-decoration:none; color:inherit; border:1px solid #e1e9f1; border-radius:14px; padding:8px; transition:border-color .2s, transform .2s}
.pu-oferta:hover{border-color:#005ca9; transform:translateX(3px)}
.pu-oferta img,.pu-sinfoto{width:58px; height:46px; object-fit:cover; border-radius:9px; background:#f1f5f9; flex:none}
.pu-of-info{display:flex; flex-direction:column; gap:2px; font-size:.86rem; min-width:0}
.pu-of-info b{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pu-of-info em{font-style:normal; font-weight:800; color:#005ca9}
.pu-of-info s{color:#8a97a5; font-size:.8rem}
.pu-of-info i{font-style:normal; font-weight:800; color:#e30613; font-size:.8rem}
.pu-acc{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:14px}
.pu-btn{background:#005ca9; color:#fff; text-decoration:none; font-weight:800; padding:11px 22px; border-radius:999px; font-size:.92rem}
.pu-btn:hover{background:#00437c}
.pu-no{background:none; border:0; color:#5b6b7c; font-weight:700; cursor:pointer; padding:10px 8px; font-size:.88rem}
.pu-barra{height:3px; background:#e6edf4; border-radius:3px; margin-top:16px; overflow:hidden}
.pu-barra i{display:block; height:100%; width:100%; background:#005ca9; transform-origin:left; animation:puBarra linear forwards}
@keyframes puBarra{to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.pu-fondo,.pu-caja{transition:none}.pu-barra i{animation:none}}