/* Portada 1.6.2: tres bloques a izquierda; dos tarjetas centrales; Curiosidades y Diáguilev a derecha. */
body.temas-portada{--temas-home-max:1204px;padding-top:24px}
.temas-portada #bb-cabecera-universal .page,.temas-portada .home-shell{width:100%;max-width:var(--temas-home-max);margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}
.home-shell .site-footer{margin-top:45px;padding:20px 0 25px;border-top:1px solid #d8dce1;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#667086;font:12px/1.5 Arial,Helvetica,sans-serif}
.home-shell .site-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.home-shell .site-footer a{color:inherit;text-decoration:none}
.home-shell .site-footer a:hover{text-decoration:underline}
.home-shell .portada-columns{display:grid;grid-template-columns:minmax(150px,200fr) minmax(0,640fr) 300px;grid-template-areas:'left center right';gap:20px;align-items:stretch;justify-content:center}
.home-shell .portada-columns>.left{grid-area:left;min-width:0}
.home-shell .portada-columns>.center{grid-area:center;min-width:0}
.home-shell .portada-columns>.right{grid-area:right;min-width:0;align-self:stretch;position:relative}
.home-shell .lateral-topic{border:1px solid #d8dce1;border-radius:2px;padding:12px;margin:0 0 14px;overflow-wrap:anywhere}
.home-shell .lateral-topic h2{font:700 22px/1.1 Georgia,'Times New Roman',serif;margin:0 0 10px;color:var(--navy)}
.home-shell .lateral-topic h3{font:700 18px/1.15 Georgia,'Times New Roman',serif;margin:9px 0 7px}
.home-shell .lateral-topic h3 a{color:inherit;text-decoration:none}
.home-shell .lateral-topic h3 a:hover{text-decoration:underline}
.home-shell .lateral-topic p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.4}
.home-shell .portada-imagen-link{display:block;text-decoration:none;margin-bottom:10px}
.home-shell .cipt-completa,.home-shell .hero img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;border:0}
.home-shell .story{display:flex;flex-direction:column;gap:0}
.home-shell .story .blue-action{margin-top:auto;padding-top:8px}
.home-shell .story p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
/* Dos tarjetas centrales, con CIP-T a ancho completo y texto adecuado al espacio. */
@media(min-width:721px){
 .home-shell .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-shell .story{padding:14px 15px 16px}
 .home-shell .story h3{font-size:20px;line-height:1.15}
 .home-shell .story p{font-size:14px;line-height:1.4;-webkit-line-clamp:5;line-clamp:5}
}
.home-shell .lateral-topic--extra .blue-action{margin-top:6px}

/* La CIP-T conserva sus textos. En móvil se añade un título HTML que puede leerse sin ampliar. */
.home-shell .hero-readable-title,.home-shell .hero-readable-subtitle{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1001px){
 .home-shell .right>.temas-publicidad-lateral{position:sticky;top:16px;margin:18px auto 0}
 .home-shell .portada-columns:not(.has-left){grid-template-columns:minmax(0,640px) 300px;grid-template-areas:'center right'}
 .home-shell .portada-columns:not(.has-right){grid-template-columns:minmax(0,200px) minmax(0,640px);grid-template-areas:'left center'}
}
.home-shell .portada-columns:not(.has-left):not(.has-right){grid-template-columns:minmax(0,640px);grid-template-areas:'center'}
@media(min-width:1001px) and (max-width:1200px){.home-shell .portada-columns{gap:16px}}
@media(max-width:1000px){
 .home-shell .portada-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'center center' 'left right';gap:18px}
 .home-shell .right>.temas-publicidad-lateral{display:none}
 .home-shell .portada-columns.has-publicidad:not(.has-right-editorial)>.right{display:none}
 .home-shell .portada-columns:not(.has-right),.home-shell .portada-columns.has-publicidad:not(.has-right-editorial){grid-template-columns:minmax(0,1fr);grid-template-areas:'center' 'left'}
 .home-shell .portada-columns:not(.has-left){grid-template-columns:minmax(0,1fr);grid-template-areas:'center' 'right'}
 .home-shell .portada-columns:not(.has-left):not(.has-right),.home-shell .portada-columns.has-publicidad:not(.has-right-editorial):not(.has-left){grid-template-columns:minmax(0,1fr);grid-template-areas:'center'}
}
/* Tableta: el centro ocupa la primera fila; las cuatro tarjetas fluyen 2×2.
   Se borran las áreas nominales y se cubren también las clases de laterales vacíos. */
@media(min-width:721px) and (max-width:1000px){
 .home-shell .portada-columns,
 .home-shell .portada-columns:not(.has-left),
 .home-shell .portada-columns:not(.has-right),
 .home-shell .portada-columns.has-publicidad:not(.has-right-editorial),
 .home-shell .portada-columns:not(.has-left):not(.has-right),
 .home-shell .portada-columns.has-publicidad:not(.has-right-editorial):not(.has-left){
  grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none
 }
 .home-shell .portada-columns>.left,
 .home-shell .portada-columns>.right,
 .home-shell .portada-columns.has-publicidad:not(.has-right-editorial)>.right{display:contents}
 .home-shell .portada-columns>.center{grid-area:auto;grid-column:1/-1;grid-row:1}
 .home-shell .portada-columns>.left>.lateral-topic,
 .home-shell .portada-columns>.right>.lateral-topic{grid-column:auto;grid-row:auto;margin:0}
 .home-shell .portada-columns:not(.has-left)>.right>.lateral-topic{grid-column:1/-1}
 .home-shell .portada-columns>.right>.lateral-topic--extra{grid-column:1/-1}
}
@media(max-width:720px){
 body.temas-portada{padding-top:16px}
 .temas-portada #bb-cabecera-universal .page,.temas-portada .home-shell{padding-left:15px;padding-right:15px}
 .home-shell .portada-columns{grid-template-columns:minmax(0,1fr);grid-template-areas:'center' 'left' 'right';gap:8px}
 .home-shell .hero-readable-title,.home-shell .hero-readable-subtitle{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0 0 12px}
 .home-shell .hero-readable-title{font:700 26px/1.14 Georgia,'Times New Roman',serif;overflow-wrap:break-word}
 .home-shell .hero-readable-title a{color:var(--navy);text-decoration:none}
 .home-shell .hero-readable-subtitle{font-size:16px;line-height:1.35;color:var(--muted)}
 .home-shell .today-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .home-shell .today-section{min-width:0;padding-bottom:16px;border-bottom:1px solid #e8e8e8}
 .home-shell .today-section:last-child{border-bottom:0;padding-bottom:0}
 .home-shell .today-list{min-height:0}
 .home-shell .site-footer{flex-direction:column;align-items:flex-start;gap:15px}
}