/*
Theme Name:       ReCat
Author:           Néstor Pons
Author URI:       https://nestorpons.com
Description:      Tema hecho para revista.cat.
Version:          1.0.0
License:          GNU General Public License v2 or later
License URI:      https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:      recat
Tags:             responsive, accesible, personalizado
*/


@import url("css/normalize.css");
@import url("css/main.css");
@import url("css/header.css");
@import url("css/header-mobile.css");
@import url("css/footer.css");
@import url("css/single.css");
@import url("css/radio.css");

.hidden {
  display: none !important;
}

.d-flex{
  display: flex;
}
/* === INDEX / POST LIST === */
.main-content {
    min-height: 50vh;
    height: max-content;
    margin: auto;
    padding: 0 1rem;
  }
  
  .post-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
  }
  
  .hero-article {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 1rem;
    transition: box-shadow 0.3s ease;
  }
  
  .hero-article:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }
  
  .hero-article img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.5rem;
  }
  
  .hero-article h2 {
    font-size: 1.2rem;
    margin: 0.5rem 0;
    font-family: 'Open Sans', sans-serif; /* O la fuente que uses para títulos */
  }
  
  .hero-article p {
    font-size: 0.85rem;
    color: #666;
  }
  
#facebook:hover{
    background-image: url('img/icon-facebbok-default.svg');
}
#facebook {
    background-image: url('img/icon-facebook-hover.svg');
  }
#twitter:hover{
    background-image: url('img/icon-twitter-default.svg');
}
#twitter {
    background-image: url('img/icon-twitter-hover.svg');
  }