/*
Theme Name: Fale com o Dono Blog PRO
Author: Fale com o Dono
Version: 3.0
Description: Tema focado em blog com homepage em cards modernos e layout profissional SaaS.
*/

body {
    margin:0;
    font-family: 'Segoe UI', Arial, sans-serif;
    background:#f4f7f9;
    color:#1f2937;
}

.container {
    width:90%;
    max-width:1200px;
    margin:auto;
}

header {
    padding:25px 0;
}

.main-nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.menu {
    list-style:none;
    display:flex;
    gap:30px;
    margin:0;
    padding:0;
}

.menu a {
    text-decoration:none;
    font-weight:600;
    color:#1f2937;
}

.hero {
    background:linear-gradient(135deg,#2bb9a6,#2b8bd6);
    color:white;
    padding:120px 20px;
    text-align:center;
}

.hero h1 {
    font-size:56px;
    font-weight:800;
}

.hero p {
    max-width:750px;
    margin:20px auto 40px;
    font-size:20px;
    opacity:.95;
}

.section {
    padding:100px 0;
}

.blog-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:40px;
}

.blog-card {
    background:white;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
    transition:all .3s ease;
}

.blog-card:hover {
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,0.08);
}

.blog-card img {
    width:100%;
    height:220px;
    object-fit:cover;
}

.blog-content {
    padding:30px;
}

.blog-content h3 {
    font-size:22px;
    margin-bottom:15px;
}

.blog-content p {
    color:#4b5563;
}

.read-more {
    margin-top:20px;
    display:inline-block;
    font-weight:600;
    color:#2bb9a6;
    text-decoration:none;
}

.single-post {
    max-width:800px;
    margin:auto;
}

.single-post img {
    width:100%;
    border-radius:16px;
    margin-bottom:30px;
}

.single-post h1 {
    font-size:42px;
    margin-bottom:20px;
}

.single-post p {
    line-height:1.8;
    font-size:18px;
    color:#374151;
}

footer {
    background:#0f172a;
    color:white;
    padding:60px 0;
    text-align:center;
    margin-top:80px;
}