/*
Theme Name: Tema Glarus Media
Theme URI: https://glarusmedia.com/
Template: twentytwentyfour
Author: Estudio Las Piedras
Author URI: https://estudiolaspiedras.uy/
Description: https://estudiolaspiedras.uy/
Tags: https://estudiolaspiedras.uy/
Version: 3.3.1750202201
Updated: 2025-06-17 23:16:41

*/

/* ZONA 1 - Mosaico desigual */
.zona-1 {
  display: grid;
  gap: 0.5rem;
  height: 600px;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .zona-1 {
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: 50% 50%;
    grid-template-areas:
      "post1 post2 post3"
      "post1 post2 post4";
  }

  .post1 { grid-area: post1; }
  .post2 { grid-area: post2; }
  .post3 { grid-area: post3; }
  .post4 { grid-area: post4; }
}

@media (max-width: 1023px) {
  .zona-1 {
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: auto auto;
    grid-template-areas:
      "post1 post1 post1"
      "post2 post3 post4";
  }

  .post1 { grid-area: post1; }
  .post2 { grid-area: post2; }
  .post3 { grid-area: post3; }
  .post4 { grid-area: post4; }
}

.post-horizontal {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.badge-categoria {
  background-color: #256eff;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
}