/* =========================
           CONFIGURAÇÕES GERAIS
        ========================= */

        body {
            background: linear-gradient(135deg, #0d0d0d, #242424);
            color: white;
            font-family: 'Montserrat', sans-serif;
            min-height: 100vh;
        }

        .conteudo {
            max-width: 1000px;
        }


        /* =========================
           CARDS
        ========================= */

        .card {
            background-color: rgba(0, 0, 0, 0.78);
            border: 1px solid #3a3a3a;
            color: white;
        }


        /* =========================
           TÍTULO
        ========================= */

        .titulo {
            color: white !important;
            letter-spacing: 6px;
            font-weight: 800;
            text-shadow: 0 2px 12px rgba(255, 255, 255, 0.15);
        }

        h2 {
            color: white !important;
            font-weight: 700;
            letter-spacing: 1px;
        }


        /* =========================
           TEXTOS
        ========================= */

        .descricao {
            color: #dddddd;
            line-height: 1.8;
            font-weight: 400;
            text-align: justify;
        }


        /* =========================
           IMAGEM PRINCIPAL
        ========================= */

        .imagem-principal {
            max-width: 300px;
            width: 100%;
            height: auto;
        }



        /* =========================
           IMAGENS DA CURIOSIDADE
        ========================= */

        .imagem-curiosidade {
            max-width: 300px;
            width: 100%;
            height: auto;
            transition: 0.3s;
        }

        .imagem-curiosidade:hover {
            transform: scale(1.02);
        }


        /* =========================
           GALERIA
        ========================= */

        .galeria img {
            max-width: 100%;
            height: auto;
            transition: 0.3s;
        }

        .galeria img:hover {
            transform: scale(1.03);
            filter: brightness(1.15);
        }


        /* =========================
           BOTÃO
        ========================= */

        .botao-index {
            width: 200px;
            font-weight: 600;
            letter-spacing: 1px;
            transition: 0.3s;
        }

        .botao-index:hover {
            transform: translateY(-2px);
        }


        /* =========================
           CELULAR
        ========================= */

        @media (max-width: 576px) {

            .titulo {
                font-size: 2rem;
                letter-spacing: 4px;
            }

            .descricao {
                font-size: 0.95rem;
                text-align: left;
            }

            .imagem-principal {
                max-width: 100%;
            }

            .imagem-curiosidade {
                max-width: 100%;
            }

        }