:root{--navy:#10142d;--text:#20283c;--muted:#667086;--blue:#06559c;--line:#d8dce1;--subtle:#f8f9fa;--coral:#ed6c6d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;color:var(--text);font:14px/1.32 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1350px;margin:0 auto;padding:0 12px}
a{color:var(--blue)}
button,input{font:inherit}
button{cursor:pointer}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.skip{position:absolute;left:10px;top:-60px;z-index:6;padding:8px;background:#fff;color:var(--navy)}
.skip:focus{top:10px}
.masthead{display:grid;grid-template-columns:300px minmax(250px,310px) minmax(260px,1fr) 223px;gap:18px;align-items:center;min-height:66px}
.date{font-size:12px;color:var(--muted)}
.brand img{display:block;width:306px;max-width:100%;height:auto}
.search{height:42px;display:flex;align-self:center;min-width:0;border:1px solid #444;max-width:410px;margin:0 0 0 8px}
.search input{border:0;padding:8px 16px;flex:1;min-width:0;background:#fff;color:#333;font-size:16px;outline-offset:-3px}
.search input::placeholder{color:#939eab;opacity:1}
.search button{display:flex;align-items:center;justify-content:center;width:62px;flex:0 0 62px;background:#2e2e2e;color:white;border:0}
.search button:hover,.search button:focus-visible{background:#454545}
.search svg{height:22px;width:22px}
.header-recommended{display:flex;align-items:center;justify-self:end;gap:12px;border-left:1px solid var(--line);padding-left:12px;width:220px;min-width:0}
.header-recommended img{width:45px;height:57px;object-fit:cover;object-position:top}
.tiny-label,.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;color:#6d7789;letter-spacing:.02em}
.header-recommended strong{display:block;font:700 14px Georgia,'Times New Roman',serif;color:var(--navy);margin-top:2px}
.header-recommended small{display:block;color:var(--muted);line-height:1.2;margin-top:2px}
.trendbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);height:48px;margin-bottom:16px}
.trend{min-width:0;display:flex;align-items:center;padding:3px 8px;gap:9px;border-right:1px solid var(--line)}
.trend:last-child{border-right:0}
.trend img{height:41px;width:40px;object-fit:cover;object-position:top;flex:0 0 40px}
.trend strong{display:block;color:var(--navy);font:700 14px/1.11 Georgia,'Times New Roman',serif;white-space:normal}
.trend .tiny-label{display:block;font-size:10px;margin-bottom:2px}
.period{height:38px;width:40px;flex:0 0 40px;display:grid;place-items:center;background:#ece9e0;color:var(--navy);font:bold 14px Georgia,serif}
.columns{display:grid;grid-template-columns:minmax(0,260px) minmax(0,750px) minmax(0,260px);gap:19px;align-items:start}
.left,.center,.right{min-width:0}
h1,h2,h3,p{margin-top:0}
h2,h3{color:var(--navy);font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.content-box{border-top:1px solid var(--line);padding-top:10px;margin-bottom:17px}
.left .first{padding:14px 15px 16px;border:1px solid #e3e5e8;border-radius:2px;margin-top:0;margin-bottom:17px}
.left h2{font-size:25px;line-height:1.03;margin:4px 0 14px}
.left .duo{display:block;width:100%;aspect-ratio:230/149;object-fit:cover;margin-bottom:7px}
.left h3{font-size:19px;line-height:1.13;margin:0 0 6px}
.left p,.right p{color:var(--muted);margin:0 0 7px;line-height:1.32}
.blue-action{color:var(--blue);font-weight:600;text-decoration:none;display:inline-block;margin-top:2px}
.blue-action.demo{cursor:default}
.left .list-section{padding:16px 6px 0;margin-top:16px}
.left .list-section h2{font-size:24px;line-height:1.09;margin-top:2px;margin-bottom:14px}
.names{list-style:none;margin:0 0 12px;padding:0;counter-reset:n}
.names li{border-bottom:1px solid var(--line);padding:12px 0;display:flex;align-items:center;gap:28px;font-size:14px;color:var(--navy)}
.names .index{color:#7faad8;font-weight:600;min-width:22px}
.hero{position:relative;margin:5px 0 15px}
.hero img{width:100%;display:block;height:auto;border:0}
.hero h1{margin:0}
.hero .small-screen-heading{display:none}
.hero .hero-note{color:#74809a;font-size:11px}
.discover{border-top:1px solid var(--line);padding-top:10px;margin-bottom:17px}
.discover-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.discover-top .blue-action{font-size:13px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5e6e8}
.story{padding:11px 14px 13px;min-width:0;border-right:1px solid #d8dce0}
.story:last-child{border:0}
.story .tiny-label{color:#456a98;margin-bottom:6px;display:block}
.story h3{font-size:18px;line-height:1.08;margin:0 0 6px}
.story p{color:var(--muted);margin:0 0 4px;line-height:1.26}
.story .blue-action{margin-top:0}
.today{border:1px solid #e5e7ea;border-radius:3px;padding:12px 14px 16px;background:#fdfdfd;margin-bottom:18px}
.today h2{font:bold 21px/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:var(--coral);margin:0 0 15px}
.today-grid{display:grid;grid-template-columns:2.45fr 1.05fr .98fr .97fr;gap:26px}
.today-section{min-width:0;display:flex;flex-direction:column}
.today-section h3{font:bold 16px Arial,Helvetica,sans-serif;letter-spacing:0;color:#141414;margin:0 0 9px}
.today-lead{display:flex;gap:12px;min-height:115px}
.today-lead img{width:86px;max-width:35%;height:114px;object-fit:cover;flex:0 0 86px;border-radius:2px}
.today-lead strong{font-size:16px;display:block;color:var(--navy)}
.today-lead p{color:var(--muted);font-size:13px;line-height:1.3;margin:7px 0 0}
.today-list{color:#83a6df;list-style:none;margin:0;padding:0;font-size:14px;line-height:1.32;flex:1;min-height:114px}
.today-list li{margin:0 0 6px}
.today-btn{display:block;width:100%;font-size:12px;text-align:center;background:#fff;border:1px solid #9da4aa;border-radius:0;color:#333;padding:7px 5px;margin-top:12px;cursor:default}
.right h2{font-size:22px;line-height:1.07;margin:3px 0 7px}
.right .content-box{margin-bottom:15px;padding-top:10px}
.right .right-links{list-style:none;margin:7px 0 6px;padding:0}
.right .right-links li{border-top:1px solid var(--line);padding:7px 3px;color:var(--blue);font-weight:600}
.right .right-links li:after{content:'›';float:right;color:#2675b8;font-size:20px;line-height:14px}
.right .recommended-label{color:#858da2;margin:0 0 8px}
.right .paul{width:100%;height:auto;display:block;margin:0 0 6px}
.right .recommended strong{font:700 21px Georgia,'Times New Roman',serif;color:var(--navy)}
.ad-demo{height:138px;background:#f0f1f2;border:1px solid #e4e6e8;color:#9ba4b1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:12px 0 15px;gap:5px}
.ad-demo small{font-size:10px;color:#88909e;margin-bottom:6px}
.ad-demo svg{width:42px;height:42px;opacity:.52}
.ad-demo span{font-size:16px}
.right .connections h2{font-size:21px}
.footer{border-top:1px solid var(--line);margin-top:8px;padding:12px 0 18px;display:flex;justify-content:space-between;gap:12px;color:#667086;font-size:13px}
.footer nav{display:flex;gap:23px;flex-wrap:wrap;justify-content:flex-end}
.footer a{text-decoration:none;color:inherit}
.footer a:hover{text-decoration:underline}
.disclaimer{font-size:11px;color:#87919c;text-align:center;padding:0 8px 14px}
@media(max-width:1300px){.page{padding:0 20px}.masthead{grid-template-columns:200px 306px minmax(210px,1fr) 190px;gap:12px}.header-recommended{width:190px}.columns{grid-template-columns:minmax(0,1fr) minmax(0,2.85fr) minmax(0,1fr);gap:16px}.today-grid{gap:15px}.today-lead{gap:7px}.today-lead img{width:74px;flex-basis:74px}}
@media(max-width:1050px){.masthead{grid-template-columns:1fr 306px minmax(260px,1fr)}.header-recommended{display:none}.date{font-size:11px}.trend strong{font-size:12px}.trend .tiny-label{font-size:9px}.trend{gap:5px;padding:3px}.trend img{width:32px;flex-basis:32px}.period{width:31px;flex-basis:31px}.columns{grid-template-columns:minmax(0,1fr) minmax(0,2.7fr);grid-template-areas:'center center' 'left right';gap:18px}.center{grid-area:center}.left{grid-area:left}.right{grid-area:right}.hero img{max-height:unset}.today-grid{gap:16px}}
@media(max-width:720px){.page{padding:0 15px}.masthead{display:flex;flex-wrap:wrap;gap:9px;padding:9px 0 13px}.date{order:0;width:100%}.brand{order:1}.brand img{width:245px}.search{order:2;width:100%;max-width:none;margin:5px 0 0;height:44px}.search button{width:58px;flex-basis:58px}.trendbar{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;margin-bottom:12px}.trend{min-height:46px}.trend:nth-child(3){border-right:0}.trend:nth-child(4),.trend:nth-child(5){border-top:1px solid var(--line)}.trend:nth-child(4){grid-column:1/2}.trend:nth-child(5){grid-column:2/4}.columns{grid-template-columns:1fr;grid-template-areas:'center' 'left' 'right';gap:8px}.hero{margin:0 0 13px}.hero img{width:100%;height:auto}.story-grid{grid-template-columns:1fr}.story{border-right:0;border-bottom:1px solid var(--line)}.story:last-child{border:0}.today-grid{grid-template-columns:1fr 1fr;row-gap:24px}.today-lead img{width:86px;flex-basis:86px}.today-section .today-list{min-height:0}.today-btn{margin-top:10px}.left,.right{padding-top:6px}.left .first{padding:10px 12px}.left .first .duo{max-width:430px}.right .paul{max-width:400px}.ad-demo{max-width:300px;height:250px}.footer{flex-direction:column;align-items:flex-start}.footer nav{justify-content:flex-start;gap:13px}}
@media(max-width:385px){.today-grid{grid-template-columns:1fr;gap:16px}.today-section{padding-bottom:13px;border-bottom:1px solid #e8e8e8}.today-section:last-child{border-bottom:0}.today-lead{min-height:0}.trend{padding:4px}.trend strong{font-size:11px}.trend img{width:26px;height:31px;flex-basis:26px}.period{font-size:11px}.tiny-label{font-size:10px}.story h3{font-size:17px}.left h2{font-size:23px}}

/* CABECERA PROPUESTA 2026-10-12 — cuarta pieza «BIO RECOMENDADA».
   Solo vista local; para la implantacion usar CSS aislado de portada, no prev2.css. */
.masthead{grid-template-columns:minmax(300px,1fr) minmax(350px,1.08fr);align-items:center;gap:8px 26px;min-height:0;padding:9px 0 15px}
.masthead .date{grid-column:1/-1;justify-self:end;text-align:right;font-size:11px;line-height:1.05}
.masthead .brand{grid-column:1;min-width:0}
.masthead .brand img{width:450px;max-width:100%;height:auto}
.masthead .search{grid-column:2;width:100%;max-width:620px;justify-self:end;margin:0;height:64px}
.masthead .search input{font-size:19px;padding:10px 22px}
.masthead .search button{width:85px;flex-basis:85px}
.masthead .search svg{width:26px;height:26px}
.trendbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(250px,1.40fr);width:min(100%,1090px);height:70px;margin:0 auto 17px;border:1px solid var(--line)}
.trendbar .trend{min-width:0;display:flex;align-items:center;justify-content:center;padding:5px 9px;border-right:1px solid var(--line);text-decoration:none}
.trendbar .trend:last-child{border-right:0}
.trendbar .trend-nav{background:#f4f4f4;text-align:center;color:#111b32;font:700 17px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0}
.trendbar .trend-nav:hover,.trendbar .trend-nav:focus-visible{background:#e8eef7;outline-offset:-3px}
.trendbar .trend-recommended{justify-content:center;gap:11px;background:#fff;color:var(--navy)}
.trendbar .trend-recommended:hover,.trendbar .trend-recommended:focus-visible{background:#f5f9ff;outline-offset:-3px}
.trendbar .trend-recommended img{width:47px;height:59px;flex:0 0 47px;object-fit:cover;object-position:top}
.trendbar .trend-recommended .rec-text{display:block;min-width:0}
.trendbar .trend-recommended .tiny-label{display:block;font:500 10px/1.1 Arial,Helvetica,sans-serif;color:#52637f;letter-spacing:.02em}
.trendbar .trend-recommended strong{display:block;color:var(--navy);font:700 15px/1.15 Georgia,'Times New Roman',serif;margin-top:3px}
.trendbar .trend-recommended small{display:block;color:var(--muted);font:12px/1.15 Arial,Helvetica,sans-serif;margin-top:2px}
@media(max-width:1050px){
 .masthead{grid-template-columns:minmax(225px,1fr) minmax(310px,1.1fr);gap:6px 20px}
 .masthead .date{grid-column:1/-1}
 .masthead .brand img{width:390px}
 .masthead .search{grid-column:2;max-width:none;height:55px}
 .masthead .search button{width:70px;flex-basis:70px}
 .trendbar{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(215px,1.4fr)}
 .trendbar .trend-nav{font-size:14px}
}
@media(max-width:720px){
 .masthead{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:9px 0 13px}
 .masthead .date{align-self:flex-end;width:auto;order:0}
 .masthead .brand{order:1;align-self:center;width:min(100%,355px)}
 .masthead .brand img{width:100%;max-width:100%}
 .masthead .search{order:2;width:100%;max-width:none;height:50px;margin:0}
 .masthead .search input{font-size:16px;padding:8px 12px}
 .masthead .search button{flex-basis:62px;width:62px}
 .trendbar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:56px 72px;height:auto;margin-bottom:13px}
 .trendbar .trend{min-height:0;padding:5px 6px}
 .trendbar .trend:nth-child(2){border-right:0}
 .trendbar .trend:nth-child(3){grid-column:1/2;grid-row:2}
 .trendbar .trend:nth-child(4){grid-column:2/3;grid-row:2}
 .trendbar .trend:nth-child(n+3){border-top:1px solid var(--line)}
 .trendbar .trend-nav{font-size:15px}
 .trendbar .trend-recommended img{height:58px;width:46px;flex-basis:46px}
 .trendbar .trend-recommended small{font-size:11px}
}
@media(max-width:350px){
 .trendbar .trend-nav{font-size:13px}
 .trendbar .trend-recommended{gap:6px}
 .trendbar .trend-recommended .tiny-label{font-size:9px}
 .trendbar .trend-recommended strong{font-size:13px}
 .trendbar .trend-recommended img{width:40px;flex-basis:40px;height:52px}
}

/* REFINAMIENTO MOVIL (12-10-2026): en cabecera mostrar solo logo y buscador.
   La cabecera de escritorio/tableta y el resto de la portada permanecen intactos. */
@media (max-width: 720px) {
  .masthead .date { display: none; }
  .trendbar { display: none; }
}

/* FASE 3 — Ajuste correctivo de cabecera solicitado (12/10/2026).
   Escritorio: fecha a izquierda, medidas contenidas, retratos recuperados.
   Movil: exclusivamente logo + buscador. No modifica módulos editoriales. */
@media (min-width: 721px) {
  .masthead {
    display:grid;
    grid-template-columns:minmax(270px,1fr) minmax(300px,455px);
    grid-template-rows:auto auto;
    column-gap:20px;
    row-gap:4px;
    align-items:center;
    min-height:0;
    padding:6px 0 8px;
  }
  .masthead .date { display:block; grid-column:1/-1; grid-row:1; justify-self:start; text-align:left; align-self:center; width:auto; order:initial; font-size:11px; line-height:1.2; margin:0; }
  .masthead .brand { grid-column:1; grid-row:2; justify-self:start; align-self:center; order:initial; }
  .masthead .brand img { display:block; width:320px; max-width:100%; height:auto; }
  .masthead .search { grid-column:2; grid-row:2; justify-self:end; align-self:center; order:initial; width:100%; max-width:455px; height:47px; margin:0; }
  .masthead .search input { font-size:15px; padding:8px 15px; }
  .masthead .search button { width:62px; flex:0 0 62px; }
  .masthead .search svg { width:21px; height:21px; }
  .trendbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,1.07fr); grid-template-rows:1fr; height:66px; width:min(100%,1120px); margin:0 auto 14px; border:1px solid var(--line); }
  .trendbar .trend { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; text-align:left; gap:9px; min-width:0; min-height:0; padding:5px 8px; border-right:1px solid var(--line); border-top:0; grid-column:auto; grid-row:auto; }
  .trendbar .trend:last-child { border-right:0; }
  .trendbar .trend-nav { background:#f7f7f7; color:var(--navy); }
  .trendbar .trend-nav:hover, .trendbar .trend-nav:focus-visible { background:#e9eff9; }
  .trendbar .trend-nav img { display:block; flex:0 0 43px; width:43px; height:52px; object-fit:cover; object-position:top; }
  .trendbar .trend-nav .rec-text { flex:1 1 auto; min-width:0; display:block; }
  .trendbar .trend-nav .tiny-label { color:#52637f; display:block; font:500 10px/1.1 Arial,Helvetica,sans-serif; letter-spacing:.02em; margin-bottom:3px; }
  .trendbar .trend-nav strong { display:block; color:var(--navy); font:700 14px/1.14 Georgia,'Times New Roman',serif; overflow-wrap:break-word; letter-spacing:0; }
  .trendbar .trend-recommended { background:#fff; padding:5px 8px; gap:9px; }
  .trendbar .trend-recommended img { width:43px; height:52px; flex:0 0 43px; object-fit:cover; object-position:top; }
  .trendbar .trend-recommended .rec-text { display:block; }
  .trendbar .trend-recommended strong { font-size:14px; }
  .trendbar .trend-recommended small { font-size:11px; }
}
@media (min-width:721px) and (max-width:910px) {
  .masthead { grid-template-columns:minmax(225px,1fr) minmax(300px,1.14fr); column-gap:14px; }
  .masthead .brand img { width:282px; }
  .masthead .search { max-width:none; height:45px; }
  .trendbar { grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.2fr); }
  .trendbar .trend { gap:5px; padding:4px 5px; }
  .trendbar .trend-nav img { width:34px; flex-basis:34px; height:43px; }
  .trendbar .trend-nav strong { font-size:12px; }
  .trendbar .trend-nav .tiny-label { font-size:9px; }
  .trendbar .trend-recommended img { width:34px; height:43px; flex-basis:34px; }
  .trendbar .trend-recommended strong { font-size:12px; }
  .trendbar .trend-recommended small { font-size:10px; }
}
@media (max-width:720px) {
  .masthead .date, .trendbar { display:none !important; }
  .masthead { display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px 0 11px; }
  .masthead .brand { order:1; align-self:center; width:auto; max-width:100%; }
  .masthead .brand img { width:min(100%,255px); max-width:100%; height:auto; }
  .masthead .search { order:2; width:100%; max-width:500px; height:44px; margin:0; }
  .masthead .search input { font-size:15px; padding:7px 12px; min-width:0; }
  .masthead .search button { width:54px; flex:0 0 54px; }
  .masthead .search svg { width:20px; height:20px; }
}


/* Segundo ajuste: proporciones contenidas de logo y buscador en escritorio. */
@media (min-width:911px) {
  .masthead .brand img { width:295px; }
  .masthead .search { max-width:405px; height:43px; }
}
@media (min-width:721px) and (max-width:910px) {
  .masthead .brand img { width:270px; }
  .masthead .search { width:min(100%,355px); height:43px; }
}

/* V4 LOCAL — solo distribución de cabecera; no sustituye el canon +2. */
@media (min-width:721px) {
  .masthead {
    display:grid;
    grid-template-columns:minmax(0,1fr) 295px minmax(260px,405px);
    grid-template-rows:auto;
    column-gap:20px;
    row-gap:0;
    align-items:center;
  }
  .masthead .date {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
    text-align:left;
    margin:0;
  }
  .masthead .brand {
    grid-column:2;
    grid-row:1;
    justify-self:center;
    align-self:center;
    min-width:0;
  }
  .masthead .search {
    grid-column:3;
    grid-row:1;
    justify-self:end;
    align-self:center;
    margin:0;
  }
}
/* Tableta estrecha: conserva las medidas moderadas V3 y evita desbordamiento. */
@media (min-width:721px) and (max-width:910px) {
  .masthead {
    grid-template-columns:minmax(0,1fr) 270px minmax(260px,355px);
    column-gap:14px;
  }
}


/* Corrección de interacción, 13/10/2026. */
a.today-btn[href]{cursor:pointer}
a.today-btn[href]:focus-visible{outline:3px solid #263d64;outline-offset:3px}

/* Evita que Bootstrap/prev2 entren en la pieza. Los SVG conservan sus atributos originales. */
#temas-article-root :where(:not(svg):not(svg *)),#temas-article-root :where(:not(svg):not(svg *))::before,#temas-article-root :where(:not(svg):not(svg *))::after{all:revert;}
/* TEMAS · Marie Curie · propuesta Work 2. Conserva la arquitectura original. */
#temas-article-root{
  --ink: #18283e;
  --ink-strong: #10203a;
  --body: #22252a;
  --accent: #175b9c;
  --accent-light: #e8f0f8;
  --line: #dbe2e9;
  --muted: #617084;
  --paper: #fff;
  --soft: #f6f8fa;
  --warm: #f7f3ee;
  --max: 1310px;
}
#temas-article-root, #temas-article-root *{ box-sizing: border-box; }
#temas-article-root{ scroll-behavior: smooth; }
#temas-article-root{
  margin: 0;
  background: var(--paper);
  color: var(--body);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#temas-article-root a{ color: var(--accent); text-decoration: none; }
#temas-article-root a:hover{ text-decoration: underline; }
#temas-article-root button, #temas-article-root input{ font: inherit; }
#temas-article-root a:focus-visible, #temas-article-root button:focus-visible, #temas-article-root input:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
#temas-article-root button svg{ display: block; }
#temas-article-root .site{ width: min(calc(100% - 68px), var(--max)); margin: auto; }
#temas-article-root .visually-hidden{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}/* HEADER: disposición y tipografía de la maqueta recibida; logotipo original. */
#temas-article-root .masthead{
  display: grid; grid-template-columns: 1fr 1.13fr 1.25fr;
  gap: 24px; align-items: center; min-height: 92px;
  border-bottom: 1px solid var(--line);
}
#temas-article-root .date{ font-size: 12px; color: var(--muted); }
#temas-article-root .brand{ display: flex; align-items: center; justify-content: center; min-width: 0; }
#temas-article-root .brand img{ width: min(100%, 306px); height: auto; display: block; }
#temas-article-root .search{
  display: flex; align-items: center; min-width: 0; max-width: 420px;
  margin-right: auto; border: 1px solid #b9c6d2; border-radius: 2px;
  overflow: hidden; height: 43px;
}
#temas-article-root .search input{
  width: 100%; height: 100%; padding: 0 12px; border: 0;
  outline-offset: -3px; font-size: 13px; color: #344356;
}
#temas-article-root .search button{
  height: 100%; width: 48px; flex-shrink: 0; border: 0;
  background: #24364c; color: #fff; font-size: 18px; cursor: pointer;
  display: grid; place-items: center;
}
#temas-article-root .quick-nav{
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid #2777b1; min-height: 52px;
}
#temas-article-root .quick-item{
  padding: 7px 11px; display: flex; gap: 9px; align-items: center;
  border-right: 1px solid var(--line); min-width: 0;
}
#temas-article-root .quick-item:last-child{ border-right: 0; }
#temas-article-root .quick-item > div{ min-width: 0; }
#temas-article-root .quick-item img{ width: 27px; height: 30px; object-fit: cover; border-radius: 2px; }
#temas-article-root .quick-item small{
  display: block; color: var(--muted); font-size: 9px; font-weight: bold;
  letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px;
  white-space: nowrap;
}
#temas-article-root .quick-item strong{
  display: block; font-size: 12px; color: var(--ink-strong);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#temas-article-root .quick-item .num{
  padding: 5px; background: #eef1f4; color: #334255;
  font-size: 12px; font-weight: 700;
}
#temas-article-root .breadcrumb{
  display: flex; gap: 9px; align-items: center; flex-wrap: wrap;
  color: #788390; font-size: 12px; padding: 22px 0 25px;
}
#temas-article-root .breadcrumb a{ color: #536c87; }/* LEFT + RIGHT: conserva anchura, posición y punto de apilado originales. */
#temas-article-root .layout{
  display: grid; grid-template-columns: minmax(0, 1fr) 300px;
  gap: 38px; align-items: start;
}
#temas-article-root .left{ min-width: 0; }
#temas-article-root .right{ width: 300px; min-width: 0; }
#temas-article-root .hero{
  display: grid; grid-template-columns: 200px minmax(0, 1fr);
  gap: 30px; align-items: start;
}
#temas-article-root .hero-photo{
  display: block; width: 180px; height: 291px; object-fit: contain;
  border-radius: 3px; justify-self: center; align-self: center;
}
#temas-article-root .hero-copy{ min-width: 0; }
#temas-article-root .overline{
  color: #896128; font-size: 11px; font-weight: 700;
  letter-spacing: .105em; margin: 3px 0 12px; text-transform: uppercase;
}
#temas-article-root h1, #temas-article-root h2, #temas-article-root h3, #temas-article-root blockquote{
  font-family: Georgia, 'Times New Roman', serif; color: var(--ink-strong);
}
#temas-article-root h1{
  font-size: clamp(34px, 3.05vw, 46px); line-height: 1.1;
  letter-spacing: -.028em; margin: 0 0 16px; text-wrap: balance;
}
#temas-article-root .title-subject{ display: block; }
#temas-article-root .dek{ color: #556172; font-size: 17px; line-height: 1.5; margin: 0 0 20px; }
#temas-article-root .quote-panel{
  padding: 22px 25px 20px; background: #f8f5f0;
  border-left: 3px solid #a7804b; border-radius: 0 3px 3px 0;
}
#temas-article-root .proof{
  display: block; font-size: 10px; line-height: 1.5; font-weight: 700;
  letter-spacing: .09em; color: #765321; text-transform: uppercase;
  margin: 0 0 12px;
}
#temas-article-root .quote-panel blockquote{
  margin: 0 0 13px; font-size: clamp(25px, 2.15vw, 31px);
  line-height: 1.28; font-style: italic; letter-spacing: -.012em;
}
#temas-article-root .quote-panel blockquote p{ margin: 0; color: inherit; font: inherit; }
#temas-article-root .quote-note{ margin: 0; color: #655d52; font-size: 13px; line-height: 1.5; }
#temas-article-root .meta{
  position: relative; display: flex; gap: 16px; align-items: center;
  flex-wrap: wrap; border-bottom: 1px solid var(--line); padding-bottom: 16px;
  margin: 23px 0 29px; color: #627085; font-size: 12px;
}
#temas-article-root .meta .share{ margin-left: auto; display: flex; gap: 6px; align-items: center; }
#temas-article-root .meta .share > span{ margin-right: 3px; }
#temas-article-root .meta button{
  width: 44px; height: 44px; display: inline-flex; align-items: center;
  justify-content: center; background: white; border: 1px solid #cad3de;
  border-radius: 50%; cursor: pointer; color: #26486b;
}
#temas-article-root .meta button:hover{ background: var(--accent-light); }
#temas-article-root .share-status{
  position: absolute; right: 0; top: calc(100% - 8px); z-index: 2;
  max-width: min(100%, 320px); background: white; border: 1px solid var(--line);
  padding: 10px 12px; font-size: 12px; line-height: 1.45;
  box-shadow: 0 3px 12px #10203a0d;
}
#temas-article-root .share-status:empty{ display: none; }
#temas-article-root .article-text{ max-width: 790px; }
#temas-article-root .article-text h2{
  font-size: clamp(25px, 2.05vw, 30px); line-height: 1.2;
  letter-spacing: -.018em; margin: 31px 0 13px; text-wrap: balance;
}
#temas-article-root .article-text section:first-child h2{ margin-top: 0; }
#temas-article-root .article-text p{
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px; line-height: 1.7; margin: 0 0 17px;
}
#temas-article-root .article-text p:last-child{ margin-bottom: 0; }
#temas-article-root .wide-photo{ margin: 25px 0 29px; }
#temas-article-root .wide-photo img{
  display: block; width: 100%; aspect-ratio: 687 / 223;
  object-fit: cover; border-radius: 3px;
}/* El bloque documental y el 300 × 250 comparten una pausa, sin cortar párrafos. */
#temas-article-root .documentary-break{
  display: grid; grid-template-columns: minmax(0, 1fr) 300px;
  gap: 28px; align-items: start; margin: 31px 0 30px;
  padding-top: 26px; border-top: 1px solid var(--line);
}
#temas-article-root .note{
  background: #f5f7f9; border-left: 3px solid #386e9f;
  padding: 20px 22px 19px; min-width: 0;
}
#temas-article-root .note h2{
  font: 700 19px/1.28 Arial, Helvetica, sans-serif;
  letter-spacing: -.012em; margin: 0 0 16px;
}
#temas-article-root .note dl{ margin: 0; }
#temas-article-root .note dl > div + div{ margin-top: 15px; }
#temas-article-root .note dt{ font-size: 13px; line-height: 1.4; font-weight: 700; color: #31455d; }
#temas-article-root .note dd{ margin: 3px 0 0; font-size: 13px; line-height: 1.55; color: #526173; }
#temas-article-root .ad-inline-wrap{ width: 300px; max-width: 100%; margin: 0; justify-self: end; }
#temas-article-root .ad-label{
  margin: 0 0 8px; text-align: center; font: 10px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: .08em; color: #6d7885; text-transform: uppercase;
}
#temas-article-root .ad{
  background: #fafafa; border: 1px solid #e1e5ea; color: #75808d;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; letter-spacing: .055em;
}
#temas-article-root .ad b{ font: 500 11px/1.5 Arial, Helvetica, sans-serif; }
#temas-article-root .ad span{ font: 12px/1.5 Arial, Helvetica, sans-serif; margin-top: 7px; }
#temas-article-root .ad-250{ width: 300px; height: 250px; }
#temas-article-root .ad-600{ width: 300px; height: 600px; }
#temas-article-root .closing h2{ margin-top: 0; }/* RIGHT: una biografía, tres datos contextualizados y el espacio de 300 × 600. */
#temas-article-root .side-section{ border-top: 1px solid var(--line); padding-top: 17px; margin: 0 0 25px; }
#temas-article-root .side-section:first-child{ border-top: 2px solid #244d76; }
#temas-article-root .side-label{
  font-size: 10px; line-height: 1.4; letter-spacing: .08em;
  text-transform: uppercase; color: #64768a; font-weight: 700; margin: 0 0 14px;
}
#temas-article-root .person{ display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; }
#temas-article-root .person img{ width: 76px; height: 123px; object-fit: contain; border-radius: 3px; }
#temas-article-root .person h3{ margin: 0 0 6px; font-size: 22px; line-height: 1.15; }
#temas-article-root .person p{ margin: 0 0 9px; color: #566373; font-size: 13px; line-height: 1.5; }
#temas-article-root .side-link{ display: inline-block; font-size: 12px; line-height: 1.6; font-weight: 700; }
#temas-article-root .fact-list{ margin: 0; display: grid; gap: 13px; }
#temas-article-root .fact-item{ padding-bottom: 13px; border-bottom: 1px solid #e8edf1; }
#temas-article-root .fact-item:last-child{ padding-bottom: 0; border-bottom: 0; }
#temas-article-root .fact-item dt{ font-size: 12px; line-height: 1.4; font-weight: 700; color: var(--ink); margin-bottom: 4px; }
#temas-article-root .fact-item dd{ margin: 0; font-size: 13px; color: #566373; line-height: 1.5; }
#temas-article-root .ad-placement{ margin-top: 28px; }/* FOOTER: mantiene composición y nomenclatura; destinos institucionales reales. */
#temas-article-root .site-footer{
  border-top: 1px solid #70a6ce; margin-top: 45px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 22px; padding: 18px 0 24px; color: #647284; font-size: 12px;
}
#temas-article-root .site-footer nav{ display: flex; gap: 25px; flex-wrap: wrap; }
#temas-article-root .site-footer a{ color: #647284; padding: 9px 0; }
@media (max-width: 1150px){
#temas-article-root .documentary-break{ grid-template-columns: minmax(0, 1fr); gap: 23px; }
#temas-article-root .ad-inline-wrap{ justify-self: center; }
}
@media (max-width: 1100px){
#temas-article-root .site{ width: min(calc(100% - 42px), var(--max)); }
#temas-article-root .layout{ gap: 22px; }
#temas-article-root .hero{ grid-template-columns: 155px minmax(0, 1fr); gap: 22px; }
#temas-article-root .hero-photo{ width: 155px; height: auto; }
#temas-article-root h1{ font-size: 37px; }
#temas-article-root .quote-panel{ padding: 18px; }
#temas-article-root .quick-item{ padding: 7px; }
}/* Se conserva el punto de apilado que ya tenía el original. */
@media (max-width: 880px){
#temas-article-root .layout{ grid-template-columns: minmax(0, 1fr); gap: 32px; }
#temas-article-root .hero{ grid-template-columns: 180px minmax(0, 1fr); gap: 26px; }
#temas-article-root .hero-photo{ width: 180px; height: 291px; }
#temas-article-root .right{
    width: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px; align-items: start;
  }
