/* /my "Club de lectura" feature card, scoped to .dzp-* (mockup 06-mi-cuenta). */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.dzp-wrap{margin-bottom:.5rem}
.dzp-feat{display:block;border-radius:14px;overflow:hidden;position:relative;color:#f3e9dc!important;
  background:radial-gradient(90% 90% at 85% 30%,rgba(217,178,95,.30),transparent 60%),linear-gradient(135deg,#a8164e 0%,#8B0E3E 40%,#3f041b 100%);
  box-shadow:0 10px 28px -12px rgba(139,14,62,.7)}
.dzp-feat::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background:repeating-linear-gradient(45deg,rgba(245,220,154,.5) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(245,220,154,.5) 0 1px,transparent 1px 14px)}
.dzp-in{position:relative;display:flex;gap:14px;padding:16px}
.dzp-thumb{flex:none;width:78px;transform:rotate(-5deg);margin:4px 2px 0 0}
.dzp-thumb img{width:100%;aspect-ratio:600/843;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 18px rgba(0,0,0,.5)}
.dzp-body{flex:1;min-width:0}
.dzp-tag{display:inline-block;font:700 9.5px/1 system-ui,sans-serif;letter-spacing:.16em;color:#2a1a05;background:#f5dc9a;padding:4px 7px;border-radius:5px}
.dzp-feat h3{font:700 16px/1.2 system-ui,sans-serif;margin:8px 0 0;color:#fff}
.dzp-feat h3 span{display:block;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:21px;letter-spacing:.02em;color:#f5dc9a;margin-top:2px}
.dzp-st{display:flex;gap:8px;margin-top:10px}
.dzp-st div{flex:1;background:rgba(0,0,0,.25);border:1px solid rgba(245,220,154,.25);border-radius:10px;padding:7px 9px}
.dzp-st b{display:block;font:700 17px/1 system-ui,sans-serif;color:#fff}
.dzp-st em{font-style:normal;font-size:12px;color:#e8c5d3}
.dzp-st small{display:block;font-size:10.5px;color:#e8c5d3;margin-top:3px}
.dzp-ft{position:relative;display:flex;align-items:center;gap:12px;padding:0 16px 16px}
.dzp-bar{flex:1;height:6px;border-radius:9px;background:rgba(0,0,0,.3);overflow:hidden}
.dzp-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#f5dc9a,#fff4cf)}
.dzp-play{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;background:#f5dc9a;color:#3f041b;font:800 14px system-ui,sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.3);white-space:nowrap}
/* Home promo (public / logged-in) */
.dz-homepromo{padding-bottom:.25rem}
.dz-homepromo .container{max-width:640px}
.dzp-home{cursor:default}
.dzp-home .dzp-in{padding:18px 16px 12px}
.dzp-home .dzp-h{font:700 16px/1.2 system-ui,sans-serif;margin:10px 0 0;color:#fff;text-transform:none}
.dzp-home .dzp-h span{display:block;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:28px;line-height:1.15;letter-spacing:.02em;color:#f5dc9a;margin-top:2px}
.dzp-line{margin:8px 0 0;font:500 13px/1.4 system-ui,sans-serif;color:#f3e9dc}
.dzp-duo{position:relative;width:104px;height:calc(104px * 843 / 600);margin:2px 8px 0 0}
.dzp-duo img{position:absolute;width:82px;aspect-ratio:600/843;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 18px rgba(0,0,0,.5)}
.dzp-duo .dzp-gold{right:0;top:0;transform:rotate(9deg);box-shadow:0 0 0 1px #f5dc9a,0 0 18px rgba(245,220,154,.55),0 8px 18px rgba(0,0,0,.5)}
.dzp-duo .dzp-jos{left:0;top:14px;transform:rotate(-7deg)}
.dzp-home .dzp-ft{padding:4px 16px 16px;flex-wrap:wrap}
.dzp-home .dzp-cta{flex:1;justify-content:center;height:46px;font-size:16px;text-decoration:none!important}
.dzp-home .dzp-bar{flex:1 1 100%}
.dzp-home .dzp-bar + .dzp-cta{flex:1 1 100%}
.dzp-demo{color:#f5dc9a!important;font:600 13px system-ui,sans-serif;text-decoration:underline;padding:8px 4px;white-space:nowrap}
@media (max-width:420px){.dzp-duo{width:92px;height:calc(92px * 843 / 600)}.dzp-duo img{width:72px}.dzp-home .dzp-h span{font-size:25px}}