/* ============================================================
   SEÇÃO "PARA QUEM É ESTE KIT" — rosa-coral + verde-água
   sobre fundo pastel, identidade ArtKids Terapia
   ============================================================ */

.para-quem {
background: linear-gradient(180deg, #F0FAF9 0%, #E8F9F8 100%);
}

/* Etiqueta superior (pill) */
.pq-badge {
display: inline-block;
padding: 0.5rem 1.25rem;
border-radius: 999px;
background: #E0F2FE;
color: #0284C7;
font-family: 'Nunito', sans-serif;
font-weight: 700;
font-size: 0.9rem;
}

/* Título rosa-coral em caixa alta */
.pq-titulo {
color: rgb(61 181 172);
text-transform: uppercase;
letter-spacing: 0.02em;
line-height: 1.2;
}

/* Cards brancos arredondados com sombra pastel */
.pq-card {
background: #FFFFFF;
border-radius: 20px;
padding: 1.75rem;
text-align: center;
box-shadow: 0 6px 18px rgba(45 163 148 / 0.10), 0 2px 6px rgba(56 42 30 / 0.06);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pq-card:hover {
transform: translateY(-6px);
box-shadow: 0 14px 30px rgba(45 163 148 / 0.16), 0 4px 10px rgba(56 42 30 / 0.08);
}

.pq-card-icone {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin: 0 auto 1rem;
border-radius: 50%;
background: #E0F9F1; /* detalhe verde-água */
color: rgb(61 181 172); /* ícones em verde-água, via currentColor */
}

.pq-card-titulo {
display: block;
margin-bottom: 0.5rem;
color: #54402e;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.01em;
}

.pq-card-texto {
color: rgb(140 111 84); /* warm-600, padrão da página */
font-size: 0.875rem;
line-height: 1.6;
}

/* 3 colunas a partir de tablets (md), 2 no sm, 1 no mobile */
@media (min-width: 768px) {
.para-quem .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}