.hero-art{position:relative;background:linear-gradient(145deg,#fff1fa 0%,#f5e7fb 58%,#f8df8d 100%);border-radius:30px 150px 30px 30px;overflow:hidden;box-shadow:28px 28px 0 #f1d477}
.hero-art img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(50,16,71,.16))}
.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(50,16,71,.78));pointer-events:none}
.photo-caption{position:absolute;z-index:1;left:38px;bottom:28px;color:#fff;display:flex;flex-direction:column}
.photo-caption span{font:600 1.55rem 'Playfair Display',serif}
.photo-caption small{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#f6d77b}
.listen-section{background:linear-gradient(135deg,#321047,#57156d);color:white;padding:95px 0}
.listen-grid{display:grid;grid-template-columns:.22fr 1.2fr .8fr;gap:54px;align-items:center}
.listen-mark{font:11rem/1 'Playfair Display',serif;color:var(--gold);align-self:start;height:90px}
.listen-section h2{font:600 clamp(2.5rem,4.5vw,4.5rem)/1.08 'Playfair Display',serif;margin:0 0 22px}
.listen-section p{color:#e8ddeb;max-width:660px}
.listen-section .listen-lead{font:500 1.42rem/1.5 'Playfair Display',serif;color:white}
.privacy-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);padding:34px;backdrop-filter:blur(8px)}
.privacy-card .lock{color:var(--gold);font-size:2rem}
.privacy-card h3{font:600 1.55rem 'Playfair Display',serif;margin:16px 0 12px}
.privacy-card p{color:white}
.privacy-card small{display:block;color:#cabbd0;line-height:1.55}
.contact-email{font-size:.88rem;color:#d8c9dd!important;overflow-wrap:anywhere}.contact-email strong{color:white}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.contact-actions.stacked{align-items:flex-start;flex-direction:column}.whatsapp-button{background:#fff;color:#321047}.whatsapp-button:hover{background:#f8df8d}.outline-light{border:1px solid rgba(255,255,255,.45);color:#fff}.email-link{color:#fff;overflow-wrap:anywhere;text-underline-offset:4px}
@media(max-width:900px){.listen-grid{grid-template-columns:1fr}.listen-mark{display:none}.privacy-card{max-width:620px}}
@media(max-width:520px){.hero-art{box-shadow:14px 14px 0 #f1d477}.photo-caption{left:25px;bottom:22px}.listen-section{padding:72px 0}}

/* Identidad DM y acceso directo por QR */
.brand img{width:46px;height:46px;object-fit:contain}
.brand span{width:auto;height:auto;border-radius:0;background:transparent}
.monogram{overflow:hidden}
.monogram img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(50,16,71,.12))}
.contact-options{display:grid;grid-template-columns:1fr 178px;column-gap:24px;align-items:end}
.contact-options>p,.contact-options>.contact-actions{grid-column:1}
.qr-card{grid-column:2;grid-row:1/3;align-self:center;display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;color:#321047;text-decoration:none;box-shadow:0 18px 45px rgba(20,4,31,.22)}
.qr-card img{display:block;width:154px;height:154px;object-fit:cover}
.qr-card span{display:flex;flex-direction:column;line-height:1.25}
.qr-card strong{font-size:.82rem}
.qr-card small{margin-top:4px;color:#6c6673;font-size:.68rem}
@media(max-width:1050px){.contact-options{grid-template-columns:1fr}.contact-options>p,.contact-options>.contact-actions,.qr-card{grid-column:1}.qr-card{grid-row:auto;width:178px;margin-top:24px}}
@media(max-width:520px){.brand img{width:40px;height:40px}.monogram img{width:92%;height:92%}}