/* Casa Blumen — blog.css: artículos migrados (prose sobre tema oscuro) */
.article-hero{min-height:56vh}
.article-hero .in{max-width:900px}
.art-meta{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--mut)}
.art-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--acc,var(--yellow))}
.art-rub{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,var(--yellow))}

.prose{max-width:760px;margin-inline:auto}
.prose > *{margin-top:0}
.prose p{color:#c9c4ba;font-family:'Outfit';font-weight:300;font-size:clamp(16px,1.75vw,18.5px);line-height:1.78;margin:0 0 1.15em}
.prose p:first-of-type{font-size:clamp(17.5px,2vw,20px);color:#ded9cf}
.prose strong{color:#fff;font-weight:600}
.prose em{font-style:italic}
.prose a{color:var(--acc,var(--yellow));text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:1px;transition:border-color .25s var(--ease)}
.prose a:hover{border-color:var(--acc,var(--yellow))}
.prose h2{font-family:'Fraunces',serif;font-weight:500;color:#fff;font-size:clamp(24px,3vw,36px);line-height:1.15;margin:clamp(38px,4.4vw,60px) 0 .5em}
.prose h3{font-family:'Fraunces',serif;font-weight:500;color:#fff;font-size:clamp(20px,2.3vw,27px);line-height:1.2;margin:clamp(30px,3.4vw,44px) 0 .5em}
.prose ul,.prose ol{color:#c9c4ba;font-family:'Outfit';font-weight:300;font-size:clamp(16px,1.7vw,18px);line-height:1.7;margin:0 0 1.3em;padding-left:1.3em}
.prose li{margin-bottom:.55em}
.prose li::marker{color:var(--acc,var(--yellow))}
.prose blockquote{margin:clamp(28px,3.4vw,44px) 0;padding:6px 0 6px 26px;border-left:3px solid var(--acc,var(--yellow));font-family:'Fraunces',serif;font-style:italic;font-size:clamp(19px,2.2vw,26px);line-height:1.4;color:#fff}
.prose blockquote p{color:#fff;font-family:'Fraunces',serif;font-style:italic;font-size:inherit}
.prose blockquote cite{display:block;margin-top:12px;font-family:'Outfit';font-style:normal;font-size:14px;font-weight:500;color:var(--acc,var(--yellow))}
.prose hr{border:0;height:1px;background:var(--line);margin:clamp(34px,4vw,52px) 0}
.prose figure{margin:clamp(26px,3.4vw,44px) 0}
.tldr{margin:clamp(24px,3vw,36px) 0 clamp(30px,3.6vw,44px);padding:clamp(20px,2.4vw,28px) clamp(20px,2.4vw,30px);border:1px solid var(--line);border-left:3px solid var(--acc,var(--yellow));background:rgba(255,255,255,.03);border-radius:2px}
.tldr h2{font-family:'Outfit';font-weight:700;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--acc,var(--yellow));margin:0 0 .85em!important}
.tldr ul{margin:0;padding-left:1.2em}
.tldr li{color:#ded9cf;font-size:clamp(15px,1.6vw,17px);line-height:1.55;margin-bottom:.5em}
.tldr li:last-child{margin-bottom:0}
.tldr li::marker{color:var(--acc,var(--yellow))}
.prose figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.prose figcaption{margin-top:12px;font-size:13.5px;font-weight:300;font-style:italic;color:var(--mut);text-align:center}
/* mascota / ilustración suelta dentro del prose: centrada y contenida */
.prose figure img[src$=".png"],.prose figure img[src$=".svg"]{max-width:420px;margin-inline:auto;border:0}
.art-back{margin-top:clamp(40px,5vw,64px);padding-top:26px;border-top:1px solid var(--line)}
.art-back a{font-family:'Outfit';font-weight:600;font-size:14.5px;color:#fff;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.art-back a span{color:var(--acc,var(--yellow));transition:transform .3s var(--ease)}
.art-back a:hover span{transform:translateX(-4px)}
@media(max-width:560px){.prose{max-width:100%}}