/* Fondo opaco en el propio menú: azul al inicio, blanco al desplazarse o abrirlo. */
body:is(.blog,.single-post) #top-nav-wrapper{background-color:#fff!important;isolation:isolate;transition-property:max-height,min-height,box-shadow}
/* El cierre tarda .3s de espera + .2s de altura: el azul vuelve después. */
body:is(.blog,.single-post) #top-nav-wrapper::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#173678,var(--dark-blue));opacity:1;transition:opacity .25s ease .5s}
body:is(.blog,.single-post) #top-nav-wrapper:is(.scrolled,.open)::before{opacity:0;transition-delay:0s}
@media(prefers-reduced-motion:reduce){body:is(.blog,.single-post) #top-nav-wrapper::before{transition-duration:0s}}
.pp-blog-header{background:var(--lighter-blue);color:var(--dark-blue)}
.pp-blog-nav-backdrop{height:80px;background:linear-gradient(110deg,#173678,var(--dark-blue))}
.pp-blog-intro{padding-top:42px;padding-bottom:30px;border-bottom:1px solid #445cb22b}
.pp-blog-kicker{display:block;font:700 12px Poppins,system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.pp-blog-intro h1{max-width:900px;font-size:clamp(30px,3.1vw,44px);letter-spacing:-1px;line-height:1.18;margin:0}
.pp-blog-intro p{color:var(--medium-blue);font-size:17px;margin:14px 0 0}
.pp-blog-return{width:calc(100% - 24px);max-width:900px;margin:0 auto;padding:22px 0 6px}
.pp-blog-return a{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 14px;border:1px solid #445cb233;border-radius:8px;background:#ffffffb3;color:var(--medium-blue);text-decoration:none;font:600 13px Poppins,system-ui,sans-serif}
.pp-blog-return a:hover{background:white;border-color:var(--medium-blue)}
.pp-blog-return a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(min-width:783px){body.admin-bar .pp-blog-nav-backdrop{height:94px}}
@media(max-width:767px){.pp-blog-intro{padding-top:28px;padding-bottom:24px}.pp-blog-intro h1{font-size:30px}.pp-blog-intro p{font-size:16px}.pp-blog-return{padding-top:16px;padding-bottom:0}}