/*
 Theme Name:   Alma de Priscila
 Theme URI:    https://almadepriscila.com.br
 Description:  Tema filho personalizado baseado no Astra
 Author:       Kika Magalhães
 Author URI:   https://almadepriscila.com.br
 Template:     astra
 Version:      1.0
*/

/* Importa o estilo do tema pai (Astra) */
@import url("../astra/style.css");

/* ===============================
   Estilos Globais
   =============================== */

body {
  background-color: #FCFCFF;
  font-family: 'Montserrat', sans-serif;
}

/* ===============================
   Bloco Conteúdo (Home)
   =============================== */

.content-hub {
  margin: 32px auto 56px;
  max-width: 800px;
  padding: 0 16px;
}

.content-hub__title {
  font-size: 1.6rem;
  margin: 0 0 20px;
  color: #9B4CC3;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  text-align: center;
}

.content-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.content-hub__card {
  max-width: 280px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.07);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.content-hub__card:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}


.content-hub__thumb {
  width: 100%;
  height: 190px;    
  object-fit: cover;
  display: block;
}

.content-hub__label {
  padding: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #555;
  text-align: center;
  background: #FFFFFF;
}


/* ===============================
   Responsividade
   =============================== */

@media (max-width: 900px) {
  .content-hub__grid {
    grid-template-columns: 1fr;
  }

  .content-hub__title {
    font-size: 1.4rem;
  }
}