/* MEVOY Revista · frontend (maqueta Opción 3 · Tipo Revista Digital) */
.mvr-list,.mvr-post{--navy:#1D1C57;--magenta:#E84C96;--graphite:#2A2840;--cream:#FAF6F1;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;color:var(--navy);background:var(--cream);width:100%;padding:clamp(32px,5vw,72px) clamp(20px,4vw,48px);-webkit-font-smoothing:antialiased}
.mvr-list *,.mvr-post *{box-sizing:border-box}
.mvr-list a,.mvr-post a{text-decoration:none;color:inherit}
.mvr-list img,.mvr-post img{display:block;width:100%;height:100%;object-fit:cover}
.mvr-head{max-width:1180px;margin:0 auto clamp(32px,4vw,48px);display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:3px solid var(--navy);padding-bottom:22px}
.mvr-h1{font-size:clamp(32px,4.2vw,50px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0}
.mvr-h1 em{font-style:normal;color:var(--magenta)}
.mvr-edicion{margin:6px 0 0;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta)}
.mvr-ediciones{display:flex;gap:8px;flex-wrap:wrap}
.mvr-ediciones a{font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:99px;border:2px solid var(--navy);background:#fff;transition:background .15s,color .15s}
.mvr-ediciones a:hover,.mvr-ediciones a.on{background:var(--navy);color:var(--cream)}
.mvr-cols{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.mvr-feat{display:flex;flex-direction:column;background:var(--navy);color:var(--cream);border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.mvr-feat:hover{transform:translateY(-4px);box-shadow:0 14px 0 -6px var(--magenta)}
.mvr-feat-img{aspect-ratio:9/7;background:#242363}
.mvr-feat-body{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.mvr-feat-body h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.14;letter-spacing:-.015em;margin:0;text-wrap:balance}
.mvr-feat-body p{font-size:15.5px;line-height:1.6;color:#C9C6E2;margin:0}
.mvr-feat .mvr-meta{color:#9997C8}
.mvr-cat{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta)}
a.mvr-cat:hover{text-decoration:underline}
.mvr-meta{font-size:13px;font-weight:500;color:#8A8398}
.mvr-rail{display:flex;flex-direction:column}
.mvr-row{display:grid;grid-template-columns:auto 1fr 96px;gap:18px;align-items:center;padding:20px 4px;border-bottom:2px solid rgba(29,28,87,.15);transition:background .15s}
.mvr-row:first-child{padding-top:4px}
.mvr-row:hover{background:#fff}
.mvr-num{font-size:15px;font-weight:800;color:var(--magenta);align-self:start;padding-top:22px}
.mvr-row>div:not(.mvr-thumb){display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mvr-row h3{font-size:18.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0;text-wrap:balance}
.mvr-row:hover h3{color:var(--magenta)}
.mvr-thumb{width:96px;height:72px;border-radius:10px;overflow:hidden;background:#EFE7DC;flex-shrink:0}
.mvr-news{max-width:1180px;margin:clamp(44px,5vw,72px) auto 0;background:var(--magenta);border-radius:20px;padding:clamp(26px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.mvr-news h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.015em;color:#fff;margin:0 0 6px}
.mvr-news p{margin:0;font-size:15px;line-height:1.5;color:#FCE0EE}
/* --- Artículo --- */
.mvr-post-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;column-gap:clamp(32px,4vw,64px);row-gap:40px}
.mvr-post-head{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.mvr-post-head h1{font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.mvr-lead{font-size:clamp(17px,1.7vw,19px);line-height:1.6;color:var(--graphite);margin:0}
.mvr-post-hero{width:100%;aspect-ratio:15/7;border-radius:18px;border:2px solid var(--navy);overflow:hidden;background:#EFE7DC;margin-top:10px}
.mvr-side{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:20px;position:sticky;top:24px;align-self:start}
.mvr-side-box{background:#fff;border:2px solid var(--navy);border-radius:16px;padding:20px 22px}
.mvr-side-box>strong{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);margin-bottom:12px}
.mvr-side-box nav{display:flex;flex-direction:column;gap:9px}
.mvr-side-box nav a{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--navy)}
.mvr-side-box nav a:hover{color:var(--magenta)}
.mvr-side-meta{display:flex;align-items:center;gap:12px;padding:0 6px}
.mvr-avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--magenta);font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mvr-side-meta div{display:flex;flex-direction:column;gap:1px}
.mvr-side-meta strong{font-size:14.5px;font-weight:700}
.mvr-side-meta div span{font-size:13px;color:#8A8398}
.mvr-side-cta{background:var(--navy);border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--cream)}
.mvr-side-cta>strong{font-size:18px;font-weight:800;letter-spacing:-.01em}
.mvr-side-cta p{margin:0;font-size:14px;line-height:1.5;color:#C9C6E2}
.mvr-side-cta a{display:inline-flex;align-items:center;gap:7px;margin-top:8px;background:var(--magenta);color:#fff;font-weight:700;font-size:14.5px;border-radius:99px;padding:11px 22px;transition:gap .2s}
.mvr-side-cta a:hover{gap:11px}
.mvr-post-body{grid-column:1;font-size:17px;line-height:1.75;color:var(--graphite);max-width:680px}
.mvr-post-body p{margin:0 0 22px}
.mvr-post-body h2{font-size:clamp(22px,2.3vw,27px);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--navy);margin:36px 0 14px;scroll-margin-top:24px}
.mvr-post-body ol,.mvr-post-body ul{margin:0 0 22px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.mvr-post-body li::marker{font-weight:800;color:var(--magenta)}
.mvr-post-body strong{color:var(--navy)}
.mvr-post-body a{color:var(--magenta);font-weight:600}
.mvr-post-body a:hover{text-decoration:underline}
.mvr-post-body blockquote{margin:30px 0;padding:6px 0 6px 26px;border-left:5px solid var(--magenta)}
.mvr-post-body blockquote p{margin:0;font-size:20px;font-weight:600;line-height:1.5;color:var(--navy)}
.mvr-post-body img{border-radius:14px;height:auto}
.mvr-related{max-width:1180px;margin:64px auto 0;border-top:3px solid var(--navy);padding-top:28px}
.mvr-related>h2{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.015em;margin:0 0 10px}
.mvr-rel-list{display:flex;flex-direction:column}
.mvr-rel-list a{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 4px;border-bottom:2px solid rgba(29,28,87,.15)}
.mvr-rel-list a:hover h3{color:var(--magenta)}
.mvr-rel-list .mvr-num{padding-top:0;align-self:center}
.mvr-rel-list div{display:flex;flex-direction:column;gap:4px}
.mvr-rel-list h3{font-size:18px;font-weight:700;line-height:1.25;margin:0}
@media (max-width:900px){.mvr-cols{grid-template-columns:1fr}.mvr-post-grid{grid-template-columns:1fr}.mvr-side{grid-column:1;grid-row:auto;position:static}.mvr-post-head,.mvr-post-body{grid-column:1}}
@media (max-width:560px){.mvr-row{grid-template-columns:auto 1fr}.mvr-thumb{display:none}}