:root {
            --azul-profundo: #063e77;
            --azul-destaque: #5f8fe2ff;
            --azul-claro: #64ffda;
            --amarelo-acao: #FFD700;
            --branco: #e6f1ff;
        }

        body { font-family: 'Inter', sans-serif; margin: 0; background: #f0f2f5; color: var(--azul-profundo); }

        /* Header Elegante */
        .top-bar { 
            background: var(--azul-profundo); 
            padding: 10px 5%; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
        }
        .top-bar img{ 
            width: 70%;
        }
        .nav-links { 
            min-width: 60%;
            text-align: right;
        }

        .nav-links a { color: var(--branco); margin-left: 20px; text-decoration: none; font-size: 14px; text-align: right;}


        /* Seção de Busca com Fundo Escuro */
        .hero { 
            /*background: linear-gradient(rgba(10, 25, 47, 0.3), rgba(5, 59, 139, 0.8));*/
            background-image: url("img/fundo2.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 100px 20px;
            text-align: center;
            color: white;
        }
        .hero { 
            /*background: linear-gradient(rgba(10, 25, 47, 0.3), rgba(5, 59, 139, 0.8));*/
            background-image: url("img/fundo2.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 100px 20px;
            text-align: center;
            color: white;
        }

        .search-wrapper { background: white; padding: 10px; border-radius: 50px; display: inline-flex; width: 60%; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
        .search-wrapper input { border: none; padding: 15px; flex-grow: 1; border-radius: 50px; outline: none; font-size: 18px; }
        .btn-search { background: var(--azul-profundo); color: white; border: none; padding: 0 30px; border-radius: 50px; cursor: pointer; }

        /* Grid de Anúncios */
        .container { max-width: 1200px; margin: -50px auto 50px; padding: 0 20px; }
        .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }
        
        .card { background: white; border-radius: 15px; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
        .card-img { height: 180px; background: #ddd; position: relative; }
        .price-tag { position: absolute; bottom: 10px; left: 10px; background: var(--amarelo-acao); padding: 5px 10px; font-weight: bold; border-radius: 5px; }
        .card-info { padding: 15px; }

        .btn-main { background: var(--amarelo-acao); border: none; padding: 15px 30px; border-radius: 8px; font-weight: bold; cursor: pointer; text-transform: uppercase; }
        /* Footer Moderno */
        footer {
            background: var(--azul-profundo);
            color: var(--branco);
            padding: 60px 5% 20px;
            margin-top: 50px;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 40px;
        }

        .footer-logo img {
            height: 60px;
            margin-bottom: 15px;
            filter: brightness(1.2);
        }

        .footer-column h4 {
            color: var(--amarelo-acao);
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 16px;
        }

        .footer-column ul {
            list-style: none;
            padding: 0;
        }

        .footer-column ul li {
            margin-bottom: 10px;
        }

        .footer-column ul li a {
            color: var(--branco);
            text-decoration: none;
            font-size: 14px;
            opacity: 0.8;
            transition: 0.3s;
        }

        .footer-column ul li a:hover {
            opacity: 1;
            color: var(--amarelo-acao);
            padding-left: 5px;
        }

        .footer-bottom {
            max-width: 1200px;
            margin: 20px auto 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 13px;
            opacity: 0.6;
        }

        .social-icons a {
            color: var(--branco);
            font-size: 20px;
            margin-left: 15px;
            text-decoration: none;
        }



/* MENU NORMAL */
.nav-links {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* BOTÃO HAMBURGUER */
.menu-toggle {
    display: none;
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--branco);
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {

    html, body {
        width: 100%;
        overflow-x: hidden;
    }

    .top-bar {
        padding: 10px 15px;
        position: relative;
    }
        .top-bar img{ 
            width: 90%;
        }

    .menu-toggle {
        display: block;
        color: var(--branco);
    }
.search-wrapper {display: none; }
    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 20px 0;
        background: var(--azul-profundo);
        display: none;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
}