#temas-article-root .right .side-section{ margin: 0; }
#temas-article-root .right .ad-placement{ grid-column: 1 / -1; justify-self: center; margin-top: 5px; }
#temas-article-root .site-footer{ margin-top: 35px; }
#temas-article-root .quick-nav{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
#temas-article-root .quick-nav .quick-item:nth-child(n+4){ display: none; }
}
@media (max-width: 600px){
#temas-article-root .site{ width: calc(100% - 28px); }
#temas-article-root .masthead{
    min-height: 95px; grid-template-columns: 1fr; gap: 4px; padding: 9px 0 12px;
  }
#temas-article-root .date{ display: none; }
#temas-article-root .brand{ justify-content: flex-start; }
#temas-article-root .brand img{ width: 240px; }
#temas-article-root .search{ width: 100%; max-width: none; height: 39px; margin-top: 3px; }
#temas-article-root .search input{ font-size: 16px; }
#temas-article-root .quick-nav{ grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 47px; }
#temas-article-root .quick-nav .quick-item:nth-child(n+3){ display: none; }
#temas-article-root .breadcrumb{ padding: 19px 0 21px; font-size: 11px; }
#temas-article-root .hero{ grid-template-columns: minmax(0, 1fr); gap: 22px; }
#temas-article-root .hero-photo{ width: 155px; height: auto; justify-self: center; }
#temas-article-root .overline{ margin-top: 0; font-size: 10px; letter-spacing: .085em; }
#temas-article-root h1{ font-size: clamp(29px, 8vw, 32px); line-height: 1.12; letter-spacing: -.023em; }
#temas-article-root .dek{ font-size: 16px; line-height: 1.55; margin-bottom: 19px; }
#temas-article-root .quote-panel{ padding: 20px 19px 19px; }
#temas-article-root .quote-panel blockquote{ font-size: 28px; line-height: 1.3; }
#temas-article-root .meta{ gap: 10px 16px; margin: 22px 0 27px; padding-bottom: 17px; }
#temas-article-root .meta .share{ margin-left: 0; flex-basis: 100%; margin-top: 2px; }
#temas-article-root .share-status{ left: 0; right: auto; }
#temas-article-root .article-text h2{ font-size: 26px; margin-top: 29px; }
#temas-article-root .article-text p{ font-size: 17px; line-height: 1.68; margin-bottom: 17px; }
#temas-article-root .wide-photo{ margin: 24px 0 27px; }
#temas-article-root .wide-photo img{ aspect-ratio: 1.85 / 1; object-position: 53% center; }
#temas-article-root .documentary-break{ margin: 29px 0; padding-top: 22px; gap: 23px; }
#temas-article-root .note{ padding: 20px; }
#temas-article-root .note h2{ font-size: 19px; margin: 0 0 16px; }
#temas-article-root .note dd{ font-size: 14px; line-height: 1.55; }
#temas-article-root .closing h2{ margin-top: 0; }
#temas-article-root .right{ display: block; }
#temas-article-root .right .side-section{ margin-bottom: 23px; }
#temas-article-root .right .ad-placement{ display: none; }
#temas-article-root .site-footer{ display: block; line-height: 1.6; padding-bottom: 23px; }
#temas-article-root .site-footer nav{ gap: 0 17px; margin-top: 8px; }
}
@media (max-width: 340px){
#temas-article-root .site{ width: calc(100% - 20px); }
#temas-article-root h1{ font-size: 29px; }
#temas-article-root .quote-panel blockquote{ font-size: 26px; }
#temas-article-root .quick-item small{ font-size: 8px; }
#temas-article-root .quick-item strong{ font-size: 11px; }
}
@media (prefers-reduced-motion: reduce){
#temas-article-root{ scroll-behavior: auto; }
}/* TEMAS · La casa que los explica · prueba 3. Reglas de esta pieza, no plantilla. */
#temas-article-root.casas-page .left{ container-type: inline-size; }
#temas-article-root .casas-opening{ max-width: 850px; }
#temas-article-root .casas-opening h1{ margin: 0 0 19px; font-size: 46px; line-height: 1.09; }
#temas-article-root .casas-opening .title-subject{
  margin-top: 10px; font-size: 27px; line-height: 1.25;
  letter-spacing: -.013em; font-weight: 400;
}
#temas-article-root .casas-opening .dek{
  max-width: 780px; margin: 0; font-family: Georgia, 'Times New Roman', serif;
  font-size: 19px; line-height: 1.6; color: #4b5868;
}
#temas-article-root.casas-page .meta{ margin: 24px 0 32px; }
#temas-article-root .casas-mosaic{
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 33px 32px; align-items: start;
}
#temas-article-root .casa{ min-width: 0; border-top: 1px solid var(--line); padding-top: 23px; }
#temas-article-root .casa-head{
  display: grid; grid-template-columns: 106px minmax(0, 1fr);
  gap: 21px; align-items: start; margin: 0 0 19px;
}
#temas-article-root .casa-portrait{
  display: block; width: 106px; height: 156px;
  object-fit: contain; object-position: center top;
  border-radius: 2px;
}
#temas-article-root .casa-place{
  display: flex; gap: 9px; align-items: baseline; flex-wrap: wrap;
  margin: 1px 0 10px; font-size: 11px; line-height: 1.5;
  letter-spacing: .035em; color: #637388; font-weight: 700;
}
#temas-article-root .casa-place .ordinal{ color: #8a642f; font-size: 12px; }
#temas-article-root .casa h2{
  font-size: 25px; line-height: 1.21; letter-spacing: -.018em;
  margin: 0; text-wrap: balance;
}
#temas-article-root .casa-body p{
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17.5px; line-height: 1.65; margin: 0 0 16px;
}
#temas-article-root .casa-body p:last-child{ margin-bottom: 0; }
#temas-article-root .casa-body strong{ font-weight: 700; color: #273b55; }
#temas-article-root .casa-body a{ text-decoration: underline; text-decoration-color: #c2d3e4; text-underline-offset: 3px; }
#temas-article-root .bio-link{
  display: inline-flex; gap: 9px; align-items: center; margin: 10px 0 0;
  min-height: 44px; font: 700 12px/1.5 Arial, Helvetica, sans-serif;
}
#temas-article-root .casa-wide{
  grid-column: 1 / -1; display: grid;
  grid-template-columns: 106px minmax(0, 1fr); gap: 0 21px;
}
#temas-article-root .casa-wide .casa-head{ display: contents; }
#temas-article-root .casa-wide .casa-portrait{ grid-column: 1; grid-row: 1 / span 3; }
#temas-article-root .casa-wide .casa-heading{ grid-column: 2; margin-bottom: 18px; }
#temas-article-root .casa-wide .casa-body{ grid-column: 2; max-width: 690px; }
#temas-article-root .casa-wide .casa-links{ grid-column: 2; justify-self: start; }
#temas-article-root .casas-ad-break{
  grid-column: 1 / -1; padding: 5px 0 9px; margin: 0;
}
#temas-article-root .casas-ad-break .ad-inline-wrap{ margin: 0 auto; }
#temas-article-root .casas-closing{
  margin-top: 33px; padding-top: 24px; border-top: 2px solid #244d76;
  max-width: none;
}
#temas-article-root .casas-closing h2{ margin: 0 0 16px; font-size: 29px; }
#temas-article-root .casas-closing p{ max-width: 790px; font-size: 18px; line-height: 1.7; }
#temas-article-root .casas-closing strong{ font-weight: 700; color: #273b55; }
#temas-article-root .context-resources{ margin: 0; padding: 0; list-style: none; }
#temas-article-root .context-resources li + li{ border-top: 1px solid #e8edf1; margin-top: 14px; padding-top: 14px; }
#temas-article-root .context-resources a{ display: block; font: 700 19px/1.25 Georgia, 'Times New Roman', serif; }
#temas-article-root .context-resources span{ display: block; font-size: 12px; line-height: 1.6; color: #637184; margin-top: 5px; }
#temas-article-root.casas-page .right .ad-placement{ margin: 28px 0; }
#temas-article-root .side-text{ font-size: 13px; line-height: 1.65; color: #566373; margin: 0; }
#temas-article-root .side-title{ margin: 0 0 11px; font-size: 24px; line-height: 1.22; }
@container (max-width: 759px){
#temas-article-root .casas-mosaic{ grid-template-columns: minmax(0, 1fr); gap: 29px; }
#temas-article-root .casa-wide{ display: block; }
#temas-article-root .casa-wide .casa-head{ display: grid; }
#temas-article-root .casa-wide .casa-portrait, #temas-article-root .casa-wide .casa-heading{ grid-column: auto; grid-row: auto; }
#temas-article-root .casa-wide .casa-heading{ margin-bottom: 0; }
#temas-article-root .casa-wide .casa-body{ max-width: none; }
#temas-article-root .casa-head{ grid-template-columns: 106px minmax(0, 1fr); }
#temas-article-root .casa-body p{ font-size: 18px; }
}
@media (max-width: 1100px){
#temas-article-root .casas-opening h1{ font-size: 40px; }
#temas-article-root .casas-opening .title-subject{ font-size: 25px; }
}
@media (max-width: 880px){
#temas-article-root.casas-page .right{ border-top: 1px solid var(--line); padding-top: 25px; }
#temas-article-root.casas-page .right .ad-placement{ grid-column: 2; grid-row: 1 / span 2; margin: 0; }
#temas-article-root.casas-page .right .side-section{ grid-column: 1; }
}
@media (max-width: 600px){
#temas-article-root .casas-opening h1{ font-size: 34px; line-height: 1.1; }
#temas-article-root .casas-opening .title-subject{ font-size: 23px; margin-top: 12px; line-height: 1.28; }
#temas-article-root .casas-opening .dek{ font-size: 17px; line-height: 1.65; }
#temas-article-root.casas-page .meta{ margin: 22px 0 28px; }
#temas-article-root .casa{ padding-top: 23px; }
#temas-article-root .casa-head{ grid-template-columns: 84px minmax(0, 1fr); gap: 18px; margin-bottom: 19px; }
#temas-article-root .casa-portrait{ width: 84px; height: 128px; }
#temas-article-root .casa h2{ font-size: 23px; line-height: 1.22; }
#temas-article-root .casa-place{ font-size: 11px; margin-bottom: 9px; }
#temas-article-root .casa-body p{ font-size: 17px; line-height: 1.67; }
#temas-article-root .bio-link{ font-size: 12px; }
#temas-article-root .casas-ad-break{ padding: 0; }
#temas-article-root .casas-closing{ margin-top: 30px; padding-top: 23px; }
#temas-article-root .casas-closing h2{ font-size: 27px; }
#temas-article-root .casas-closing p{ font-size: 17px; line-height: 1.67; }
#temas-article-root.casas-page .right .ad-placement{ display: none; }
#temas-article-root.casas-page .right .side-section:last-child{ margin-bottom: 0; }
}
@media (max-width: 340px){
#temas-article-root .casas-opening h1{ font-size: 31px; }
#temas-article-root .casas-opening .title-subject{ font-size: 22px; }
#temas-article-root .casa-head{ gap: 14px; }
#temas-article-root .casa h2{ font-size: 22px; }
}/* V2 · Dos accesos discretos al final de cada unidad del mosaico existente. */
#temas-article-root .casa-links{
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 0 18px; margin-top: 10px;
}
#temas-article-root .casa-links .bio-link{ margin: 0; }
#temas-article-root .house-link{
  display: inline-flex; gap: 6px; align-items: center; min-height: 44px;
  font: 400 12px/1.5 Arial, Helvetica, sans-serif; white-space: nowrap;
  text-decoration: underline; text-decoration-color: #c2d3e4;
  text-underline-offset: 3px;
}
#temas-article-root .house-link:hover, #temas-article-root .house-link:focus-visible{ text-decoration-color: currentColor; }

