/*
Theme Name: Newspack Child
Theme URI: https://github.com/Automattic/newspack-theme
Template: newspack-theme
Author: Automattic
Author URI: https://newspack.com
Description: Child theme personalizado para presentar noticias en tarjetas limpias y clicables.
Tags: Newspack
Version: 1.0.0
*/

/* Importar estilos del tema padre */
@import url('../newspack-theme/style.css');

/* Contenedor principal de las noticias */
#posts-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  padding: 20px;
  background-color: #eee;
}

/* Cada tarjeta de noticia */
#posts-list .post {
  background-color: white;
  border: 3px solid #0073aa;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

#posts-list .post:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}