/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/
/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/*────────────────────────────────────────────────────────
  VARIABLES GLOBALES
────────────────────────────────────────────────────────*/
:root {
  --hec-primary:  #7a5842;
  --hec-black:    #000;
  --hec-white:    #fff;
  --hec-text:     #333;
  --hec-text-alt: #555;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin: 40px auto;
  max-width: 1200px;
}
.news-card {
  background: #fff;
  padding: 1rem;
  border: 1px solid #eee;
  border-radius: 8px;
}
.news-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 6px;
}
.news-card__title {
  margin: .5rem 0;
  font-size: 1.25rem;
  color: #222;
}
.news-card__meta {
  color: #999;
  font-size: .9rem;
  margin-bottom: .5rem;
}
.news-card__excerpt {
  color: #555;
  font-size: 1rem;
}