Guia de Mensagens de Amor: Encontre a Inspiração Perfeita

@import url(‘https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@700&display=swap’);

.hub-container { max-width: 850px; margin: 0 auto; padding: 20px; font-family: ‘Lora’, serif; background: #fff; }

.hub-header { text-align: center; margin-bottom: 40px; padding: 20px; border-bottom: 1px solid #eee; }
.hub-header h1 { font-family: ‘Playfair Display’, serif; color: #d63384; font-size: 32px; margin-bottom: 10px; }

.secao-titulo {
font-family: ‘Playfair Display’, serif;
font-size: 24px;
color: #333;
border-bottom: 2px solid #f8d7da;
padding-bottom: 10px;
margin: 40px 0 20px 0;
display: flex;
align-items: center;
}

.grid-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.card-mini {
background: #fff8f9;
border: 1px solid #f1f1f1;
border-radius: 10px;
padding: 15px;
transition: 0.3s;
text-decoration: none !important;
display: block;
}

.card-mini:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-color: #d63384; }

.card-mini h4 {
font-family: ‘Playfair Display’, serif;
color: #d63384;
margin: 0 0 8px 0;
font-size: 18px;
line-height: 1.3;
}

.card-mini p { color: #000; font-size: 14px; margin: 0; line-height: 1.4; }

.sobre-box { background: #fdf2f5; padding: 30px; border-radius: 15px; margin-top: 50px; text-align: center; }
.btn-yt {
display: inline-block; background: #fff; color: #fff !important;
padding: 10px 20px; border-radius: 25px; text-decoration: none;
font-weight: bold; margin-top: 15px; font-size: 14px;
}

/* Responsivo para celular */
@media (max-width: 600px) { .grid-cards { grid-template-columns: 1fr; } }