/* =========================================================
   PÁGINA DE CATEGORÍA
========================================================= */

.category-page{
  background:#fff;
}

.category-hero{
  padding:70px 0 34px;
}

.category-kicker{
  margin-bottom:8px;
  color:#8a9097;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.category-title-row{
  display:flex;
  align-items:center;
  gap:18px;
}

.category-title-row h1{
  margin:0;
  font-size:clamp(3.7rem,8vw,7rem);
  line-height:.9;
  letter-spacing:-.07em;
  text-transform:uppercase;
}

.category-accent{
  width:66px;
  height:8px;
  border-radius:999px;
  background:var(--blue);
  margin-top:16px;
}

.category-hero p{
  max-width:680px;
  margin:24px 0 0;
  color:#646a72;
  font-size:1.08rem;
  line-height:1.7;
  font-weight:500;
}

.category-featured{
  margin-top:28px;
}

.category-featured-card{
  display:grid;
  grid-template-columns:1.45fr .85fr;
  min-height:500px;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--shadow);
}

.category-featured-media{
  min-height:500px;
  background-size:cover;
  background-position:center;
}

.actualidad-featured{
  background-image:url('https://images.unsplash.com/photo-1497435334941-8c899ee9e8e9?auto=format&fit=crop&w=1600&q=88');
}

.category-featured-copy{
  padding:48px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.category-featured-copy h2{
  margin:18px 0 22px;
  font-size:clamp(1.85rem,3.1vw,3rem);
  line-height:1.04;
  letter-spacing:-.055em;
}

.category-featured-copy p{
  margin:0 0 26px;
  color:#666c74;
  line-height:1.65;
}

.category-latest{
  padding-top:66px;
  padding-bottom:92px;
}

.category-news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.category-news-card{
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  transition:.2s ease;
}

.category-news-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}

.category-news-image{
  aspect-ratio:1.4/1;
  background-size:cover;
  background-position:center;
}

.category-news-copy{
  padding:20px;
}

.category-news-copy h3{
  margin:14px 0 18px;
  font-size:1.05rem;
  line-height:1.45;
  letter-spacing:-.025em;
}

.actualidad-one{background-image:url('https://images.unsplash.com/photo-1597404294360-feeeda04612e?auto=format&fit=crop&w=1000&q=85')}
.actualidad-two{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1000&q=85')}
.actualidad-three{background-image:url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=1000&q=85')}
.actualidad-four{background-image:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1000&q=85')}
.actualidad-five{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1000&q=85')}
.actualidad-six{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=85')}

.category-more{
  display:flex;
  justify-content:center;
  margin-top:40px;
}

.category-more button{
  min-width:180px;
  height:48px;
  border:1px solid #d8dce1;
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-weight:800;
  text-transform:uppercase;
  cursor:pointer;
  transition:.2s ease;
}

.category-more button:hover{
  border-color:var(--blue);
  color:var(--blue);
  transform:translateY(-2px);
}

.category-promo{
  margin-bottom:90px;
}

@media (max-width:900px){
  .category-featured-card{
    grid-template-columns:1fr;
  }

  .category-featured-media{
    min-height:360px;
  }

  .category-news-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:680px){
  .category-hero{
    padding:48px 0 20px;
  }

  .category-title-row{
    align-items:flex-end;
  }

  .category-title-row h1{
    font-size:clamp(3rem,16vw,5rem);
  }

  .category-accent{
    width:46px;
    height:6px;
    margin-bottom:8px;
  }

  .category-featured{
    margin-top:22px;
  }

  .category-featured-card{
    border-radius:16px;
  }

  .category-featured-media{
    min-height:270px;
  }

  .category-featured-copy{
    padding:28px 24px;
  }

  .category-news-grid{
    grid-template-columns:1fr;
  }

  .category-latest{
    padding-top:48px;
    padding-bottom:62px;
  }

  .category-promo{
    margin-bottom:58px;
  }
}