/* CSS propio de la portada `home-brisa` — era un <style> en views/home-brisa.ejs hasta el 23-sep-2026. */
.br-wrap{max-width:1200px;margin:0 auto;padding:36px 40px 64px}
    .br-ph{width:100%;height:100%;background:repeating-linear-gradient(45deg,#E3EAEA,#E3EAEA 14px,#EDF2F1 14px,#EDF2F1 28px)}
    .br-hero{text-align:center;max-width:820px;margin:0 auto}
    .br-hero .tjx-jo6{font:400 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
    .br-hero h1{font-family:var(--serif);font-weight:600;font-size:48px;line-height:1.12;margin:16px 0 14px;color:var(--ink)}
    .br-hero h1 a{color:inherit}
    .br-hero .tjx-e55{font-size:17px;line-height:1.6;color:var(--muted);margin:0 auto 18px;max-width:620px}
    .br-hero .tjx-wn2{font:400 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
    .br-hero-photo{aspect-ratio:21/9;margin:28px 0 0;overflow:hidden;background:var(--paper-2)}
    .br-hero-photo img{width:100%;height:100%;object-fit:cover}
    .br-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:52px}
    .br-card{display:flex;flex-direction:column;gap:10px}
    .br-card .tjx-kj0{aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
    .br-card .tjx-kj0 img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
    .br-card:hover .tjx-kj0 img{transform:scale(1.03)}
    .br-card .tjx-jo6{font:400 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
    .br-card h3{font-family:var(--serif);font-weight:600;font-size:25px;line-height:1.2;margin:0;color:var(--ink)}
    .br-card h3 a{color:inherit}
    .br-card:hover h3 a{color:var(--accent)}
    .br-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
    .br-card .date{font-size:12px;color:var(--muted-2)}
    .br-ad-top{margin:52px auto 0}
    .br-sea{margin-top:52px;background:var(--deep);color:var(--deep-ink-2);padding:36px 40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;align-items:center}
    .br-sea .h{font-family:var(--serif);font-style:italic;font-size:26px;color:#FDFCF9}
    .br-sea .s{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--deep-ink);margin-top:6px}
    .br-sea .n{font-family:var(--serif);font-size:30px;color:#FDFCF9}
    .br-sea .l{font-size:12px;color:var(--deep-ink)}
    .br-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;margin-top:52px}
    .br-more{grid-column:span 2}
    .br-sh{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
    .br-sh h2{font-family:var(--serif);font-weight:600;font-size:27px;margin:0;color:var(--ink)}
    .br-sh .tjx-v6k{flex:1;border-top:1px solid var(--hairline)}
    .br-row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--hairline)}
    .br-row .tjx-jo6{font:400 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
    .br-row h3{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.25;margin:6px 0 0;color:var(--ink)}
    .br-row h3 a{color:inherit}
    .br-row .date{font-size:12px;color:var(--muted-2);white-space:nowrap}
    .br-aside{display:flex;flex-direction:column;gap:24px}
    .br-most{background:var(--paper-2);padding:24px}
    .br-most .h{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink)}
    .br-most .tjx-ugd{display:flex;flex-direction:column;margin-top:4px}
    .br-most a{padding:12px 0;border-bottom:1px solid #E3DCC9;font-size:14px;font-weight:500;line-height:1.4;color:var(--ink)}
    .br-most a:last-child{border-bottom:0}
    .br-most a:hover{color:var(--accent)}
    @media(max-width:1024px){.br-grid{grid-template-columns:1fr}.br-lower{grid-template-columns:1fr}.br-more{grid-column:auto}.br-sea{grid-template-columns:1fr 1fr}}
    @media(max-width:720px){.br-wrap{padding:28px 16px 48px}.br-hero h1{font-size:32px}.br-sea{grid-template-columns:1fr;padding:26px 20px}}