:root{--ink:#10263b;--cream:#f7f4ec;--paper:#fffdf7;--blue:#a9d9eb;--coral:#df7f62;--line:rgba(16,38,59,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 system-ui,sans-serif}a{color:inherit}header{background:rgba(247,244,236,.94);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;text-decoration:none;font-size:1.2rem;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.brand img{width:35px}.navlinks{display:flex;gap:22px;font-size:.9rem;font-weight:650}.navlinks a{text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.hero{padding:clamp(58px,9vw,110px) 0 50px;background:radial-gradient(circle at 90% 20%,#d9eef2,transparent 42%),radial-gradient(circle at 8% 85%,#fae4d4,transparent 36%)}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#8e513c}h1,h2,h3{font-family:Georgia,serif;line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,6vw,5rem);max-width:900px;margin:20px 0}h2{font-size:clamp(1.75rem,3vw,2.4rem)}.intro{max-width:680px;font-size:1.12rem;color:#44596b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:54px 0 80px}.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 14px 40px rgba(16,38,59,.06);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(16,38,59,.14)}.card img{width:100%;height:190px;object-fit:cover}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card h2{font-size:1.45rem;margin:10px 0}.card p{color:#536777;font-size:.95rem}.arrow{margin-top:auto;font-weight:700;color:#9a513b}.article-hero img{width:100%;height:clamp(230px,36vw,440px);object-fit:cover;border-radius:22px;margin-top:32px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:56px;padding:55px 0 80px}.content section{margin-bottom:42px}.content p{font-size:1.08rem;line-height:1.85;color:#344d60}.content h2{margin:0 0 18px}.aside{position:sticky;top:95px;align-self:start;background:#e4f1f2;border-radius:20px;padding:25px}.aside a{display:inline-block;margin-top:12px;font-weight:700}.sources{border-top:1px solid var(--line);padding-top:32px;overflow-wrap:anywhere}.sources li{margin:10px 0}.back{font-size:.9rem;font-weight:700;text-decoration:none}.more{background:#e4f1f2;border-radius:20px;padding:24px;margin:36px 0}.more a{display:block;margin:8px 0}footer{border-top:1px solid var(--line);padding:30px 0 48px;color:#536777;font-size:.9rem}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.aside{position:static;order:-1}}@media(max-width:520px){.grid{grid-template-columns:1fr}.navlinks{gap:12px;font-size:.8rem}.nav{padding-inline:16px}.card img{height:210px}.article-layout{padding-top:32px}.hero{padding-top:48px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Las ilustraciones incluyen marco: conservar la imagen completa en cada pantalla. */
.card img[src^="/blog/assets/"]{height:auto;aspect-ratio:1672 / 941;object-fit:contain;background:#f7f4ec}

/* Las ilustraciones enmarcadas se muestran completas también en la portada del artículo. */
.article-hero img[src^="/blog/assets/"]{height:auto;aspect-ratio:1672/941;object-fit:contain;background:#f7f4ec}