.newsletter {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--azul-800);
    color: var(--off-white-100);
}

    .newsletter .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-40);
        width: 844px;
    }

        .newsletter h1 {
            font-weight: 400;
            text-align: center;
        }

        .newsletter .email-form {
            display: flex;
            justify-content: space-between;
            gap: var(--base-grid-spacing);
            width: 100%;
        }

            .newsletter .email-form #email {
                width: 554px;
                background-color: transparent;
                border: 2px solid var(--off-white-100);
                border-radius: 3.5rem;
                color: var(--off-white-100);
            }

            .newsletter .email-form #email::placeholder {
                color: var(--off-white-100);
                padding-left: var(--spacing-24);
                font-size: 1rem;
                color: #DADAD9;
            }