/* Estilo automático para a página: contato */
.hero-section {
    overflow: hidden;
    /* padding-top: 98px; */
    position: relative;
    min-height: 32svh;
    /* padding-top: 100px; */

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        right: 0;
        filter: brightness(0.6);
    }

    .hero-content {
        position: absolute;
        top: 30%;
        width: 100%;
        /* background-color: #2C267B; */
        z-index: 2;
        pointer-events: none;

        h1 {
            color: #f5f5f5;
            font-size: 48px;
        }

        p {
            color: #0b0b0b;
            font-size: 20px;
        }

        a {
            pointer-events: auto;
        }

    }
}

section.form {
    .section-form {
        background-color: #F4FBF7;
        width: 100%;
        height: 100%;
        padding: 60px;

        .custom-form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .form-input {
            width: 100%;
            background: transparent;
            border: none;
            border-bottom: 2px solid #373737;
            padding: 0.5rem 0;
            color: #373737;
            font-size: 1rem;
            outline: none;
            transition: border-color 0.3s;
        }

        .form-input::placeholder {
            color: #373737;
        }

        .form-input:focus {
            border-bottom-color: #00334D;
        }

        .form-btn {
            background-color: #373737;
            color: #f5f5f5;
            border: none;
            padding: 0.8rem 1.2rem;
            font-weight: 600;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .form-btn:hover {
            background-color: #f2f2f2;
            color: #1C1C1C;
        }
    }
}

.faq-section {

    .faq-item {
        border-bottom: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
        transition: all 0.3s ease;

        .faq-question {
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .faq-question:hover {
            background-color: #f8f9fa;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            padding: 0 1rem;
            background-color: #fff;
        }

        &.active .faq-answer {
            max-height: 500px;
            padding: 1rem;
        }
    }
}