/* CSS propio de la portada `home-contextoec` — era un <style> en views/home-contextoec.ejs hasta el 23-sep-2026. */
.cx-wrap{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
    .cx-mast{text-align:center;padding:34px 0 8px}
    .cx-mast img{height:120px;width:auto;display:inline-block}
    .cx-tagline{font-family:var(--cx-serif);font-style:italic;font-size:16px;color:color-mix(in srgb,var(--color-text) 66%,transparent);margin-top:8px}
    .cx-datebar{display:flex;justify-content:space-between;align-items:center;border-top:3px solid var(--color-text);border-bottom:1px solid var(--color-text);padding:9px 0;margin-top:16px}
    .cx-date{font-family:var(--cx-serif);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:var(--color-text)}
    .cx-nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
    .cx-nav a{font-family:var(--cx-serif);font-size:14px;color:var(--color-text);text-decoration:none}
    .cx-nav a:hover,.cx-nav a.on{color:var(--color-accent)}
    .cx-nav a.ad{color:var(--color-accent-2)}
    .cx-kick{font-family:var(--cx-serif);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--color-accent-700);display:block}
    .cx-photo{aspect-ratio:4/3}
    .cx-photo img,.cx-ph16 img,.cx-ph32 img{width:100%;height:100%;object-fit:cover;display:block}
    .cx-cap{font-family:var(--cx-serif);font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:6px}

    .cx-lead{display:grid;grid-template-columns:7fr 5fr;gap:38px;padding:34px 0;border-bottom:1px solid var(--color-divider);align-items:start}
    .cx-lead h1{font-family:var(--cx-serif);font-weight:600;font-size:52px;line-height:1.06;letter-spacing:-.02em;margin:10px 0 0}
    .cx-lead h1 a{color:var(--color-text);text-decoration:none}
    .cx-lead h1 a:hover{color:var(--color-accent)}
    .cx-dek{font-family:var(--cx-serif);font-style:italic;font-size:19px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 72%,transparent);margin:16px 0 0}
    .cx-byline{font-family:var(--cx-serif);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:14px}

    .cx-feat3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 0;border-bottom:1px solid var(--color-divider)}
    .cx-ph16{aspect-ratio:16/10}
    .cx-feat3 h3{font-family:var(--cx-serif);font-weight:600;font-size:22px;line-height:1.2;margin:12px 0 0}
    .cx-feat3 h3 a{color:var(--color-text);text-decoration:none}
    .cx-feat3 h3 a:hover{color:var(--color-accent)}
    .cx-rs{font-family:var(--cx-serif);font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 62%,transparent);margin:6px 0 0}

    .cx-cols{display:grid;grid-template-columns:1fr 320px;gap:44px;padding:30px 0}
    .cx-sec-h{font-family:var(--cx-serif);font-weight:600;font-size:32px;letter-spacing:-.01em;margin:0 0 18px}
    .cx-list article{display:grid;grid-template-columns:1fr 150px;gap:18px;padding:18px 0;border-top:1px solid var(--color-divider)}
    .cx-list article:first-child{border-top:0;padding-top:0}
    .cx-list .cx-ph32{aspect-ratio:3/2}
    .cx-list h3{font-family:var(--cx-serif);font-weight:600;font-size:20px;line-height:1.22;margin:4px 0 0}
    .cx-list h3 a{color:var(--color-text);text-decoration:none}
    .cx-list h3 a:hover{color:var(--color-accent)}
    .cx-side{display:flex;flex-direction:column;gap:30px}
    .cx-rail-h{font-family:var(--cx-serif);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-text);padding-bottom:8px;margin:0 0 4px}
    .cx-most a{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--color-divider);text-decoration:none}
    .cx-most a:first-of-type{border-top:0}
    .cx-most .n{font-family:var(--cx-serif);font-weight:600;font-size:28px;line-height:1;color:var(--color-accent-700);flex:none;width:1.1em}
    .cx-most .t{font-family:var(--cx-serif);font-size:15px;line-height:1.35;color:var(--color-text)}
    .cx-most a:hover .t{color:var(--color-accent)}
    .cx-ad{border:1px solid var(--color-accent-2);padding:22px;text-align:center}
    .cx-ad .k{font-family:var(--cx-serif);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--color-accent-2);font-weight:600}
    .cx-ad .t{font-family:var(--cx-serif);font-size:18px;line-height:1.3;margin:8px 0 12px;color:var(--color-text)}
    .cx-ad a{font-family:var(--cx-serif);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-2);text-decoration:none}
    .cx-news h3{font-family:var(--cx-serif);font-weight:600;font-size:22px;margin:0}
    .cx-news p{font-family:var(--cx-serif);font-size:14px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 65%,transparent);margin:6px 0 0}
    .cx-news form{display:flex;margin-top:12px}
    .cx-news input{flex:1;min-width:0;background:var(--color-surface);border:1px solid var(--color-divider);border-right:0;border-radius:2px 0 0 2px;padding:11px 14px;font-family:var(--cx-serif);font-size:14px;color:var(--color-text)}
    .cx-news .cx-btn{border-radius:0 2px 2px 0}
    .cx-empty{font-family:var(--cx-serif);font-style:italic;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:20px 0}
    @media(max-width:900px){.cx-lead{grid-template-columns:1fr}.cx-feat3{grid-template-columns:1fr 1fr}.cx-cols{grid-template-columns:1fr}}
    @media(max-width:600px){.cx-mast img{height:74px}.cx-lead h1{font-size:34px}.cx-feat3{grid-template-columns:1fr}.cx-datebar{flex-direction:column;gap:8px;align-items:flex-start}.cx-list article{grid-template-columns:1fr}.cx-list .cx-ph32{aspect-ratio:16/9}}