/* «Últimas noticias de IA» (experimento «dos webs», 02-10-2026): titulares de IA en un minuto.
   Lo pone construir_analisis.py entre <!-- noticias-ia:inicio --> y <!-- noticias-ia:fin -->. */
.noticias-ia { padding: clamp(56px, 8vw, 96px) 0; }
.blog .noticias-ia { padding: clamp(8px, 2vw, 24px) 0 clamp(48px, 6vw, 80px); }
.noticias-ia__caja {
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(24px, 4vw, 56px);
  padding: clamp(26px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius, 24px);
  background: radial-gradient(70% 90% at 0% 0%, rgba(24, 168, 228, .14), transparent 60%),
              radial-gradient(60% 80% at 100% 100%, rgba(168, 66, 198, .12), transparent 60%), var(--bg-soft, #0a0a11);
}
.noticias-ia__cab h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); line-height: 1.08; margin: 12px 0 14px; }
.noticias-ia__cab p { color: var(--muted); line-height: 1.6; }
.noticias-ia__botones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.noticias-ia__lista { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; }
.noticias-ia__lista li { border-top: 1px solid var(--line); }
.noticias-ia__lista li:last-child { border-bottom: 1px solid var(--line); }
.noticias-ia__lista a {
  display: grid; grid-template-columns: 4.4em minmax(0, 1fr); gap: 4px 14px; padding: 15px 4px;
  color: var(--text); text-decoration: none; transition: transform .4s var(--ease);
}
.noticias-ia__lista time { color: var(--muted); font-size: .86rem; font-variant-numeric: tabular-nums; padding-top: 2px; }
.noticias-ia__t { font-weight: 600; line-height: 1.38; }
.noticias-ia__cat { grid-column: 2; color: #5cc6f2; font-size: .76rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
@media (hover: hover) { .noticias-ia__lista a:hover { transform: translateX(6px); } }
@media (max-width: 820px) { .noticias-ia__caja { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .noticias-ia__botones .btn { width: 100%; justify-content: center; } }
/* D10: en móvil la columna de la fecha dejaba el titular en 4-5 líneas; la fecha pasa encima, a todo el ancho */
@media (max-width: 560px) {
  .noticias-ia__lista a { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 14px 2px; }
  .noticias-ia__lista time { padding-top: 0; font-size: .8rem; }
  .noticias-ia__cat { grid-column: 1; }
}