/* Revista de Programador Web: franja independiente bajo el hero. */
.pw-magazine{background:#142d48;color:#f6f1e8;border-top:2px solid #b47b3e;border-bottom:2px solid #b47b3e;padding:40px 28px;position:relative;isolation:isolate;scroll-margin-top:110px;border-radius:0}
.pw-magazine .pw-magazine-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:36px}
.pw-magazine .pw-magazine-cover{display:block;width:112px;height:auto;box-shadow:6px 8px 0 rgba(0,0,0,.22);border:1px solid #d4b28a;border-radius:0}
.pw-magazine .pw-magazine-eyebrow{font:600 11px/1.5 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#dfba87;margin:0 0 10px}
.pw-magazine h2{font:400 clamp(27px,2.8vw,40px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em;color:#f6f1e8;margin:0 0 14px}
.pw-magazine .pw-magazine-copy>p:last-child{font:400 15px/1.6 Archivo,sans-serif;max-width:540px;margin:0;color:#f6f1e8}
.pw-magazine .pw-magazine-download{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 19px;background:#f6f1e8;color:#142d48;border:1px solid #f6f1e8;text-decoration:none;font:600 14px/1.4 Archivo,sans-serif;min-height:48px;border-radius:0}
.pw-magazine .pw-magazine-download:hover{background:#dfba87;border-color:#dfba87}.pw-magazine .pw-magazine-download:focus-visible{outline:3px solid #dfba87;outline-offset:5px}
.pw-magazine .pw-magazine-action>p{font:400 11px/1.6 Archivo,sans-serif;margin:10px 0 0;color:#dfba87}
@media(max-width:1000px){.pw-magazine .pw-magazine-inner{grid-template-columns:96px minmax(0,1fr);gap:24px}.pw-magazine .pw-magazine-cover{width:96px;grid-row:1 / 3}.pw-magazine .pw-magazine-action{grid-column:2}}
@media(max-width:580px){.pw-magazine{padding:30px 22px}.pw-magazine .pw-magazine-inner{grid-template-columns:70px minmax(0,1fr);gap:24px 18px}.pw-magazine .pw-magazine-cover{width:70px;grid-row:auto;align-self:start}.pw-magazine h2{font-size:27px}.pw-magazine h2 br{display:none}.pw-magazine .pw-magazine-copy>p:last-child{font-size:14px}.pw-magazine .pw-magazine-action{grid-column:1 / -1}.pw-magazine .pw-magazine-download{width:100%;box-sizing:border-box}.pw-magazine .pw-magazine-action>p{text-align:center}}