#temas-article-root .cipt-casa{margin:0 0 32px;}
#temas-article-root .cipt-casa img{display:block;width:100%;height:auto;}


/* Tal día como hoy: módulo original CI3, debajo de la historia y antes del pie. */
#temas-article-root .temas-diario-final{margin:38px 0 22px;clear:both;}
#temas-article-root .temas-diario-final .today{width:100%;box-sizing:border-box;}
#temas-article-root .temas-diario-final .today h2{font:bold 21px/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:var(--coral);margin:0 0 15px;}
@media(max-width:720px){#temas-article-root .temas-diario-final{margin-top:25px;}}

/* CORRECCIÓN 15/10: restituir los estilos del módulo diario tras el reset
   #temas-article-root ... {all:revert}. Solo afecta a las efemérides en LEFT. */
#temas-article-root .temas-diario-final{
  container: diario-temas / inline-size;
}
#temas-article-root .temas-diario-final .today{
  display:block; width:100%; box-sizing:border-box;
  margin:0 0 18px; padding:12px 14px 16px;
  border:1px solid #e5e7ea; border-radius:3px;
  background:#fdfdfd; color:#20283c;
  font:13px/1.35 Arial,Helvetica,sans-serif;
}
#temas-article-root .temas-diario-final .today h2{
  display:block; font:700 21px/1.18 Arial,Helvetica,sans-serif;
  letter-spacing:-.035em; color:#ed6c6d; margin:0 0 15px; padding:0;
}
#temas-article-root .temas-diario-final .today-grid{
  display:grid; grid-template-columns:minmax(0,2.45fr) minmax(0,1.05fr) minmax(0,.98fr) minmax(0,.97fr);
  align-items:stretch; gap:16px; min-width:0;
}
#temas-article-root .temas-diario-final .today-section{
  display:flex; flex-direction:column; min-width:0; margin:0; padding:0;
}
#temas-article-root .temas-diario-final .today-section h3{
  display:block; font:700 15px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:0; color:#141414; margin:0 0 9px; padding:0;
}
#temas-article-root .temas-diario-final .today-lead{
  display:flex; gap:10px; align-items:flex-start; min-height:115px; min-width:0;
}
#temas-article-root .temas-diario-final .today-lead > div{min-width:0; flex:1;}
#temas-article-root .temas-diario-final .today-lead img{
  display:block; flex:0 0 86px; width:86px; max-width:35%; height:114px;
  object-fit:cover; border-radius:2px; margin:0; padding:0;
}
#temas-article-root .temas-diario-final .today-lead strong{
  display:block; font:700 14px/1.25 Arial,Helvetica,sans-serif;
  color:#10142d; margin:0;
}
#temas-article-root .temas-diario-final .today-lead p{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;
  overflow:hidden; color:#667086; font:12px/1.3 Arial,Helvetica,sans-serif;
  margin:7px 0 0; padding:0; overflow-wrap:anywhere;
}
#temas-article-root .temas-diario-final .today-list{
  display:block; list-style:none; flex:1; min-height:114px; min-width:0;
  margin:0; padding:0; color:#06559c;
  font:13px/1.35 Arial,Helvetica,sans-serif;
}
#temas-article-root .temas-diario-final .today-list li{
  display:list-item; list-style:none; margin:0 0 6px; padding:0;
  overflow-wrap:anywhere;
}
#temas-article-root .temas-diario-final a:not(.today-btn){
  color:#06559c; text-decoration:underline;
}
#temas-article-root .temas-diario-final a.today-btn{
  box-sizing:border-box; display:block; width:100%; text-align:center;
  color:#333; background:#fff; border:1px solid #9da4aa;
  border-radius:0; padding:7px 5px; margin:12px 0 0;
  font:12px/1.3 Arial,Helvetica,sans-serif;
  text-decoration:none; cursor:pointer;
}
#temas-article-root .temas-diario-final a.today-btn:hover{
  background:#eef3f7; text-decoration:underline;
}
#temas-article-root .temas-diario-final .today-section > a.today-btn{margin-top:auto;}
#temas-article-root .temas-diario-final .today-section > a.today-btn:not(:first-child){margin-top:12px;}
@container diario-temas (max-width:680px){
  #temas-article-root .temas-diario-final .today-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:22px;
  }
  #temas-article-root .temas-diario-final .today-list{min-height:0;}
}
@container diario-temas (max-width:410px){
  #temas-article-root .temas-diario-final .today-grid{grid-template-columns:minmax(0,1fr);}
  #temas-article-root .temas-diario-final .today-section{
    border-bottom:1px solid #e8e8e8; padding-bottom:14px;
  }
  #temas-article-root .temas-diario-final .today-section:last-child{border-bottom:0;}
}


    
/* Retratos: clic a la biografía original; sin imágenes nuevas. */
#temas-article-root .casa-portrait-link{display:block;width:max-content;max-width:100%;line-height:0;text-decoration:none;align-self:start;}
#temas-article-root .casa-portrait-link:focus-visible{outline:2px solid #175b9c;outline-offset:3px;}
#temas-article-root .casa-wide .casa-portrait-link{grid-column:1;grid-row:1/span 3;}
@container (max-width:759px){#temas-article-root .casa-wide .casa-portrait-link{grid-column:auto;grid-row:auto;}}